.modal.wide.wheel-dialog{width:min(1040px,100%);max-width:1040px;max-height:calc(100dvh - 24px);padding:20px;background:radial-gradient(ellipse at 22% 30%,#f3e4b880,transparent 60%),var(--dialog-surface,#fffdf6)}.modal.wheel-dialog>.section-heading{margin-bottom:8px;padding-bottom:8px;min-height:44px}.modal.wheel-dialog>.section-heading h2{margin:0;font-size:21px}.wheel-owner{margin:0 0 12px;color:#64775a;font-size:12px}.wheel-scene{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:center;gap:24px}.wheel-display{min-width:0;text-align:center}.signal-wheel{display:block;width:min(100%,480px);max-width:100%;margin:auto;overflow:visible}.wheel-rim{fill:#f6eac8;stroke:#bfa775;stroke-width:8;filter:drop-shadow(0 5px 3px #36552a24)}.wheel-ring path{stroke:#fffdf2;stroke-width:1.2}.wheel-ring .wheel-sector-highlight{fill:#fff;fill-opacity:.28;stroke:none;opacity:0;transition:opacity .2s ease;pointer-events:none}.wheel-ring .wheel-sector-highlight.active{opacity:1}.wheel-hub{fill:#fff9e6;stroke:#d6c8a0;stroke-width:2}.wheel-pointer{filter:drop-shadow(2px 3px 2px #17382640)}.pointer-0{fill:#286c4c;stroke:#194c34;stroke-width:1.5}.pointer-1{fill:#d99c35;stroke:#946020;stroke-width:1.5}.wheel-pin{fill:#e9d9b2;stroke:#786443;stroke-width:3}.wheel-outcome{min-width:0;align-self:stretch;display:flex;flex-direction:column;padding:14px;border:1px solid #d8e1c4;border-radius:16px;background:#eef4e3}.wheel-outcome .season-panel{flex:1;height:auto;min-height:0;display:flex;flex-direction:column;gap:10px;padding:6px}.wheel-outcome .season-heading h2{font-size:19px}.wheel-outcome .signal-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;flex:none}.wheel-outcome .signal{min-width:0;min-height:85px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:8px;border:1px solid #ccd9b7;border-radius:12px;background:#fffdf5}.wheel-outcome .signal>img,.wheel-outcome .sign-draw-window>img{width:48px;height:48px;object-fit:contain}.wheel-outcome .signal>strong{font-size:12px;text-align:center}.wheel-outcome .sign-draw-window{width:48px;height:48px;-webkit-mask-image:none;mask-image:none}.wheel-outcome .turn-results{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.wheel-outcome .growth-result,.wheel-outcome .hazard-result{padding:10px}.wheel-outcome .hazard-result{display:grid;grid-template-columns:32px minmax(0,1fr);align-items:start;gap:6px}.wheel-outcome .hazard-result>img{width:32px;height:32px}.wheel-outcome .hazard-result.protected>img{display:none}.wheel-outcome .shield-burst{width:32px;height:32px}.wheel-outcome .shield-burst>img{width:30px;height:30px}.season-wheel-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;height:100%;color:#64775a;font-size:13px}.season-wheel-placeholder>svg{width:34px;height:34px}@media(max-width:600px)and (min-height:501px){.modal.wide.wheel-dialog{padding:12px;max-height:calc(100dvh - 20px)}.wheel-owner{margin-bottom:4px}.wheel-scene{grid-template-columns:1fr;gap:6px}.signal-wheel{width:clamp(100px,calc(100dvh - 250px),340px)}.wheel-outcome{padding:5px;border-radius:10px}.wheel-outcome .season-panel{gap:5px}.wheel-outcome .season-heading,.wheel-outcome .resolution-owner,.wheel-outcome .phase-track{display:none}.wheel-outcome .signal{min-height:44px;flex-direction:row;padding:3px;gap:3px}.wheel-outcome .signal>img,.wheel-outcome .sign-draw-window>img{width:30px;height:30px}.wheel-outcome .sign-draw-window{width:30px;height:30px}.wheel-outcome .signal>strong{font-size:11px}.wheel-spinning .resolution-status,.wheel-spinning .turn-results{display:none}.wheel-resolved .signal-wheel{width:90px}.wheel-resolved .wheel-owner{display:none}.wheel-outcome .growth-result,.wheel-outcome .hazard-result{padding:6px}}@media(max-height:500px){.modal.wide.wheel-dialog{padding:8px 12px;max-height:calc(100dvh - 16px)}.modal.wheel-dialog>.section-heading{margin-bottom:2px;padding-bottom:2px}.modal.wheel-dialog>.section-heading h2{font-size:18px}.wheel-owner{display:none}.wheel-scene{grid-template-columns:minmax(0,.7fr) minmax(0,1fr);gap:10px}.signal-wheel{width:clamp(90px,calc(100dvh - 185px),220px)}.wheel-spinning .signal-wheel{width:clamp(90px,calc(100dvh - 100px),240px)}.wheel-outcome{padding:5px}.wheel-outcome .season-panel{gap:3px}.wheel-outcome .season-heading,.wheel-outcome .resolution-owner,.wheel-outcome .phase-track{display:none}.wheel-outcome .signal{min-height:36px;flex-direction:row;padding:2px;gap:2px}.wheel-outcome .signal>img,.wheel-outcome .sign-draw-window>img{width:25px;height:25px}.wheel-outcome .sign-draw-window{width:25px;height:25px}.wheel-outcome .signal>strong{font-size:10px}.wheel-outcome .resolution-status{font-size:10px;min-height:0}.wheel-outcome .turn-results{grid-template-columns:1fr;gap:3px}.wheel-outcome .growth-result,.wheel-outcome .hazard-result{padding:4px}.wheel-outcome .growth-result>small,.wheel-outcome .hazard-result small{margin-top:2px;line-height:1.25}}@media(max-height:500px)and (max-aspect-ratio:1/1){.wheel-scene{grid-template-columns:1fr;gap:4px}.wheel-spinning .signal-wheel{width:clamp(120px,calc(100dvh - 200px),260px)}.wheel-spinning .resolution-status,.wheel-spinning .turn-results{display:none}.wheel-resolved .signal-wheel{width:64px}}@media(prefers-reduced-motion:reduce){.wheel-pointer{filter:none}}.modal.wide.podium-dialog{position:relative;isolation:isolate;max-width:760px;padding:24px 32px 28px;border:1px solid #e6d6a8;border-radius:30px;background:radial-gradient(ellipse at 50% 24%,#fff1bf80,transparent 58%),var(--dialog-surface,#fffef8);box-shadow:0 30px 100px #163d3550,0 0 0 6px #fffef815}.modal.podium-dialog .section-heading{position:relative;z-index:2;padding-bottom:0;margin-bottom:8px;border:0}.modal.podium-dialog .section-heading h2{font-size:18px;color:#6a755b}.podium-heading{position:relative;z-index:1;text-align:center;margin-bottom:24px}.podium-trophy{position:relative;display:grid;place-items:center;width:76px;height:76px;margin:0 auto 12px;border-radius:50%;background:linear-gradient(145deg,#fff0b3,#ffdfa0);box-shadow:0 4px #e8c67d40,inset 0 0 0 1px #f1cd7a}.podium-trophy>svg:not(.podium-laurel){width:38px;height:38px;color:#aa701a;stroke-width:1.7}.podium-laurel{position:absolute;bottom:0;width:28px;height:40px;color:#7b984f}.podium-laurel.left{left:-15px;transform:rotate(-30deg)}.podium-laurel.right{right:-15px;transform:scaleX(-1) rotate(-30deg)}.podium-eyebrow{display:block;color:#7c824c;font-size:10px;font-weight:800;letter-spacing:2px;text-transform:uppercase}.podium-heading h3{margin:7px 0;color:#2e593c;font-size:clamp(22px,4vw,30px);line-height:1.25;overflow-wrap:anywhere}.podium-heading p{margin:0;color:#69745d;font-size:13px;line-height:1.5}.podium-stage{position:relative;z-index:1;display:flex;align-items:flex-end;justify-content:center;gap:12px;list-style:none;margin:0;padding:0 12px}.podium-place{--podium-ink:#966123;--podium-face:#e8b47c;--podium-light:#fbe5c9;--podium-height:78px;flex:1;min-width:0;max-width:220px;text-align:center}.podium-place-1{--podium-ink:#926016;--podium-face:#efd076;--podium-light:#fff0b1;--podium-height:142px}.podium-place-2{--podium-ink:#637482;--podium-face:#c6d3db;--podium-light:#eaf0f3;--podium-height:108px;order:-1}.podium-players{display:flex;flex-wrap:wrap;justify-content:center;gap:14px 8px;padding:0 2px 14px}.podium-player{flex:1 1 68px;min-width:0;max-width:100%}.podium-avatar{position:relative;display:grid;place-items:center;width:52px;height:52px;margin:0 auto 10px;border:3px solid #fffdf5;border-radius:50%;background:var(--podium-light);box-shadow:0 0 0 2px var(--podium-face),0 5px 12px #414c2510;color:var(--podium-ink);font-size:23px;font-weight:800}.podium-place-1 .podium-avatar{width:62px;height:62px;font-size:27px}.podium-crown{position:absolute;top:-22px;width:29px;height:29px;fill:#edc45a;color:#b28221;transform:rotate(-8deg)}.podium-player>strong{display:block;color:#334f3b;font-size:15px;line-height:1.3;overflow-wrap:anywhere}.podium-place-1 .podium-player>strong{font-size:17px}.podium-you{display:inline-block;margin-top:4px;padding:2px 8px;border-radius:20px;background:#e7efda;color:#416144;font-size:10px;font-weight:700}.podium-pending{color:#69745d;font-size:10px;line-height:1.3}.podium-player>.podium-pending{display:block;margin-top:4px}.podium-step{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;height:var(--podium-height);border:1px solid color-mix(in srgb,var(--podium-face) 80%,#8b704f);border-top:5px solid var(--podium-light);border-radius:13px 13px 5px 5px;background:linear-gradient(110deg,var(--podium-light),var(--podium-face));box-shadow:inset 0 1px #ffffff90,0 6px color-mix(in srgb,var(--podium-face) 85%,#9a8b67);color:var(--podium-ink)}.podium-step>svg{width:20px;height:20px;opacity:.75}.podium-step>b{font-size:37px;line-height:1;font-weight:800}.podium-place-1 .podium-step>b{font-size:48px}.podium-step>span{font-size:11px;font-weight:700}.podium-others{position:relative;z-index:1;list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:8px 16px;margin:25px 0 0;padding:14px 12px;border-top:1px solid #e7e6d7;border-bottom:1px solid #e7e6d7}.podium-others li{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:9px;min-width:0;color:#6c7762;font-size:12px}.podium-others strong{color:#415c44;overflow-wrap:anywhere}.podium-others .podium-you{margin-top:0}.podium-others .podium-pending{flex-basis:100%;text-align:center}.podium-actions{position:relative;z-index:2;display:flex;justify-content:center;gap:10px;margin-top:24px}.podium-actions .button{min-height:44px;font-size:13px}.podium-confetti{position:absolute;inset:0;overflow:hidden;pointer-events:none;border-radius:inherit;z-index:1;container-type:size}.podium-confetti i{position:absolute;left:50%;top:40%;opacity:0;animation:podium-confetti var(--duration) linear var(--delay) both}@keyframes podium-confetti{0%{opacity:0;transform:translate(-50%,-50%) rotate(var(--rotation)) rotateY(0) scale(.4)}3%{opacity:1}20%{opacity:1;transform:translate(calc(var(--burst-x) * .49),calc(var(--burst-y) * .49 + var(--fall-y) * .04)) rotate(calc(var(--rotation) + var(--spin) * .2)) rotateY(calc(var(--tilt) * .2))}40%{transform:translate(calc(var(--burst-x) * .78),calc(var(--burst-y) * .78 + var(--fall-y) * .16)) rotate(calc(var(--rotation) + var(--spin) * .4)) rotateY(calc(var(--tilt) * .4))}60%{opacity:1;transform:translate(calc(var(--burst-x) * .94),calc(var(--burst-y) * .94 + var(--fall-y) * .36)) rotate(calc(var(--rotation) + var(--spin) * .6)) rotateY(calc(var(--tilt) * .6))}80%{opacity:.7;transform:translate(calc(var(--burst-x) * .99),calc(var(--burst-y) * .99 + var(--fall-y) * .64)) rotate(calc(var(--rotation) + var(--spin) * .8)) rotateY(calc(var(--tilt) * .8))}to{opacity:0;transform:translate(var(--burst-x),calc(var(--burst-y) + var(--fall-y))) rotate(calc(var(--rotation) + var(--spin))) rotateY(var(--tilt))}}@media(max-width:600px){.modal.wide.podium-dialog{padding:18px 14px 20px;border-radius:24px}.podium-heading{margin-bottom:25px}.podium-trophy{width:62px;height:62px;margin-bottom:10px}.podium-trophy>svg:not(.podium-laurel){width:32px;height:32px}.podium-heading p{font-size:12px}.podium-stage{padding:0 2px;gap:7px}.podium-place{--podium-height:68px}.podium-place-1{--podium-height:122px}.podium-place-2{--podium-height:94px}.podium-player{flex-basis:48px}.podium-avatar{width:40px;height:40px;font-size:18px}.podium-place-1 .podium-avatar{width:48px;height:48px;font-size:22px}.podium-player>strong{font-size:12px}.podium-place-1 .podium-player>strong{font-size:13px}.podium-step>b{font-size:30px}.podium-place-1 .podium-step>b{font-size:40px}.podium-step>span{font-size:10px}.podium-others{margin-top:22px;padding:11px 0}.podium-actions{flex-direction:column-reverse;gap:8px;margin-top:18px}.podium-actions .button{justify-content:center;width:100%}}@media(max-height:500px){.modal.wide.podium-dialog{padding:12px 20px}.modal.podium-dialog .section-heading{margin-bottom:0}.modal.podium-dialog .section-heading .icon-button{width:30px;height:30px;min-height:30px}.modal.podium-dialog .section-heading h2{font-size:15px}.podium-heading{margin-bottom:18px}.podium-trophy,.podium-eyebrow,.podium-heading p{display:none}.podium-heading h3{margin:4px 0;font-size:21px}.podium-place{--podium-height:46px}.podium-place-1{--podium-height:74px}.podium-place-2{--podium-height:58px}.podium-players{padding-bottom:8px}.podium-avatar{width:30px;height:30px;font-size:16px;margin-bottom:5px}.podium-place-1 .podium-avatar{width:36px;height:36px;font-size:19px}.podium-crown{width:22px;height:22px;top:-16px}.podium-player>strong,.podium-place-1 .podium-player>strong{font-size:12px}.podium-you{font-size:9px;padding:1px 6px;margin-top:2px}.podium-step{gap:2px}.podium-step>svg{display:none}.podium-step>b{font-size:26px}.podium-place-1 .podium-step>b{font-size:36px}.podium-step>span{font-size:10px}.podium-others{margin-top:14px;padding:8px}.podium-actions{flex-direction:row;margin-top:12px}.podium-actions .button{width:auto;min-height:40px;padding:8px 12px;font-size:12px}}@media(prefers-reduced-motion:reduce){.podium-confetti{display:none}}.podium-eliminated{font-size:11px;line-height:1.3;color:#8a4835}.podium-herd-size{display:block;margin-top:3px;font-size:11px;color:#52664d}:root{font-family:DM Sans,system-ui,sans-serif;color:#20353b;background:#f7f4ec;font-synthesis:none;font-weight:400;--ink:#20353b;--green:#2b786b;--line:#e4e4da;--muted:#7a8785;--cream:#f7f4ec}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #edb94b;outline-offset:3px}h1,h2,h3,p{margin:0}h1,h2,h3,.brand{font-family:Nunito,system-ui,sans-serif}h1{font-weight:900;letter-spacing:-1.6px}h2{font-size:22px;font-weight:800;letter-spacing:-.4px}h3{font-weight:800}small,.subtle{color:var(--muted);font-size:12px}.app-shell{max-width:1440px;margin:auto;padding:0 64px;min-height:100vh;display:flex;flex-direction:column}.topbar{height:104px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px}.brand{display:flex;align-items:center;gap:10px;font-size:30px;font-weight:900;letter-spacing:-1.2px}.brand-symbol{background:var(--ink);color:#f9ca60;width:39px;height:44px;border-radius:12px;display:grid;place-items:center;position:relative;transform:rotate(-6deg)}.brand-symbol span{position:absolute;font-size:12px;top:14px;left:14px}.brand-label{font-family:DM Sans,sans-serif;font-size:9px;letter-spacing:2px;margin:9px 0 0 3px;color:var(--muted);font-weight:700}.top-actions{display:flex;align-items:center;gap:14px}.top-actions select{border:0;background:transparent;color:var(--ink);font-weight:700;cursor:pointer;padding:8px}.icon-button{width:35px;height:35px;border:0;background:transparent;display:grid;place-items:center;color:var(--ink);border-radius:10px}.icon-button:hover{background:#e9eee7}.profile-button{display:flex;align-items:center;gap:10px;border:0;background:transparent;font-weight:600;color:var(--ink)}.avatar{height:36px;width:36px;border-radius:50%;background:#efd69f;color:#665539;display:grid;place-items:center;font-weight:800;flex-shrink:0}.bot-avatar{background:#e2ece6;color:#477e72}.button{border:0;border-radius:12px;min-height:46px;padding:12px 20px;display:inline-flex;align-items:center;justify-content:center;gap:12px;font-weight:700;font-size:14px;transition:transform .15s,background .15s;white-space:normal}.button:not(:disabled):hover{transform:translateY(-2px)}.primary{background:var(--ink);color:#fff;box-shadow:0 3px #11272d}.primary:hover{background:#315059}.secondary{background:#edf0e9;color:var(--ink);border:1px solid #dce2d9}.compact{min-height:38px;padding:9px 14px;font-size:12px}.text-button{background:none;border:0;padding:8px 0;display:inline-flex;gap:5px;align-items:center;font-weight:600;font-size:13px;color:var(--green)}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--green);display:flex;gap:7px;align-items:center}.welcome{flex:1;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px;padding:75px 0 90px;min-height:650px}.welcome-copy h1{font-size:clamp(42px,4.4vw,67px);line-height:1.08;max-width:540px;margin:25px 0 24px}.welcome-copy>p{color:#74817d;font-size:16px;max-width:360px;line-height:1.8}.feature-pills{display:flex;gap:12px;margin:24px 0 30px}.feature-pills>span{display:flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid #e4e4d7;border-radius:30px;font-size:11px;color:#617570}.login-form{max-width:360px}.login-form>label,.join-form>label{display:block;font-size:12px;font-weight:600;margin-bottom:8px}.login-form>div,.join-form>div{display:flex;gap:8px}.login-form input,.join-form input,.profile-form input{border:1px solid #d6ded4;border-radius:11px;background:#fffdf7;padding:12px 14px;width:100%;min-width:0}.login-form>small{display:block;margin:10px 0 12px}.google-button{margin:5px 0 15px}.google-button.disabled{opacity:.4;pointer-events:none}.google-mark{background:#fff;border-radius:50%;color:#4285f4;height:23px;width:23px;display:grid;place-items:center;font-weight:800}.welcome-copy>.text-button{display:flex;margin-top:10px}.hero-art{height:420px;position:relative}.hero-orbit{position:absolute;inset:35px 15px 25px;border-radius:50%;background:#e6edda;border:1px dashed #ccd8be;transform:rotate(-12deg)}.hero-art img{position:absolute;filter:drop-shadow(0 12px 1px #182e3115)}footer{margin-top:auto;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:16px;padding:25px 0;color:#83908a;font-size:11px}footer>div{display:flex;gap:20px}.footer-star{padding:0 10px;color:#b5bfa9}.toast{position:fixed;top:20px;left:50%;transform:translate(-50%);background:#ffefdf;color:#854e31;border:1px solid #ecc8a6;border-radius:12px;padding:14px 16px;display:flex;align-items:center;gap:16px;z-index:20;box-shadow:0 8px 30px #1d31351a;max-width:min(90vw,650px)}.toast button{border:0;background:transparent;color:inherit}.connection-banner{margin-top:15px;padding:10px;border-radius:10px;background:#fae5b8;color:#7c5e24;font-size:12px;display:flex;gap:8px;align-items:center;justify-content:center}.loading{display:grid;place-items:center;flex:1;min-height:300px}.lobby-page,.game-page{padding:38px 0 45px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:28px}.page-heading h1{font-size:36px;margin-top:6px}.status-chip{font-size:11px;display:flex;align-items:center;gap:8px;color:#6f8978}.status-chip>span{height:7px;width:7px;background:#65a16e;border-radius:50%;box-shadow:0 0 0 4px #deeadc}.preset-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:24px}.preset{position:relative;border:1px solid #e1e5d8;border-radius:14px;background:#fcfbf5;display:flex;flex-direction:column;align-items:flex-start;gap:5px;padding:16px 20px;color:var(--ink)}.preset.selected{border-color:#5e9988;background:#ecf2e7;box-shadow:inset 0 0 0 1px #5e9988}.preset svg{position:absolute;right:15px;top:18px;color:var(--green)}.preset-dots{font-size:8px;letter-spacing:3px;color:#6a9987}.preset strong{font-size:14px}.lobby-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.panel{background:#fffdf8;border:1px solid #e4e7dc;border-radius:19px;padding:24px;box-shadow:0 4px #dce2d31f}.lobby-grid>.panel{padding:30px}.panel-icon{display:grid;place-items:center;width:50px;height:50px;border-radius:14px;background:#e8f0e3;color:#3d7c69;margin-bottom:18px}.panel-icon.amber{background:#f9e8bb;color:#a8812e}.lobby-grid h2{margin-bottom:10px}.lobby-grid p{color:var(--muted);font-size:13px;line-height:1.7;margin-bottom:24px}.lobby-grid .button{width:100%}.join-form{margin-top:24px;padding-top:24px;border-top:1px solid var(--line)}.join-form .button{width:auto}.join-form input{text-transform:uppercase;letter-spacing:3px}.checkbox{display:flex;gap:10px;align-items:flex-start;font-size:13px;line-height:1.6;margin:10px 0 24px}.checkbox input{accent-color:var(--green);margin-top:4px;width:16px;height:16px;flex-shrink:0}.searching{display:flex;gap:10px;align-items:center;font-size:13px;margin:16px 0 22px;color:var(--green)}.searching strong{margin-left:auto}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}.section-heading h2{display:flex;align-items:center;gap:9px}.room-code{letter-spacing:7px;font-size:33px;margin-top:8px}.room-panel>p{font-size:12px;color:var(--muted);margin-bottom:20px}.room-members{display:grid;gap:12px;margin:20px 0 25px}.member{display:flex;align-items:center;gap:14px;background:#f5f6ee;border-radius:12px;padding:13px 15px}.member>div{display:flex;flex-direction:column;gap:3px}.member strong{font-size:14px}.ready-badge{margin-left:auto;font-size:11px;color:#8c9386}.ready-badge.is-ready{color:var(--green)}.room-buttons{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.game-heading{margin-bottom:18px}.turn-banner{display:flex;align-items:center;gap:15px;background:#e9eee4;border:1px solid #dde4d7;border-radius:15px;padding:16px 20px;margin-bottom:23px}.turn-banner.your-turn{background:#f9eac6;border-color:#e8d59d}.turn-icon{height:42px;width:42px;border-radius:12px;background:#fff9e7;display:grid;place-items:center;color:#8b7837}.turn-banner>div:not(.timer){display:flex;flex-direction:column;gap:5px}.turn-banner strong{font-size:14px}.turn-banner small{font-size:11px}.timer{margin-left:auto;font-size:30px;font-family:Nunito,sans-serif;font-weight:900;white-space:nowrap}.timer small{margin-left:2px;font-size:12px}.timer.urgent{color:#bc6845}.game-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:22px;align-items:start}.game-main{display:flex;flex-direction:column;gap:20px;min-width:0}.game-sidebar{display:flex;flex-direction:column;gap:20px}.game-sidebar .panel{padding:18px}.game-sidebar h2{font-size:15px}.collection-chip{font-size:10px;border-radius:20px;background:#eef2e6;color:#6e886a;padding:7px 10px;white-space:nowrap}.unit-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.unit-card{border:1px solid #e4e8dc;border-radius:13px;background:#f5f6ee;text-align:center;padding:18px 7px 11px;position:relative;min-width:0}.unit-card.owned{background:color-mix(in srgb,var(--unit-color) 14%,#fffdf8);border-color:color-mix(in srgb,var(--unit-color) 45%,#e4e8dc)}.unit-card>img{width:100%;height:75px;object-fit:contain;filter:drop-shadow(0 4px 1px #182e3112)}.unit-value{position:absolute;top:6px;right:7px;font-size:9px;background:#ffffffa0;padding:3px 6px;border-radius:7px;color:#8a927d}.unit-card h3{font-size:11px;line-height:1.3;min-height:30px;margin:7px 0 4px}.unit-count{font-family:Nunito,sans-serif;font-size:27px;display:block;line-height:1.2}.unit-card small{font-size:9px;display:block;margin-top:5px;white-space:nowrap}.economy-buttons{display:flex;gap:10px;margin-top:20px}.economy-buttons .button{font-size:12px;padding:12px 15px}.defense-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.defense-card{position:relative;display:grid;grid-template-columns:24px 1fr;gap:4px 10px;align-items:center;background:#f4f5ee;border:1px solid #e3e8da;border-radius:11px;padding:13px;text-align:left;color:var(--ink)}.defense-card>svg:first-child{grid-row:1/3;color:#8e9b84}.defense-card strong{font-size:11px}.defense-card small{font-size:10px}.defense-card.equipped{opacity:1;background:#e8f2e2;border-color:#acd3a2}.defense-card.equipped>svg:last-child{position:absolute;right:7px;top:7px;color:var(--green)}.effects{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}.effects span{background:#fce3ce;color:#966046;font-size:10px;padding:6px 9px;border-radius:6px}.opponents-panel>h2{margin-bottom:20px}.opponent-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.opponent{background:#f5f6ef;border:1px solid #e7e9df;border-radius:12px;padding:12px}.active-opponent{border-color:#aac7a5}.opponent-name{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.opponent-name .avatar{height:27px;width:27px;font-size:12px}.opponent-name strong{font-size:12px;overflow:hidden;text-overflow:ellipsis}.opponent-name>small{font-size:9px;color:var(--green)}.mini-inventory{display:flex;justify-content:space-between;gap:3px;margin-top:14px}.mini-inventory span{display:flex;flex-direction:column;align-items:center;min-width:0}.mini-inventory img{width:32px;height:25px;object-fit:contain}.mini-inventory b{font-size:12px;margin-top:4px}.mini-defenses{display:flex;gap:5px;flex-wrap:wrap;margin-top:9px}.mini-defenses span{font-size:8px;color:var(--green);display:flex;align-items:center;gap:3px}.signal-list{display:grid;grid-template-columns:1fr 1fr;gap:8px}.signal{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f3f4eb;border:1px solid #e5e8da;border-radius:11px;padding:13px 7px;min-height:92px}.signal img{height:40px;width:70px;object-fit:contain}.signal strong{font-size:10px;text-align:center;margin-top:9px}.signal.threat{color:#af704b;background:#fbecdf}.signals-panel>p{font-size:12px;color:var(--muted);line-height:1.6}.history-panel h2{margin-bottom:17px}.history-panel ol{list-style:none;margin:0;padding:0;max-height:590px;overflow-y:auto}.history-panel li{position:relative;border-left:1px solid #e5e9df;padding:0 0 17px 13px;margin-left:3px;display:flex;flex-direction:column;gap:4px}.history-panel li:before{content:"";position:absolute;left:-3px;top:4px;background:#b9c6b3;width:5px;height:5px;border-radius:50%}.history-panel strong{font-size:10px;line-height:1.5;font-weight:600}.history-panel span{font-size:9px;color:var(--muted);line-height:1.5}.history-panel .event-threat:before{background:#d6a179}.history-panel .event-protected:before{background:#67a988}.result-banner{border:1px solid #bdd3ad;background:#e8f1da;padding:20px;border-radius:15px;display:flex;align-items:center;gap:15px;margin-bottom:20px}.result-banner .button{margin-left:auto}.result-banner.paused{background:#f8ecca;border-color:#e4d8ab}.offer-panel{background:#fff7e5;border-color:#e6d5aa}.offer-panel>h2{font-size:18px;margin-bottom:15px}.offer-summary{display:flex;gap:25px;font-size:12px;margin-bottom:20px}.offer-summary>div{display:flex;flex-direction:column;gap:5px}.offer-summary strong{margin-left:auto}.overlay{position:fixed;inset:0;background:#16333765;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:30;display:flex;align-items:center;justify-content:center;padding:20px}.modal{background:#fffdf8;border:1px solid #e5e9da;border-radius:23px;padding:28px;width:min(680px,100%);max-height:90vh;overflow-y:auto;box-shadow:0 20px 80px #152e3340}.modal .section-heading{margin-bottom:22px}.tutorial-steps{list-style:none;padding:0;margin:0;display:grid;gap:17px}.tutorial-steps li{display:flex;gap:15px;align-items:flex-start}.tutorial-steps li>span{height:29px;width:29px;flex-shrink:0;border-radius:9px;background:#ecf1e4;display:grid;place-items:center;font-weight:700;font-size:12px;color:var(--green)}.tutorial-steps p{font-size:13px;line-height:1.8}.tutorial-values{display:flex;gap:12px;margin-top:25px;background:#f1f3e9;border-radius:13px;padding:12px}.tutorial-values>span{flex:1;display:flex;align-items:center;flex-direction:column}.tutorial-values img{width:65px;height:48px;object-fit:contain}.tutorial-values strong{font-size:12px}.catalog{display:grid;gap:16px}.catalog article{display:flex;gap:13px;border-bottom:1px solid var(--line);padding-bottom:15px}.threat-number{width:30px;height:30px;border-radius:8px;background:#f6e6ce;display:grid;place-items:center;flex-shrink:0;font-weight:700;font-size:12px;color:#af8452}.catalog h3{font-size:14px;margin-bottom:5px}.catalog p{font-size:12px;line-height:1.7;color:#7e897e;margin-bottom:8px}.catalog article span{display:flex;align-items:center;gap:6px;color:var(--green);font-size:11px}.bundle-grid{display:flex;gap:18px;margin-bottom:20px}.bundle{flex:1;min-width:0;border:1px solid var(--line);border-radius:13px;padding:10px 13px}.bundle legend{font-size:12px;font-weight:700;padding:0 7px}.bundle-row{display:flex;gap:7px;align-items:center;padding:8px 0;border-bottom:1px solid #edf0e6}.bundle-row img{width:42px;height:33px;object-fit:contain}.bundle-row>span{font-size:10px;flex:1;min-width:0}.bundle-row small{display:block;font-size:9px;margin-top:3px}.bundle-row input{width:50px;padding:7px 4px;border:1px solid #dce2d6;border-radius:8px;background:#fff;font-size:12px;text-align:center;color:var(--ink)}.bundle-total{display:block;font-size:11px;padding:12px 0 3px;color:var(--green)}.full-width{width:100%}.modal-note{font-size:11px;color:var(--muted);text-align:center;margin-top:12px;line-height:1.6}.target-picker{display:flex;align-items:center;gap:15px;font-size:12px;margin-bottom:18px}.target-picker select{flex:1;border:1px solid var(--line);border-radius:9px;padding:10px;background:#f5f6ee}.defense-price{display:flex;gap:10px;align-items:center;background:#ecf2e7;border-radius:12px;padding:16px;margin-bottom:17px;color:var(--green)}.defense-price strong{font-size:14px}.defense-price span{margin-left:auto;font-size:12px}.profile-form{display:grid;gap:20px}.profile-form label{display:grid;gap:10px;font-size:12px}@media(min-width:1300px){.unit-card>img{height:90px}.game-layout{grid-template-columns:minmax(0,1fr) 280px}}@media(max-width:1050px){.app-shell{padding:0 30px}.game-layout{grid-template-columns:minmax(0,1fr) 220px}.unit-grid{gap:6px}.unit-card{padding-inline:4px}.unit-card>img{height:55px}.unit-card h3{font-size:10px}.unit-card small{font-size:8px}.opponent-grid{grid-template-columns:1fr}.mini-inventory{max-width:260px}.hero-art{height:350px}.panel{padding:20px}.turn-banner .button{font-size:12px}}@media(max-width:760px){.app-shell{padding:0 20px}.topbar{height:80px;gap:8px}.brand{font-size:25px;gap:8px}.brand-label{display:none}.top-actions{gap:5px}.profile-button>span:last-child{display:none}.profile-button{padding:0}.top-actions select{padding:6px}.welcome{grid-template-columns:1fr;padding:35px 0 45px;gap:15px;min-height:0}.welcome-copy{order:2}.welcome-copy h1{font-size:42px;margin:16px 0}.welcome-copy>p{font-size:14px}.hero-art{order:1;height:225px;max-width:380px;width:100%;margin:0 auto}.hero-orbit{inset:0 30px}.lobby-page,.game-page{padding:25px 0}.page-heading h1{font-size:29px}.page-heading .eyebrow{font-size:9px}.lobby-grid{grid-template-columns:1fr;gap:16px}.lobby-grid>.panel{padding:23px}.preset-picker{gap:7px}.preset{padding:13px 9px;gap:6px}.preset strong{font-size:12px}.preset small{font-size:9px;line-height:1.5}.preset svg{top:11px;right:7px;width:12px}.preset-dots{font-size:6px;letter-spacing:2px}.status-chip{font-size:9px}.panel{padding:18px;border-radius:15px}.game-layout{grid-template-columns:1fr;gap:18px}.game-sidebar{display:grid;grid-template-columns:1fr 1fr;gap:12px}.game-sidebar .panel{padding:15px}.history-panel ol{max-height:290px}.game-sidebar h2{font-size:13px}.game-heading>.button{max-width:160px;font-size:10px;padding:8px;gap:5px}.game-heading h1{font-size:28px}.turn-banner{padding:13px;gap:9px;flex-wrap:wrap}.turn-banner>div:not(.timer){flex:1}.turn-banner strong{font-size:12px}.turn-banner small{font-size:9px}.turn-icon{width:34px;height:34px;border-radius:9px}.turn-icon svg{width:18px}.turn-banner>.button{width:100%;margin-top:3px;min-height:39px}.timer{font-size:25px}.unit-grid{gap:5px}.unit-card{padding-top:18px;border-radius:9px}.unit-card>img{height:43px}.unit-card h3{font-size:9px;min-height:29px;margin-top:5px}.unit-count{font-size:23px}.unit-card small{font-size:7px;white-space:normal;min-height:18px}.unit-value{font-size:8px;top:4px;right:4px;padding:2px 4px}.inventory-panel .section-heading h2{font-size:19px}.collection-chip{font-size:9px;padding:6px 8px}.economy-buttons{flex-direction:column;gap:8px;margin-top:15px}.economy-buttons .button{min-height:40px;font-size:12px}.defense-card{padding:11px;gap:4px 6px}.defense-card strong{font-size:10px}.defense-card small{font-size:9px}.protection-panel h2,.opponents-panel h2{font-size:19px}.opponent-grid{grid-template-columns:1fr}.opponent{padding:12px}.mini-inventory{max-width:none}.mini-inventory img{width:45px;height:30px}.signal-list{grid-template-columns:1fr}.signal{min-height:65px;flex-direction:row;padding:9px 5px;gap:5px}.signal img{width:45px;height:34px}.signal strong{font-size:9px;margin-top:0}.result-banner{flex-wrap:wrap;gap:10px;padding:17px;font-size:13px}.result-banner .button{width:100%;margin-top:5px}.modal{padding:21px;border-radius:18px;max-height:92vh}.overlay{padding:10px}.modal h2{font-size:19px}.bundle-grid{gap:9px}.bundle{padding:8px}.bundle-row{gap:4px}.bundle-row img{display:none}.bundle-row>span{font-size:10px}.bundle-row input{width:43px}.bundle legend,.target-picker{font-size:11px}.defense-price{padding:12px;gap:7px}.defense-price strong{font-size:12px}.defense-price span{font-size:10px}.tutorial-values{gap:5px;padding:9px}.tutorial-values img{width:45px;height:35px}.room-code{font-size:28px;letter-spacing:5px}.room-panel .section-heading .button{font-size:11px;padding:10px}.member{gap:9px;padding:10px}.member strong{font-size:12px}.ready-badge{font-size:10px}.room-buttons .button{flex:1;font-size:12px}.room-buttons>.text-button{width:100%;justify-content:center}.offer-summary{gap:12px;font-size:10px}footer{flex-direction:column;padding:20px 0;gap:8px;font-size:10px}footer>div{gap:15px}.feature-pills{gap:8px}.feature-pills>span{font-size:10px;padding:6px 8px}.login-form{max-width:none}.toast{top:10px;font-size:12px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.offline-note{border:1px solid #e6d8ad;background:#f7ebc9;padding:18px;border-radius:12px;margin:18px 0;max-width:400px}.offline-note h2{font-size:18px;margin:10px 0}.offline-note p{font-size:12px;line-height:1.7;margin-bottom:14px}.signal-list .signal{animation:signal-arrive .45s ease-out}.signal-list .signal.threat{animation:threat-arrive .55s ease-out}.unit-count{animation:count-arrive .35s ease-out}.history-panel>.text-button{margin-top:12px}@keyframes signal-arrive{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes threat-arrive{0%{background:#f4bda0;transform:scale(.94)}to{transform:scale(1)}}@keyframes count-arrive{50%{transform:scale(1.15);color:var(--green)}}@media(prefers-reduced-motion:reduce){.signal-list .signal,.unit-count{animation:none}}:root{font-family:Segoe UI,system-ui,sans-serif;color:#284735;background:#f8f7ee;--ink:#284735;--green:#287347;--muted:#53674e;--line:#dce5d2;--cream:#f8f7ee}body{background:radial-gradient(ellipse at 95% 0,#edf5dc 0,transparent 40%),radial-gradient(ellipse at 0 65%,#fff0c733 0,transparent 45%),#f8f7ee;-webkit-user-select:none;user-select:none}input,textarea,[contenteditable]:not([contenteditable=false]){-webkit-user-select:text;user-select:text}h1,h2,h3,.brand{font-family:Trebuchet MS,Segoe UI,system-ui,sans-serif}button,input,select{font-family:inherit}button:disabled{opacity:.58}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #317847;outline-offset:3px}.app-shell{max-width:1360px}.topbar{height:92px;border-bottom-color:#dce5d2}.brand{color:#28583b;gap:12px}.brand-label{color:#52664d;font-family:inherit;font-size:10px;letter-spacing:1.5px}.top-actions select{min-height:40px;border-radius:10px;background:#edf3e3}.icon-button{width:40px;height:40px;color:#365b3c;transition:background .18s,transform .18s}.icon-button:hover{background:#e4efd8}.icon-button:active{transform:scale(.95)}.sound-settings{max-width:400px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sound-settings .section-heading{margin-bottom:8px}.sound-option{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:44px;cursor:pointer;font-weight:600}.sound-option input{width:20px;height:20px;margin:0;accent-color:var(--green)}.sound-master{border-bottom:1px solid var(--line);padding-bottom:8px}.sound-channel{padding-top:8px}.sound-volume{display:flex;align-items:center;gap:14px}.sound-volume input{flex:1;width:100%;min-width:0;min-height:32px;margin:0;padding:0;accent-color:var(--green);cursor:pointer}.sound-volume output{min-width:3.5ch;text-align:right;font-size:13px;font-variant-numeric:tabular-nums;color:var(--muted)}.avatar{border-radius:12px;background:#fff0bf;color:#805b20}.profile-button{color:#365b3c}.button{min-height:48px;border-radius:13px;font-size:15px;transition:transform .18s,background .18s,box-shadow .18s}.primary{background:#287347;color:#fff;box-shadow:0 3px #1b5431}.primary:hover{background:#34854f}.secondary{color:#365b3c;background:#f1f6e8;border-color:#cbdaba;box-shadow:0 2px #cbdaba55}.secondary:not(:disabled):hover{background:#e6efd8;border-color:#9abb80}.button:not(:disabled):active{transform:translateY(2px);box-shadow:none}.text-button{color:#287347;min-height:36px}.eyebrow{color:#397a46;font-size:11px;letter-spacing:1.6px}.welcome{gap:64px;padding:55px 0 70px;min-height:620px}.welcome-copy{animation:page-enter .5s ease-out both}.welcome-copy>.eyebrow{display:inline-flex;padding:9px 13px;border-radius:30px;background:#eaf3da;font-size:10px;letter-spacing:1.3px}.welcome-copy h1{font-size:clamp(44px,4.6vw,68px);line-height:1.08;color:#28583b;letter-spacing:-2px}.welcome-copy>p{max-width:405px;color:#53674e;font-size:17px;line-height:1.75}.feature-pills{flex-wrap:wrap;gap:9px}.feature-pills>span{padding:8px 11px;font-size:12px;border-color:#dae4c9;background:#fffdf5;color:#52664d}.feature-pills>span:nth-child(2){background:#f0eafa;border-color:#e3d8f0;color:#70558d}.feature-pills>span:nth-child(3){background:#fff1ca;border-color:#efdda8;color:#806022}.login-form{max-width:420px;padding:20px;border:1px solid #dae4c9;border-radius:18px;background:#fffdf8;box-shadow:0 5px 20px #45612e08}.login-form>label,.join-form>label{color:#365b3c;font-size:14px}.login-form>div{gap:9px}.login-form>small{margin-bottom:0;font-size:12px;color:#53674e}.login-form input,.join-form input,.profile-form input{min-height:48px;border-color:#cbdaba;border-radius:11px;background:#fcfdf7;color:#284735;font-size:16px;transition:border-color .18s,box-shadow .18s}.login-form input:focus,.join-form input:focus,.profile-form input:focus{border-color:#5b9455;box-shadow:0 0 0 3px #78a45b15}.hero-art{height:430px;animation:page-enter .65s ease-out both}.hero-orbit{inset:12px 0 10px;background:radial-gradient(ellipse at 30% 20%,#f6fbdc,#deedc4 65%);border:1px solid #d0e1b2;border-radius:46% 54% 43% 57%;transform:rotate(-7deg);box-shadow:inset 0 0 0 12px #f4f9e333}.hero-art img{filter:drop-shadow(0 9px 1px #44623416)}.loading{gap:12px;align-content:center;color:#416d3c;font-size:15px}.loading>svg{animation:loading-spin 1s linear infinite}.loading>span{display:block}.lobby-page{animation:page-enter .35s ease-out;padding-top:32px}.active-match-actions{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}.page-heading h1{color:#28583b;font-size:38px}.status-chip{padding:9px 12px;border:1px solid #cee0bc;border-radius:25px;background:#edf5e1;color:#3e703b;font-size:12px}.status-chip>span{background:#4c9859;box-shadow:0 0 0 4px #d5e8c3}.status-chip.connecting{color:#875e23;background:#fff2cf;border-color:#ebd598}.status-chip.connecting>span{background:#c59942;box-shadow:0 0 0 4px #f4e4b6}.preset-picker{gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}.preset{min-width:0;padding:18px;border-radius:16px;background:#fffdf6;border-color:#dae4c9;transition:background .2s,border-color .2s,box-shadow .2s,transform .2s}.preset:not(:disabled):hover{transform:translateY(-2px);border-color:#91b379;box-shadow:0 5px 15px #526d2e0c}.preset.selected{background:#eaf4da;border-color:#639b55;box-shadow:inset 0 0 0 1px #639b55}.preset strong{font-size:16px}.preset small{color:#53674e;font-size:12px;line-height:1.5}.preset-dots,.preset svg{color:#397a46}.lobby-grid{gap:22px}.panel{border-color:#dae4c9;border-radius:22px;background:#fffdf8;box-shadow:0 5px 22px #45612e07}.lobby-grid>.panel{padding:28px}.lobby-grid p{font-size:15px;line-height:1.7}.panel-icon{width:54px;height:54px;border-radius:17px;background:#e5f0d6;color:#387743}.panel-icon.amber{background:#fff0c4;color:#a07423}.quick-panel{position:relative;overflow:hidden}.quick-panel:after{content:"";position:absolute;top:-55px;right:-55px;width:160px;height:160px;border:22px solid #fff0c44d;border-radius:50%;pointer-events:none}.checkbox{font-size:14px}.checkbox input{width:18px;height:18px}.searching{padding:14px;border-radius:12px;background:#edf5df;font-size:14px}.searching>svg{animation:search-pulse 1.4s ease-in-out infinite}.room-panel{animation:page-enter .3s ease-out}.room-panel>p{font-size:14px}.room-code{font-variant-numeric:tabular-nums;color:#287347}.member{padding:14px 16px;border:1px solid #e1e9d7;border-radius:14px;background:#f4f8ec;animation:page-enter .25s ease-out}.member strong{font-size:15px}.member small{font-size:12px}.ready-badge{font-size:12px;padding:5px 9px;border-radius:8px;background:#e8ebdf;color:#59694e}.ready-badge.is-ready{background:#dceece;color:#2f6d38;animation:ready-pop .3s ease-out}.overlay{background:#1d3d346e;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:overlay-enter .18s ease-out}.modal{border-color:#dce5d2;border-radius:24px;padding:28px;background:#fffef8;max-height:calc(100dvh - 40px);box-shadow:0 24px 90px #1e422c30;animation:dialog-enter .24s ease-out;scrollbar-width:thin}.modal .section-heading h2{color:#28583b;font-size:24px}.modal .section-heading{padding-bottom:14px;border-bottom:1px solid #e2e9d8;margin-bottom:18px;background:transparent}.tutorial-steps{gap:18px}.tutorial-steps li>span{width:34px;height:34px;border-radius:11px;background:#e5f0d6;color:#387743;font-size:15px}.tutorial-steps p{font-size:15px;line-height:1.75;color:#405a3d}.tutorial-values{flex-wrap:wrap;background:#f0f5e7}.tutorial-values>span{flex:1 0 55px;gap:5px}.tutorial-values strong{font-size:16px}.tutorial-values small{font-size:11px;color:#52664d}.target-picker{flex-wrap:wrap;font-size:14px}.target-picker select{min-height:44px;border-color:#cbdaba;background:#f5f8ec;color:#315b36;font-size:14px}.modal-note{font-size:13px;line-height:1.65}.offer-summary{display:grid;grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr);grid-template-rows:auto auto auto;gap:12px;width:100%;font-size:14px}.offer-summary>div{display:grid;grid-template-rows:subgrid;grid-row:1 / span 3;justify-items:center;align-items:center;min-width:0;text-align:center}.offer-summary>div:first-child{grid-column:1}.offer-summary>div:nth-child(2){grid-column:3}.offer-summary>svg{grid-column:2;grid-row:2;align-self:center;justify-self:center;color:#58854b}.offer-summary .bundle-tokens{justify-content:center;width:100%;min-width:0}.offer-summary small{font-size:13px}.offer-summary .offer-value{margin:0;font-size:14px;color:#315b36}.modal:has(.offer-summary)>.room-buttons>.button{flex:1}.profile-form label{font-size:14px}.toast{background:#fff0df;color:#85482b;border-color:#e8bd97;box-shadow:0 8px 28px #4e3d1b18;animation:toast-enter .25s ease-out}.toast button{min-width:30px;min-height:30px}.connection-banner{background:#fff0c9;color:#79571f;border:1px solid #ebd599;font-size:13px}.busy-spinner{animation:loading-spin 1s linear infinite}@media(max-width:1050px){.welcome{gap:28px}.hero-art{height:345px}}@media(max-width:760px){.app-shell{padding:0 18px}.topbar{height:76px}.brand{font-size:25px;gap:8px}.topbar .brand{min-width:0;overflow:hidden;white-space:nowrap}.top-actions{flex:none}.top-actions select{padding:7px}.icon-button{width:36px;height:40px}.welcome{grid-template-columns:1fr;padding:22px 0 32px;gap:18px}.hero-art{height:210px;max-width:340px}.hero-orbit{inset:0 20px}.welcome-copy h1{font-size:44px;margin:18px 0;letter-spacing:-1.5px}.welcome-copy>p{font-size:16px;line-height:1.65}.welcome-copy>.eyebrow{font-size:9px;letter-spacing:.8px;padding:8px 11px}.feature-pills{gap:6px;margin:20px 0}.feature-pills>span{font-size:11px;padding:7px 9px}.login-form{padding:16px;max-width:none}.login-form .button{padding:10px 14px;gap:7px}.lobby-page{padding-top:25px}.active-match-actions>.button{flex:1 1 180px}.page-heading h1{font-size:30px}.page-heading .eyebrow{font-size:10px;letter-spacing:1px}.status-chip{padding:7px 9px;font-size:11px;gap:6px}.preset-picker{gap:6px}.preset{padding:14px 9px;gap:7px}.preset strong{font-size:13px}.preset small{font-size:11px;line-height:1.45}.preset svg{top:10px;right:6px}.lobby-grid>.panel{padding:22px}.lobby-grid p{font-size:14px}.room-panel{padding:18px}.room-code{font-size:30px}.member{padding:11px;gap:9px}.member strong{font-size:13px}.ready-badge{padding:4px 6px;font-size:11px}.room-buttons .button{font-size:13px}.overlay{padding:10px}.modal{padding:20px;border-radius:20px;max-height:calc(100dvh - 20px)}.modal .section-heading h2{font-size:21px}.tutorial-steps p{font-size:14px}}@media(max-width:360px){.app-shell{padding:0 12px}.topbar{gap:7px}.brand{font-size:21px;gap:6px;white-space:nowrap}.brand-logo{width:32px;height:32px}.top-actions{gap:3px}.top-actions select{width:43px;min-height:40px;padding:4px;font-size:12px}.top-actions .icon-button{width:30px}.top-actions .avatar{width:30px;height:30px;font-size:14px}.preset{padding-inline:6px}.preset strong{font-size:12px;letter-spacing:-.3px}.welcome-copy h1{font-size:39px}.login-form{padding:12px}.login-form>div{flex-wrap:wrap}.login-form .button{width:100%}.page-heading{flex-wrap:wrap}}@keyframes page-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes overlay-enter{0%{opacity:0}to{opacity:1}}@keyframes dialog-enter{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes toast-enter{0%{opacity:0;translate:0 -8px}to{opacity:1;translate:0 0}}@keyframes loading-spin{to{transform:rotate(360deg)}}@keyframes search-pulse{50%{opacity:.45;transform:scale(.9)}}@keyframes ready-pop{50%{transform:scale(1.06)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.login-form,.lobby-shell .panel{background:#fffdf8aa;border-color:#ffffffc4;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.modal{--dialog-surface:#fffef8aa;background:var(--dialog-surface);border-color:#ffffffe0;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}}@media(prefers-reduced-transparency:reduce){.login-form,.lobby-shell .panel{background:#fffdf8}.modal{--dialog-surface:#fffef8;background:var(--dialog-surface)}.login-form,.lobby-shell .panel,.modal,.overlay{backdrop-filter:none;-webkit-backdrop-filter:none}}.playing.app-shell{height:var(--app-height,100dvh);min-height:0;max-width:2160px;padding:env(safe-area-inset-top) max(12px,env(safe-area-inset-right)) env(safe-area-inset-bottom) max(12px,env(safe-area-inset-left));overflow:hidden}.playing .topbar{height:64px;flex:0 0 64px}.playing .brand{font-size:25px}.brand-logo{width:44px;height:44px;border-radius:14px}.playing .brand-logo{width:36px;height:36px}.game-screen{flex:1;display:flex;min-width:0;min-height:0}.board-viewport{flex:1;display:flex;justify-content:center;align-items:center;min-width:0;min-height:0;padding:12px 0;overflow:hidden}.board-fit{position:relative;flex:1;align-self:stretch;min-width:0;min-height:0}.game-canvas{position:absolute;inset:0;transform-origin:top left;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:var(--result-row,64px) minmax(0,1fr) 72px;gap:12px;padding:16px;border:1px solid #d3e4cc;border-radius:28px;background:#f0f6e9;box-shadow:0 12px 40px #244d3010,0 2px #c9dbc1;color:#284735;overflow:hidden}.game-canvas button{touch-action:manipulation}.player-track{display:flex;gap:10px;min-width:0;min-height:0}.participant{--player-color:#647cce;flex:1;min-width:0;display:flex;flex-direction:column;gap:5px;padding:10px 12px;border:2px solid transparent;border-radius:17px;background:#fffef9;color:#405847;overflow:hidden;transition:background .25s,border-color .25s,box-shadow .25s}.participant:nth-child(2){--player-color:#dc9770}.participant:nth-child(3){--player-color:#8f75bf}.participant:nth-child(4){--player-color:#539fb0}.participant.active-player{border-color:#daa33b;background:#fff5d6;box-shadow:0 0 0 3px #f7cf692c}.participant-heading{display:flex;align-items:center;gap:9px;width:100%;min-width:0;border:0;padding:0;background:transparent;color:inherit;text-align:left;border-radius:9px}.player-avatar{position:relative;display:grid;place-items:center;width:32px;height:32px;flex:none;border-radius:11px;background:color-mix(in srgb,var(--player-color) 16%,white);color:var(--player-color);font-weight:800;font-size:16px}.turn-pointer{position:absolute;top:-5px;right:-5px;width:18px;height:18px;display:grid;place-items:center;border-radius:50%;background:#287347;color:#fff;animation:turn-pulse 1.8s ease-in-out infinite}.participant-info{display:flex;flex-direction:column;gap:2px;min-width:0}.participant-info>strong{display:flex;align-items:center;gap:5px;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.participant-info em{font-size:10px;font-style:normal;padding:2px 5px;border-radius:5px;background:#e1edda;color:#356244}.participant-info>small{font-size:11px;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#526851}.participant-info>.player-place{display:flex;align-items:center;gap:4px;color:#8d6317;font-weight:700}.player-animal-counts{display:flex;justify-content:flex-start;align-items:center;gap:8px;flex:none}.player-animal-counts>span{display:flex;align-items:center;gap:3px;min-width:0;font-size:13px;color:#65715f}.player-animal-counts img{width:23px;height:23px;opacity:.45;filter:grayscale(.65)}.player-animal-counts .present{color:#284735}.player-animal-counts .present img{opacity:1;filter:none}.participant[data-species="7"] .player-animal-counts{gap:5px}.participant[data-species="7"] .player-animal-counts>span{flex-direction:column;gap:0;line-height:1.05}.participant[data-species="7"] .player-animal-counts img{width:20px;height:20px}.participant-protections{position:relative;display:flex;align-items:center;width:100%;min-width:0;height:24px;flex:none;color:#526851}.participant-protection-total,.participant-protection-details{display:flex;align-items:center;gap:5px;font-size:12px;white-space:nowrap}.participant-protection-details{position:absolute;top:0;left:0;height:100%;width:max-content;visibility:hidden}.participant-protection-details>span{display:flex;align-items:center;gap:2px}.participant-protection-details img{width:22px;height:22px;object-fit:contain}.participant-protection-total svg{flex:none}.participant-protections[data-expanded=true] .participant-protection-details{visibility:visible}.participant-protections[data-expanded=true] .participant-protection-total{visibility:hidden}.player-last-result{flex:1;min-height:30px;min-width:0;width:100%;display:flex;align-items:center;gap:7px;text-align:left;padding:4px 6px;border:1px solid #dce7d6;border-radius:9px;background:#f0f5e9;color:#405b37;transition:background .2s,border-color .2s}.player-last-result:hover{background:#e6f0da;border-color:#84ad73}.player-last-result.selected-result{background:#e5f0d7;border-color:#5d9149}.empty-result{justify-content:center;font-size:11px;color:#566a4f}.player-signals{display:flex;align-items:center;flex-wrap:wrap;flex:none;width:70px}.player-signals small{width:100%;min-width:0;white-space:nowrap;overflow:hidden;font-size:10px;color:#566a4f}.player-signals img{width:23px;height:23px}.player-outcomes{display:flex;align-items:center;gap:5px;flex-wrap:wrap;min-width:0;line-height:1.2}.outcome{display:inline-flex;align-items:center;gap:2px;font-size:12px}.outcome>img{width:21px;height:21px}.outcome>small{font-size:10px}.outcome.gain,.outcome.saved{color:#286c3c}.outcome.loss{color:#a13f35}.outcome.loss>small{max-width:70px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.game-canvas .turn-banner{display:flex;align-items:center;gap:12px;flex-wrap:nowrap;margin:0;min-height:0;padding:10px 16px;border:1px solid #d6e3cc;border-radius:16px;background:#fffef9;box-shadow:none;animation:turn-enter .35s ease-out}.game-canvas .turn-banner.your-turn{background:#fff0bf;border-color:#e4b94e}.surrender-button{display:flex;align-items:center;gap:6px;flex:none;width:auto;padding:8px;color:#854532;font-size:12px}.surrender-button span{white-space:nowrap}.canvas-focused .surrender-button span{display:none}.canvas-focused .surrender-button{width:36px;min-width:36px;padding:8px}.surrender-confirm{background:#a34d35;color:#fff}.forfeit-result{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}.game-canvas .result-banner.paused .surrender-button{margin-left:auto}.active-avatar{display:grid;place-items:center;width:39px;height:39px;border-radius:12px;background:#287347;color:#fff;font-size:20px;font-weight:800;flex:none}.game-canvas .turn-banner>div:not(.timer){flex:0 1 auto;min-width:0}.game-canvas .turn-banner strong{font-size:18px;color:#284735}.game-canvas .turn-banner small{display:block;font-size:12px;color:#516440}.game-canvas .round-label{margin-left:auto;font-size:12px;white-space:nowrap;color:#516440;flex:none!important}.time-meter{display:flex;align-items:center;gap:8px;flex:none!important;margin-left:10px;color:#427747}.game-canvas .turn-banner .time-meter{flex-direction:row}.time-track{display:block;width:110px;height:12px;border:1px solid #bccfad;border-radius:8px;overflow:hidden;background:#e0e9d2}.time-track>span{display:block;width:100%;height:100%;border-radius:6px;background:#52935a;transform-origin:left center;transition:transform .25s linear}.time-meter.urgent{color:#ad4931}.urgent .time-track>span{background:#d36b49}.no-time-limit{display:flex;align-items:center;gap:5px;margin-left:10px;flex:none;color:#427747}.game-canvas .no-time-limit small{font-size:12px;white-space:nowrap}.board-body{display:grid;grid-template-columns:164px minmax(0,1fr) 258px;grid-template-rows:112px minmax(0,1fr) 65px;gap:10px;min-height:0;min-width:0}.board-body>div{min-height:0;min-width:0}.market-panel{display:flex;flex-direction:column;min-height:0;padding:14px 12px;border:1px solid #e0e7d5;border-radius:18px;background:#fffdf4}.market-heading h2{font-size:16px}.market-heading small{display:block;font-size:11px;line-height:1.5;margin:6px 0 10px;color:#52674b}.market-stock{display:flex;flex-direction:column;gap:5px;flex:1;min-height:0;overflow-y:auto;scrollbar-width:thin}.market-species{display:flex;align-items:center;gap:7px;flex:1 0 37px;padding:3px 4px;border-radius:9px}.market-species:nth-child(odd){background:#f2f6e9}.market-species>img{width:32px;height:32px;flex:none}.market-species>div{display:flex;align-items:center;justify-content:space-between;gap:6px;width:100%;min-width:0}.market-species strong{font-size:12px}.market-quantity{display:grid;place-items:center;min-width:27px;height:26px;padding:0 4px;border-radius:8px;background:#e4efd8;color:#35592d;font-size:13px;font-variant-numeric:tabular-nums}.market-protection{display:flex;align-items:center;gap:6px;flex:none;margin-top:10px;padding:8px 5px;border:0;border-radius:11px;background:#e6efd9;color:#355b31;font-size:11px;text-align:left}.market-protection>img{width:29px;height:29px}.farm-panel{display:grid;grid-template-rows:48px auto minmax(0,1fr) auto;gap:8px;min-width:0;min-height:0;padding:15px;border:1px solid #d0dfbb;border-radius:21px;background:radial-gradient(ellipse at 50% 100%,#d6eac0,#e9f3db 80%)}.farm-title{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}.farm-title h1{font-size:27px;letter-spacing:-.8px}.farm-title .eyebrow{font-size:11px;letter-spacing:1.5px;color:#42683b}.collection-goal{display:flex;align-items:center;gap:3px;padding:6px;border:1px solid #cfdfb9;border-radius:12px;background:#f8fbed;flex:none}.collection-goal img{width:26px;height:26px;opacity:.3;filter:grayscale(1);transition:opacity .3s,filter .3s}.collection-goal img.complete{opacity:1;filter:none;animation:count-pop .4s ease-out}.collection-goal>b{padding:0 5px;font-size:14px;color:#356633;font-variant-numeric:tabular-nums}.farm-goal{display:flex;align-items:center;gap:6px;font-size:12px;line-height:1.5;color:#425e36}.farm-goal>svg{flex:none}.animal-pens{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:10px;min-height:0;padding:3px;overflow-y:auto;scrollbar-width:thin}.animal-pen{position:relative;grid-column:span 2;display:flex;flex-direction:column;min-width:0;min-height:0;padding:10px;border:1px solid #d8dfc9;border-radius:17px;background:#fffdf5;box-shadow:0 3px #a6bc8525;transition:background .25s,border-color .25s,box-shadow .25s}.animal-pen:nth-child(4){grid-column:2/span 2}.animal-pen:nth-child(5){grid-column:4/span 2}.animal-pen.populated{background:color-mix(in srgb,var(--animal-color) 12%,#fffef7);border-color:color-mix(in srgb,var(--animal-color) 40%,#c5d7b3)}.animal-pen.covered{border-color:#6caa71;box-shadow:0 0 0 2px #89b97a24,0 3px #a6bc8525}.pen-label{display:flex;align-items:center;gap:5px;flex:none;min-width:0}.pen-label h3{flex:1;font-size:15px;min-width:0}.pen-label>svg{color:#3c814c;flex:none}.animal-count{display:grid;place-items:center;min-width:29px;height:29px;padding:0 5px;font-size:19px;border-radius:10px;color:#275437;background:#e0ebce;font-variant-numeric:tabular-nums}.empty .animal-count{background:#eef0e4;color:#596752}.pen-tokens{position:relative;display:flex;align-items:center;justify-content:center;flex:1;min-height:24px;gap:8px}.pen-animal{width:72px;height:100%;max-height:72px;object-fit:contain;filter:drop-shadow(0 5px 0 #5e793013)}.empty .pen-animal{opacity:.48;filter:grayscale(.55)}.pen-tokens .token-pile{max-width:65px;max-height:100%;overflow:hidden;padding:4px 8px}.empty-pen{display:block;text-align:center;font-size:11px;line-height:1.35;color:#5b6a52;margin:3px 0}.game-canvas:not(.canvas-portrait) .empty-pen{display:none}.pen-guards{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:4px;min-height:18px;flex:none}.pen-guards>img{width:21px;height:21px;border:1px solid #b6cfa0;background:#eef5e0;border-radius:6px}.capacity-badge{font-size:10px;line-height:1.3;color:#506841;white-space:nowrap}.boost-marker{display:flex;align-items:center;gap:2px;padding:1px 3px;border:1px solid #d6b557;border-radius:5px;background:#fff0c2;color:#76551d;font-size:10px}.boost-marker img{width:16px;height:16px}.boost-marker.inactive{color:#706850;background:#f3efdc;border-color:#d6d1b9}.species-6 .animal-pen:nth-child(4),.species-6 .animal-pen:nth-child(5){grid-column:span 2}.species-7{grid-template-columns:repeat(12,minmax(0,1fr))}.species-7 .animal-pen,.species-7 .animal-pen:nth-child(4){grid-column:span 3}.species-7 .animal-pen:nth-child(5){grid-column:2/span 3}.species-7 .pen-label h3{font-size:13px}.species-7 .animal-pen{padding:8px}.pen-change{position:absolute;top:8px;right:10px;padding:4px 7px;border-radius:8px;background:#287347;color:#fff;font-size:16px;font-weight:800;animation:pen-delta 1.2s ease-out both}.pen-change.loss{background:#b34b38}.animal-pen:is(.pen-gain,.pen-loss) .animal-count{animation:count-pop .4s ease-out}.game-canvas[data-results-pending=true] .collection-goal img{animation:none}.pen-gain{animation:pen-gain 1.2s ease-out}.pen-loss{animation:pen-loss 1.2s ease-out}.status-effects{display:flex;align-items:center;justify-content:center;gap:5px;flex-wrap:wrap}.status-effects:empty{display:none}.status-effects span{display:flex;align-items:center;gap:4px;padding:3px 7px;border-radius:7px;background:#ffe0c1;color:#814126;font-size:11px}.token-pile{display:inline-flex;align-items:center;justify-content:center;gap:4px;flex-wrap:wrap;max-width:100%;line-height:1;vertical-align:middle}.token{position:relative;display:inline-flex;align-items:center;justify-content:center;width:31px;height:31px;border:1px solid #d8d9be;border-radius:50%;background:#fffef4;box-shadow:0 2px #85975c20;flex:none}.token>img{width:29px;height:29px;object-fit:contain;pointer-events:none}.token.stack{border-color:#a6be88;box-shadow:2px 2px #dce6c7,4px 4px #a9ba8640;margin-right:4px}.token>b{position:absolute;right:-4px;bottom:-4px;padding:2px 3px;border-radius:5px;background:#3e6e36;color:#fff;font-size:10px;font-weight:800}.token-pile.small{gap:4px}.token-pile.small .token{width:25px;height:25px}.token-pile.small .token img{width:23px;height:23px}.token-pile.small .token b{font-size:10px}.bundle-tokens{display:inline-flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}.season-panel{position:relative;height:100%;min-height:0;display:flex;flex-direction:column;gap:9px;overflow-y:auto;padding:14px;border:1px solid #e4dfc9;border-radius:18px;background:#fffdf5;scrollbar-width:thin}.season-slot{container-type:size;container-name:turn-panel}.season-heading{display:flex;justify-content:space-between;align-items:center;gap:6px;flex:none}.season-heading h2{font-size:16px}.season-heading .icon-button{width:30px;height:30px;flex:none}.resolution-owner{flex:none;font-size:12px;line-height:1.4;color:#556848}.game-canvas .signal-list{display:grid;grid-template-columns:1fr 1fr;gap:9px;flex:none}.game-canvas .signal{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-height:0;height:98px;padding:8px;border:1px solid #d7e2be;border-radius:14px;background:#edf4e0;animation:none}.game-canvas .signal img{width:55px;height:55px;object-fit:contain}.game-canvas .signal strong{min-width:0;margin:0;font-size:12px;text-align:center;line-height:1.3;overflow-wrap:anywhere}.game-canvas .signal.unknown>svg{color:#789d60}.game-canvas .signal.threat{background:#fff0db;border-color:#e4b78b;color:#8a4027}.game-canvas .signal.revealed{animation:sign-open .45s ease-out}.game-canvas .season-panel:is([data-mode=review],[data-mode=last]) .signal.revealed{animation:none}.game-canvas .season-panel[data-mode=last] :is(.growth-result,.hazard-result,.shield-burst){animation:none}.season-panel[data-mode=idle] .signal{border-style:dashed;background:#f2f5e8}.resolution-status{flex:none;font-size:12px;line-height:1.5;color:#386b38;margin:0;min-height:18px;font-weight:600}.season-explanation{font-size:12px;line-height:1.65;color:#556848;flex:none}.pair-example{display:flex;align-items:center;gap:8px;padding:10px;border:1px solid #ead89c;border-radius:12px;background:#fff3cc;color:#755226;font-size:12px;line-height:1.5;flex:none;text-align:left}.pair-example img{width:32px;height:32px}.pair-example svg{flex:none;color:#b67448}.phase-track{display:flex;justify-content:space-between;gap:5px;flex:none}.phase-track>span{flex:1;height:28px;display:grid;place-items:center;border-radius:8px;background:#eceee3;color:#65735d;transition:background .25s,color .25s}.phase-track>span.done{background:#dfeecb;color:#36703d}.turn-results{flex:1;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,160px),1fr));align-content:start;gap:7px;min-width:0;min-height:0;font-size:12px}.growth-result{flex:none;padding:7px;border-radius:10px;background:#f0f2e6;animation:state-enter .3s ease-out}.growth-result.growing{background:#e8f3d8}.pair-equation{display:flex;align-items:center;justify-content:center;gap:6px}.pair-equation .token-pile{max-width:70px}.pair-equation>b{font-size:12px;color:#546d42}.growth-result>small{display:block;margin-top:6px;text-align:center;font-size:11px;line-height:1.5;color:#526747}.growth-result .bonus-result{color:#2f743c;font-weight:700}.hazard-result{display:flex;align-items:center;gap:7px;flex:none;padding:7px;border-radius:10px;background:#ffead8;font-size:12px;animation:state-enter .3s ease-out}.hazard-result>img{width:33px;height:33px;flex:none}.hazard-result>div{flex:1;min-width:0}.hazard-result strong{font-size:12px}.hazard-result small{display:block;font-size:11px;margin-top:3px;color:#754e3b}.hazard-result.protected,.hazard-result.harmless{background:#e5f1db}.hazard-result.protected small,.hazard-result.harmless small{color:#42693a}.shield-burst{position:relative;display:flex;align-items:center;justify-content:center;width:38px;height:38px;flex:none;animation:shield-save .7s ease-out}.shield-burst>img{width:35px;height:35px}.shield-burst>svg{position:absolute;bottom:-2px;right:-3px;width:16px;height:16px;border-radius:50%;background:#e4f1d5;color:#287347}.saved-protection,.lost-protections img{width:24px;height:24px;vertical-align:middle}.lost-protections img{opacity:.65;filter:sepia(.5)}.sign-draw-window{--sign-step:55px;position:relative;display:block;width:var(--sign-step);height:var(--sign-step);overflow:hidden;border-radius:10px;-webkit-mask-image:linear-gradient(transparent,#000 20%,#000 80%,transparent);mask-image:linear-gradient(transparent,#000 20%,#000 80%,transparent)}.sign-draw-strip{display:flex;flex-direction:column;animation:sign-cycle .3s linear infinite}.game-canvas .sign-draw-strip img{width:var(--sign-step);height:var(--sign-step);object-fit:contain;flex:none}.draw-sparkle{position:absolute;right:0;bottom:1px;width:18px;height:18px;color:#bb922a;animation:draw-twinkle .6s ease-in-out infinite}.game-canvas .signal.drawing{border-color:#bbcc78;background:#fff6d3;box-shadow:0 0 0 3px #f4dc8a35}.board-dock{position:relative;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:48px auto;gap:6px;min-width:0;padding:0 2px}.protection-belt{display:flex;align-items:center;justify-content:center;gap:7px;min-width:0;overflow-x:auto;scrollbar-width:thin;padding:2px}.belt-label{display:flex;align-items:center;gap:5px;flex:none;margin-right:5px;font-size:12px;color:#43643c}.defense-token{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:72px;height:61px;min-width:0;flex:0 0 72px;padding:4px;border:1px dashed #b7caa6;border-radius:12px;background:#fffdf3;color:#53694c;transition:background .2s,border-color .2s,transform .2s}.defense-token>img{width:35px;height:35px;opacity:.62;filter:grayscale(.25)}.defense-token small{flex:none;max-width:100%;font-size:10px;line-height:1.2;white-space:normal;overflow-wrap:anywhere;color:inherit}.defense-token:not(:disabled):hover{background:#eef6e3;border-color:#7aa564;transform:translateY(-2px)}.defense-token.equipped{border-style:solid;border-color:#68a35a;background:#e1f0d2;color:#315f32}.defense-token.equipped>img{opacity:1;filter:none}.defense-token.guarded-defense{box-shadow:0 0 0 2px #79b26c30}.equipped-check{position:absolute;top:3px;right:3px;color:#287347}.guard-badges{position:absolute;right:-3px;bottom:13px;display:flex}.guard-badges img{width:18px;height:18px;border:1px solid #8fac76;border-radius:5px;background:#f3f8e5}.graph-button{flex:none}.action-row{display:flex;align-items:stretch;justify-content:center;gap:9px}.action-row .button{flex:1;max-width:280px;min-height:44px;padding:9px 12px;gap:7px;font-size:14px;line-height:1.25}.action-row .finish-turn{background:#287347;box-shadow:0 3px #1b5431;color:#fff}.action-row .finish-turn:hover{background:#34854f}.action-row>.icon-button{align-self:center;flex:none;width:40px;height:40px}.action-help{display:block;text-align:center;font-size:11px;line-height:1.5;color:#526a45}.game-canvas .result-banner{position:relative;display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:nowrap;min-height:0;margin:0;padding:10px 16px;border:1px solid #e4bd53;border-radius:16px;background:#fff0bf;font-size:17px;overflow:hidden}.game-canvas .result-banner .button{margin-left:auto;min-height:40px;padding:8px 14px;font-size:13px;z-index:1}.game-canvas .result-banner>svg{flex:none;color:#a37818}.game-canvas .result-banner strong{z-index:1}.result-summary{min-width:0}.game-canvas:has(.match-standings){--result-row:max-content}.result-summary>strong,.match-standings li{overflow-wrap:anywhere}.match-standings{display:flex;flex-wrap:wrap;gap:2px 12px;list-style:none;margin:3px 0 0;padding:0;font-size:11px;line-height:1.3}.playing-for-place{font-size:11px;color:#876315}.game-canvas .result-banner.paused{background:#eef1e5;border-color:#ccd9bb;font-size:14px}.victory-confetti{position:absolute;inset:0;pointer-events:none;overflow:hidden}.victory-confetti i{position:absolute;left:calc(var(--piece) * 5.7%);top:-12px;width:7px;height:11px;border-radius:2px;background:#e9a946;animation:confetti-fall 2.2s ease-out both;animation-delay:calc(var(--piece) * 35ms)}.victory-confetti i:nth-child(3n){background:#63a963}.victory-confetti i:nth-child(3n+1){background:#9380c9}.offer-toast{position:absolute;bottom:166px;left:50%;transform:translate(-50%);z-index:5;max-width:90%;display:flex;align-items:center;gap:10px;padding:12px 16px;border:1px solid #d6ad4b;border-radius:14px;background:#fff5d3;box-shadow:0 8px 24px #4a5b3d25;font-size:13px}.offer-toast .button{min-height:40px;padding:8px 12px;font-size:12px}.offer-time{width:55px;height:10px;flex:none}.flight-layer{position:absolute;inset:0;z-index:6;pointer-events:none;overflow:hidden}.flying-token{position:absolute;display:grid;place-items:center;width:42px;height:42px;margin:-21px 0 0 -21px;border:1px solid #bfce99;border-radius:50%;background:#fffbee;box-shadow:0 5px 16px #32513c30;animation:token-travel .52s ease-in-out both;animation-delay:var(--flight-delay)}.flying-token img{width:38px;height:38px}.flying-token b{position:absolute;right:0;bottom:0;padding:2px 4px;border-radius:5px;background:#3e753b;color:#fff;font-size:11px}.arrival-badge{position:absolute;margin:-12px 0 0 -16px;padding:4px 8px;border-radius:9px;background:#287347;color:#fff;font-size:17px;font-weight:800;box-shadow:0 2px 8px #345c3922;animation:resource-arrival .85s ease-out both;animation-delay:var(--flight-delay)}.modal.wide{max-width:820px}.dialog-intro{margin:10px 0 20px;font-size:14px;line-height:1.65;color:#52664d}.proposal-list{display:grid;gap:12px}.proposal{display:grid;grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr) 135px;align-items:center;gap:12px;width:100%;padding:16px 12px;border:1px solid #d6e1ca;border-radius:15px;background:#f7faef;color:#315b36;text-align:left;transition:background .2s,border-color .2s}.proposal:not(:disabled):hover{background:#edf6df;border-color:#85aa6c}.proposal.winning{border-color:#d8b753;background:#fff3cc}.proposal>div{display:flex;flex-direction:column;gap:12px;min-width:0;text-align:center}.proposal small{font-size:12px;color:#52664d}.proposal>strong{display:flex;align-items:center;gap:6px;font-size:13px}.exchange-arrow{max-width:24px;color:#6c9657}.defense-shop{display:grid;grid-template-columns:1fr 1fr;gap:12px}.shop-protection{padding:16px;border:1px solid #dce4ce;border-radius:16px;background:#fffdf4}.shop-title{display:flex;align-items:center;gap:12px}.shop-title>img{width:55px;height:55px;flex:none}.shop-title h3{font-size:16px}.shop-title p{margin-top:5px;font-size:12px;line-height:1.5;color:#52664d}.shop-title small{font-size:12px;color:#52664d}.payment-choice{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;min-height:48px;margin-top:10px;padding:9px;border:1px solid #cbdcb8;border-radius:10px;background:#edf5e1;color:#315b36}.payment-choice>img{width:31px;height:31px}.payment-choice>span:last-child{font-size:12px}.unavailable{margin:12px 0;font-size:13px;line-height:1.5;color:#665f49}.equipped-label{display:block;margin:12px 0;font-size:13px;color:#287347}.token-composer{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:18px}.offer-basket{padding:14px;border:1px solid #d6e0c7;border-radius:15px;background:#f8faef}.offer-basket h3{margin-bottom:12px;font-size:16px}.token-palette{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}.token-palette button{display:flex;flex-direction:column;align-items:center;min-height:62px;padding:5px 2px;border:1px solid #d6dfc5;border-radius:10px;background:#fffdf4;color:#3e6137}.token-palette img{width:35px;height:35px;pointer-events:none}.token-palette span{font-size:10px;pointer-events:none}.drop-zone{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;min-height:115px;margin:12px 0;padding:12px;border:2px dashed #a9c38c;border-radius:12px;background:#edf4e0}.drop-zone>span:not(.token-pile){font-size:13px;text-align:center;color:#4f6b40}.drop-zone button.token:hover{background:#ffe3c6}.segmented{display:flex;gap:7px;margin:12px 0}.segmented button{flex:1;min-height:44px;padding:10px;border:1px solid #d6e0c7;border-radius:10px;background:#f5f8ee;color:#52664d;font-size:13px}.segmented button.selected{background:#e5f0d5;border-color:#7fa862;color:#315b36;font-weight:700}.empty-state{padding:28px;font-size:14px;line-height:1.7;text-align:center;color:#52664d}.catalog{display:grid;grid-template-columns:1fr 1fr;gap:14px}.catalog article{display:block;padding:16px;border:1px solid #dce4ce;border-radius:15px;background:#f8faef}.catalog-head{display:flex;align-items:center;gap:12px}.catalog-head>img{width:53px;height:53px}.catalog-head h3{font-size:16px}.catalog-head small{font-size:12px;color:#52664d}.protection-chain{display:flex;align-items:center;justify-content:center;gap:10px;margin:12px 0;padding:10px;border-radius:11px;background:#e6f0d8}.protection-chain>img{width:39px;height:39px}.protection-chain>svg{width:21px;color:#58854b}.target-pictures{display:flex;align-items:center;flex-wrap:wrap;gap:5px}.target-pictures img{width:32px;height:32px;border-radius:8px;background:#fffdf4}.target-pictures .effect-target{display:grid;place-items:center;width:32px;height:32px;border-radius:8px;background:#ffe1c4;color:#a86742}.catalog-event{display:flex;align-items:flex-start;gap:8px}.catalog-event>img{width:32px;height:32px;flex:none}.catalog-event>p{font-size:12px;line-height:1.55}.catalog-event p strong{display:block;font-size:13px}.catalog-event p span{display:block;color:#52664d}.boost-description{display:flex;align-items:center;gap:5px;margin-top:6px;font-size:12px;line-height:1.5;color:#416739}.boost-description img{width:25px;height:25px;flex:none}.inspect-pens{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0}.inspect-pens .animal-pen{grid-column:auto;min-height:175px}.inspect-defenses{display:grid;grid-template-columns:1fr 1fr;gap:12px}.inspect-defenses>div{display:flex;align-items:center;gap:8px;padding:12px;border-radius:11px;background:#edf4e2}.inspect-defenses>div>img{width:34px;height:34px}.inspect-defenses strong{font-size:13px}.history-log{display:flex;flex-direction:column;gap:10px;padding:0;list-style:none}.history-log li{display:flex;flex-direction:column;gap:7px;padding:12px 14px;border-left:4px solid #b9d19b;border-radius:7px;background:#f7faef;font-size:14px}.history-log li.event-protected{border-color:#4f9b60}.history-log li.event-threat{border-color:#da8c60}.history-log li>strong{font-size:14px;overflow-wrap:anywhere}.history-states{display:grid;gap:7px;padding-top:8px;border-top:1px solid #dbe5cf}.history-current{margin-bottom:18px;padding:12px 14px;border:1px solid #dbe5cf;border-radius:12px;background:#eff5e7}.history-state-label{color:#607154;font-size:11px}.history-player-state{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;min-width:0}.history-player-state>strong{flex-basis:100%;min-width:0;max-width:100%;overflow-wrap:anywhere;font-size:12px}.history-animal-counts,.history-protections{display:flex;flex-wrap:wrap;align-items:center;gap:5px 9px}.history-animal-counts>span{display:flex;align-items:center;gap:3px;font-size:12px;font-variant-numeric:tabular-nums}.history-animal-counts img,.history-protections img{width:25px;height:25px;object-fit:contain}.history-protections>span{display:flex}.history-protections>small{font-size:11px}[data-swipe-pages]{touch-action:pan-y pinch-zoom}.log-production,.log-event,.log-bundle{display:flex;align-items:center;gap:8px;color:#52664d;font-size:13px}.log-production>img,.log-event>img{width:28px;height:28px;flex:none}.tutorial-example{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin:18px 0;padding:18px;border:1px solid #d7e2c7;border-radius:15px;background:#eef5df}.tutorial-example>img{width:38px;height:38px}.tutorial-example>strong{font-size:13px;color:#3d6d36}.turn-time-setting{display:grid;grid-template-columns:minmax(0,1fr) 145px;align-items:center;gap:12px 9px;margin:18px 0 22px}.turn-time-setting>label{font-size:14px;font-weight:600}.turn-time-setting>select{width:100%;min-height:44px;padding:10px;border:1px solid #cbdaba;border-radius:10px;background:#f5f8ec;color:#315b36}.turn-time-setting>small{grid-column:1/-1;font-size:12px;line-height:1.6;color:#52664d}.room-time-hint{display:block;margin-top:-12px;font-size:12px;line-height:1.6;color:#52664d}.game-canvas [hidden]{display:none!important}.participant-slot,.animal-slot{display:contents}.players-panel{grid-column:1/-1;grid-row:1;min-height:0}.players-panel .player-track{height:100%}.view-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;flex:none}.view-heading h2{font-size:18px}.canvas-overview .players-panel .view-heading,.canvas-overview .protection-panel .view-heading{display:none}.canvas-overview .market-panel .view-heading h2{font-size:16px}.canvas-overview{--protection-row-size:82px}.canvas-overview .board-body{grid-template-rows:max-content minmax(0,1fr) var(--protection-row-size)}.canvas-overview .players-panel .player-track{height:auto}.canvas-overview .participant{display:grid;grid-template-rows:auto auto auto minmax(44px,1fr)}.canvas-overview .player-last-result{min-height:44px}.market-panel{grid-column:1;grid-row:2}.farm-panel{grid-column:2;grid-row:2}.season-slot{grid-column:3;grid-row:2}.protection-panel{grid-column:1/-1;grid-row:3;min-height:0}.protection-panel .protection-belt{height:100%}.participant-slot:nth-child(2) .participant{--player-color:#dc9770}.participant-slot:nth-child(3) .participant{--player-color:#8f75bf}.participant-slot:nth-child(4) .participant{--player-color:#539fb0}.view-pagination{display:flex;align-items:center;justify-content:center;gap:2px;flex:none}.view-pagination .icon-button{width:44px;height:44px;flex:none}.view-pagination span{min-width:35px;text-align:center;font-size:12px;color:#405b37;font-variant-numeric:tabular-nums}.season-tools{display:flex;align-items:center;flex:none}.board-tabs{display:flex;gap:4px;min-width:0}.board-tabs>button{position:relative;flex:1;min-width:0;display:flex;align-items:center;justify-content:center;gap:6px;border:1px solid #cbdaba;border-radius:11px;background:#fffdf5;color:#405b37;font-size:14px;min-height:44px;padding:5px}.board-tabs>button[aria-selected=true]{background:#287347;border-color:#287347;color:#fff;font-weight:700}.tab-notification{position:absolute;top:5px;right:7px;width:7px;height:7px;border-radius:50%;background:#d99a22}.canvas-overview .animal-pens{overflow:hidden}.canvas-overview .farm-panel{padding:12px;grid-template-rows:44px auto minmax(0,1fr) auto;gap:6px}.canvas-overview .animal-pen{padding:7px}.canvas-overview .farm-title h1{font-size:24px}.canvas-overview .pen-label h3{font-size:13px}.canvas-overview .species-7 .pen-label h3{font-size:12px}.canvas-overview .belt-label{display:none}.canvas-overview .defense-token{flex:1 1 72px;max-width:90px;height:calc(var(--protection-row-size) - 4px)}.canvas-focused{grid-template-rows:58px 48px minmax(0,1fr) 116px;gap:8px;padding:10px;border-radius:20px}.canvas-focused .board-body{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);gap:0;overflow:hidden}.canvas-focused .board-body>section,.canvas-focused .season-slot{grid-column:1;grid-row:1;min-width:0;min-height:0;height:100%}.canvas-focused .turn-banner{padding:7px 10px;gap:8px}.canvas-focused .turn-banner strong{display:block;font-size:16px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.canvas-focused .turn-banner small{font-size:12px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.canvas-focused .active-avatar{width:32px;height:32px;font-size:16px}.canvas-focused .round-label{display:none}.canvas-focused .time-meter,.canvas-focused .no-time-limit{margin-left:auto;gap:4px}.canvas-focused .time-track{width:56px;height:10px}.canvas-focused .no-time-limit small{display:none}.canvas-focused .farm-panel{padding:8px;grid-template-rows:44px minmax(0,1fr) auto;gap:6px}.canvas-focused .farm-title h1{font-size:21px;letter-spacing:-.6px}.canvas-focused .farm-title .eyebrow,.canvas-focused .farm-goal{display:none}.canvas-focused .collection-goal{padding:5px;margin-left:auto}.canvas-focused .collection-goal img{display:none}.canvas-focused .animal-pens{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;grid-auto-rows:minmax(0,1fr);gap:6px;overflow:hidden;padding:2px}.canvas-focused .animal-pen,.canvas-focused .animal-pen:nth-child(4),.canvas-focused .animal-pen:nth-child(5){grid-column:auto;padding:6px;border-radius:12px;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto minmax(0,1fr) auto;gap:3px}.canvas-focused .pen-label{grid-column:1/-1;gap:3px}.canvas-focused .pen-label h3{font-size:13px;line-height:1.15;overflow-wrap:anywhere}.canvas-focused .animal-count{min-width:26px;height:26px;font-size:18px;border-radius:8px}.canvas-focused .pen-tokens{grid-column:1/-1;min-height:0}.canvas-focused .pen-animal{width:48px;height:100%;max-height:64px}.canvas-focused .pen-tokens .token-pile,.canvas-focused .empty-pen{display:none}.canvas-focused .pen-guards{grid-column:1/-1;min-height:0;gap:2px;flex-wrap:nowrap}.canvas-focused .pen-guards>img{width:18px;height:18px}.canvas-focused .capacity-badge{font-size:11px}.canvas-focused .boost-marker{font-size:11px;padding:0;border:0}.canvas-focused .boost-marker img{width:18px;height:18px}.canvas-focused .players-panel,.canvas-focused .protection-panel{display:flex;flex-direction:column;gap:6px;padding:8px;border:1px solid #d0dfbb;border-radius:16px;background:#e9f3db}.canvas-focused .players-panel .player-track{flex:1;height:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);gap:6px}.canvas-focused .participant{padding:8px;gap:6px;border-radius:12px}.canvas-focused .participant-heading{min-height:44px;gap:6px}.canvas-focused .participant-info>strong{font-size:13px;display:block}.canvas-focused .participant-info em{margin-left:4px}.canvas-focused .participant-info>small{font-size:11px}.canvas-focused .player-animal-counts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px}.canvas-focused .player-animal-counts>span,.canvas-focused .participant[data-species="7"] .player-animal-counts>span{flex-direction:row;gap:2px;font-size:13px}.canvas-focused .player-animal-counts img{width:22px;height:22px}.canvas-focused .player-last-result{min-height:44px;flex:none;padding:4px}.canvas-focused .player-signals{width:48px}.canvas-focused .player-signals small{display:none}.canvas-focused .player-signals img{width:22px;height:22px}.canvas-focused .player-outcomes{gap:3px}.canvas-focused .outcome{font-size:12px}.canvas-focused .outcome>img{width:19px;height:19px}.canvas-focused .outcome>small{font-size:11px}.canvas-focused .protection-belt{flex:1;height:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);gap:6px;overflow:hidden;padding:2px}.canvas-focused .graph-header,.canvas-focused .view-heading>.icon-button{width:44px;height:44px;flex:none}.canvas-focused .belt-label{display:none}.canvas-focused .defense-token{width:100%;height:100%;min-height:44px;padding:5px;gap:4px;border-radius:12px}.canvas-focused .defense-token>img{width:40px;height:40px}.canvas-focused .defense-token small{font-size:12px;white-space:normal;text-align:center;line-height:1.2}.canvas-focused .graph-button{grid-column:1/-1;width:100%;height:44px;min-height:44px}.canvas-focused .market-panel{padding:12px;gap:6px}.canvas-focused .market-heading small{display:none}.canvas-focused .market-stock{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);gap:6px;overflow:hidden}.canvas-focused .market-species{flex-direction:column;justify-content:center;gap:4px;padding:5px;border:1px solid #dce5d2}.canvas-focused .market-species>img{width:38px;height:38px}.canvas-focused .market-species strong{font-size:13px}.canvas-focused .market-stock[data-paged=true] .market-species{flex-direction:row}.canvas-focused .market-stock[data-paged=true] .market-species>img{width:28px;height:28px}.canvas-focused .market-quantity{font-size:16px}.canvas-focused .market-protection{min-height:44px;font-size:13px;margin:0;justify-content:center}.canvas-focused .season-panel{padding:10px;gap:6px;overflow:hidden;border-radius:16px}.canvas-focused .season-panel>.turn-results{flex:1;min-height:0}.canvas-focused .season-heading h2{font-size:18px}.canvas-focused .season-heading .icon-button{width:44px;height:44px}.canvas-focused .signal{height:74px;padding:5px}.canvas-focused .signal img{width:40px;height:40px}.canvas-focused .sign-draw-window{--sign-step:40px}.canvas-focused .season-explanation{font-size:13px;line-height:1.5}.canvas-focused .pair-example,.canvas-focused .phase-track{display:none}.canvas-focused .pair-example{min-height:44px;padding:6px}.canvas-focused .turn-results{overflow:visible}.canvas-focused .growth-result>small{margin-top:3px}.canvas-focused .board-dock{grid-template-rows:repeat(2,48px) auto;gap:5px;padding:0 2px}.canvas-focused .action-row{display:grid;grid-column:1;grid-row:1/3;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:48px 48px;gap:5px}.canvas-focused .action-row .button{min-height:48px;max-width:none;font-size:14px;padding:6px;gap:5px;border-radius:11px}.canvas-focused .action-row .button>svg{flex:none;width:17px;height:17px}.canvas-focused .finish-turn>svg:not(.busy-spinner){display:none}.canvas-focused .action-row>.icon-button{display:none}.canvas-focused .action-help{align-self:center;text-align:center;font-size:11px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.canvas-focused .result-banner{flex-wrap:nowrap;padding:6px;gap:6px;font-size:13px}.canvas-focused .result-banner .button{width:auto;min-height:44px;margin:0;padding:5px;font-size:12px;flex:none}.canvas-focused .result-summary>strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.canvas-focused .match-standings{display:none}.canvas-focused .offer-toast{bottom:136px;width:calc(100% - 20px);max-width:none;padding:7px;gap:6px;font-size:12px}.canvas-focused .offer-toast .button{min-height:44px;flex:none}.canvas-focused .offer-time{display:none}.canvas-focused.canvas-short .season-panel{display:grid;grid-template-columns:110px minmax(0,1fr);grid-template-rows:44px minmax(0,1fr);gap:3px 6px}.canvas-focused.canvas-short .players-panel .player-track{grid-template-columns:minmax(0,1fr)}.canvas-focused.canvas-short .players-panel .view-heading{gap:4px}.compact-player-switcher{display:flex;flex:1;min-width:0;gap:2px}.compact-player-switcher>button{flex:1;min-width:44px;min-height:44px;padding:6px 4px;border:1px solid #cbdaba;border-radius:10px;background:#fffdf5;color:#284735;font-size:13px}.compact-player-switcher>button>span{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.compact-player-switcher>button:hover{background:#e4efd8}.compact-player-switcher>button[aria-pressed=true]{border-color:#287347;background:#287347;color:#fff;font-weight:700}.canvas-focused.canvas-short .participant-heading,.canvas-focused.canvas-short .player-last-result{display:none}.canvas-focused.canvas-short .participant{justify-content:center}.canvas-focused.canvas-short .participant .player-animal-counts{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px}.canvas-focused.canvas-short .market-protection{display:none}.canvas-focused.canvas-short .season-heading{grid-column:1;grid-row:1}.canvas-focused.canvas-short .season-heading h2,.canvas-focused.canvas-short .resolution-owner{display:none}.canvas-focused.canvas-short .signal-list{grid-column:1;grid-row:2;gap:4px}.canvas-focused.canvas-short .signal{height:100%;padding:3px;gap:2px}.canvas-focused.canvas-short .signal img{width:28px;height:28px}.canvas-focused.canvas-short .signal strong{font-size:11px}.canvas-focused.canvas-short .resolution-status{grid-column:2;grid-row:1;align-self:center;min-width:0;font-size:12px;line-height:1.25}.canvas-focused.canvas-short .season-panel>.turn-results{grid-column:2;grid-row:2}.canvas-focused.canvas-short .season-panel .growth-result,.canvas-focused.canvas-short .hazard-result{padding:4px}.canvas-focused.canvas-short .hazard-result>img,.canvas-focused.canvas-short .hazard-result .protection-return{display:none}.canvas-focused.canvas-short .growth-result>small{line-height:1.3}.canvas-focused.canvas-short .season-explanation{grid-column:2;grid-row:2;display:block;font-size:12px;line-height:1.4}.canvas-focused.canvas-short .pair-example{display:none}@media(max-width:760px){.playing.app-shell{padding-inline:max(4px,env(safe-area-inset-left)) max(4px,env(safe-area-inset-right))}.playing .topbar{height:48px;flex-basis:48px}.playing .brand{font-size:19px;gap:5px}.playing .brand{min-width:0;overflow:hidden;white-space:nowrap}.playing .brand-logo,.playing .top-actions{flex:none}.playing .brand-logo{width:28px;height:28px}.playing .top-actions{gap:0}.playing .top-actions .icon-button,.playing .profile-button,.playing .top-actions select{min-width:44px;min-height:44px}.playing .profile-button{justify-content:center}.playing .top-actions select{padding:4px;font-size:16px}.board-viewport{padding:3px 0}.canvas-focused{padding:7px;gap:6px}.board-tabs>button{flex-direction:column;gap:1px;font-size:11px;line-height:1;padding:2px 1px}.board-tabs>button>span{max-width:100%;overflow-wrap:anywhere}.board-tabs>button>svg{flex:none;width:16px;height:16px}.proposal{grid-template-columns:minmax(0,1fr) 22px minmax(0,1fr);padding:10px;gap:8px}.proposal>strong{grid-column:1/-1;justify-content:center;min-height:35px}.defense-shop,.catalog,.inspect-defenses{grid-template-columns:1fr}.token-palette{grid-template-columns:repeat(3,minmax(0,1fr))}.token-composer{gap:8px}.offer-basket{padding:9px}.inspect-pens{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.tutorial-example>strong{width:100%;text-align:center}}@media(max-height:540px){.playing .topbar{height:48px;flex-basis:48px}.board-viewport{padding-block:3px}.canvas-focused{grid-template-rows:48px 44px minmax(0,1fr) 96px;padding:6px;gap:5px}.canvas-focused .board-dock,.canvas-focused .action-row{grid-template-rows:44px 44px}.canvas-focused .action-row .button{min-height:44px;font-size:13px}.canvas-focused .action-help{display:none}.canvas-focused .action-row>.icon-button{display:none}.canvas-focused .farm-panel{padding:4px;grid-template-rows:44px minmax(0,1fr) auto;gap:2px}.canvas-focused .animal-pen{padding:4px;gap:1px}.canvas-focused .pen-animal{width:32px;max-height:36px}.canvas-focused .pen-label h3{font-size:12px}.canvas-focused .capacity-badge,.canvas-focused .market-heading small{display:none}.canvas-focused .market-panel{padding:6px}.canvas-focused .market-species{flex-direction:row}.canvas-focused .market-species>img{width:26px;height:26px}.canvas-focused .market-species strong{font-size:12px}.canvas-focused .protection-belt{grid-template-columns:repeat(2,minmax(0,1fr))}.canvas-focused .defense-token{flex-direction:row}.canvas-focused .defense-token>img{width:28px;height:28px}.canvas-focused .players-panel,.canvas-focused .protection-panel{padding:4px;gap:2px}.canvas-focused .participant{padding:4px;gap:3px}.canvas-focused .participant-info>small{display:none}.canvas-focused .participant-heading{min-height:32px}.canvas-focused .player-animal-counts{display:flex;flex-wrap:wrap}.canvas-focused .player-animal-counts img{width:18px;height:18px}.canvas-focused .player-last-result{min-height:44px}.canvas-focused .season-panel{gap:3px;padding:5px}.canvas-focused .signal{height:52px;flex-direction:row}.canvas-focused .signal img{width:30px;height:30px}.canvas-focused .sign-draw-window{--sign-step:30px}.canvas-focused .resolution-owner,.canvas-focused .season-explanation,.canvas-focused .pair-example{display:none}.canvas-focused .offer-toast{bottom:108px}}@media(min-width:480px){.canvas-focused.canvas-landscape{grid-template-rows:44px 44px minmax(0,1fr) 48px}.canvas-focused.canvas-landscape .board-dock{grid-template-rows:48px}.canvas-focused.canvas-landscape .action-row{grid-row:1;grid-template-rows:48px;grid-template-columns:repeat(4,minmax(0,1fr))}.canvas-focused.canvas-landscape .animal-pen{display:flex;flex-direction:row;align-items:center;gap:4px}.canvas-focused.canvas-landscape .pen-label{flex:1;min-width:0;order:1}.canvas-focused.canvas-landscape .pen-tokens{flex:none;width:30px;height:30px}.canvas-focused.canvas-landscape .pen-guards{order:2}.canvas-focused.canvas-landscape .farm-title h1{font-size:18px}.canvas-focused.canvas-landscape .animal-pens{grid-template-columns:repeat(4,minmax(0,1fr))}.canvas-focused.canvas-landscape .graph-button{grid-column:auto;height:100%}.canvas-focused.canvas-landscape .market-heading{display:block}.canvas-focused.canvas-landscape .market-protection{display:none}.canvas-focused.canvas-landscape .season-panel{display:grid;grid-template-columns:180px minmax(0,1fr);grid-template-rows:44px minmax(0,1fr);gap:3px 8px}.canvas-focused.canvas-landscape .season-heading{grid-column:1;grid-row:1}.canvas-focused.canvas-landscape .signal-list{grid-column:1;grid-row:2;gap:4px}.canvas-focused.canvas-landscape .signal{height:100%;flex-direction:row}.canvas-focused.canvas-landscape .resolution-status{grid-column:2;grid-row:1;align-self:center}.canvas-focused.canvas-landscape .phase-track{display:none}.canvas-focused.canvas-landscape .season-panel>.turn-results{grid-column:2;grid-row:2}.canvas-focused.canvas-landscape .offer-toast{bottom:60px;max-width:500px}}.paged-choices{min-width:0}.paged-choices>.view-pagination{justify-content:flex-end;margin-bottom:8px}.modal:has(.view-pagination){height:min(560px,100%);display:flex;flex-direction:column;overflow:hidden}.modal:has(.view-pagination)>:not(.paged-choices,.touch-composer,.history-browser){flex:none}.modal:has(.view-pagination)>.paged-choices,.modal:has(.view-pagination)>.history-browser{display:flex;flex-direction:column;flex:1;min-height:0}.modal:has(.view-pagination)>.paged-choices>:last-child,.history-content{flex:1;min-height:0;overflow:auto;scrollbar-gutter:stable;align-content:start;touch-action:pan-y pinch-zoom}.history-browser>.view-pagination{justify-content:flex-end;margin-bottom:8px}.modal:has(.view-pagination)>.touch-composer{display:flex;flex-direction:column;flex:1;min-height:0}.modal:has(.view-pagination) .composer-navigation{flex:none}.modal:has(.view-pagination) .touch-token-list{flex:1;min-height:0;overflow:auto;scrollbar-gutter:stable;align-content:start;touch-action:pan-y pinch-zoom}.modal:has(.touch-composer .view-pagination){height:min(640px,100%)}@media(min-height:1000px){.modal:has(.view-pagination){height:min(760px,100%)}}@media(max-width:599px){.modal:has(.proposal-list):has(.view-pagination){height:min(420px,100%)}}.composer-navigation{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px}.composer-sides{flex:1;margin:0}.composer-sides button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:5px}.composer-sides small{font-size:12px}.touch-composer{clear:both;display:grid;gap:8px;margin:10px 0}.touch-token-list{display:grid;gap:6px}.touch-token-row{display:flex;align-items:center;gap:5px;min-height:44px;padding:3px;border:1px solid #d6e0c7;border-radius:10px;background:#f5f8ee}.touch-token-row>img{width:32px;height:32px}.touch-token-row>strong{flex:1;min-width:0;font-size:13px}.touch-token-row>.icon-button{width:44px;height:44px;flex:none;background:#e4efd8}.touch-token-row>b{min-width:20px;text-align:center;font-variant-numeric:tabular-nums}@media(max-width:1099px),(max-height:699px){.modal{display:flex;flex-direction:column;min-width:0}.modal>.section-heading{flex:none}.modal .section-heading>.icon-button{width:44px;height:44px;flex:none}.move-dialog:has(.touch-composer)>.dialog-intro{display:none}.move-dialog .section-heading{margin-bottom:8px;padding-bottom:8px}.move-dialog>.dialog-intro{margin:0 0 8px;font-size:12px}.move-dialog .proposal{padding:8px;gap:6px}.move-dialog .proposal>div{gap:5px}.move-dialog .proposal .token-pile{gap:2px}.move-dialog .proposal .token{width:25px;height:25px}.move-dialog .proposal .token img{width:23px;height:23px}.move-dialog .target-picker{margin-bottom:6px;flex-wrap:nowrap;gap:6px;font-size:12px}.move-dialog .target-picker select{min-width:0}.move-dialog .target-picker select{font-size:16px}.move-dialog>.segmented{margin:6px 0}.move-dialog .shop-protection{padding:10px}.move-dialog .shop-title{gap:7px}.move-dialog .shop-title>img{width:40px;height:40px}.move-dialog>.full-width{flex:none}.catalog article{padding:10px}.catalog,.defense-shop{grid-template-columns:1fr}.catalog-head{gap:8px}.catalog-head>img{width:40px;height:40px;flex:none}.catalog-head>div{min-width:0;flex:1}.catalog .boost-description{display:block;line-height:1.4}.catalog .boost-description img{display:inline-block;vertical-align:middle;margin-right:4px}.catalog .protection-chain{margin:8px 0;padding:6px}}@media(max-height:699px){.modal:has(.catalog)>.dialog-intro{display:none}}@media(max-height:499px){.overlay{padding:6px max(6px,env(safe-area-inset-right)) 6px max(6px,env(safe-area-inset-left))}.modal{padding:8px 12px;max-height:calc(100dvh - 12px);border-radius:16px}.modal .section-heading{margin-bottom:6px;padding-bottom:4px;min-height:44px}.modal .section-heading h2{font-size:18px}.move-dialog>.dialog-intro{display:none}.modal:has(.catalog)>.dialog-intro{display:none}.move-dialog .proposal>strong{min-height:28px}.move-dialog .target-picker{min-height:44px}.touch-composer{margin:4px 0;gap:4px}.move-dialog .shop-title p{margin-top:2px}.move-dialog .payment-choice{margin-top:5px;padding:5px}.move-dialog .unavailable{margin:4px 0}}@media(min-width:600px)and (max-height:499px){.move-dialog:has(.touch-composer){display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto auto minmax(0,1fr) auto;column-gap:10px}.move-dialog:has(.touch-composer)>.section-heading,.move-dialog:has(.touch-composer)>.touch-composer,.move-dialog:has(.touch-composer)>.full-width{grid-column:1/-1}.move-dialog:has(.touch-composer)>.segmented{margin:0}}@media(min-width:1800px)and (min-height:1000px){.canvas-overview .board-body{grid-template-columns:220px minmax(0,1fr) 330px;grid-template-rows:max-content minmax(0,1fr) 80px;gap:16px}.canvas-overview .animal-pen{padding:16px}.canvas-overview .pen-label h3{font-size:18px}.canvas-overview .animal-count{font-size:24px;height:36px;min-width:36px}.canvas-overview .pen-animal{width:100px;max-height:110px}.canvas-overview .farm-title h1{font-size:32px}.canvas-overview .defense-token{height:76px;max-width:130px}.canvas-overview .defense-token small{font-size:12px}.canvas-overview .season-panel,.canvas-overview .market-panel{padding:20px}}.market-panel{container-type:size;--bank-header-size:24px;--bank-gap:4px;--bank-card-max:96px;--bank-icon-limit:64px;padding:8px;gap:var(--bank-gap)}.market-heading{flex:none}.market-heading .view-heading{min-height:var(--bank-header-size)}.market-heading .view-heading h2{font-size:18px;line-height:1.2}.market-heading small,.market-protection{display:none}.market-stock{--bank-row-size:min(var(--bank-card-max),calc((100cqh - var(--bank-header-size) - var(--bank-gap) * var(--bank-rows)) / var(--bank-rows)));display:grid;grid-template-columns:repeat(var(--bank-columns),minmax(0,1fr));grid-auto-rows:var(--bank-row-size);align-content:center;gap:var(--bank-gap);flex:1;min-height:0;overflow:hidden}.market-species{flex:none;min-width:0;min-height:0;height:100%;padding:2px 5px;gap:5px;border:1px solid #dce5d2}.market-species>img{width:clamp(22px,calc(var(--bank-row-size) * .68),var(--bank-icon-limit));height:clamp(22px,calc(var(--bank-row-size) * .68),var(--bank-icon-limit))}.market-species>div{flex:1;width:auto;gap:4px}.market-species strong{min-width:0;font-size:clamp(12px,calc(var(--bank-row-size) * .16),22px);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.market-quantity{flex:none;min-width:24px;height:clamp(20px,calc(var(--bank-row-size) * .32),44px);font-size:clamp(13px,calc(var(--bank-row-size) * .26),32px)}.canvas-focused .market-panel{padding:8px;gap:var(--bank-gap)}.canvas-focused .market-heading{display:block}.canvas-focused .market-stock{grid-template-columns:repeat(var(--bank-columns),minmax(0,1fr));grid-auto-rows:var(--bank-row-size);gap:var(--bank-gap)}.canvas-focused .market-species{flex-direction:row;justify-content:flex-start;padding:2px 5px;gap:5px}.canvas-focused .market-species>img{width:clamp(22px,calc(var(--bank-row-size) * .68),var(--bank-icon-limit));height:clamp(22px,calc(var(--bank-row-size) * .68),var(--bank-icon-limit))}.canvas-focused .market-species strong{font-size:clamp(12px,calc(var(--bank-row-size) * .16),22px)}.canvas-focused .market-quantity{font-size:clamp(13px,calc(var(--bank-row-size) * .26),32px)}.canvas-focused .market-protection{display:none}@container (max-width:260px) and (max-height:360px){.market-stock{--bank-columns:2;--bank-rows:var(--bank-rows-two)}.market-species{padding:2px;gap:3px}.market-species>img{width:clamp(20px,calc(var(--bank-row-size) * .6),28px);height:clamp(20px,calc(var(--bank-row-size) * .6),28px)}.market-species>div{justify-content:center}.market-species strong{display:none}}.canvas-focused .protection-panel{padding:var(--defense-padding);gap:var(--defense-gap)}.canvas-focused .protection-panel>.view-heading{min-height:44px}.canvas-focused .protection-belt{grid-template-columns:repeat(var(--defense-columns),minmax(0,1fr));grid-auto-rows:var(--defense-row-size);align-content:center;gap:var(--defense-gap)}.canvas-focused .defense-token{min-height:44px;flex-direction:column;gap:2px;padding:4px}.canvas-focused .defense-token>img{width:var(--defense-icon-size);height:var(--defense-icon-size);opacity:.85;filter:none;flex:none}.canvas-focused .defense-token small{font-size:12px;line-height:1.2;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.canvas-focused .protection-panel[data-icons-only=true] .defense-token small{display:none}.canvas-overview .defense-token>img{width:40px;height:40px}@media(max-height:540px){.canvas-focused .market-panel{padding:6px}}.canvas-tablet.canvas-focused{grid-template-rows:72px 60px minmax(0,1fr) 80px;padding:14px;gap:12px}.canvas-tablet .board-tabs>button{flex-direction:row;gap:10px;font-size:17px;border-radius:14px}.canvas-tablet .board-tabs>button>svg{width:24px;height:24px}.canvas-tablet .turn-banner{padding:10px 16px;gap:12px}.canvas-tablet .turn-banner strong{font-size:22px}.canvas-tablet .turn-banner small{font-size:15px}.canvas-tablet .active-avatar{width:48px;height:48px;font-size:24px}.canvas-tablet .time-track{width:110px;height:14px}.canvas-tablet .farm-panel{padding:18px;grid-template-rows:52px minmax(0,1fr) auto;gap:12px}.canvas-tablet .farm-title h1{font-size:32px}.canvas-tablet .collection-goal{padding:8px;border-radius:12px}.canvas-tablet .collection-goal>b{font-size:22px}.canvas-tablet .animal-pens{grid-template-columns:repeat(var(--animal-columns),minmax(0,1fr));gap:12px;padding:4px}.canvas-tablet .animal-pen{padding:12px;border-radius:20px;gap:6px}.canvas-tablet .pen-label h3{font-size:clamp(17px,1.8vw,22px);line-height:1.2}.canvas-tablet .pen-label>svg{width:22px;height:22px}.canvas-tablet .animal-count{min-width:42px;height:42px;font-size:30px;border-radius:12px}.canvas-tablet .pen-animal{width:var(--large-animal-size);height:100%;max-height:220px}.canvas-tablet .pen-guards{gap:5px;min-height:24px}.canvas-tablet .pen-guards>img{width:28px;height:28px}.canvas-tablet .capacity-badge,.canvas-tablet .boost-marker{font-size:14px}.canvas-tablet .boost-marker img{width:24px;height:24px}.canvas-tablet .status-effects span{font-size:15px;padding:5px 10px}.canvas-tablet .players-panel{padding:16px;gap:12px}.canvas-tablet .view-heading h2{font-size:26px}.canvas-tablet .view-heading>.icon-button,.canvas-tablet .view-pagination .icon-button{width:48px;height:48px}.canvas-tablet .view-pagination span{font-size:16px}.canvas-tablet .players-panel .player-track{align-content:center;grid-auto-rows:max-content;gap:16px}.canvas-tablet .participant{padding:16px;gap:12px}.canvas-tablet .participant-heading{min-height:56px;gap:12px}.canvas-tablet .player-avatar{width:48px;height:48px;font-size:22px}.canvas-tablet .participant-info>strong{font-size:20px}.canvas-tablet .participant-info>small{font-size:15px}.canvas-tablet .participant-info em{font-size:13px}.canvas-tablet .participant .player-animal-counts{grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}.canvas-tablet .participant[data-species] .player-animal-counts>span{flex-direction:column;gap:3px;font-size:20px}.canvas-tablet .participant .player-animal-counts img{width:40px;height:40px}.canvas-tablet .player-last-result{min-height:72px;padding:8px;gap:12px}.canvas-tablet .player-signals{width:84px}.canvas-tablet .player-signals small{display:block;font-size:12px}.canvas-tablet .player-signals img{width:34px;height:34px}.canvas-tablet .player-outcomes{gap:8px}.canvas-tablet .outcome{font-size:17px}.canvas-tablet .outcome>img{width:32px;height:32px}.canvas-tablet .outcome>small{font-size:14px}.canvas-tablet .protection-panel>.view-heading{min-height:48px}.canvas-tablet .defense-token{gap:4px;border-radius:18px}.canvas-tablet .defense-token small{font-size:18px}.canvas-tablet .guard-badges img{width:24px;height:24px}.canvas-tablet .equipped-check{width:18px;height:18px}.canvas-tablet .market-panel{--bank-header-size:34px;--bank-gap:12px;--bank-card-max:144px;--bank-icon-limit:108px;padding:20px;gap:var(--bank-gap)}.canvas-tablet .market-heading .view-heading h2{font-size:26px}.canvas-tablet .market-stock{gap:var(--bank-gap)}.canvas-tablet .market-species{padding:4px 10px;gap:12px;border-radius:16px}.canvas-tablet .season-panel{padding:20px;gap:12px;border-radius:22px}.canvas-tablet .season-slot{container-name:turn-panel tablet-turn}.canvas-tablet .season-heading h2{font-size:26px}.canvas-tablet .season-heading .icon-button{width:48px;height:48px}.canvas-tablet .resolution-owner{font-size:16px}.canvas-tablet .signal-list{gap:16px}.canvas-tablet .signal{height:clamp(140px,20vh,220px);gap:10px;padding:12px;border-radius:20px}.canvas-tablet .signal img{width:clamp(80px,12vw,132px);height:clamp(80px,12vw,132px)}.canvas-tablet .signal strong{font-size:20px}.canvas-tablet .sign-draw-window{--sign-step:clamp(80px,12vw,132px)}.canvas-tablet .resolution-status{font-size:17px}.canvas-tablet .season-explanation{font-size:18px;line-height:1.6}.canvas-tablet .growth-result,.canvas-tablet .hazard-result{padding:12px;font-size:17px}.canvas-tablet .growth-result>small,.canvas-tablet .hazard-result small{font-size:15px}.canvas-tablet .hazard-result strong{font-size:17px}.canvas-tablet .hazard-result>img{width:48px;height:48px}.canvas-tablet .season-panel .token-pile.small .token{width:34px;height:34px}.canvas-tablet .season-panel .token-pile.small .token img{width:32px;height:32px}.canvas-tablet .season-panel .token-pile.small .token b{font-size:12px}@container tablet-turn (min-aspect-ratio:1/1){.canvas-tablet .season-panel{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);grid-template-rows:48px 24px minmax(0,1fr)}.canvas-tablet .season-panel:not([data-mode=idle]){grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr)}.canvas-tablet .season-heading{grid-column:1/-1;grid-row:1}.canvas-tablet .resolution-owner{grid-column:1;grid-row:2}.canvas-tablet .resolution-status{grid-column:2;grid-row:2}.canvas-tablet .signal-list{grid-column:1;grid-row:3;grid-template-columns:repeat(2,minmax(0,1fr));height:100%;min-width:0;min-height:0;align-items:center}.canvas-tablet .signal{height:min(260px,100%)}.canvas-tablet .signal img{max-width:100%}.canvas-tablet .season-panel>.turn-results{grid-column:2;grid-row:3;align-content:center}.canvas-tablet .season-explanation{grid-column:2;grid-row:3;align-self:center}}.canvas-tablet .board-dock{grid-template-rows:56px auto;gap:6px}.canvas-tablet .action-row{grid-row:1;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:56px;gap:10px}.canvas-tablet .action-row .button{min-height:56px;font-size:18px;gap:10px;padding:10px;border-radius:14px}.canvas-tablet .action-row .button>svg{width:22px;height:22px}.canvas-tablet .action-help{font-size:14px}.canvas-tablet .offer-toast{bottom:100px;font-size:16px}@media(min-width:1800px)and (min-height:1000px){.canvas-overview{--protection-row-size:90px}.canvas-overview .defense-token>img{width:48px;height:48px}}@keyframes state-enter{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes turn-enter{0%{opacity:.6;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes count-pop{50%{transform:scale(1.13)}}@keyframes turn-pulse{50%{box-shadow:0 0 0 5px #589e3c25}}@container turn-panel (max-height:340px){.game-canvas .season-panel:not([data-mode=idle]){display:grid;grid-template-columns:64px minmax(0,1fr);grid-template-rows:44px minmax(0,1fr);gap:4px;padding:6px;overflow:hidden}.season-panel:not([data-mode=idle]) .season-heading{grid-column:1/-1;grid-row:1}.season-panel:not([data-mode=idle]) .season-heading h2,.season-panel:not([data-mode=idle]) .phase-track{display:none}.season-panel:not([data-mode=idle]) .resolution-status{position:absolute;width:1px;height:1px;min-height:0;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.season-panel:not([data-mode=idle]) .resolution-owner{display:block;grid-column:1/-1;grid-row:1;align-self:center;margin:0 0 0 92px;min-width:0;font-size:11px;line-height:1.2}.season-panel:not([data-mode=idle]) .signal-list{grid-column:1;grid-row:2;grid-template-columns:1fr;grid-template-rows:repeat(2,minmax(0,1fr));gap:4px;min-height:0}.season-panel:not([data-mode=idle]) .signal{height:100%;padding:3px;gap:2px;flex-direction:column}.season-panel:not([data-mode=idle]) .signal img{width:28px;height:28px}.season-panel:not([data-mode=idle]) .signal strong{font-size:11px;line-height:1.2}.game-canvas .season-panel:not([data-mode=idle])>.turn-results{grid-column:2;grid-row:2;align-content:start;gap:4px;overflow:visible}.season-panel:not([data-mode=idle]) .sign-draw-window{--sign-step:28px}.season-panel:not([data-mode=idle]) .growth-result,.season-panel:not([data-mode=idle]) .hazard-result{min-width:0;padding:4px;gap:4px}.season-panel:not([data-mode=idle]) .growth-result>small,.season-panel:not([data-mode=idle]) .hazard-result small{margin-top:2px;font-size:11px;line-height:1.2}.season-panel:not([data-mode=idle]) .hazard-result strong{font-size:12px;line-height:1.2}.season-panel:not([data-mode=idle]) .hazard-result>img,.season-panel:not([data-mode=idle]) .protection-return{display:none}.season-panel:not([data-mode=idle]) .shield-burst{width:28px;height:28px;flex:none}.season-panel:not([data-mode=idle]) .shield-burst>img{width:26px;height:26px}.season-panel:not([data-mode=idle]) .token-pile.small .token{width:20px;height:20px}.season-panel:not([data-mode=idle]) .token-pile.small .token img{width:18px;height:18px}.season-panel:not([data-mode=idle]) .bundle-tokens,.season-panel:not([data-mode=idle]) .pair-equation{gap:4px}}@container turn-panel (max-height:340px) and (min-width:450px){.game-canvas .season-panel:not([data-mode=idle]){grid-template-columns:132px minmax(0,1fr)}.season-panel:not([data-mode=idle]) .season-heading{grid-column:1}.season-panel:not([data-mode=idle]) .resolution-owner{display:block;grid-column:2;grid-row:1;align-self:start;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.season-panel:not([data-mode=idle]) .signal-list{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:minmax(0,1fr)}.game-canvas .season-panel:not([data-mode=idle])>.turn-results{grid-row:1/-1;padding-top:16px}}@container turn-panel (max-height:340px) and (max-width:300px){.season-panel:not([data-mode=idle]) .shield-burst{display:none}}@container turn-panel (max-height:120px){.season-panel:not([data-mode=idle]) .signal strong{display:none}.season-panel:not([data-mode=idle]) .growth-result{padding:3px}.season-panel:not([data-mode=idle]) .growth-result>small{margin-top:1px}}@keyframes pen-gain{20%{box-shadow:0 0 0 4px #80be6170;background:#e4f7cc}}@keyframes pen-loss{20%{box-shadow:0 0 0 4px #e0926770;background:#ffead9}}@keyframes pen-delta{0%{opacity:0;transform:translateY(5px) scale(.8)}20%,65%{opacity:1;transform:translateY(-5px) scale(1)}to{opacity:0;transform:translateY(-22px)}}@keyframes token-travel{0%{opacity:0;transform:translate(0) scale(.7)}15%{opacity:1}85%{opacity:1}to{opacity:0;transform:translate(var(--flight-x),var(--flight-y)) scale(1.1)}}@keyframes sign-open{0%{opacity:.2;transform:rotateY(70deg) translateY(5px)}to{opacity:1;transform:rotateY(0) translateY(0)}}@keyframes shield-save{0%{box-shadow:0 0 #a8c58799;transform:scale(.8)}60%{box-shadow:0 0 0 14px #a8c58700;transform:scale(1.12)}to{box-shadow:0 0 0 18px #a8c58700;transform:scale(1)}}@keyframes sign-cycle{0%{transform:translateY(0)}to{transform:translateY(calc(-8 * var(--sign-step)))}}@keyframes draw-twinkle{50%{transform:scale(1.15);opacity:.5}}@keyframes resource-arrival{0%,50%{opacity:0;transform:translateY(4px) scale(.7)}65%{opacity:1;transform:translateY(-9px) scale(1.1)}90%{opacity:1}to{opacity:0;transform:translateY(-18px) scale(1)}}@keyframes confetti-fall{0%{opacity:1;transform:translateY(-10px) rotate(0)}85%{opacity:1}to{opacity:0;transform:translateY(120px) rotate(300deg)}}@media(prefers-reduced-motion:reduce){.game-canvas *,.game-canvas *:before,.game-canvas *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.flying-token,.arrival-badge,.victory-confetti{display:none}}.game-canvas .turn-banner.turn-ending{border-color:#cd8050;background:#fff0cf}.time-meter.urgent{border-radius:8px;animation:turn-warning-pulse 1.4s ease-in-out infinite}.time-countdown{display:grid;place-items:center;min-width:16px;font-size:16px;line-height:1;font-variant-numeric:tabular-nums}@keyframes turn-warning-pulse{50%{box-shadow:0 0 0 5px #c884341c}}@media(prefers-reduced-motion:reduce){.time-meter.urgent{animation:none}}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.modal.scroll-dialog{display:flex;flex-direction:column;height:min(720px,calc(100dvh - 32px));max-height:calc(100dvh - 24px);overflow:hidden}.modal.scroll-dialog:has(.touch-composer){display:flex}@media(min-width:1100px)and (min-height:700px){.modal.scroll-dialog:has(.token-composer){height:auto;max-height:calc(100dvh - 40px)}}.scroll-dialog>.section-heading,.scroll-dialog>.dialog-intro,.scroll-dialog>.target-picker,.scroll-dialog>.segmented,.scroll-dialog>.exchange-filter,.scroll-dialog>.full-width{flex:none}.scroll-choices{position:relative;flex:1;min-height:0;min-width:0;overflow-y:auto;overflow-x:hidden;padding:4px;scrollbar-gutter:stable;overscroll-behavior:contain;touch-action:pan-y pinch-zoom}.scroll-choices:focus-visible{outline:2px solid #709657;outline-offset:-2px;border-radius:12px}.scroll-choices>.proposal-list,.scroll-choices>.defense-shop,.scroll-choices>.catalog{align-content:start}.protection-payments{display:grid;gap:8px;margin-top:12px}.protection-payments .payment-choice{margin:0;min-height:44px;flex-wrap:wrap}.exchange-filter{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 12px;font-size:13px;color:#315b36}.exchange-filter-options{display:flex;flex-wrap:wrap;gap:6px}.exchange-filter-options button{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:5px 8px;border:1px solid #cbdaba;border-radius:11px;background:#f5f8ec;color:#315b36;font:inherit;cursor:pointer}.exchange-filter-options button:hover{border-color:#709657;background:#edf4df}.exchange-filter-options button.selected{border-color:#639b55;background:#e3efcf;box-shadow:inset 0 0 0 1px #639b55}.exchange-filter-options button:focus-visible{outline:2px solid #397a46;outline-offset:2px}.exchange-filter-options img{width:32px;height:32px;object-fit:contain}.scroll-dialog>.touch-composer{display:flex;flex-direction:column;flex:1;min-height:0}.scroll-dialog .composer-navigation{flex:none}.scroll-dialog .touch-token-list{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;align-content:start;padding:3px;scrollbar-gutter:stable;overscroll-behavior:contain;touch-action:pan-y pinch-zoom}.modal,.modal *{scrollbar-width:thin;scrollbar-color:#94ad80 #edf2e5}.modal::-webkit-scrollbar,.modal *::-webkit-scrollbar{width:9px;height:9px}.modal::-webkit-scrollbar-track,.modal *::-webkit-scrollbar-track{background:#edf2e5;border-radius:12px}.modal::-webkit-scrollbar-thumb,.modal *::-webkit-scrollbar-thumb{background:#94ad80;border:2px solid #edf2e5;border-radius:12px}.modal::-webkit-scrollbar-thumb:hover,.modal *::-webkit-scrollbar-thumb:hover{background:#6e8f5e}@media(max-height:500px){.scroll-dialog>.exchange-filter{margin-bottom:6px}.scroll-dialog>.segmented{margin:4px 0}}body:has(.welcome-shell,.lobby-shell){background:#f4f7ef}.lobby-shell{position:relative;isolation:isolate}.welcome-shell{position:relative;isolation:isolate;height:var(--welcome-height,100dvh);min-height:0}.welcome-shell .app-version{flex:none;align-self:flex-end;padding:0 0 max(8px,env(safe-area-inset-bottom));color:#526c55;font-size:11px;line-height:1.4;font-variant-numeric:tabular-nums}.welcome-landscape{position:fixed;inset:0;height:var(--welcome-height,100dvh);overflow:clip;pointer-events:none;z-index:-1;background:#f4f7ef;contain:strict}.welcome-landscape svg{position:absolute;display:block}.landscape-sun{width:clamp(80px,10vw,150px);left:8%;top:14%}.landscape-sun-rays{transform-box:fill-box;transform-origin:center;animation:sun-rays-turn 180s linear infinite}.landscape-cloud{width:clamp(130px,18vw,290px);animation:cloud-drift 55s ease-in-out infinite alternate}.landscape-cloud-one{left:35%;top:9%}.landscape-cloud-two{left:66%;top:26%;width:clamp(100px,14vw,220px);animation-duration:70s;animation-delay:-25s}.landscape-cloud-three{left:12%;top:36%;width:clamp(90px,12vw,190px);animation-duration:85s;animation-delay:-40s}.landscape-hills{width:100%;height:62%;bottom:0}.landscape-tree{width:clamp(100px,11vw,180px);right:2%;bottom:11%}.landscape-tree-crown{transform-box:view-box;transform-origin:50% 93%;animation:tree-sway 18s ease-in-out infinite alternate}.landscape-enclosure{width:clamp(180px,24vw,370px);left:3%;bottom:3%}@keyframes sun-rays-turn{to{rotate:360deg}}@keyframes cloud-drift{to{translate:65px -5px}}@keyframes tree-sway{0%{rotate:-.7deg}to{rotate:.7deg}}.welcome-shell .topbar{flex:0 0 clamp(56px,calc(var(--welcome-height,100dvh) / 10),92px)}.welcome-shell .top-actions select{min-height:44px}.welcome-shell .top-actions .icon-button{width:44px;height:44px}.welcome-shell .brand-logo{flex:none}.welcome-shell .brand-name{min-width:0;white-space:normal;line-height:1.1}.welcome-shell .welcome{container:welcome / size;flex:1;min-height:0;min-width:0;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr);gap:clamp(16px,4vw,64px);padding:clamp(10px,3dvh,32px) 0}.welcome-shell .welcome-copy{order:0;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:clamp(8px,2cqh,16px)}.welcome-shell .welcome-copy>.eyebrow{font-size:clamp(9px,1.7cqh,10px);padding:8px 11px}.welcome-shell .welcome-copy h1{font-size:clamp(28px,min(5vw,10cqh),68px);line-height:1.15;margin:0}.welcome-shell .welcome-offline h1{font-size:clamp(28px,min(5vw,8cqh),68px)}.welcome-shell .welcome-copy>p{font-size:clamp(13px,2.7cqh,17px);line-height:1.6;margin:0}.welcome-shell .feature-pills{margin:0;gap:7px}.welcome-shell .feature-pills>span{padding:7px 10px;font-size:12px}.welcome-shell .feature-pills>.welcome-duration{color:#84661e;background:#fff2cf;border-color:#eddca6}.welcome-shell .feature-pills>.welcome-levels{color:#655579;background:#f2ebf7;border-color:#dcd3e9}.welcome-shell .feature-pills svg{flex:none}.welcome-shell .login-form{width:100%;padding:16px}.welcome-shell .login-form>div{flex-wrap:nowrap}.welcome-shell .login-form .button{flex:none;width:auto;padding:10px 14px}.welcome-shell .login-form>small{margin:10px 0 0}.welcome-shell .google-button{max-width:100%}.welcome-shell .welcome-copy>small{font-size:12px}.welcome-shell .offline-note{width:100%;margin:0;padding:16px}.welcome-shell .offline-note>p{margin:0 0 12px;line-height:1.5}.welcome-shell .hero-art{container:herd / inline-size;order:0;width:min(100%,72cqh,540px);aspect-ratio:1;height:auto;max-width:none;min-height:0;justify-self:center;margin:0}.welcome-shell .hero-orbit{inset:0;background:none;border:0;border-radius:0;transform:none;box-shadow:none}.welcome-shell .hero-pasture{position:absolute;inset:0;width:100%;height:100%;fill:#e9efd9}.welcome-shell .hero-trail{fill:none;stroke:#becdaf;stroke-width:2;stroke-dasharray:5 9}.welcome-shell .hero-pasture path{fill:none;stroke:#d0dfb8;stroke-width:15;stroke-linecap:round}.welcome-shell .hero-home{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:12px}.welcome-shell .hero-home>img{position:static;width:clamp(36px,16cqw,84px);filter:drop-shadow(0 10px 14px #38553b20);border-radius:25%}.welcome-shell .hero-animal{position:absolute;left:var(--animal-x);top:var(--animal-y);translate:-50% -50%;width:23%;display:flex;flex-direction:column;align-items:center;gap:5px;animation:herd-float 6s ease-in-out var(--animal-delay) infinite}.welcome-shell .hero-animal-portrait{width:100%;aspect-ratio:1;display:grid;place-items:center;background:color-mix(in srgb,var(--animal-color) 24%,#fffef6);border:2px solid #fffef8;border-radius:50%;box-shadow:0 7px 16px #38553b13}.welcome-shell .hero-animal img{position:static;width:91%;height:91%;object-fit:contain;filter:drop-shadow(0 3px 2px #34472e15)}.welcome-shell .hero-animal>span{font-size:clamp(10px,1.9cqh,13px);font-weight:600;color:#466344}@keyframes herd-float{50%{transform:translateY(-4px) rotate(2deg)}}@container herd (max-width:300px){.hero-animal>span{display:none}}@container welcome (max-height:540px){.welcome-copy>.eyebrow{display:none}.hero-animal>span{display:none}}@container welcome (max-height:420px){.welcome-copy>p{display:none}.welcome-offline .feature-pills{display:none}.welcome-shell .offline-note{padding:12px}.welcome-shell .offline-note>svg{display:none}.welcome-shell .offline-note h2{margin:0 0 6px;font-size:16px}.welcome-shell .welcome-copy{gap:12px}.welcome-shell .welcome-copy h1{font-size:clamp(26px,8cqh,40px);letter-spacing:-1px}.welcome-shell .login-form{padding:12px}.welcome-shell .login-form>small{display:none}.welcome-shell .hero-art{width:min(100%,88cqh)}.welcome-shell .hero-home{gap:7px}.welcome-shell .hero-home>img{width:clamp(30px,15cqh,66px)}}@container welcome (max-height:270px){.welcome-shell .feature-pills{display:none}}@container welcome (max-height:180px){.welcome-copy h1{display:none}.welcome-shell .hero-home>img{display:none}.welcome-shell .offline-note{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 8px}.welcome-shell .offline-note h2{grid-column:1;grid-row:1;align-self:center;margin:0;font-size:14px}.welcome-shell .offline-note p{grid-column:1/-1;grid-row:2;margin:0;font-size:11px;line-height:1.4}.welcome-shell .offline-note .button{grid-column:2;grid-row:1;min-height:44px;padding:8px 12px;font-size:12px}}@container welcome (max-height:120px){.welcome-shell .login-form{padding:6px}.welcome-shell .login-form>label{font-size:12px;margin-bottom:4px}.welcome-shell .login-form input,.welcome-shell .login-form .button{min-height:44px;padding:8px 10px}}@container welcome (max-height:80px){.welcome-shell .login-form{padding:0;border:0;background:none;box-shadow:none}.welcome-shell .login-form>label{display:none}}@media(max-width:760px)and (min-height:501px){.welcome-shell .welcome{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;gap:8px;padding:12px 0}.welcome-shell .hero-art{order:1;width:auto;height:min(100%,34cqh,400px);max-width:100%}.welcome-shell .welcome-copy{order:2;width:100%;max-width:440px;justify-self:center;gap:clamp(8px,1.5cqh,12px)}.welcome-shell .welcome-copy h1{font-size:clamp(28px,5.4cqh,44px);letter-spacing:-1.4px}.welcome-shell .hero-home>img{width:clamp(28px,18cqw,68px)}.welcome-shell .welcome-offline .hero-art{height:min(100%,26cqh,300px)}.landscape-tree{width:76px;inset:44% auto auto 2%}.landscape-enclosure{width:150px;inset:46% 2% auto auto}}@media(max-height:500px){.welcome-shell .brand-label{display:none}.welcome-shell .welcome{gap:12px;padding:8px 0;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)}.welcome-shell .hero-home>img{width:clamp(28px,15cqh,60px)}}@media(max-width:450px)and (max-height:500px){.welcome-shell .welcome{grid-template-columns:minmax(0,1fr)}.welcome-shell .hero-art{display:none}.welcome-shell .welcome-copy{order:0;width:100%}}@media(max-width:760px)and (max-height:700px){.welcome-shell .welcome-copy>p,.welcome-shell .login-form>small{display:none}.welcome-shell .login-form{padding:12px}.welcome-shell .welcome-offline{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr)}.welcome-offline .hero-art{display:none}.welcome-shell .welcome-offline .welcome-copy{order:0}}@media(max-width:580px){.welcome-shell .brand-label{display:none}.welcome-shell .topbar .brand{font-size:22px;gap:6px}.welcome-shell .brand-logo{width:34px;height:34px;border-radius:11px}.welcome-shell .top-actions{gap:3px}.welcome-shell .top-actions select{width:44px;min-height:44px;padding:4px;font-size:13px}.welcome-shell .top-actions .icon-button{width:44px;height:44px}}.welcome-shell.welcome-keyboard .topbar{flex-basis:48px}.welcome-shell.welcome-keyboard .welcome{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);padding:4px 0}.welcome-keyboard .hero-art{display:none}.welcome-shell.welcome-keyboard .welcome-copy{order:0;width:100%;max-width:440px;justify-self:center}.welcome-keyboard .landscape-tree,.welcome-keyboard .landscape-enclosure{display:none}@media(max-width:400px){.welcome-shell .topbar:has(.top-actions>:nth-child(4)) .brand-name{display:none}}@media(prefers-reduced-motion:reduce){.welcome-shell .hero-animal{animation:none}}.local-game-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px;width:100%}.local-save-actions{display:flex;flex-direction:column;gap:3px}.local-save-actions .text-button{display:flex;align-items:center;gap:6px;padding:4px 0}.local-save-actions small{color:#526c55;font-size:11px}.local-game-form{display:flex;flex-direction:column;gap:16px}.local-game-form>label{display:flex;flex-direction:column;gap:6px;font-size:14px}.local-game-form input,.local-game-form select{width:100%;min-height:44px;font-size:16px}.bot-count-setting{min-width:0;margin:0;padding:0;border:0}.bot-count-setting legend{padding:0;margin-bottom:6px;font-size:14px}.bot-count-picker{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.bot-count-picker .button{min-height:48px;font-size:18px}.local-game-form .preset-picker{grid-template-columns:repeat(3,minmax(0,1fr))}.local-game-form .preset{padding:12px 8px}.local-game-form .preset small{font-size:11px}.local-game-form .dialog-intro{margin:0}.local-mode-label{color:#526c55;font-size:12px;white-space:nowrap}@media(max-width:580px){.local-mode-label{display:none}}@container welcome (max-height:420px){.welcome-copy>.local-game-actions .button{min-height:44px;padding:8px 12px}}.welcome-shell .local-game-actions{gap:8px}.welcome-shell .local-save-actions{flex:1;min-width:0}.local-save-actions .text-button{min-height:44px;white-space:normal;text-align:left}.local-save-actions .text-button svg{flex:none}.local-save-actions small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.welcome-keyboard .local-game-actions{display:none}@container welcome (max-height:420px){.local-save-actions small{display:none}}@container welcome (max-height:300px){.welcome-shell .welcome-copy{gap:8px}.welcome-copy h1{display:none}.welcome-shell .offline-note{display:flex;align-items:center;gap:12px;padding:12px}.welcome-shell .offline-note>svg,.welcome-shell .offline-note h2{display:none}.welcome-shell .offline-note>p{flex:1;min-width:0;margin:0;font-size:12px;line-height:1.4}.welcome-shell .offline-note .button{flex:none}}@container welcome (max-height:180px){.welcome-shell .welcome-offline .welcome-copy{gap:4px}.welcome-shell .offline-note{gap:8px;padding:4px 8px}.welcome-shell .offline-note .button{max-width:45%}}@media(max-width:400px){.local-save-actions .text-button{font-size:12px}}.lobby-shell{position:relative;height:var(--welcome-height,100dvh);min-height:0;padding:env(safe-area-inset-top) max(12px,env(safe-area-inset-right)) env(safe-area-inset-bottom) max(12px,env(safe-area-inset-left))}.lobby-shell .topbar{flex:0 0 clamp(52px,calc(var(--welcome-height,100dvh) / 11),82px)}.lobby-shell .app-version{position:absolute;right:max(12px,env(safe-area-inset-right));bottom:env(safe-area-inset-bottom);color:#526c55;font-size:10px;line-height:1.2;font-variant-numeric:tabular-nums;white-space:nowrap;pointer-events:none}.lobby-shell .top-actions{gap:6px}.lobby-shell .topbar .brand{min-width:0}.lobby-shell .top-actions select,.lobby-shell .icon-button,.lobby-shell .profile-button{min-height:44px}.lobby-shell .icon-button{width:44px;height:44px}.lobby-shell>.connection-banner{flex:none;margin:4px 0 0;padding:6px 10px}.lobby-shell>.toast{position:static;flex:none;margin:4px 0 0;max-width:none;padding:6px 10px;font-size:12px}.lobby-shell .lobby-page{container:lobby / size;flex:1;min-height:0;min-width:0;width:100%;max-width:1040px;align-self:center;padding:clamp(8px,2dvh,22px) 0}.lobby-content{display:flex;flex-direction:column;gap:12px;height:100%;min-height:0}.lobby-shell .page-heading{flex:none;margin:0}.lobby-shell .page-heading h1{margin:2px 0 0;font-size:clamp(24px,4cqh,36px);line-height:1.1}.lobby-shell .page-heading .eyebrow{font-size:10px}.lobby-workspace{display:grid;grid-template-rows:auto auto minmax(0,1fr);gap:12px;flex:1;min-height:0;max-height:660px}.lobby-tabs{display:flex;gap:5px;padding:4px;border:1px solid #d7e3c8;border-radius:15px;background:#edf3e3}.lobby-tabs>button{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;min-width:0;min-height:44px;padding:8px 12px;border:0;border-radius:11px;background:transparent;color:#536b4b;font-size:14px;font-weight:600}.lobby-tabs>button[aria-selected=true]{color:#28583b;background:#fffdf6;box-shadow:0 2px 6px #38553b13}.lobby-tabs svg{flex:none}.lobby-tabs .search-pulse{animation:search-pulse 1.4s ease-in-out infinite}.lobby-shell .preset-picker{margin:0;gap:8px}.lobby-shell .preset{padding:12px 14px;gap:5px}.lobby-shell .preset strong{max-width:100%;overflow-wrap:anywhere;font-size:14px}.lobby-shell .preset small{font-size:11px;line-height:1.4}.lobby-shell .preset svg{top:12px;right:10px}.lobby-shell .lobby-grid{display:block;min-height:0}.lobby-shell .lobby-grid>.panel{height:100%;min-height:0;padding:clamp(12px,3cqh,28px)}.lobby-pane[hidden]{display:none!important}.lobby-shell .create-panel{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(16px,4cqw,48px);align-items:center}.create-settings{min-width:0}.lobby-panel-heading{display:flex;align-items:center;gap:12px;margin-bottom:10px}.lobby-panel-heading .panel-icon{flex:none;margin:0;width:44px;height:44px;border-radius:14px}.lobby-panel-heading h2{font-size:23px;margin:0}.lobby-shell .lobby-grid p{margin:0 0 16px;line-height:1.6;font-size:14px}.lobby-shell .turn-time-setting{margin:0 0 16px;gap:6px 10px}.lobby-shell .turn-time-setting>label{font-size:13px}.lobby-shell .turn-time-setting>small{font-size:11px;line-height:1.5;margin-top:6px}.lobby-shell .button{min-height:44px;padding:10px 14px;font-size:14px}.lobby-shell .button svg{flex:none}.lobby-shell .join-form{min-width:0;margin:0;padding:20px 0 20px 28px;border-top:0;border-left:1px solid #dce5d2}.lobby-shell .join-form>label{font-size:13px;margin-bottom:6px}.lobby-shell .join-form input{min-height:44px;padding:8px 10px;letter-spacing:2px}.lobby-shell .join-form>div{gap:8px}.lobby-shell .quick-panel{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.lobby-shell .quick-panel:after{display:none}.lobby-shell .quick-panel>*{max-width:520px;width:100%}.quick-actions{min-width:0}.lobby-shell .quick-panel .checkbox{margin:4px 0 18px;font-size:14px;line-height:1.5;align-items:center;min-height:44px}.lobby-shell .quick-panel .checkbox input{margin:0;width:20px;height:20px}.lobby-shell .quick-panel .searching{display:flex;align-items:center;gap:10px;padding:10px;margin:0 0 12px}.lobby-shell .searching>strong{margin-left:auto}.lobby-shell .searching>span{min-width:0;overflow-wrap:anywhere}.lobby-shell .searching>svg,.lobby-shell .searching>strong{flex:none}.lobby-shell .active-match-actions{margin:0;gap:10px}.lobby-shell .active-match-actions .button{flex:1;max-width:320px}.lobby-shell .room-panel{flex:1;min-height:0;max-height:660px;display:flex;flex-direction:column;gap:12px;padding:clamp(12px,2.5cqh,24px)}.room-settings{min-width:0}.lobby-shell .room-panel .section-heading{margin:0 0 10px;gap:12px}.lobby-shell .room-code{margin:4px 0 0;font-size:28px;letter-spacing:5px}.room-settings>p{margin:0 0 12px;font-size:13px;line-height:1.4;color:#53674e}.lobby-shell .room-panel .turn-time-setting{margin-bottom:4px}.lobby-shell .room-time-hint{color:#53674e;font-size:11px}.lobby-shell .room-members{flex:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:center;gap:8px;min-height:0;margin:0}.lobby-shell .member{min-width:0;padding:10px;gap:8px}.lobby-shell .member>div{min-width:0;flex:1}.lobby-shell .member strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lobby-shell .member .avatar{flex:none;width:32px;height:32px}.lobby-shell .member .ready-badge,.lobby-shell .member .icon-button{flex:none}.lobby-shell .room-buttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.lobby-shell .room-buttons:not(:has(>button:nth-child(3))){grid-template-columns:repeat(2,minmax(0,1fr))}.lobby-shell .room-buttons>.text-button{width:auto;min-height:44px;justify-content:center;font-size:13px}.lobby-shell .room-buttons>button>span{min-width:0}.lobby-shell .room-buttons>.button{gap:6px;padding-inline:8px}@media(max-width:1050px){.lobby-shell .brand-label,.lobby-shell .profile-button>span:last-child{display:none}}@media(max-width:600px){.lobby-shell .brand-name,.lobby-shell .brand-label,.lobby-shell .profile-button>span:last-child{display:none}.lobby-shell .brand-logo{width:36px;height:36px}.lobby-shell .top-actions{gap:2px}.lobby-shell .top-actions select{width:44px;padding:4px}.lobby-shell .top-actions .icon-button:has(.lucide-download),.lobby-shell .top-actions .icon-button:has(.lucide-refresh-cw){display:none}.lobby-shell .preset{padding:10px 8px}.lobby-shell .preset strong{font-size:12px}.lobby-shell .preset svg{display:none}.lobby-shell .preset small{font-size:10px}.lobby-shell .create-panel{grid-template-columns:minmax(0,1fr);gap:12px;align-content:center}.lobby-shell .join-form{padding:12px 0 0;border-left:0;border-top:1px solid #dce5d2}.lobby-shell .room-buttons{grid-template-columns:repeat(2,minmax(0,1fr))}.lobby-shell .room-panel .section-heading{gap:8px}.lobby-shell .room-panel .section-heading .button{font-size:12px;padding:8px}.lobby-shell .room-panel .section-heading .button>span{min-width:0;overflow-wrap:anywhere}.lobby-shell .room-code{font-size:24px;letter-spacing:3px}.lobby-shell .member{display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:4px;padding:8px}.lobby-shell .member .avatar{display:none}.lobby-shell .member>div{grid-column:1}.lobby-shell .member .ready-badge{grid-column:1;margin:0;justify-self:start;padding:3px 5px;font-size:10px}.lobby-shell .member .icon-button{grid-column:2;grid-row:1/span 2}.lobby-shell .member:not(:has(button))>div,.lobby-shell .member:not(:has(button))>.ready-badge{grid-column:1/-1}.lobby-shell .member strong{font-size:12px}.lobby-shell .member small{font-size:10px}}@container lobby (max-height:560px){.lobby-content{gap:10px}.lobby-workspace{gap:8px}.page-heading .eyebrow,.preset-dots,.room-time-hint{display:none}.lobby-shell .preset{padding-block:8px}.lobby-shell .lobby-grid>.panel{padding:12px}.lobby-shell .lobby-panel-heading{margin-bottom:6px}.lobby-shell .lobby-grid p{font-size:13px;margin-bottom:10px}.lobby-shell .turn-time-setting>small{display:none}.lobby-shell .room-settings>p{margin-bottom:6px;font-size:12px}.lobby-shell .room-panel .member small{display:none}}@container lobby (max-height:440px){.lobby-shell .create-intro{display:none}.lobby-shell .room-settings>p{display:none}.lobby-shell .quick-panel .lobby-panel-heading,.lobby-shell .quick-settings>p{display:none}.lobby-content:has(.room-panel)>.page-heading{display:none}.create-settings{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;align-items:end}.lobby-shell .create-settings .turn-time-setting{grid-template-columns:minmax(0,1fr);margin:0}.lobby-shell .create-settings .button{padding:8px;font-size:13px}.lobby-shell .room-panel{gap:8px;padding:10px}.lobby-shell .room-settings .section-heading{margin-bottom:6px}.lobby-shell .room-panel .member{padding:6px}}@container lobby (max-height:350px){.lobby-shell .page-heading,.lobby-shell .preset small{display:none}.lobby-shell .preset{min-height:44px;justify-content:center}.lobby-shell .quick-panel .lobby-panel-heading{display:none}.lobby-shell .quick-settings>p{display:none}.lobby-shell .quick-panel .checkbox{font-size:12px;margin:0 0 8px}.lobby-shell .quick-panel .searching{padding:6px;margin-bottom:8px}.lobby-shell .room-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:8px 14px}.lobby-shell .room-settings>p,.lobby-shell .room-settings .eyebrow{display:none}.lobby-shell .room-code{font-size:22px;letter-spacing:3px}.lobby-shell .room-members{align-content:center;gap:4px}.lobby-shell .room-panel .member{display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:2px;padding:4px}.lobby-shell .room-panel .member .avatar,.lobby-shell .room-panel .member small{display:none}.lobby-shell .room-panel .member>div{grid-column:1}.lobby-shell .room-panel .member .ready-badge{grid-column:1;margin:0;justify-self:start;padding:2px 4px;font-size:9px}.lobby-shell .room-panel .member .icon-button{grid-column:2;grid-row:1/span 2}.lobby-shell .room-panel .member:not(:has(button))>div,.lobby-shell .room-panel .member:not(:has(button))>.ready-badge{grid-column:1/-1}.lobby-shell .room-panel .member strong{font-size:11px}.lobby-shell .room-buttons{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr))}.lobby-shell .room-buttons .button,.lobby-shell .room-buttons>.text-button{font-size:12px;padding:8px}}@container lobby (max-height:350px) and (min-width:480px){.lobby-shell .create-panel{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}.lobby-shell .join-form{padding:0 0 0 16px;border-top:0;border-left:1px solid #dce5d2}.lobby-shell .quick-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;align-content:center}.lobby-shell .quick-panel .checkbox{margin:0}}@container lobby (max-height:220px){.lobby-shell .preset-picker{display:none}.lobby-shell .create-settings .turn-time-setting>label{display:none}.lobby-workspace{grid-template-rows:auto minmax(0,1fr)}.lobby-shell .lobby-grid>.panel{padding:8px}.lobby-shell .create-panel{gap:8px}.lobby-shell .join-form{padding-top:8px}.lobby-shell .join-form>label{margin-bottom:4px}.lobby-shell .quick-actions{display:flex;align-items:center;gap:8px}.lobby-shell .quick-actions>*{flex:1;min-width:0}.lobby-shell .quick-panel .searching{margin:0;font-size:11px;gap:4px}.lobby-shell .room-panel{padding:6px;gap:4px 8px}.lobby-shell .room-panel .member{padding:2px}.lobby-shell .room-members{gap:2px}}@container lobby (max-height:350px) and (max-width:400px){.lobby-shell .room-panel{display:flex;gap:4px}.lobby-shell .room-settings{display:flex;align-items:center;gap:6px}.lobby-shell .room-settings .section-heading{flex:1;min-width:0;margin:0;gap:4px}.lobby-shell .room-code{font-size:19px;letter-spacing:1px}.lobby-shell .room-settings .section-heading .button{flex:none;width:44px;height:44px;padding:0}.lobby-shell .room-settings .section-heading .button>span{display:none}.lobby-shell .room-settings .turn-time-setting{flex:0 0 88px;grid-template-columns:minmax(0,1fr);margin:0}.lobby-shell .room-settings .turn-time-setting>label{display:none}.lobby-shell .room-members{width:100%}.lobby-shell .room-buttons{width:100%;gap:4px}.lobby-shell .room-buttons>button>span{display:none}}.lobby-keyboard .topbar{flex-basis:48px}.lobby-keyboard .page-heading,.lobby-keyboard .lobby-tabs,.lobby-keyboard .preset-picker,.lobby-keyboard .create-settings{display:none}.lobby-keyboard .lobby-page{padding:6px 0}.lobby-keyboard .lobby-workspace{grid-template-rows:minmax(0,1fr)}.lobby-keyboard .create-panel{display:block;padding:10px!important}.lobby-keyboard .join-form{padding:0;border:0}.lobby-mode-controls{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}.lobby-mode-controls>.lobby-tabs{min-width:0}.lobby-shell .local-lobby-button{min-height:52px;border-radius:15px}@media(max-width:400px){.lobby-shell .local-lobby-button{width:44px;padding:8px}.local-lobby-button>span{display:none}}.lobby-keyboard .lobby-mode-controls{display:none}.queue-opponents{display:block;margin-top:4px;font-size:12px;line-height:1.3;overflow-wrap:anywhere}@container lobby (max-height:560px){.lobby-shell .quick-panel:has(.searching) .lobby-panel-heading,.lobby-shell .quick-panel:has(.searching) .quick-settings>p{display:none}.lobby-shell .quick-panel:has(.searching) .checkbox{margin:0 0 8px}}@container lobby (max-height:220px){.lobby-shell .quick-panel:has(.queue-opponents){display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:2px 8px;padding:6px}.quick-panel:has(.queue-opponents) .quick-settings{grid-column:1;grid-row:1}.lobby-shell .quick-panel:has(.queue-opponents) .checkbox{margin:0;font-size:11px;line-height:1.2}.lobby-shell .quick-panel:has(.queue-opponents) .quick-actions{display:contents}.lobby-shell .quick-panel:has(.queue-opponents) .searching{grid-column:2;grid-row:1/span 2}.quick-panel:has(.queue-opponents) .quick-actions>.button{grid-column:1;grid-row:2}}