@font-face{font-family:cafe24Ssurround;src:url(../media/Cafe24Ssurround-s.p.0kx614csuysp-.woff2)format("woff2");font-display:swap}@font-face{font-family:cafe24Ssurround Fallback;src:local(Arial);ascent-override:76.65%;descent-override:31.66%;line-gap-override:0.0%;size-adjust:120.02%}.cafe24ssurround_f1602950-module__NkKxjW__className{font-family:cafe24Ssurround,cafe24Ssurround Fallback}.cafe24ssurround_f1602950-module__NkKxjW__variable{--font-cafe24-ssurround:"cafe24Ssurround", "cafe24Ssurround Fallback"}
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.fixed{position:fixed}.start{inset-inline-start:var(--spacing)}.start\!{inset-inline-start:var(--spacing)!important}.hidden{display:none}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}}:root{--ink:#173d2a;--leaf:#287347;--leaf-dark:#174b31;--cream:#fff8df;--orange:#ff8b21;--orange-deep:#e95d11;--sky:#bfe8df;--soil:#a95f35}*{box-sizing:border-box}html,body{min-height:100%;margin:0;overflow-x:hidden}button{font:inherit}body{color:var(--ink);font-family:var(--font-cafe24-ssurround), "Arial Rounded MT Bold", "Apple SD Gothic Neo", system-ui, sans-serif;background:#dff4ed}.game-shell{background:linear-gradient(180deg, #eaf9f114, #fff6cf1f 62%, #38231729), var(--orchard-background) center 48% / cover no-repeat;background-color:#dcebd8;min-height:100dvh;padding:18px 12px;transition:filter .2s;position:relative;overflow:hidden auto}.game-shell:before,.game-shell:after{content:none}.game-shell.is-fever{animation:1.1s ease-in-out infinite alternate fever-sky}.game-stage{z-index:2;-webkit-backdrop-filter:none;backdrop-filter:none;background:#fffade24;border:3px solid #1d563780;border-radius:30px;flex-direction:column;width:min(100%,680px);min-height:calc(100dvh - 36px);margin:0 auto;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 60px #3d422138,inset 0 1px #ffffffe6}.game-header{justify-content:space-between;align-items:center;gap:12px;padding:14px 16px 10px;display:flex}.brand-lockup{align-items:center;gap:10px;display:flex}.brand-mark{color:#fff;background:linear-gradient(145deg,#ffaf28,#f36b13);border-radius:50% 48% 52% 46%;place-items:center;width:42px;height:42px;font-size:17px;font-weight:900;display:grid;transform:rotate(-5deg);box-shadow:inset -4px -5px #af3e0224,0 4px #bf4f12}.brand-lockup p,.brand-lockup h1{margin:0}.brand-lockup p{color:#62816a;letter-spacing:.08em;text-transform:uppercase;font-size:9px;font-weight:800}.brand-lockup h1{letter-spacing:-.06em;margin-top:1px;font-size:clamp(20px,5vw,27px);line-height:1}.header-actions{align-items:center;gap:6px;padding-right:50px;display:flex}.home-button,.utility-button{min-height:44px;color:var(--leaf-dark);cursor:pointer;background:#ffffff8c;border:1px solid #29694433;box-shadow:0 2px #2f5f3a21}.home-button{border-radius:99px;min-height:44px;padding:0 10px;font-size:11px;font-weight:900}.home-button span{font-size:13px}.utility-button{border-radius:99px;padding:0 10px;font-size:11px;font-weight:850}.hamburger-button{z-index:102;width:46px;height:46px;top:max(10px, env(safe-area-inset-top));right:max(10px, env(safe-area-inset-right));cursor:pointer;background:#fff9dff5;border:2px solid #174b31b8;border-radius:14px;place-content:center;gap:5px;padding:0;display:grid;position:fixed;box-shadow:0 4px #174b31b8,0 8px 22px #173d2a33}.hamburger-button>span{background:#20553a;border-radius:99px;width:22px;height:3px;transition:transform .18s,opacity .18s}.hamburger-button.is-open>span:first-child{transform:translateY(8px)rotate(45deg)}.hamburger-button.is-open>span:nth-child(2){opacity:0}.hamburger-button.is-open>span:last-child{transform:translateY(-8px)rotate(-45deg)}.global-menu{z-index:101;width:178px;top:max(64px, calc(env(safe-area-inset-top) + 54px));right:max(10px, env(safe-area-inset-right));opacity:0;pointer-events:none;transform-origin:top;background:#fff9dffa;border:2px solid #174b31a8;border-radius:16px;gap:5px;padding:8px;transition:opacity .18s,transform .22s cubic-bezier(.2,.9,.3,1);display:grid;position:fixed;transform:translateY(-18px)scaleY(.82);box-shadow:0 8px #174b3140,0 18px 38px #12352247}.global-menu.is-open{opacity:1;pointer-events:auto;transform:translateY(0)scaleY(1)}.global-menu button{color:#24563a;min-height:46px;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:11px;grid-template-columns:28px 1fr;align-items:center;gap:8px;padding:7px 10px;font-size:13px;font-weight:900;display:grid}.global-menu button:hover{background:#e9f0d5}.global-menu button span{text-align:center;font-size:17px}.scoreboard{grid-template-columns:1fr .8fr .72fr;gap:8px;padding:0 14px 10px;display:grid}.scoreboard>div{background:#ffffff9e;border:1px solid #1f58371c;border-radius:14px;justify-content:space-between;align-items:baseline;gap:5px;min-width:0;padding:9px 11px;display:flex;box-shadow:0 3px #365e371a}.scoreboard span{color:#66806b;letter-spacing:.05em;text-transform:uppercase;font-size:9px;font-weight:900}.scoreboard strong{font-variant-numeric:tabular-nums;text-overflow:ellipsis;font-size:clamp(15px,4vw,21px);overflow:hidden}.scoreboard .combo-card{color:#dc6012;background:#fff2c6}.scoreboard .combo-card.hot{animation:.5s infinite alternate combo-pulse}.scoreboard .timer-card.urgent{color:#d33a20;animation:.45s infinite alternate urgent-pulse}.scoreboard:has(.opponent-card){grid-template-columns:1fr .72fr .64fr 1fr}.scoreboard .opponent-card{color:#225f47;background:#e1f3df;flex-wrap:wrap}.scoreboard .opponent-card span{text-overflow:ellipsis;white-space:nowrap;max-width:82px;overflow:hidden}.selection-hint-bar{background:#ffffff94;border:1px solid #1f58371f;border-radius:11px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;min-height:32px;margin:-3px 14px 3px;padding:5px 10px;display:grid}.selection-hint-bar span,.selection-hint-bar small{color:#718171;font-size:8px}.selection-hint-bar strong{color:#224f36;text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.transport-badge{color:#66796c;align-items:center;gap:4px;width:100%;font-size:7px;font-weight:900;line-height:1;display:inline-flex}.transport-badge i{background:#8d9b91;border-radius:50%;width:6px;height:6px}.transport-badge.webrtc{color:#1e7948}.transport-badge.webrtc i{background:#31aa61;box-shadow:0 0 0 3px #31aa6121}.transport-badge.connecting{color:#a76513}.transport-badge.connecting i{background:#efa52c;animation:.65s infinite alternate urgent-pulse}.transport-badge.redis{color:#647268}.peer-warning{color:#98521b;background:#fff0c7;border:1px solid #eeb05e;border-radius:999px;width:fit-content;margin:-4px auto 2px;padding:5px 10px;font-size:9px;font-weight:900}.orchard{isolation:isolate;flex:1;place-items:center;min-height:430px;padding:14px 18px 20px;display:grid;position:relative}.board{z-index:1;touch-action:none;-webkit-user-select:none;user-select:none;grid-template-columns:repeat(9,1fr);align-content:center;gap:clamp(7px,1.5vw,11px);width:100%;display:grid;position:relative;transform:translateY(-22px)}.selection-lines,.drag-trails{z-index:2;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.selection-lines{z-index:3}.drag-trail{color:var(--trail-color);transition:opacity .12s linear}.drag-trail polyline{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.drag-trail-shadow{stroke-width:22px;opacity:.22;filter:blur(5px)drop-shadow(0 2px 5px #072719b3)}.drag-trail-core{stroke-width:8px;opacity:.78;filter:drop-shadow(0 2px 2px #0a301e9e)}.drag-trail circle{fill:currentColor;opacity:.88;filter:drop-shadow(0 0 7px)}.drag-trail.is-rival{opacity:.58}.drag-trail.is-rival .drag-trail-core{stroke-width:6px;opacity:.7}.drag-trail.is-rival .drag-trail-shadow{stroke-width:26px;opacity:.2}.drag-trail.is-fading{animation:.9s ease-out forwards drag-trail-fade}.selection-lines polyline{fill:none;stroke:#fff8a4;stroke-width:22px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 8px #174b31);vector-effect:non-scaling-stroke}.orange{aspect-ratio:1;z-index:3;color:#56260d;cursor:grab;touch-action:none;background:radial-gradient(circle at 32% 28%,#ffffff8a 0 7%,#0000 8%),radial-gradient(circle at 66% 68%,#b740051f 0 3%,#0000 4%),linear-gradient(145deg,#ffc139 0%,#ff8d1f 48%,#ef6413 100%);border:2px solid #f8bb3c;border-radius:50% 48% 52% 46%;justify-self:center;place-items:center;width:96%;min-width:0;padding:0;transition:transform .11s,filter .11s,box-shadow .11s;animation:.26s cubic-bezier(.2,1.7,.5,1) both orange-grow;display:grid;position:relative;box-shadow:inset -3px -4px #a63d0024,0 3px #b84d12,0 4px 7px #2035193b}.orange:before{content:"";background:#3f8d43;border:1px solid #236b39;border-radius:90% 10%;width:38%;height:20%;position:absolute;top:-8%;left:43%;transform:rotate(-17deg)}.orange span{z-index:1;text-shadow:0 1px #ffffff80;font-size:clamp(11px,3.2vw,21px);font-weight:1000;line-height:1;position:relative}.orange:hover:not(:disabled),.orange:focus-visible{filter:brightness(1.08);outline-offset:2px;outline:4px solid #fff59cb3;transform:translateY(-3px)scale(1.04)}.orange:active:not(:disabled){cursor:grabbing;transform:translateY(2px)scale(.95)}.orange:disabled{cursor:default}.orange-placeholder{aspect-ratio:1;background:#1d5e3533;border:2px dashed #ffefa994;border-radius:50%;justify-self:center;width:96%;min-width:0;animation:.7s ease-in-out infinite alternate spawn-wait;position:relative;box-shadow:inset 0 0 12px #1248283d}.orange-placeholder:after{content:"";background:#6fb35d;border-radius:50%;position:absolute;inset:38%}.orange.selected{color:#fff;border-color:#fffbd1;animation:.36s infinite alternate selected-bob;transform:translateY(-5px)scale(1.08)rotate(-3deg);box-shadow:inset -5px -6px #a63d001f,0 0 0 5px #214f35,0 7px #143823,0 10px 18px #173d2a59}.orange.error{filter:saturate(.3);animation:90ms linear 4 orange-shake}.orange.pending-harvest{pointer-events:none;filter:saturate(1.18)brightness(1.05);animation:.36s ease-in-out infinite alternate harvest-pending}.feedback-pop{z-index:5;color:#fff;white-space:nowrap;background:#eb6a18;border:3px solid #173d2a;border-radius:14px;padding:9px 18px;font-size:clamp(20px,6vw,32px);font-weight:1000;animation:.7s cubic-bezier(.2,1.5,.4,1) both feedback-pop;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)rotate(-3deg);box-shadow:0 5px #173d2a,0 12px 30px #0003}.harvest-flight-layer{z-index:120;pointer-events:none;position:fixed;inset:0}.harvest-flight{top:var(--flight-y);left:var(--flight-x);width:var(--flight-size);height:var(--flight-size);color:#58240a;animation:orange-to-crate .72s cubic-bezier(.33, .08, .26, 1) var(--flight-delay) both;background:radial-gradient(circle at 32% 28%,#ffffff94 0 7%,#0000 8%),linear-gradient(145deg,#ffc139 0%,#ff8d1f 48%,#ef6413 100%);border:2px solid #ffd65d;border-radius:50% 48% 52% 46%;place-items:center;font-style:normal;display:grid;position:fixed;transform:translate(-50%,-50%);box-shadow:inset -3px -4px #a63d0029,0 4px #b84d12,0 0 18px #ffbf2ba6}.harvest-flight:before{content:"";background:#3f8d43;border:1px solid #236b39;border-radius:90% 10%;width:38%;height:20%;position:absolute;top:-8%;left:43%;transform:rotate(-17deg)}.harvest-flight span{z-index:1;text-shadow:0 1px #ffffff8c;font-size:clamp(13px,3vw,21px);font-weight:1000;line-height:1;position:relative}.harvest-panel{grid-template-columns:minmax(0,1fr) 174px minmax(0,.95fr);align-items:end;gap:10px;padding:0 14px 8px;display:grid;position:relative}.next-crates>span{color:#67806d;letter-spacing:.08em;text-transform:uppercase;font-size:9px;font-weight:900}.crate-wrap{min-width:0;position:relative}.arrival-crate{position:relative}.arrival-crate.entering{animation:.62s cubic-bezier(.18,.86,.32,1) both crate-arrive}.crate-label{z-index:4;color:#fff;white-space:nowrap;background:#173d2a;border:2px solid #173d2a;border-radius:99px;align-items:baseline;gap:7px;padding:5px 12px;display:flex;position:absolute;top:-31px;left:50%;transform:translate(-50%)}.crate-label span{font-size:8px;font-weight:800}.crate-label strong{font-size:19px}.crate-label small{margin-left:1px;font-size:9px}.target-kg-stamp{transform-origin:50% 65%;justify-content:center;align-items:baseline;animation:.56s cubic-bezier(.16,.88,.24,1.3) both target-kg-stamp-slam;display:inline-flex;position:relative}.target-kg-stamp:after{content:"";opacity:0;pointer-events:none;border:2px solid;border-radius:8px;animation:.46s ease-out .17s both target-kg-impact;position:absolute;inset:-5px -7px}.crate{height:112px;position:relative;overflow:visible}.crate-fill{z-index:1;height:var(--fill);background:radial-gradient(circle at 10px 10px,#ffc03c 0 7px,#e96e15 7.5px 9px,#0000 9.5px) 0 0/23px 19px,#f58b1a;border-radius:5px 5px 15px 15px;max-height:50%;transition:height .16s;position:absolute;inset:auto 14% 22%}.crate-fill.is-hidden{opacity:.18;filter:grayscale();height:54%}.basket-sprite{z-index:2;background:var(--basket-image) center / contain no-repeat;filter:drop-shadow(0 7px 3px #532c1140);pointer-events:none;position:absolute;inset:0}.crate-progress{z-index:3;color:#fff;white-space:nowrap;background:#4e200bc2;border-radius:7px;padding:5px 10px;font-family:system-ui,sans-serif;font-size:12px;position:absolute;inset:59% auto auto 50%;transform:translate(-50%,-50%)}.departing-crate{z-index:12;pointer-events:none;height:122px;animation:.9s cubic-bezier(.34,.06,.74,.28) both crate-ship-out;position:absolute;inset:-2px -5px auto}.departing-basket{animation:.26s ease-out both loaded-bump;position:absolute;inset:0 0 10px}.departing-basket>strong{z-index:3;color:#fff8dd;text-shadow:0 1px 1px #54220b;background:#52220ac4;border-radius:7px;padding:4px 9px;font-size:15px;position:absolute;top:54%;left:50%;transform:translate(-50%,-50%)}.departing-basket small{margin-left:1px;font-size:8px}.departing-crate>span{z-index:6;color:#fff;white-space:nowrap;background:#ef6f17;border:2px solid #173d2a;border-radius:99px;padding:4px 9px;font-size:10px;font-weight:1000;position:absolute;top:24px;left:50%;transform:translate(-50%)rotate(-4deg);box-shadow:0 3px #173d2a}.shipping-platform{z-index:0;background:#f0b641;border:2px solid #173d2a;border-radius:99px;height:8px;position:absolute;bottom:9px;left:15px;right:15px}.shipping-platform i{background:#e7deae;border:4px solid #173d2a;border-radius:50%;width:16px;height:16px;animation:.16s linear infinite shipping-wheel;position:absolute;top:3px}.shipping-platform i:first-child{left:18px}.shipping-platform i:last-child{right:18px}.next-crates{justify-content:center;align-items:center;gap:5px;min-width:0;padding-top:14px;display:flex;position:relative}.next-crates>span{text-align:center;white-space:nowrap;width:100%;position:absolute;top:0;left:50%;transform:translate(-50%)}.next-crates>b{color:#9a795d;font-size:12px}.next-crates>div{color:#fff8dd;text-shadow:0 1px 2px #70300e,0 0 1px #70300e;justify-content:center;align-items:baseline;width:57px;height:50px;padding-top:20px;display:flex;position:relative}.next-crates>div i{z-index:0;background:var(--basket-image) center / contain no-repeat;filter:drop-shadow(0 3px 2px #532c113d);position:absolute;inset:0}.next-crates strong{z-index:1;font-size:16px;position:relative}.next-crates small{z-index:1;margin-left:1px;font-size:7px;position:relative}.battle-harvest-panel{padding:0 12px 9px;position:relative}.battle-crates{grid-template-columns:repeat(var(--battle-player-count,2), minmax(0, 1fr));align-items:stretch;gap:9px;display:grid}.battle-crates.is-crowded{gap:5px}.battle-crate-card{background:#eff5dac7;border:2px solid #26593933;border-radius:15px;min-width:0;padding:7px 8px 6px;position:relative}.battle-departing{z-index:12;pointer-events:none;animation:.9s cubic-bezier(.34,.06,.74,.28) both battle-crate-drop-out;position:absolute;inset:22px 5px 4px}.battle-departing>strong{z-index:3;color:#fff;background:#4e200bc7;border-radius:6px;padding:3px 7px;font-size:14px;position:absolute;top:54%;left:50%;transform:translate(-50%,-50%)}.battle-departing small{font-size:7px}.battle-crate-card.is-you{background:linear-gradient(#fff0a9,#fff7d6);border:3px solid #e96813;padding-top:25px;box-shadow:0 4px #ae4d1061,0 0 0 3px #ffad2d33}.my-crate-badge{z-index:6;color:#fff;letter-spacing:.02em;background:#e6600d;border-radius:999px;padding:4px 8px;font-size:9px;font-weight:950;line-height:1;position:absolute;top:6px;left:7px;box-shadow:0 2px #a9430c}.battle-crate-card.is-you .battle-crate-visual{background:#ffffff61;border-radius:11px}.battle-crate-card.team-a:not(.is-you){border-color:#e4741e80}.battle-crate-card.team-b:not(.is-you){border-color:#2d7e4e80}.battle-crate-card>header{justify-content:space-between;align-items:baseline;gap:6px;display:flex}.battle-crate-card>header span,.battle-crate-card>header strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.battle-crate-card>header span{color:#718171;font-size:8px}.battle-crate-card>header strong{max-width:48%;font-size:10px}.host-identity{white-space:nowrap;justify-content:center;align-items:center;gap:4px;margin-top:8px;position:relative;display:inline-flex!important;overflow:visible!important}.host-identity>span{text-overflow:ellipsis;max-width:82px;overflow:hidden;color:inherit!important;font-size:inherit!important}.host-identity>small{background:#ffe39a;border-radius:999px;flex:none;padding:2px 4px;font-weight:950;line-height:1;color:#8b4a0d!important;margin:0!important;font-size:6px!important}.host-crown{color:#e39312;text-shadow:0 1px #fff4bd;font-size:15px;font-style:normal;line-height:1;position:absolute;top:-14px;left:50%;transform:translate(-50%)}.battle-crate-visual{height:76px;position:relative;overflow:hidden}.battle-crate-visual .crate-fill{max-height:46%;inset:auto 16% 20%}.battle-crate-visual>b{z-index:4;color:#fff;background:#4e200bc7;border-radius:7px;padding:3px 8px;font-size:17px;position:absolute;top:54%;left:50%;transform:translate(-50%,-50%)}.battle-crate-visual>b small{margin-left:1px;font-size:8px}.battle-crate-status{color:#6f7d71;justify-content:space-between;align-items:center;gap:5px;font-size:8px;display:flex}.battle-crate-status strong{color:#d25b12;white-space:nowrap;font-size:9px}.battle-crates.is-crowded .battle-crate-card{border-radius:12px;padding:5px 4px 4px}.battle-crates.is-crowded .battle-crate-card.is-you{padding-top:22px}.battle-crates.is-crowded .my-crate-badge{padding:3px 5px;font-size:7px;top:5px;left:5px}.battle-crates.is-crowded .battle-crate-card>header{text-align:center;justify-items:center;gap:1px;display:grid}.battle-crates.is-crowded .battle-crate-card>header>span{width:100%;font-size:7px}.battle-crates.is-crowded .battle-crate-card>header>strong{width:100%;max-width:100%;font-size:8px}.battle-crates.is-crowded .host-identity{margin-top:5px}.battle-crates.is-crowded .host-identity>span{max-width:100%}.battle-crates.is-crowded .host-crown{font-size:12px;top:-11px}.battle-crates.is-crowded .battle-crate-visual{height:58px}.battle-crates.is-crowded .battle-crate-visual>b{padding:2px 5px;font-size:13px}.battle-crates.is-crowded .battle-crate-visual>b small{font-size:6px}.battle-crates.is-crowded .battle-crate-status{text-align:center;justify-items:center;gap:1px;display:grid}.battle-crates.is-crowded .battle-crate-status span,.battle-crates.is-crowded .battle-crate-status strong{text-overflow:ellipsis;white-space:nowrap;width:100%;font-size:7px;overflow:hidden}.game-footer{color:#718171;text-align:center;padding:7px 14px 10px;font-family:system-ui,sans-serif;font-size:9px}.overlay{z-index:20;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#143e2a73;place-items:center;padding:18px;animation:.24s both fade-in;display:grid;position:absolute;inset:0;overflow-y:auto}.start-card,.result-card{text-align:center;background:radial-gradient(circle at 100% 0,#ffbe2c38,#0000 35%),#fff9df;border:3px solid #1f5d3b;border-radius:28px;width:min(100%,400px);padding:28px 24px 24px;animation:.5s cubic-bezier(.2,1.4,.5,1) both card-in;position:relative;overflow:visible;box-shadow:0 11px #17472e,0 25px 55px #112f1f5c}.start-card.room-active{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;max-height:calc(100dvh - 48px);padding:18px;overflow-y:auto}.hero-orange{color:#5b2d12;background:linear-gradient(145deg,#ffbf32,#f27414);border:4px solid #ffd04a;border-radius:50%;place-items:center;width:72px;height:72px;margin:-54px auto 12px;display:grid;position:relative;transform:rotate(-6deg);box-shadow:inset -7px -7px #a039081f,0 7px #a94413}.hero-orange:before{content:"";background:#4b9b50;border:3px solid #1f6337;border-radius:100% 10%;width:31px;height:17px;position:absolute;top:-11px;right:5px;transform:rotate(-18deg)}.hero-orange span{font-size:35px;font-weight:1000}.overlay-eyebrow{color:#ea701b;letter-spacing:.08em;text-transform:uppercase;margin:0 0 3px;font-size:11px;font-weight:900}.start-card h2,.result-card h2{letter-spacing:-.07em;margin:0;font-size:clamp(38px,11vw,58px);line-height:1}.start-description{color:#647567;max-width:300px;margin:12px auto 18px;font-family:system-ui,sans-serif;font-size:13px;line-height:1.55}.difficulty-picker{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:15px;display:grid}.difficulty-picker button{color:#5c6f61;cursor:pointer;background:#ffffffa6;border:2px solid #d7d3ae;border-radius:17px;align-content:center;justify-items:center;gap:2px;min-height:92px;padding:10px 8px;transition:all .14s;display:grid}.difficulty-picker button>span{font-size:20px}.difficulty-picker button strong{font-size:15px}.difficulty-picker button small{font-family:system-ui,sans-serif;font-size:10px}.difficulty-picker button:hover{transform:translateY(-2px)}.difficulty-picker button.active{color:#16462e;background:#dff2bd;border-color:#256b43;transform:translateY(-3px);box-shadow:0 4px #256b43}.mode-picker{background:#e8e4c8;border-radius:14px;grid-template-columns:1fr 1fr;gap:7px;margin:0 0 11px;padding:4px;display:grid}.mode-picker button{color:#667268;cursor:pointer;background:0 0;border:0;border-radius:11px;min-height:44px;font-size:12px;font-weight:900}.mode-picker button span{margin-right:5px}.mode-picker button.active{color:#17472e;background:#fffdf0;box-shadow:0 2px 7px #1e432b24}.mode-picker button:disabled{cursor:default}.duration-picker{text-align:left;margin:-2px 0 14px}.duration-picker>span,.battle-type-picker>span,.team-picker>span,.name-field>span{color:#6b786c;margin:0 0 6px 2px;font-size:10px;font-weight:900;display:block}.duration-picker>div{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.duration-picker button{color:#6a736c;cursor:pointer;background:#ffffffb3;border:2px solid #d7d3ae;border-radius:11px;min-height:44px;font-size:14px;font-weight:950}.duration-picker button small{margin-left:2px;font-size:8px}.duration-picker button.active{color:#a7470d;background:#fff0bf;border-color:#ed7017}.battle-type-picker{text-align:left;margin:-5px 0 14px}.battle-type-picker>div{grid-template-columns:1fr 1fr;gap:7px;display:grid}.battle-type-picker button{color:#53675a;cursor:pointer;background:#ffffffb8;border:2px solid #c8d2bd;border-radius:11px;align-content:center;gap:2px;min-height:58px;padding:7px;font-weight:950;display:grid}.help-button,.contact-button{z-index:45;right:max(14px, env(safe-area-inset-right));bottom:max(14px, env(safe-area-inset-bottom));color:#174b31;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;background:#fff9dff0;border:2px solid #174b31bf;border-radius:99px;justify-content:center;align-items:center;gap:6px;min-width:50px;min-height:46px;padding:0 14px;font-family:inherit;font-size:12px;text-decoration:none;display:inline-flex;position:fixed;box-shadow:0 4px #174b31c7,0 8px 22px #173d2a33}.help-button{bottom:calc(max(14px, env(safe-area-inset-bottom)) + 58px);font:inherit;cursor:pointer}.help-button span,.contact-button span{color:#fff9df;background:#287347;border-radius:50%;place-items:center;width:21px;height:21px;font-weight:950;display:grid}.help-button strong,.contact-button strong{font-weight:950}.help-button:hover,.contact-button:hover{filter:brightness(1.04);transform:translateY(-1px)}.help-button:active,.contact-button:active{transform:translateY(2px);box-shadow:0 2px #174b31c7}.game-shell.is-lobby .help-button,.game-shell.is-lobby .contact-button{display:none}.contact-overlay,.settings-overlay{z-index:110;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#113523ad;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.settings-card{color:#244d35;background:#fff9df;border:3px solid #1f5d3b;border-radius:24px;width:min(100%,390px);padding:27px 20px 20px;position:relative;box-shadow:0 9px #17472e,0 24px 55px #112f1f66}.settings-card h2{margin:0 0 6px;font-size:28px;line-height:1}.settings-card>p{color:#647469;margin:0 0 17px;font-size:11px;line-height:1.5}.settings-card>.primary-button{margin-top:16px}.settings-close{top:9px;right:9px}.audio-settings{gap:9px;display:grid}.audio-setting-row{color:#2a573c;width:100%;min-height:62px;font:inherit;text-align:left;cursor:pointer;background:#f4f4d9;border:2px solid #cad5bc;border-radius:15px;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px 11px;display:grid}.audio-setting-row:hover{border-color:#6e9a70}.audio-setting-row:focus-visible{outline-offset:2px;outline:3px solid #f6a72b}.audio-setting-icon{place-items:center;font-size:24px;display:grid}.audio-setting-copy{gap:2px;display:grid}.audio-setting-copy strong{font-size:14px}.audio-setting-copy small{color:#718171;font-family:system-ui,sans-serif;font-size:9px}.audio-setting-control{justify-items:center;gap:2px;display:grid}.audio-setting-control small{color:#5f7565;font-size:8px;font-weight:900}.audio-toggle{background:#a9b4a8;border-radius:99px;width:52px;height:30px;position:relative;box-shadow:inset 0 2px 4px #173f2733}.audio-toggle:after{content:"";background:#fffdf0;border-radius:50%;width:24px;height:24px;transition:transform .16s;position:absolute;top:3px;left:3px;box-shadow:0 2px 4px #1437224d}.audio-setting-row[aria-checked=true] .audio-toggle{background:#3e9659}.audio-setting-row[aria-checked=true] .audio-toggle:after{transform:translate(22px)}.contact-card{color:#244d35;text-align:center;background:#fff9df;border:2px solid #2a694247;border-radius:22px;justify-items:center;gap:11px;width:min(100%,360px);padding:25px 20px 20px;display:grid;box-shadow:0 12px #1c503033,0 24px 60px #0c2d1b4d}.contact-card-icon{color:#fff9df;background:#287347;border-radius:50%;place-items:center;width:46px;height:46px;font-size:22px;display:grid}.contact-card h2{margin:0;font-size:21px}.contact-card>p{color:#647469;margin:-3px 0 2px;font-size:12px;line-height:1.55}.contact-email{color:#23563a;cursor:pointer;background:#edf7e9;border:2px solid #b8c9b9;border-radius:14px;grid-template-columns:1fr auto;align-items:center;gap:8px;width:100%;min-height:58px;padding:8px 9px 8px 14px;font-family:inherit;display:grid}.contact-email span{overflow-wrap:anywhere;font-size:13px;font-weight:900}.contact-email strong{color:#fff9df;white-space:nowrap;background:#287347;border-radius:9px;padding:9px 10px;font-size:10px}.contact-email:hover{border-color:#2f744d}.contact-email:active{transform:translateY(1px)}.contact-feedback{color:#df6817;min-height:14px;font-size:10px;font-weight:900}.contact-confirm{width:100%;min-height:46px;margin-top:-2px}.guide-overlay{z-index:110;padding:max(14px, env(safe-area-inset-top)) 10px max(14px, env(safe-area-inset-bottom));overscroll-behavior:contain;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#113523ad;place-items:center;display:grid;position:fixed;inset:0;overflow-y:auto}.guide-card{background:#fff9df;border:3px solid #1f5d3b;border-radius:24px;width:min(100%,460px);max-height:calc(100dvh - 28px);padding:24px 20px 19px;position:relative;overflow-y:auto;box-shadow:0 9px #17472e,0 24px 55px #112f1f66}.guide-card h2{margin:0 0 14px;font-size:31px;line-height:1}.guide-close{color:#174b31;cursor:pointer;background:#e6edcf;border:0;border-radius:50%;width:44px;height:44px;font-size:25px;font-weight:900;position:absolute;top:10px;right:10px}.pause-badge{color:#fff;background:#e96c18;border-radius:99px;margin-bottom:8px;padding:5px 9px;font-size:10px;font-weight:950;display:inline-block}.guide-section{background:#edf1d5;border-radius:14px;margin-top:10px;padding:12px 13px}.guide-section h3{color:#245f40;margin:0 0 7px;font-size:14px}.guide-section ol,.guide-section ul{margin:0;padding-left:20px}.guide-section li{color:#53675a;margin:4px 0;font-family:system-ui,sans-serif;font-size:11px;line-height:1.45}.score-guide{background:#fff0c2}.battle-guide{background:#dff1df}.battle-guide p{color:#b64f17;margin:9px 0 0;font-size:10px;font-weight:850}.guide-return{margin-top:14px}.battle-rule-card{color:#245f40;text-align:left;cursor:pointer;background:#e7f2d8;border:2px solid #27704561;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;width:100%;min-height:44px;padding:8px 11px;font-family:inherit;display:flex}.battle-rule-card>strong{color:#245f40;font-size:11px}.battle-rule-card>span{color:#597263;white-space:nowrap;font-size:9px;font-weight:900}.battle-rule-card:hover{background:#edf7df;border-color:#287347}.battle-type-picker button strong{font-size:13px}.battle-type-picker button small{color:#768278;font-family:system-ui,sans-serif;font-size:8px;line-height:1.25}.battle-type-picker button.active{color:#16462e;background:#dff2bd;border-color:#287347}.battle-setup{gap:12px;display:grid}.name-field{text-align:left}.name-field input,.join-panel input,.create-room-panel input,.room-access-card input{color:#294532;width:100%;height:45px;font:inherit;background:#fffef4;border:2px solid #cec9a8;border-radius:12px;outline:none;padding:0 13px;font-size:14px;font-weight:800}.name-field input:focus,.join-panel input:focus,.create-room-panel input:focus,.room-access-card input:focus{border-color:#29724b;box-shadow:0 0 0 3px #29724b21}.battle-entry-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.battle-entry-actions button{color:#385943;cursor:pointer;background:#fff9dc;border:2px solid #d4ca99;border-radius:14px;align-content:center;place-items:center;gap:2px;min-width:0;min-height:76px;padding:8px 6px;font-family:inherit;display:grid}.battle-entry-actions button.is-quick{color:#7b3b13;background:#fff0bd;border-color:#e67820}.battle-entry-actions button.join-code-entry{grid-column:1/-1;grid-template-columns:auto auto;column-gap:6px;min-height:54px}.battle-entry-actions button.join-code-entry small{grid-column:1/-1}.battle-entry-actions button>span{font-size:20px}.battle-entry-actions button strong{font-size:13px}.battle-entry-actions button small{color:#778278;max-width:100%;font-size:8px;line-height:1.25}.battle-entry-actions button:hover{border-color:#2f744d;transform:translateY(-2px)}.battle-entry-actions button:disabled{cursor:wait;opacity:.58;transform:none}.create-room-panel,.room-browser-panel{gap:9px;display:grid}.create-room-heading{color:#244f38;grid-template-columns:38px 1fr 38px;align-items:center;margin-bottom:9px;display:grid}.create-room-heading:after{content:""}.create-room-heading>button{color:#315f45;cursor:pointer;background:#fffef4e0;border:1px solid #b9c5aa;border-radius:12px;width:38px;height:38px;font-family:inherit;font-size:18px;font-weight:950}.create-room-heading>div{gap:1px;display:grid}.create-room-heading strong{font-size:17px}.create-room-heading small{color:#728070;font-size:8px;font-weight:900}.create-room-settings{background:#eff3d59e;border:1px solid #7e8c6561;border-radius:14px;gap:9px;padding:10px;display:grid;box-shadow:inset 0 1px #ffffffb8}.create-setting-group{text-align:left;gap:5px;display:grid}.create-setting-group>span{color:#61705f;font-size:9px;font-weight:950}.create-option-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.create-option-grid.is-duration{grid-template-columns:repeat(4,minmax(0,1fr))}.create-option-grid button{color:#53675a;cursor:pointer;background:#fffef4e6;border:1px solid #c8c8aa;border-radius:10px;align-content:center;place-items:center;gap:1px;min-width:0;min-height:43px;padding:5px 6px;font-family:inherit;transition:border-color .12s,background .12s,transform .12s;display:grid}.create-option-grid button>span{font-size:14px;line-height:1}.create-option-grid button strong{font-size:11px}.create-option-grid button small{color:#778278;font-size:7px;line-height:1.2}.create-option-grid button:hover{border-color:#4e8a66}.create-option-grid button.active{color:#17472e;background:#dff2bd;border-color:#287347;transform:translateY(-1px);box-shadow:0 2px #287347}.create-option-grid.is-duration button{grid-template-columns:auto auto;gap:2px;min-height:38px;padding-inline:3px}.create-option-grid.is-duration button strong{font-size:12px}.create-option-grid.is-duration button small{font-size:7px}.create-option-grid.is-battle-type button{min-height:50px}.room-private-row{background:#f7f5df;border:1px solid #c8d2bd;border-radius:12px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:9px;min-height:48px;padding:7px 9px;transition:border-color .12s,background .12s,box-shadow .12s;display:grid}.room-private-row.active{background:#edf5d9;border-color:#4f8a66;box-shadow:inset 0 0 0 1px #2873471f}.room-private-check{color:#355c43;white-space:nowrap;cursor:pointer;align-items:center;gap:6px;font-size:10px;font-weight:950;display:inline-flex}.room-private-check input{accent-color:#287347;width:18px;height:18px;margin:0}.room-private-row>input{color:#214b34;background:#fffef4f5;border:1px solid #aebca7;border-radius:9px;outline:none;width:100%;min-width:0;height:36px;padding:0 9px;font-family:inherit;font-size:11px;font-weight:850}.room-private-row>input:focus{border-color:#287347;box-shadow:0 0 0 2px #28734724}.room-private-help{color:#7b806e;text-align:left;margin:-5px 3px 0;font-size:8px;line-height:1.4}.room-visibility-picker{grid-template-columns:1fr 1fr;gap:7px;display:grid}.room-visibility-picker button{color:#53675a;cursor:pointer;background:#f7f5df;border:2px solid #c8d2bd;border-radius:12px;align-content:center;gap:3px;min-height:62px;padding:7px;font-family:inherit;display:grid}.room-visibility-picker button strong{font-size:12px}.room-visibility-picker button small{color:#748076;font-size:8px;line-height:1.3}.room-visibility-picker button.active{color:#17472e;background:#dff2bd;border-color:#287347;box-shadow:0 3px #287347}.room-password-field>small{color:#7b806e;margin:5px 2px 0;font-size:8px;line-height:1.4;display:block}.room-browser-toolbar{justify-content:space-between;align-items:center;gap:8px;display:flex}.room-browser-toolbar label{color:#42604b;align-items:center;gap:6px;font-size:10px;font-weight:900;display:inline-flex}.room-browser-toolbar input{accent-color:#287347;width:18px;height:18px}.room-browser-toolbar button{color:#276044;cursor:pointer;background:#edf7e9;border:1px solid #aac0aa;border-radius:10px;min-height:38px;padding:0 10px;font-family:inherit;font-size:9px;font-weight:900}.room-list-updated{color:#849087;text-align:right;font-size:8px}.room-list{overscroll-behavior:contain;gap:7px;max-height:min(38dvh,310px);padding:2px 2px 5px;display:grid;overflow-y:auto}.room-list-card{text-align:left;background:#f4f5df;border:2px solid #ccd4bb;border-radius:13px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;min-width:0;padding:10px;display:grid}.room-list-card>div{gap:2px;min-width:0;display:grid}.room-list-card>div>strong{color:#275a3d;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.room-list-card span{color:#647567;font-size:9px}.room-list-card small{color:#8a6a46;font-size:8px}.room-list-card>button{color:#fff;cursor:pointer;background:#287347;border:0;border-radius:10px;min-width:55px;min-height:40px;font-family:inherit;font-size:10px;font-weight:950}.room-list-empty{color:#758279;text-align:center;margin:12px 0;font-size:10px}.battle-actions{grid-template-columns:1fr 1fr;gap:9px;display:grid}.battle-actions button{color:#385943;cursor:pointer;background:#fff9dc;border:2px solid #d4ca99;border-radius:15px;align-content:center;place-items:center;gap:1px;min-height:86px;display:grid}.battle-actions button>span{font-size:22px}.battle-actions button strong{font-size:14px}.battle-actions button small{color:#778278;font-size:9px}.battle-actions button:hover{border-color:#2f744d;transform:translateY(-2px)}.join-panel{gap:9px;display:grid}.join-panel input{text-align:center;text-transform:uppercase;letter-spacing:.18em}.text-button{color:#42604b;cursor:pointer;background:#f2f4e3;border:2px solid #c6cfb8;border-radius:12px;min-height:44px;padding:0 18px;font-family:inherit;font-size:11px;font-weight:900;box-shadow:0 2px #aebaa5}.text-button:hover{background:#f8f8eb;border-color:#6d8b72}.text-button:active{transform:translateY(1px);box-shadow:0 1px #aebaa5}.result-home-button{color:#2b6042;cursor:pointer;background:#edf7e9;border:2px solid #b8c9b9;border-radius:14px;min-width:132px;min-height:46px;padding:0 22px;font-family:inherit;font-size:12px;font-weight:950;box-shadow:0 3px #9db39f}.result-home-button:hover{border-color:#2f744d;transform:translateY(-1px)}.result-home-button:active{transform:translateY(2px);box-shadow:0 1px #9db39f}.leave-room-button{color:#9c3e2f;cursor:pointer;background:#fff3ed;border:1px solid #d6a69a;border-radius:11px;min-height:44px;font-size:11px;font-weight:900}.leave-room-button:hover{background:#ffe6dc;border-color:#bf604b}.leave-room-button:disabled{cursor:wait;opacity:.58}.room-lobby{gap:8px;display:grid}.lobby-room-heading{text-align:left;justify-content:space-between;align-items:center;gap:8px;display:flex}.lobby-room-heading>div{min-width:0;display:grid}.lobby-room-heading span{color:#8a6a46;font-size:8px;font-weight:900}.lobby-room-heading strong{color:#245d3e;text-overflow:ellipsis;white-space:nowrap;font-size:16px;overflow:hidden}.lobby-room-heading>button{color:#245b3d;cursor:pointer;background:#edf7e9;border:1px solid #9fb79f;border-radius:10px;min-height:40px;padding:0 12px;font-family:inherit;font-size:11px;font-weight:950;box-shadow:0 2px #2873472e}.room-settings-panel{background:linear-gradient(135deg,#fff1bb,#f1f6db);border:2px solid #e86a146b;border-radius:14px;gap:5px;padding:8px 10px;display:grid}.room-setting-badges{color:#7a4a20;justify-content:center;align-items:center;gap:7px;display:flex}.room-setting-badges strong{font-size:14px;font-weight:1000}.room-setting-badges i{color:#d77a31;font-size:14px;font-style:normal}.room-setting-badges .battle-type-badge{color:#17613c}.room-type-tabs{grid-template-columns:1fr 1fr;gap:6px;display:grid}.room-type-tabs button{color:#687268;cursor:pointer;background:#ffffffb3;border:2px solid #c7cfb0;border-radius:11px;min-height:38px;font-family:inherit;font-size:11px;font-weight:950}.room-type-tabs button.active{color:#fff;background:#287347;border-color:#287347;box-shadow:0 2px #164b2e}.room-type-tabs button:disabled{cursor:default}.room-type-tabs button:not(.active):disabled{opacity:.55}.room-settings-panel>small{color:#667368;font-size:9px;font-weight:900}.room-invite-bar{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:7px;display:grid}.room-code-box{background:#fff1bf;border:2px dashed #e17a25;border-radius:12px;align-content:center;min-width:0;min-height:52px;padding:6px 10px;display:grid}.room-code-box span,.room-code-box small{color:#8a632f;font-size:8px;font-weight:900;display:block}.room-code-box strong{color:#56331f;letter-spacing:.11em;text-overflow:ellipsis;white-space:nowrap;margin-top:1px;font-size:20px;display:block;overflow:hidden}.share-actions{grid-template-columns:1fr 1fr;gap:7px;display:grid}.share-actions button{color:#26583c;cursor:pointer;background:#edf7e9;border:1px solid #a9bda9;border-radius:11px;align-content:center;place-items:center;gap:1px;min-width:0;min-height:52px;padding:4px 3px;font-family:inherit;display:grid}.share-actions button>span{font-family:system-ui,sans-serif;font-size:15px;line-height:1}.share-actions button>strong{font-size:8px;line-height:1.15}.share-feedback{color:#df6817;margin:-5px 0 0;font-size:10px;font-weight:900}.team-picker{text-align:left}.team-picker>div{grid-template-columns:1fr 1fr;gap:8px;display:grid}.team-picker button{color:#3b5945;cursor:pointer;background:#edf0dd;border:2px solid #0000;border-radius:12px;justify-content:space-between;align-items:center;min-height:44px;padding:0 12px;font-weight:900;display:flex}.team-picker button.team-a{background:#fff0c3}.team-picker button.team-b{background:#dff1df}.team-picker button.team-a.active{border-color:#ec761c;box-shadow:0 3px #bd5613}.team-picker button.team-b.active{border-color:#2e8250;box-shadow:0 3px #1d5937}.team-picker button:disabled{cursor:default;opacity:.58}.team-picker button.active:disabled{opacity:1}.team-picker small{font-size:10px}.player-list{grid-template-columns:1fr 1fr;gap:8px;display:grid}.player-list>div{background:#e7efd9;border:2px solid #0000;border-radius:12px;min-width:0;padding:8px;position:relative}.player-list>div.team-a{background:#fff0c9;outline:2px solid #ec761c8c}.player-list>div.team-b{background:#e2f2df;outline:2px solid #2e825080}.player-list>div.is-ready{border-color:#24934d;box-shadow:inset 0 0 0 1px #ffffff8c}.player-list .host-identity{vertical-align:middle;max-width:calc(100% - 14px)}.player-list strong,.player-list small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.player-list strong{font-size:13px}.player-list small{color:#7e8c7f;margin-top:2px;font-size:8px}.player-list>div>span{background:#a7ada7;border-radius:50%;width:7px;height:7px;margin-right:5px;display:inline-block}.player-list>div>span.online{background:#3aa65a;box-shadow:0 0 0 3px #3aa65a1f}.player-list .empty-player{color:#93a095;background:0 0;border:1px dashed #aebcaf;place-items:center;font-size:20px;display:grid}.player-list .player-ready-badge{color:#778379;text-overflow:ellipsis;white-space:nowrap;background:#ffffff94;border-radius:999px;max-width:100%;margin-top:5px;padding:3px 7px;font-size:8px;font-weight:950;display:inline-block;overflow:hidden}.player-list .player-ready-badge.is-ready{color:#fff;background:#24934d}.waiting-message{color:#68786d;min-height:16px;margin:0;font-size:10px;font-weight:800}.exit-warning{color:#9b4218;background:#fff0c4;border:1px solid #efaa56;border-radius:11px;margin:-3px 0 2px;padding:8px 10px;font-family:system-ui,sans-serif;font-size:10px;font-weight:850}.exit-warning strong{color:#db5816;margin-right:2px;font-size:16px}.result-exit-warning{margin:-7px 0 13px}.countdown-panel{place-items:center;min-height:190px;display:grid}.countdown-panel span{color:#df6a19;font-size:13px;font-weight:900}.countdown-panel strong{color:#245f40;text-shadow:0 6px #d5e6bf;font-size:92px;line-height:1;animation:.8s infinite countdown-pop}.countdown-panel strong.start-flash{color:#e66716;font-size:50px}.start-countdown-overlay{z-index:90;color:#fff9b8;-webkit-backdrop-filter:blur(7px)saturate(.85);backdrop-filter:blur(7px)saturate(.85);background:#13422a66;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.start-countdown-content{text-align:center;justify-items:center;gap:17px;display:grid}.start-countdown-overlay strong{text-shadow:0 8px #17472e,0 18px 42px #00000059;font-size:clamp(112px,38vw,210px);line-height:1;animation:1s cubic-bezier(.2,.9,.3,1) both solo-countdown-pop}.start-countdown-overlay strong.is-start{color:#ffda62;font-size:clamp(62px,20vw,116px);animation-duration:.42s}.start-countdown-overlay p{color:#fffde1;background:#14462dad;border:1px solid #fff9b880;border-radius:999px;max-width:420px;margin:0;padding:10px 16px;font-family:system-ui,sans-serif;font-size:clamp(11px,3vw,14px);font-weight:850;line-height:1.45;box-shadow:0 5px 20px #0723153d}.room-error{color:#bd3c2a;margin:10px 0 0;font-size:11px;font-weight:850}.room-error-toast{z-index:80;color:#fff;pointer-events:none;background:#84231bf5;border:2px solid #9e2f24;border-radius:16px;grid-template-columns:32px 1fr;align-items:center;gap:10px;width:min(88vw,390px);padding:14px 16px;font-family:system-ui,sans-serif;line-height:1.45;animation:3.8s both room-error-toast;display:grid;position:fixed;top:48%;left:50%;transform:translate(-50%,-50%);box-shadow:0 9px 28px #3b120d57}.room-error-toast span{color:#9e2f24;background:#fff3d7;border-radius:50%;place-items:center;width:32px;height:32px;font-size:21px;font-weight:1000;display:grid}.room-error-toast strong{font-size:13px;font-weight:900}.primary-button{color:#fff;cursor:pointer;background:linear-gradient(#ff9c25,#ed6815);border:3px solid #173d2a;border-radius:16px;width:100%;min-height:54px;font-size:17px;font-weight:950;transition:transform .1s,box-shadow .1s;box-shadow:0 6px #173d2a}.primary-button:hover{filter:brightness(1.05);transform:translateY(-2px);box-shadow:0 8px #173d2a}.primary-button:active{transform:translateY(4px);box-shadow:0 2px #173d2a}.primary-button span{margin-left:6px}.primary-button:disabled{cursor:wait;filter:grayscale(.4);opacity:.65;transform:none;box-shadow:0 4px #173d2a}.ready-button{background:linear-gradient(#48a963,#287347)}.host-start-button{background:linear-gradient(#ffad2e,#e96b18)}.lobby-primary-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.lobby-primary-actions .primary-button{min-height:50px;padding-inline:5px;font-size:13px}.lobby-home-button{width:100%}.start-rule{color:#7d897d;margin-top:14px;font-family:system-ui,sans-serif;font-size:9px;display:block}.result-stamp{color:#fff;transform-origin:50% 55%;background:#e96918;border:4px double #fff6c8;border-radius:50%;place-items:center;width:90px;height:90px;margin:-58px auto 13px;font-size:21px;font-weight:1000;animation:.68s cubic-bezier(.18,.9,.22,1.35) both result-stamp-slam;display:grid;position:relative;transform:rotate(-8deg);box-shadow:0 4px #a94413}.result-stamp:after{content:"";opacity:0;border:4px solid;border-radius:50%;animation:.68s ease-out .26s both result-stamp-shockwave;position:absolute;inset:-12px}.result-stamp.is-win{color:#fff6c8;background:#e96918}.result-stamp.is-lose{color:#fff5ec;background:#7d513f;box-shadow:0 4px #4f3025}.result-stamp.is-draw{color:#fffce8;background:#477a87;box-shadow:0 4px #28505b}.result-stamp.is-waiting{animation:none}.result-message{color:#e06417;min-height:22px;margin:10px 0 15px;font-size:13px;font-weight:900}.result-stats{grid-template-columns:1fr 1fr;gap:9px;margin-bottom:16px;display:grid}.result-stats div{background:#edf1d5;border-radius:13px;padding:11px}.result-stats span,.result-stats strong{display:block}.result-stats span{color:#728071;font-size:9px}.result-stats strong{margin-top:2px;font-size:19px}.result-stats .is-you{background:#fff1bd;outline:2px solid #e4741e}.result-actions{gap:11px;display:grid}.waiting-decision-overlay{z-index:130;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#113523b8;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.waiting-decision-card{color:#244d35;text-align:center;background:#fff9df;border:3px solid #246140;border-radius:24px;justify-items:center;gap:10px;width:min(100%,370px);padding:25px 20px 20px;animation:.26s ease-out both waiting-decision-pop;display:grid;box-shadow:0 10px #17472e,0 28px 60px #0c2d1b6b}.waiting-decision-icon{font-size:42px;line-height:1}.waiting-decision-card h2{margin:0;font-size:25px}.waiting-decision-card p{color:#647469;margin:0 0 5px;font-size:12px;line-height:1.55}.waiting-decision-countdown{color:#d75e16;font-size:31px;line-height:1}.waiting-decision-countdown small{color:#7c8278;margin-top:4px;font-size:8px;font-weight:850;display:block}.waiting-decision-actions{grid-template-columns:1.3fr 1fr;gap:9px;width:100%;display:grid}.waiting-decision-actions .primary-button,.waiting-decision-actions .leave-room-button{min-height:49px;margin:0}.room-access-overlay{z-index:135;padding:max(14px, env(safe-area-inset-top)) max(10px, env(safe-area-inset-right)) max(14px, env(safe-area-inset-bottom)) max(10px, env(safe-area-inset-left));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#113523b8;place-items:center;display:grid;position:fixed;inset:0;overflow-y:auto}.room-access-card{color:#244d35;text-align:center;background:#fff9df;border:3px solid #246140;border-radius:24px;justify-items:stretch;gap:11px;width:min(100%,380px);max-height:calc(100dvh - 28px);padding:25px 20px 20px;display:grid;position:relative;overflow-y:auto;box-shadow:0 10px #17472e,0 28px 60px #0c2d1b6b}.room-access-card>.guide-close{top:8px;right:8px}.room-access-icon{font-size:40px;line-height:1}.room-access-card h2{margin:0;font-size:23px}.room-access-card>p{color:#647469;margin:-3px 0 2px;font-size:11px;line-height:1.5}.room-access-card>.primary-button{width:100%}.room-management-card{text-align:left;justify-items:stretch}.room-management-card h2,.room-management-card>p{text-align:center}@keyframes orange-grow{0%{opacity:0;transform:scale(.1)rotate(-20deg)}to{opacity:1;transform:scale(1)}}@keyframes spawn-wait{to{opacity:.42;transform:scale(.78)}}@keyframes selected-bob{to{transform:translateY(-8px)scale(1.1)rotate(3deg)}}@keyframes drag-trail-fade{to{opacity:0;filter:blur(5px)}}@keyframes orange-shake{25%{transform:translate(-4px)rotate(-5deg)}75%{transform:translate(4px)rotate(5deg)}}@keyframes harvest-pending{to{opacity:.52;transform:scale(.76)rotate(5deg)}}@keyframes feedback-pop{0%{opacity:0;transform:translate(-50%,-20%)scale(.4)rotate(5deg)}30%{opacity:1;transform:translate(-50%,-50%)scale(1.12)rotate(-3deg)}to{opacity:0;transform:translate(-50%,-80%)scale(.92)rotate(-3deg)}}@keyframes result-stamp-slam{0%{opacity:0;filter:blur(3px);transform:scale(3.2)rotate(13deg)}58%{opacity:1;filter:blur();transform:scale(.82)rotate(-11deg)}76%{transform:scale(1.12)rotate(-6deg)}to{transform:scale(1)rotate(-8deg)}}@keyframes result-stamp-shockwave{0%{opacity:.7;transform:scale(.65)}to{opacity:0;transform:scale(1.45)}}@keyframes waiting-decision-pop{0%{opacity:0;transform:translateY(16px)scale(.94)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes room-error-toast{0%{opacity:0;transform:translate(-50%,-38%)scale(.94)}10%,82%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-62%)scale(.98)}}@keyframes orange-to-crate{0%{opacity:1;transform:translate(-50%,-50%)scale(1)rotate(0)}22%{opacity:1;transform:translate(-50%,calc(-50% - 10px))scale(1.12)rotate(-14deg)}62%{opacity:1;transform:translate(calc(-50% + var(--flight-mid-x)), calc(-50% + var(--flight-mid-y))) scale(.72) rotate(180deg)}to{opacity:0;transform:translate(calc(-50% + var(--flight-delta-x)), calc(-50% + var(--flight-delta-y))) scale(.12) rotate(430deg);filter:saturate(1.25)blur(1px)}}@keyframes loaded-bump{45%{transform:translateY(6px)scaleX(1.04)scaleY(.93)}75%{transform:translateY(-3px)}}@keyframes crate-ship-out{0%,16%{opacity:1;transform:translate(0)rotate(0)}28%{transform:translate(-7px)rotate(-1deg)}78%{opacity:1}to{opacity:0;transform:translate(245%)rotate(3deg)}}@keyframes battle-crate-drop-out{0%,16%{opacity:1;transform:translateY(0)scale(1)}28%{transform:translateY(-5px)scale(1.03)}76%{opacity:1}to{opacity:0;transform:translateY(145%)scale(.9)rotate(2deg)}}@keyframes crate-arrive{0%,28%{opacity:0;transform:translate(-105%)}to{opacity:1;transform:translate(0)}}@keyframes target-kg-stamp-slam{0%{opacity:0;filter:blur(2px);transform:translateY(-28px)scale(2.5)rotate(8deg)}52%{opacity:1;filter:blur();transform:translateY(2px)scale(.78)rotate(-5deg)}72%{transform:translateY(-2px)scale(1.16)rotate(2deg)}to{transform:translateY(0)scale(1)rotate(0)}}@keyframes target-kg-impact{0%{opacity:.8;transform:scale(.55)}to{opacity:0;transform:scale(1.65)}}@keyframes shipping-wheel{to{transform:rotate(360deg)}}@keyframes card-in{0%{opacity:0;transform:translateY(22px)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes fade-in{0%{opacity:0}}@keyframes combo-pulse{to{filter:saturate(1.25);transform:scale(1.04)}}@keyframes urgent-pulse{to{background:#ffd5c6;transform:scale(1.04)}}@keyframes fever-sky{0%{filter:saturate()}to{filter:saturate(1.35)hue-rotate(-8deg)}}@keyframes countdown-pop{50%{transform:scale(1.08)}}@keyframes solo-countdown-pop{0%{opacity:0;transform:scale(.45)}22%,72%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.18)}}@media (min-width:521px){.game-shell{background:radial-gradient(circle at 18% 12%,#ffffff9e,#0000 30%),linear-gradient(145deg,#cce9df 0%,#edf2d0 55%,#d7b17d 100%);padding:clamp(22px,3vw,40px) max(20px,5vw)}.game-stage{background:linear-gradient(180deg, #fffce514, #fff7d60a 64%, #2a1a1114), var(--orchard-background) center 48% / cover no-repeat;background-color:#dcebd8;min-height:calc(100dvh - clamp(44px,6vw,80px));box-shadow:0 22px 70px #2a462c4d,inset 0 1px #ffffffeb}}@media (max-width:520px){.game-shell{min-height:100dvh;padding:0}.game-stage{border:0;border-radius:0;min-height:100dvh}.sun,.cloud{display:none}.orchard{min-height:275px;padding:8px 7px 12px}.scoreboard:has(.opponent-card){grid-template-columns:1fr 1fr}.scoreboard:has(.opponent-card)>div{min-height:52px}.selection-hint-bar{margin-inline:8px}.board{gap:7px;transform:translateY(-19px)}.harvest-panel{grid-template-columns:minmax(0,.9fr) 158px minmax(0,.9fr);gap:5px}.next-crates{gap:3px}.next-crates>div{width:49px}.battle-harvest-panel{padding-inline:7px}.battle-crates{gap:6px}.overlay{width:100%;height:100dvh;padding:max(36px, calc(env(safe-area-inset-top) + 28px)) max(8px, env(safe-area-inset-right)) max(20px, calc(env(safe-area-inset-bottom) + 12px)) max(8px, env(safe-area-inset-left));align-items:start;position:fixed}.start-card,.result-card{border-radius:21px;width:100%;padding:23px 16px 18px}.start-card.room-active{max-height:calc(100dvh - 52px);padding:12px}.start-card:not(.room-active){max-height:calc(100dvh - max(24px, env(safe-area-inset-top)) - max(16px, env(safe-area-inset-bottom)));overscroll-behavior:contain;scrollbar-width:thin;overflow-y:auto}.room-list{max-height:min(34dvh,270px)}.room-access-overlay,.waiting-decision-overlay{padding-top:max(18px, env(safe-area-inset-top));align-items:start}.hero-orange{width:60px;height:60px;margin-top:-48px}.game-shell.is-battle-playing{width:100%;height:var(--visible-viewport-height,100dvh);overscroll-behavior:none;min-height:0;position:fixed;inset:0;overflow:hidden}.game-shell.is-battle-playing .game-stage{height:100%;min-height:0}.game-shell.is-battle-playing .game-header{padding-top:max(8px, env(safe-area-inset-top));flex:none;padding-bottom:6px}.game-shell.is-battle-playing .scoreboard{flex:none;gap:4px 5px;padding:0 8px 6px}:is(.game-shell.is-battle-playing .scoreboard>div,.game-shell.is-battle-playing .scoreboard:has(.opponent-card)>div){min-height:40px;padding:5px 8px}.game-shell.is-battle-playing .selection-hint-bar{flex:none;min-height:28px;margin-top:-1px;margin-bottom:2px;padding-block:3px}.game-shell.is-battle-playing .orchard{flex:1 1 0;min-height:0;padding:3px 5px;overflow:hidden}.game-shell.is-battle-playing .board{aspect-ratio:9/7;grid-template-rows:repeat(7,minmax(0,1fr));gap:clamp(3px,1vw,6px);width:auto;max-width:100%;height:100%;transform:none}.game-shell.is-battle-playing .orange,.game-shell.is-battle-playing .orange-placeholder{width:auto;max-width:96%;height:96%}.game-shell.is-battle-playing .battle-harvest-panel{padding-bottom:max(5px, env(safe-area-inset-bottom));flex:none}.game-shell.is-battle-playing .game-footer{display:none}}@media (max-width:390px){.game-header{padding-inline:11px}.home-button{width:44px;padding:0;font-size:0}.scoreboard{gap:5px;padding-inline:10px}.scoreboard>div{padding:8px 7px}.scoreboard span{font-size:8px}.orchard{min-height:270px;padding-inline:5px}.board{gap:5px;transform:translateY(-19px)}.orange{border-width:2px;box-shadow:inset -4px -5px #a63d0024,0 4px #b84d12,0 5px 8px #20351938}.harvest-panel{grid-template-columns:.7fr 142px .65fr;padding-inline:7px}.next-crates>div:last-child,.next-crates>b:last-of-type{display:none}.crate{height:96px}.start-card,.result-card{padding-inline:13px}.difficulty-picker button{min-height:78px}.selection-hint-bar{grid-template-columns:auto 1fr}.battle-crate-card{padding-inline:5px}.battle-crate-visual{height:68px}.battle-crate-status span{text-overflow:ellipsis;white-space:nowrap;max-width:55%;overflow:hidden}.room-code-box strong{font-size:18px}.countdown-panel{min-height:150px}.battle-entry-actions{gap:6px}.battle-entry-actions button{min-height:69px;padding-inline:4px}.battle-entry-actions button strong{font-size:11px}.room-visibility-picker button{min-height:58px;padding-inline:4px}.room-private-row{gap:7px;padding-inline:7px}.room-private-check{font-size:9px}.room-list-card{padding:8px}.room-access-card{border-radius:19px;padding:22px 13px 15px}}@media (max-height:760px) and (min-width:391px){.game-shell{padding-block:6px}.game-stage{min-height:calc(100dvh - 12px)}.game-header{padding-top:9px}.orchard{min-height:260px}.game-footer{display:none}}@media (max-height:680px){.overlay{padding-top:max(16px, env(safe-area-inset-top))}.start-card:not(.room-active){padding-top:17px;padding-bottom:14px}.start-description{margin-block:7px 10px}.difficulty-picker{margin-bottom:9px}.difficulty-picker button{min-height:72px}.duration-picker,.battle-type-picker{margin-bottom:9px}.battle-entry-actions button{min-height:62px}.room-list{max-height:195px}.waiting-decision-card,.room-access-card{max-height:calc(100dvh - 24px);overflow-y:auto}}@media (max-width:520px) and (max-height:740px){.overlay{padding-top:max(30px, calc(env(safe-area-inset-top) + 22px))}.start-card,.result-card{padding:18px 13px 15px}.hero-orange{width:54px;height:54px;margin:-42px auto 8px}.hero-orange span{font-size:29px}.overlay-eyebrow{font-size:9px}.start-card h2,.result-card h2{font-size:36px}.start-description{margin:7px auto 9px;font-size:11px;line-height:1.35}.mode-picker{margin-bottom:8px}.mode-picker button{min-height:44px}.difficulty-picker{gap:7px;margin-bottom:10px}.difficulty-picker button{min-height:66px;padding:6px}.difficulty-picker button>span{font-size:17px}.duration-picker{margin-bottom:9px}.duration-picker button{min-height:44px}.battle-type-picker{margin-bottom:9px}.battle-type-picker button{min-height:48px}.battle-setup{gap:7px}.name-field input,.join-panel input{height:40px}.battle-actions button{min-height:66px}.start-rule{margin-top:9px}.room-lobby{gap:7px}.room-code-box{padding:8px}.room-code-box strong{font-size:18px}.player-list>div{padding:7px}.result-message{margin:7px 0 10px}.result-stats{margin-bottom:11px}.result-actions{gap:8px}.primary-button{min-height:48px}.start-card.room-active{max-height:calc(100dvh - 42px);padding:10px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}