@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Outfit:wght@500;600;700;800&display=swap";:root{color:#edf5e9;font-synthesis:none;background:#102c29;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(at 20% 25%,#25473b 0,#0000 55%);min-height:100vh;margin:0}button{font:inherit;cursor:pointer}#app{justify-content:center;align-items:center;gap:90px;min-height:100vh;padding:32px;display:flex}.intro{width:325px}.eyebrow{letter-spacing:2.5px;color:#bada8d;font-size:10px;font-weight:700}h1{letter-spacing:-5px;margin:24px 0 34px;font:800 76px/.93 Outfit,sans-serif}h1 span{color:#d9ef9d;display:block}.lead{letter-spacing:-.5px;font:600 30px/1.2 Outfit,sans-serif}.intro>p:not(.lead){color:#a4b9ad;max-width:285px;font-size:14px;line-height:1.8}.guide{border-top:1px solid #446052;margin-top:36px;padding-top:25px;font-size:12px}.guide>b{letter-spacing:2px;color:#c8d9c5;font-size:10px}.guide p{color:#c8d9c5;margin:18px 0}.guide em{color:#d9ef9d;margin-right:14px;font-style:normal;font-weight:700}.tags{gap:8px;margin:30px 0;display:flex}.tags span{letter-spacing:1px;border:1px solid #496052;border-radius:20px;padding:8px;font-size:8px}.intro>small{letter-spacing:2px;color:#7e9b88;font-size:9px}main{color:#264b3d;background:#f5f2e6;border:1px solid #75947a;border-radius:20px;width:440px;overflow:hidden;box-shadow:0 24px 90px #051e2580}header{letter-spacing:1px;border-bottom:1px solid #dce0ce;justify-content:space-between;align-items:center;padding:14px 15px;font-size:10px;font-weight:800;display:flex}header small{color:#a4b099;margin-left:7px}.live{background:#689d65;border-radius:50%;width:6px;height:6px;margin-right:5px;display:inline-block}header button{color:#607862;letter-spacing:0;background:0 0;border:0;font-size:11px}.score{justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.score small{letter-spacing:1.2px;color:#7d8972;margin-bottom:5px;font-size:8px;display:block}.score b{font-size:11px}.score b span{color:#956943;background:#eadac6;border-radius:3px;padding:2px 4px;font-size:8px}.you{text-align:right}#timer{background:#e6e8d7;border-radius:9px;padding:5px 10px;font:700 25px Outfit,sans-serif}#arena{aspect-ratio:420/620;border-radius:10px;margin:0 10px;position:relative;overflow:hidden}#game{width:100%;height:100%}canvas{display:block}#result{color:#f0f4dc;text-align:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#153b32df;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}#result[hidden]{display:none}#result>span{font-size:55px}h2{margin:18px 0 0;font:700 34px Outfit,sans-serif}#result p{font-size:13px}#result button{color:#264b3d;background:#d9ef9d;border:0;border-radius:8px;margin-top:15px;padding:13px 28px;font-weight:700}.control{padding:13px 12px 10px}.elixir-label{letter-spacing:1px;color:#8763af;justify-content:space-between;align-items:center;font-size:9px;display:flex}.elixir-label span{color:#4a354f;margin-left:8px}.elixir-label small{color:#87917d;letter-spacing:0;font-size:9px}#elixir{background:#e4dcea;border-radius:6px;height:7px;margin:8px 0 13px;overflow:hidden}#elixir i{background:linear-gradient(90deg,#b28bcf,#855ab3);height:100%;transition:width .1s;display:block}#hand{grid-template-columns:repeat(4,1fr);gap:7px;display:grid}.card{color:#294d3b;background:#fffdf2;border:1px solid #d8ddc8;border-radius:9px;min-height:114px;padding:7px 4px;transition:transform .12s,border-color .12s;position:relative}.card:hover{border-color:#7b9c6c;transform:translateY(-3px)}.card.selected{background:#eff7d7;outline:3px solid #75ab71;transform:translateY(-4px)}.card.unaffordable{opacity:.52}.cost{color:#fff;background:#9371b9;border-radius:9px;min-width:19px;padding:2px;font-size:11px;font-weight:700;position:absolute;top:5px;left:5px}.key{color:#9ba58f;font-size:9px;position:absolute;top:7px;right:6px}.fruit{margin:9px 0 5px;font-size:31px;display:block}.card b{min-height:23px;font-size:10px;line-height:1.15;display:block}.card>small:last-child{color:#7f8b74;margin-top:4px;font-size:8px;display:block}.hint{text-align:center;color:#6c7d60;min-height:12px;margin:12px 0;font-size:10px}.next{letter-spacing:1px;color:#8c957e;border-top:1px solid #dce0ce;align-items:center;gap:8px;padding-top:10px;font-size:8px;display:flex}.next span{letter-spacing:0;color:#526747;font-size:10px}.next small{letter-spacing:0;margin-left:auto;font-size:7px}footer{color:#869079;background:#e8ebdd;justify-content:space-between;padding:10px 13px;font-size:8px;display:flex}@media (width>=900px) and (height<=1000px){main{width:370px}#arena{aspect-ratio:auto;max-height:49vh}#game{height:49vh}.card{min-height:100px}.fruit{font-size:27px}.intro{transform:scale(.95)}}@media (width<=800px){#app{align-items:flex-start;padding:12px}.intro{display:none}main{width:min(100%,440px)}#arena{max-height:58vh}#game{height:min(58vh,620px)}footer span{display:none}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}.header-actions{align-items:center;gap:4px;display:flex}.header-actions button{min-height:36px}#fullscreen{justify-content:center;align-items:center;width:36px;padding:8px;display:flex}html,body{overscroll-behavior:none;height:100%;overflow:hidden}#app{height:100dvh;min-height:0;padding:16px}main{flex-direction:column;height:100%;min-height:0;max-height:1000px;display:flex}header,.score,.control,footer{flex-shrink:0}#arena{aspect-ratio:auto;flex:1;min-height:0;max-height:none}#game{touch-action:none;width:100%;height:100%;position:absolute;inset:0}@media (width<=800px){#app{padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px);justify-content:center}main{border:0;border-radius:0;width:100%;max-width:440px}header{padding:3px 10px}.score{padding:6px 12px}.control{padding:8px 10px}.card{min-height:92px;padding:4px}.fruit{margin:8px 0 3px;font-size:27px}.hint{margin:8px 0;line-height:1.3}.next{padding-top:7px}.next small,footer{display:none}}@media (height<=500px){.intro{display:none}header{padding:0 10px}.score{padding:2px 10px}.control{padding:4px 10px}.card{min-height:65px}.fruit{margin:1px 0;font-size:20px}.card>small:last-child,.next,footer{display:none}.hint{margin:4px 0}#elixir{margin:4px 0 7px}}.fight-intro{z-index:5;pointer-events:none;place-items:center;animation:.7s linear forwards fight-lifetime;display:grid;position:absolute;inset:0;overflow:hidden}.fight-intro span{letter-spacing:-3px;color:#f4ffbc;-webkit-text-stroke:2px #254b39;text-shadow:0 4px #254b39,0 7px 18px #102c2970;transform-origin:50%;grid-area:1/1;font:800 clamp(56px,18vw,88px)/1 Outfit,sans-serif}.fight-burst{animation:.5s cubic-bezier(.15,.65,.35,1) .2s both fight-expand}@keyframes fight-expand{0%{opacity:.85;transform:scale(1)}to{opacity:0;transform:scale(5)}}@keyframes fight-lifetime{0%,99%{visibility:visible}to{visibility:hidden}}@media (prefers-reduced-motion:reduce){.fight-burst{animation:none;display:none}}.countdown{z-index:5;pointer-events:none;color:#f4ffbc;-webkit-text-stroke:2px #254b39;text-shadow:0 4px #254b39,0 7px 18px #102c2970;background:#102c2926;place-items:center;font:800 clamp(80px,24vw,120px)/1 Outfit,sans-serif;display:grid;position:absolute;inset:0}.card{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.drag-fruit{z-index:100;pointer-events:none;background:#fff4e5df;border:3px solid #e88779;border-radius:50%;place-items:center;width:56px;height:56px;font-size:34px;display:grid;position:fixed;transform:translate(-50%,-50%);box-shadow:0 5px 18px #102c2960}.drag-fruit.valid{background:#dfffe9e8;border-color:#67ce98}#hint{z-index:6;color:#f4f7e8;pointer-events:none;background:#173e35ed;border-radius:8px;min-height:0;margin:0;padding:8px 10px;line-height:1.35;position:absolute;bottom:10px;left:10px;right:10px}#hint:empty{display:none}.next{margin-top:8px}