@import"https://fonts.googleapis.com/css2?family=Ubuntu:wght@400;500;700&family=Ubuntu+Mono:wght@400;700&display=swap";:root{font-family:Ubuntu,Arial,sans-serif;color:#fff;background:#c6975e;font-synthesis:none;text-rendering:optimizeLegibility;--board:#dca15e;--slot:#b4824b;--slot-edge:#a27645;--ink:#fff;--outline:#251b14;--mono:"Ubuntu Mono",monospace}*{box-sizing:border-box}html,body,#root{margin:0;min-width:320px;min-height:100%;width:100%}body{background:#e8d4a4}.game-window{width:min(100%,1180px);height:100dvh;min-height:0;display:flex;flex-direction:column;margin:0 auto;padding:8px 10px 5px;background:var(--board);border:10px solid #ae7943;border-radius:8px;box-shadow:inset 0 0 0 2px #f1c27d,0 0 0 2px #8a5f34;position:relative;overflow:hidden}.game-header{width:100%;height:52px;display:grid;grid-template-columns:1fr auto 1fr;align-items:start;position:relative;z-index:3}.header-spacer{min-width:20px}.game-header h1{margin:2px 0 0;font-size:29px;line-height:1.1;font-weight:700;letter-spacing:.5px;color:#fff;text-shadow:-2px -2px 0 var(--outline),2px -2px 0 var(--outline),-2px 2px 0 var(--outline),2px 2px 0 var(--outline),0 3px 0 var(--outline)}.close-button{justify-self:end;margin:2px 7px 0 0;width:39px;height:39px;border-radius:11px;border:0;background:#ad474b;color:#eee;font:700 38px/32px Arial,sans-serif;text-shadow:0 2px 2px #60302e;box-shadow:inset 0 2px #dc7471;cursor:pointer}.close-button:hover{filter:brightness(1.12)}.craft-stage{width:100%;height:410px;max-width:970px;margin:0 auto;position:relative}.craft-slots{position:absolute;top:0;right:23%;bottom:42px;left:2%;pointer-events:auto}.craft-slot{--size:82px;position:absolute;width:var(--size);height:var(--size);background:var(--slot);border-radius:3px;box-shadow:inset 0 0 0 1px #aa7946;display:grid;place-items:center;transform-origin:center;overflow:visible}.craft-slot.loaded{background:var(--rarity);box-shadow:inset 0 0 0 5px color-mix(in srgb,var(--rarity) 75%,#70472a),inset 0 0 0 7px #58391f,0 2px 2px #6e4c2d55}.slot-0{left:40%;top:1%}.slot-1{left:21%;top:22%}.slot-2{left:59%;top:22%}.slot-3{left:27%;top:56%}.slot-4{left:53%;top:56%}.craft-action{position:absolute;left:74%;top:37%;display:flex;align-items:center;flex-direction:column;min-width:150px;z-index:2}.craft-button{min-width:88px;height:48px;padding:3px 15px;border:0;border-radius:11px;background:#7d7770;color:#fff;font-size:21px;font-weight:700;text-shadow:-1.5px -1.5px #241a14,1.5px -1.5px #241a14,-1.5px 1.5px #241a14,1.5px 1.5px #241a14,0 2px #241a14;box-shadow:inset 0 0 0 6px #635d57,0 2px #826542;cursor:pointer;transition:transform .15s,filter .15s,background .15s}.craft-button.ready{background:#17c7d2;box-shadow:inset 0 0 0 6px #0dabb8,0 2px #167783}.craft-button:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}.craft-button:disabled{cursor:default;opacity:.95}.craft-action>span,.craft-action>small{font-size:15px;font-weight:700;line-height:1.35;white-space:nowrap;color:#fff;text-shadow:-1.6px -1.6px var(--outline),1.6px -1.6px var(--outline),-1.6px 1.6px var(--outline),1.6px 1.6px var(--outline),0 2px var(--outline)}.craft-action>small{font-size:12px}.stage-instruction{position:absolute;left:0;right:0;bottom:8px;margin:0;text-align:center;font-size:19px;font-weight:700;text-shadow:-1.5px -1.5px var(--outline),1.5px -1.5px var(--outline),-1.5px 1.5px var(--outline),1.5px 1.5px var(--outline),0 2px var(--outline)}.petal-icon{--rarity:#7eef6d;display:inline-grid;place-items:center;width:68px;height:58px;flex:none}.petal-icon>img{display:block;width:100%;height:100%;object-fit:contain;image-rendering:auto;filter:drop-shadow(0 1px 1px #53371966)}.craft-slot .petal-icon{width:60px;height:54px}.craft-slot .petal-icon>img{width:100%;height:100%}.slot-stack{position:absolute;right:-3px;top:-4px;color:#fff;font:700 16px Ubuntu,sans-serif;font-style:italic;-webkit-text-stroke:1px #21190f;text-shadow:2px 2px #21190f,-1px -1px #21190f}.craft-stage.spin .craft-slot.loaded{animation:slotSpin .72s cubic-bezier(.18,.72,.27,1) var(--stagger) both}.craft-stage.spin .craft-slot:nth-child(odd){animation-name:slotSpinReverse}.craft-stage.success .craft-slot.loaded{animation:successPop .36s ease-out both}.craft-stage.fail .craft-slot.loaded{animation:failJolt .4s ease-in-out both}.craft-stage.success:after,.craft-stage.fail:after{content:"";position:absolute;top:20px;right:8%;bottom:45px;left:8%;border-radius:50%;pointer-events:none;animation:flashOut .9s ease-out both}.craft-stage.success:after{background:radial-gradient(ellipse,#fffbd2a8 0,transparent 58%);filter:brightness(1.2)}.craft-stage.fail:after{background:radial-gradient(ellipse,#f54f4490 0,transparent 58%)}.result-flash{position:absolute;z-index:4;left:42%;top:40%;font-size:24px;font-weight:700;opacity:0;pointer-events:none;-webkit-text-stroke:1px #27180f;text-shadow:2px 3px #28180d}.crafted-result{position:absolute;z-index:3;left:39%;top:13%;width:90px;height:90px;background:var(--rarity);border:5px solid color-mix(in srgb,var(--rarity) 74%,#59361c);box-shadow:0 0 0 2px #59361c,0 0 28px #fff8c8;border-radius:4px;display:flex;flex-direction:column;align-items:center;justify-content:center;animation:craftedReveal .7s cubic-bezier(.15,.8,.2,1) both}.crafted-result .petal-icon{width:66px;height:54px}.crafted-result>span{font-size:10px;font-weight:700;text-shadow:-1px -1px #291c13,1px 1px #291c13}.crafted-result>b{font-size:16px;font-style:italic;-webkit-text-stroke:.7px #21190f;text-shadow:1px 1px #21190f}.crafted-result>small{font-size:9px;font-weight:700;text-shadow:-1px -1px #291c13,1px 1px #291c13}.returned-result{left:39%;top:13%;color:#fff}.craft-stage.success .result-flash.good{animation:resultRise .9s ease-out both;color:#efffc5}.craft-stage.fail .result-flash.bad{animation:resultRise .9s ease-out both;color:#ffd5c6}.inventory-board{width:100%;position:relative;display:flex;flex:1;flex-direction:column;min-height:0}.inventory-toolbar{min-height:43px;display:flex;align-items:center;gap:7px;padding:0 2px 8px;border-bottom:2px solid #bc8950}.search-field{height:30px;display:flex;align-items:center;gap:5px;background:#b98951;border:1px solid #af804b;padding:0 7px;min-width:115px;flex:1}.search-field span{font-size:17px;color:#f9e2b4}.search-field input{width:100%;min-width:40px;border:0;outline:0;background:none;color:#fff;font-size:12px}.search-field input::placeholder{color:#f5dfbe}.selected-info{display:flex;align-items:center;gap:4px;min-width:105px;font-size:11px;font-weight:700;text-shadow:0 1px #5d3d23}.selected-info .petal-icon{width:35px;height:29px}.selected-info .petal-icon>img{width:100%;height:100%}.selected-info small{display:block;font-size:9px;font-weight:400}.petal-select{max-width:86px;min-width:0;border:0;background:transparent;color:#fff;font:11px Ubuntu,sans-serif;text-shadow:0 1px #5d3d23;padding:1px}.petal-select option{color:#161616}.inventory-cell.empty{cursor:default;animation:none;box-shadow:inset 0 0 0 1px #a67848}.inventory-cell.empty:hover{transform:none;box-shadow:inset 0 0 0 1px #a67848}.inventory-toolbar select,.amount-input{height:29px;background:#b98951;border:1px solid #ae7c47;color:#fff;font:11px Ubuntu,sans-serif;padding:0 5px;max-width:103px}.inventory-toolbar select option{color:#161616}.amount-input{width:56px}.add-button,.return-button,.reset-button,.batch-button{height:29px;border:1px solid #84633f;background:#6c5943;color:#fff;padding:0 8px;font:11px Ubuntu,sans-serif;font-weight:700;cursor:pointer;white-space:nowrap}.add-button{background:#8ab758;border-color:#6e9845}.add-button:hover{filter:brightness(1.08)}.return-button{background:#866c4a}.return-button:disabled{opacity:.5}.reset-button{background:#b66b4c}.seed-input{height:29px;width:60px;background:#b98951;border:1px solid #ae7c47;color:#fff;font:11px var(--mono);padding:0 5px}.attempts-input{height:29px;width:55px;background:#b98951;border:1px solid #ae7c47;color:#fff;font:11px var(--mono);padding:0 5px}.batch-button{background:#17acb8;border-color:#11818b}.batch-button:disabled{opacity:.55;cursor:default}.inventory-grid{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:11px 12px;padding:8px 0 6px;flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-color:#9c7344 transparent;scrollbar-width:thin}.inventory-cell{height:auto;aspect-ratio:1/1;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;padding:3px 2px 4px;background:var(--slot);border:0;border-radius:3px;box-shadow:inset 0 0 0 1px #a67848;color:#fff;cursor:pointer;transition:transform .12s,box-shadow .12s;animation:tileIn .22s ease-out both;animation-delay:var(--delay)}.inventory-cell:hover{transform:translateY(-2px);box-shadow:inset 0 0 0 2px #ffedbf,0 2px 4px #68462566}.inventory-cell.chosen{outline:3px solid #f7d895;outline-offset:1px;z-index:1}.inventory-cell:not(:has(.cell-count)){background:#b4824b}.inventory-cell:has(.cell-count){background:var(--rarity);box-shadow:inset 0 0 0 5px color-mix(in srgb,var(--rarity) 78%,#644426),inset 0 0 0 7px #6c4b2b}.inventory-cell .petal-icon{width:calc(100% - 13px);height:57%;margin-top:1px}.inventory-cell .petal-icon>img{width:100%;height:100%}.cell-name{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(8px,1.35vw,14px);line-height:1.05;font-weight:700;color:#fff;text-shadow:-1.2px -1.2px #382414,1.2px -1.2px #382414,-1.2px 1.2px #382414,1.2px 1.2px #382414,0 2px #382414}.cell-count{position:absolute;right:3px;top:0;color:#fff;font:italic 700 clamp(10px,1.9vw,19px) Ubuntu,sans-serif;-webkit-text-stroke:1px #1e1711;text-shadow:1.5px 1.5px #1e1711,-1px -1px #1e1711}.no-results{grid-column:1/-1;text-align:center;color:#fff;padding:40px;font-weight:700;text-shadow:1px 1px #584127}.notice{position:sticky;bottom:2px;margin:0 auto 4px;width:max-content;max-width:100%;padding:6px 12px;background:#40301edb;border:1px solid #f0c27c;border-radius:4px;color:#fff;font:11px var(--mono);z-index:5}.game-footer{width:100%;display:flex;justify-content:space-between;gap:10px;padding:4px 2px 0;color:#fff4db;font:10px var(--mono);text-shadow:0 1px #6b4b2c}.closed-screen{min-height:100vh;display:grid;place-items:center;background:#dca15e}.closed-screen button{padding:12px 22px;background:#17c7d2;border:0;border-radius:7px;color:#fff;font-weight:700}@keyframes craftedReveal{0%{opacity:0;transform:scale(.1) rotate(-140deg)}60%{opacity:1;transform:scale(1.12) rotate(15deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes slotSpin{0%{transform:rotate(0) scale(1)}45%{transform:rotate(390deg) scale(1.14)}to{transform:rotate(720deg) scale(1)}}@keyframes slotSpinReverse{0%{transform:rotate(0) scale(1)}45%{transform:rotate(-390deg) scale(1.14)}to{transform:rotate(-720deg) scale(1)}}@keyframes successPop{0%{filter:brightness(1)}45%{filter:brightness(2.2);transform:scale(1.12)}to{filter:brightness(1.1);transform:scale(1)}}@keyframes failJolt{0%,to{transform:translate(0)}20%{transform:translate(-6px) rotate(-3deg)}45%{transform:translate(6px) rotate(3deg)}70%{transform:translate(-3px)}}@keyframes flashOut{0%{opacity:0;transform:scale(.35)}24%{opacity:1}to{opacity:0;transform:scale(1.5)}}@keyframes resultRise{0%{opacity:0;transform:translateY(10px) scale(.7)}20%{opacity:1;transform:translateY(0) scale(1.1)}75%{opacity:1}to{opacity:0;transform:translateY(-18px) scale(1)}}@keyframes tileIn{0%{opacity:.65;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@media(max-width:720px){.game-window{padding:5px 5px 4px;border-width:6px;border-radius:5px}.game-header{height:37px}.game-header h1{font-size:23px}.close-button{width:30px;height:30px;font-size:30px;line-height:25px;border-radius:8px;margin:0 2px 0 0}.craft-stage{height:270px}.craft-slots{top:0;right:25%;bottom:38px;left:1%}.craft-slot{--size:58px}.slot-0{left:39%;top:2%}.slot-1{left:16%;top:20%}.slot-2{left:62%;top:20%}.slot-3{left:22%;top:49%}.slot-4{left:56%;top:49%}.craft-slot .petal-icon{width:45px;height:41px}.craft-slot .petal-icon>img{width:100%;height:100%}.craft-action{left:73%;top:34%;min-width:100px}.craft-button{min-width:67px;height:39px;font-size:17px;box-shadow:inset 0 0 0 5px #635d57}.craft-button.ready{box-shadow:inset 0 0 0 5px #0dabb8}.craft-action>span{font-size:10px}.craft-action>small{font-size:8px;white-space:normal;text-align:center}.stage-instruction{font-size:12px;bottom:7px}.inventory-toolbar{flex-wrap:wrap;gap:5px;padding-bottom:6px}.search-field{flex:1 1 35%;min-width:110px}.selected-info{order:1;min-width:80px;flex:1}.inventory-toolbar select{order:2;flex:1 1 75px}.amount-input{order:3;max-width:none;flex:0 1 50px}.add-button{order:4;flex:1}.seed-input{order:5;flex:1;min-width:55px}.attempts-input{order:6;flex:1;min-width:55px}.batch-button{order:7;flex:1}.reset-button{order:8}.inventory-grid{grid-template-columns:repeat(9,minmax(0,1fr));gap:5px;padding-top:6px;max-height:none;min-height:0;flex:1}.inventory-cell{border-radius:2px}.inventory-cell:has(.cell-count){box-shadow:inset 0 0 0 3px color-mix(in srgb,var(--rarity) 78%,#644426),inset 0 0 0 4px #6c4b2b}.inventory-cell .petal-icon{width:calc(100% - 5px);height:55%}.inventory-cell .petal-icon>img{width:100%;height:100%}.cell-name{font-size:clamp(7px,2.45vw,11px)}.cell-count{right:1px;font-size:clamp(9px,3vw,13px);-webkit-text-stroke:.7px #1e1711}.game-footer{font-size:8px;flex-direction:column;gap:2px}.result-flash{left:38%;top:39%;font-size:20px}.crafted-result{left:35%;top:10%;width:67px;height:67px;border-width:4px}.crafted-result .petal-icon{width:48px;height:38px}.crafted-result>span{font-size:8px}.crafted-result>b{font-size:12px}.crafted-result>small{font-size:7px}.returned-result{left:35%;top:10%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}