:root{--ink: #2b3a42;--ink-soft: #6f7f87;--paper: #fffdf6;--paper-shade: #f2ecdc;--lip: #d6cab0;--grass: #5fbe4f;--grass-deep: #3d9638;--sky: #3ea6eb;--sky-deep: #2380c4;--sun: #ffc93f;--sun-deep: #dfa019;--coral: #ff7a59;--coral-deep: #d5563a;--stone: #8f9caa;--aura: #3fbfd3;--pulse: #ffa93b;--card-shadow: 0 4px 0 var(--lip), 0 12px 24px rgba(31, 66, 52, .2);color:var(--ink);color-scheme:light;font-family:ui-rounded,Nunito,Hiragino Maru Gothic ProN,Malgun Gothic,system-ui,sans-serif;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;overflow:hidden}button{font:inherit;color:inherit}button:disabled{cursor:wait;opacity:.72}button:focus-visible{outline:3px solid var(--sky);outline-offset:2px}.game-shell{position:relative;width:100%;height:100vh;height:100dvh;overflow:hidden}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.field-panel{position:absolute;inset:0;overflow:hidden;background:#d3ecfb}.field-panel canvas{display:block;width:100%!important;height:100%!important}.field-hud{position:absolute;z-index:2;inset:14px 14px auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:start;gap:10px;pointer-events:none}.field-hud>*{pointer-events:auto}.resource-list,.round-timer,.spectate-bar,.preparation-overlay,.arrival-card-body,.object-action-menu,.object-removal-progress{border:2px solid #fff;border-radius:18px;background:var(--paper);box-shadow:var(--card-shadow)}.resource-list{grid-column:1;justify-self:start;display:flex;gap:5px;height:60px;padding:5px}.resource-card{display:flex;align-items:center;gap:8px;min-width:92px;height:100%;padding:0 9px 0 6px;border:0;border-radius:12px;background:var(--paper-shade);cursor:pointer;transition:background .15s ease,transform .1s ease}.resource-card:hover:not(:disabled){background:#e9e0c9}.resource-card:active:not(:disabled){transform:translateY(1px)}.resource-card:disabled{cursor:default;opacity:1}.resource-glyph{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;color:#fff;background:var(--stone);box-shadow:inset 0 -3px #00000029;font-size:18px}.aura .resource-glyph{background:var(--aura)}.pulse .resource-glyph{background:var(--pulse)}.resource-card strong{min-width:20px;font-size:26px;font-weight:800;line-height:1;text-align:left}.resource-card kbd{margin-left:auto;min-width:20px;padding:2px 5px;border-radius:6px;color:var(--ink-soft);background:#fff;box-shadow:0 2px 0 var(--lip);font:800 11px ui-rounded,system-ui,sans-serif;text-align:center}.resource-card:disabled kbd{visibility:hidden}.resource-card.is-selected{color:#fff;background:var(--grass);box-shadow:inset 0 -3px var(--grass-deep)}.resource-card.is-selected:hover:not(:disabled){background:var(--grass)}.resource-card.is-selected kbd{color:var(--grass-deep);box-shadow:none}.resource-card.is-empty strong{color:var(--coral-deep)}.resource-card.is-empty .resource-glyph{opacity:.45}.round-status{grid-column:2;display:grid;justify-items:center;gap:6px}.round-timer{display:flex;align-items:center;gap:12px;height:60px;padding:0 20px 0 12px;line-height:1;transition:background .2s ease}.round-timer span{padding:6px 10px;border-radius:999px;color:#fff;background:var(--grass);font-size:13px;font-weight:800;letter-spacing:.04em}.round-timer strong{font-size:36px;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:.01em}.round-timer.is-prepare span{background:var(--sky)}.round-timer.is-spectate span{color:var(--ink);background:var(--sun)}.round-timer.is-urgent{border-color:#ffd9cd;color:#fff;background:var(--coral);box-shadow:0 4px 0 var(--coral-deep),0 12px 24px #1f423433;animation:timer-urgent 1s ease-in-out infinite}.round-timer.is-urgent span{color:var(--coral-deep);background:#fff}@keyframes timer-urgent{50%{transform:scale(1.04)}}.practice-badge{display:flex;align-items:center;gap:8px;margin:0;padding:4px 12px 4px 4px;border:2px solid #fff;border-radius:999px;color:var(--ink-soft);background:var(--paper);box-shadow:var(--card-shadow);font-size:12px;font-weight:700;white-space:nowrap}.practice-badge b{padding:4px 10px;border-radius:999px;color:var(--ink);background:var(--sun);font-weight:800}.field-hud-actions{grid-column:3;justify-self:end;display:flex;align-items:center;gap:8px}.path-chip,.results-button{height:44px;border:2px solid #fff;border-radius:999px;box-shadow:var(--card-shadow);font-weight:800;cursor:pointer;transition:transform .1s ease}.path-chip:active,.results-button:active{transform:translateY(2px)}.path-chip{display:flex;align-items:center;gap:8px;padding:0 14px;color:var(--ink-soft);background:var(--paper)}.path-chip i{width:22px;border-top:3px dotted currentColor}.path-chip b{font-size:12px;letter-spacing:.04em}.path-chip.is-active{color:var(--grass-deep)}.results-button{padding:0 16px;background:var(--sun);box-shadow:0 4px 0 var(--sun-deep),0 12px 24px #1f423433;font-size:14px}.leave-chip{display:grid;place-items:center;width:44px;height:44px;padding:0;border:2px solid #fff;border-radius:50%;color:var(--ink-soft);background:var(--paper);box-shadow:var(--card-shadow);cursor:pointer;transition:transform .1s ease}.leave-chip:hover{color:var(--coral-deep)}.leave-chip:active{transform:translateY(2px)}.leave-chip svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.placement-prompt{position:absolute;left:50%;bottom:20px;z-index:2;transform:translate(-50%);padding:10px 18px;border:2px solid #c8f0bd;border-radius:999px;color:#fff;background:var(--grass);box-shadow:0 4px 0 var(--grass-deep),0 12px 24px #1f423433;font-size:13px;font-weight:800;white-space:nowrap;pointer-events:none}.mouse-click-icon{width:13px;height:18px;margin-right:4px;vertical-align:-4px;fill:#ffffff38;stroke:currentColor;stroke-width:1.5;stroke-linejoin:round}.mouse-click-icon-button{fill:var(--sun)}.preparation-overlay{position:absolute;z-index:3;left:50%;top:50%;display:grid;justify-items:center;gap:9px;transform:translate(-50%,-50%);padding:18px 28px 20px;border-radius:24px;white-space:nowrap;pointer-events:none}.preparation-overlay b{padding:5px 12px;border-radius:999px;color:#fff;background:var(--sky);font-size:12px;font-weight:800;letter-spacing:.12em}.preparation-overlay strong{font-size:22px;font-weight:800}.preparation-overlay small{font-size:13px;font-weight:700;opacity:.72}.preparation-overlay em{padding:5px 12px;border-radius:999px;color:var(--ink);background:var(--sun);font-size:12px;font-style:normal;font-weight:800}.spectate-bar{position:absolute;left:50%;bottom:20px;z-index:2;transform:translate(-50%);display:flex;flex-wrap:wrap;justify-content:center;gap:5px;width:max-content;max-width:calc(100% - 16px);padding:5px}.participant-button{display:flex;align-items:center;gap:8px;height:46px;padding:0 14px 0 7px;border:0;border-radius:12px;background:var(--paper-shade);cursor:pointer;transition:background .15s ease,transform .1s ease}.participant-button:hover{background:#e9e0c9}.participant-button:active{transform:translateY(1px)}.participant-button.is-selected{background:var(--sun);box-shadow:inset 0 -3px var(--sun-deep)}.participant-glyph{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;color:#fff;background:var(--sky);box-shadow:inset 0 -3px #00000029;font-size:13px}.participant-button:nth-child(2) .participant-glyph{background:var(--coral)}.participant-button:nth-child(3) .participant-glyph{background:var(--grass)}.participant-button b{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:800;letter-spacing:.03em}.participant-button b i{padding:2px 6px;border-radius:999px;color:#fff;background:var(--ink);font-size:10px;font-style:normal;letter-spacing:0}.participant-button small{min-width:34px;color:var(--ink-soft);font-size:13px;font-weight:800;font-variant-numeric:tabular-nums;text-align:right}.participant-button.is-selected small{color:var(--ink)}.participant-button small:empty{display:none}.object-action-menu{display:grid;gap:6px;min-width:140px;padding:9px;border-radius:16px;color:var(--ink);font-size:12px;font-weight:800;pointer-events:auto}.object-action-menu-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 2px 2px 4px;font-size:13px}.object-action-menu-heading button{display:grid;place-items:center;width:22px;height:22px;padding:0;border:0;border-radius:50%;color:var(--ink-soft);background:var(--paper-shade);font-size:15px;line-height:1;cursor:pointer}.object-action-menu-heading button:hover{color:var(--ink);background:#e9e0c9}.object-action-menu-actions{display:grid;gap:6px}.object-action-menu-actions button,.object-action-menu-remove{min-height:32px;padding:5px 10px 7px;border:0;border-radius:10px;color:#fff;background:var(--sky);box-shadow:inset 0 -3px var(--sky-deep);font-size:12px;font-weight:800;white-space:nowrap;cursor:pointer}.object-action-menu-actions button:hover{background:#55b4f1}.object-action-menu-remove{background:var(--coral);box-shadow:inset 0 -3px var(--coral-deep)}.object-action-menu-remove:hover{background:#ff8b6e}.object-removal-progress{display:grid;grid-template-columns:auto minmax(56px,1fr) auto;align-items:center;gap:7px;width:150px;padding:6px 10px;border-radius:999px;color:var(--ink);font-size:11px;font-weight:800;pointer-events:none}.object-removal-progress i{height:8px;overflow:hidden;border-radius:999px;background:var(--paper-shade)}.object-removal-progress em{display:block;height:100%;border-radius:999px;background:var(--coral);transition:width .04s linear}.object-removal-progress b{font-variant-numeric:tabular-nums}.arrival-feed{position:absolute;left:14px;top:88px;z-index:2;display:grid;width:min(280px,calc(100% - 28px));margin:0;padding:0;list-style:none;pointer-events:none}.arrival-card{display:grid;grid-template-rows:1fr;animation:arrival-card-push .36s cubic-bezier(.2,.8,.2,1) both}.arrival-card-body{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;min-height:0;overflow:hidden;margin-bottom:10px;padding:9px 12px;border-radius:16px;animation:arrival-card-enter .42s cubic-bezier(.2,.8,.2,1) both}.arrival-card.is-own .arrival-card-body{border-color:#bfe4fb;background:#eef8ff;box-shadow:0 4px #a9d3ee,0 12px 24px #1f423433}.arrival-glyph{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;color:#fff;background:var(--sun-deep);box-shadow:inset 0 -3px #00000029;font-size:13px}.arrival-card.is-own .arrival-glyph{background:var(--sky)}.arrival-identity{display:grid;gap:2px;min-width:0}.arrival-identity b{color:var(--sun-deep);font-size:10px;font-weight:800;letter-spacing:.08em}.arrival-card.is-own .arrival-identity b{color:var(--sky-deep)}.arrival-identity strong{overflow:hidden;font-size:14px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.arrival-identity strong small{margin-left:3px;color:var(--ink-soft);font-size:11px;font-weight:600}.arrival-identity span{display:flex;flex-wrap:wrap;gap:2px 8px;color:var(--ink-soft);font-size:10px;font-weight:600}.arrival-identity i{font-style:normal}.arrival-time{display:grid;justify-items:end;gap:2px;font-size:16px;font-style:normal;font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap}.arrival-time small{color:var(--ink-soft);font-size:9px;font-weight:700}@keyframes arrival-card-push{0%{grid-template-rows:0fr}to{grid-template-rows:1fr}}@keyframes arrival-card-enter{0%{opacity:0;transform:translate(-24px)}to{opacity:1;transform:none}}.results-overlay{position:fixed;z-index:20;inset:0;display:grid;place-items:center;padding:20px;background:#3476a880;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.results-panel{display:grid;grid-template-rows:auto 1fr auto;width:100%;height:100%;overflow:auto;border:3px solid #fff;border-radius:28px;background:var(--paper);box-shadow:0 6px 0 var(--lip),0 28px 60px #14365466}.results-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 14px}.results-kicker,.potg-title p{margin:0;color:var(--grass-deep);font-size:11px;font-weight:800;letter-spacing:.12em}.results-header h2{margin:0;font-size:30px;font-weight:800}.results-practice-tag{margin-left:10px;padding:4px 12px;border-radius:999px;color:var(--ink);background:var(--sun);font-size:14px;vertical-align:5px}.results-practice-note{margin:0;color:var(--ink-soft);font-size:12px;font-weight:600;line-height:1.5;word-break:keep-all}.results-close{display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:50%;color:var(--ink-soft);background:var(--paper-shade);box-shadow:0 3px 0 var(--lip);font-size:24px;line-height:1;cursor:pointer}.results-close:hover{color:var(--ink);background:#e9e0c9}.results-content{display:grid;grid-template-columns:minmax(280px,360px) minmax(0,1fr);min-height:0;gap:18px;padding:4px 24px 18px}.ranking-panel{padding:16px;overflow:auto;border-radius:20px;background:var(--paper-shade)}.ranking-list{display:grid;gap:9px;margin:12px 0 10px;padding:0;list-style:none}.ranking-list li{display:grid;grid-template-columns:24px 34px minmax(0,1fr) auto;align-items:center;gap:9px;min-height:60px;padding:8px 12px 8px 10px;border:3px solid transparent;border-radius:16px;background:#fff;box-shadow:0 3px 0 var(--lip)}.ranking-list li.is-winner{background:#ffe9a6;box-shadow:0 3px 0 var(--sun-deep)}.ranking-list li.is-own{border-color:var(--sky)}.ranking-list li>strong{color:var(--ink-soft);font-size:20px;font-weight:800;text-align:center}.ranking-list .is-winner>strong{color:#9a6a00}.ranking-glyph{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;color:#fff;background:var(--sky);box-shadow:inset 0 -3px #00000029;font-size:14px}.ranking-list li:nth-child(1) .ranking-glyph{background:var(--sun-deep)}.ranking-list li:nth-child(3) .ranking-glyph{background:var(--coral)}.ranking-list.is-late li .ranking-glyph{background:var(--stone)}.ranking-list b,.ranking-list small{display:block}.ranking-list b{font-size:14px;font-weight:800;letter-spacing:.03em}.ranking-list small{margin-top:3px;color:var(--ink-soft);font-size:11px;font-weight:600}.ranking-own-tag{display:inline-block;margin-left:6px;padding:2px 7px;border-radius:999px;color:#fff;background:var(--sky);font-size:9px;font-weight:800;letter-spacing:.08em;vertical-align:1px}.ranking-points{min-width:96px;text-align:right}.ranking-points small{white-space:nowrap}.ranking-points em{color:var(--grass-deep);font-size:13px;font-style:normal;font-weight:800}.ranking-points.is-loss em{color:var(--coral-deep)}.potg-panel{min-width:0;display:grid;grid-template-rows:auto minmax(250px,1fr);gap:10px}.potg-title{display:flex;align-items:center;gap:11px}.potg-title>span{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;color:#fff;background:var(--sun);box-shadow:inset 0 -3px var(--sun-deep);font-size:20px}.potg-title h3{margin:2px 0;font-size:18px;font-weight:800}.potg-field{min-height:280px;overflow:hidden;border:3px solid #fff;border-radius:20px;background:linear-gradient(#58b4f0,#a9defa 55%,#e9f7ff);box-shadow:0 4px 0 var(--lip)}.potg-field canvas{width:100%!important;height:100%!important}.results-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 24px 22px}.next-round-preview{display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:10px;min-width:0;padding:8px 14px 8px 9px;border-radius:16px;background:#e6f4fd}.next-round-preview>span{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;color:#fff;background:var(--sky);box-shadow:inset 0 -3px var(--sky-deep);font-size:15px;font-weight:800}.next-round-preview div{display:grid;gap:1px}.next-round-preview b{color:var(--sky-deep);font-size:10px;font-weight:800;letter-spacing:.1em}.next-round-preview strong{font-size:14px;font-weight:800}.results-footer button{flex:0 0 auto;padding:13px 22px 15px;border:0;border-radius:16px;color:#fff;background:var(--grass);box-shadow:0 5px 0 var(--grass-deep);font-size:15px;font-weight:800;cursor:pointer;transition:transform .1s ease,box-shadow .1s ease}.results-footer button:hover:not(:disabled){background:#6bc95b}.results-footer button:active:not(:disabled){transform:translateY(3px);box-shadow:0 2px 0 var(--grass-deep)}.results-footer .results-leave{margin-left:auto;color:var(--ink-soft);background:var(--paper-shade);box-shadow:0 5px 0 var(--lip)}.results-footer .results-leave:hover{color:var(--ink);background:#e9e0c9}.results-footer .results-leave:active{box-shadow:0 2px 0 var(--lip)}.leave-overlay{position:fixed;z-index:30;inset:0;display:grid;place-items:center;padding:20px;background:#3476a880;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.leave-panel{display:grid;gap:10px;width:min(360px,100%);padding:24px 24px 22px;border:3px solid #fff;border-radius:28px;background:var(--paper);box-shadow:0 6px 0 var(--lip),0 28px 60px #14365466;text-align:center}.leave-panel h2{margin:0;font-size:22px;font-weight:800}.leave-panel p{margin:0;color:var(--ink-soft);font-size:14px;font-weight:600;line-height:1.5;word-break:keep-all}.leave-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.leave-actions button{padding:13px 0 15px;border:0;border-radius:16px;background:var(--paper-shade);box-shadow:0 5px 0 var(--lip);font-size:15px;font-weight:800;cursor:pointer;transition:transform .1s ease,box-shadow .1s ease}.leave-actions button:hover{background:#e9e0c9}.leave-actions button:active{transform:translateY(3px);box-shadow:0 2px 0 var(--lip)}.leave-actions .is-leave{color:#fff;background:var(--coral);box-shadow:0 5px 0 var(--coral-deep)}.leave-actions .is-leave:hover{background:#ff8a6c}.leave-actions .is-leave:active{box-shadow:0 2px 0 var(--coral-deep)}.lobby{position:absolute;z-index:2;inset:0;display:flex;flex-direction:column;align-items:center;gap:14px;padding:clamp(40px,37vh,400px) 16px 16px;overflow:auto;background:linear-gradient(#2380c461,#2380c400 64%)}.lobby-title{flex:none;width:min(560px,100%);margin:0 0 clamp(20px,9vh,96px);filter:drop-shadow(0 14px 16px rgba(20,54,84,.3));animation:lobby-title-float 5s ease-in-out infinite}.lobby-logo{display:block;width:100%;height:auto}.lobby-logo path{fill:none;stroke-linecap:round;stroke-linejoin:round}.lobby-logo-lip{stroke:#1a252b;stroke-width:46}.lobby-logo-outline{stroke:var(--ink);stroke-width:46}.lobby-logo-face{stroke:var(--paper);stroke-width:30}.lobby-logo-face.is-io{stroke:var(--sun)}.lobby-logo-route{stroke:var(--sky);stroke-width:4.5;stroke-dasharray:9 9;animation:lobby-route-run 1.1s linear infinite}@keyframes lobby-title-float{50%{transform:translateY(-6px)}}@keyframes lobby-route-run{to{stroke-dashoffset:-18}}.lobby-account{position:absolute;z-index:1;top:16px;left:16px;display:grid;justify-items:start;gap:10px;max-width:calc(100% - 32px)}.lobby-profile{display:flex;align-items:center;gap:.625em;max-width:100%;padding:.5em 1em .5em .5em;border:3px solid #fff;border-radius:1.125em;background:var(--paper);box-shadow:var(--card-shadow);font-size:clamp(20px,min(6.4vw,6vh),32px)}.lobby-profile .lobby-skin-swatch{width:2.5em;height:2.5em}.lobby-profile-body{display:grid;gap:.1875em;min-width:0}.lobby-profile-name-row{display:flex;align-items:center;gap:.3em;min-width:0}.lobby-profile-edit{flex:none;display:grid;place-items:center;width:1.2em;height:1.2em;padding:0;border:0;border-radius:.34em;color:var(--ink-soft);background:var(--paper-shade);font-size:inherit;cursor:pointer;transition:background .15s ease,color .15s ease}.lobby-profile-edit:hover,.lobby-profile-edit[aria-expanded=true]{color:var(--ink);background:#e9e0c9}.lobby-profile-edit svg{width:.66em;height:.66em;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.lobby-profile-name{overflow:hidden;font-size:1em;font-weight:800;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}.lobby-profile-rank{display:flex;align-items:center;gap:.54em;color:var(--ink-soft);font-size:.8125em;font-weight:800;white-space:nowrap}.lobby-profile-tier{padding:.18em .73em;border-radius:999px;color:var(--ink);background:var(--tier, var(--paper-shade));font-size:.846em;letter-spacing:.04em}.lobby-profile-tier[data-tier=bronze]{--tier: #e2b58e}.lobby-profile-tier[data-tier=silver]{--tier: #d5dde3}.lobby-profile-tier[data-tier=gold]{--tier: var(--sun)}.lobby-profile-tier[data-tier=platinum]{--tier: #a9e6dc}.lobby-profile-tier[data-tier=diamond]{--tier: #b5d8ff}.lobby-profile-tier[data-tier=master]{--tier: #e3c2f7}.lobby-profile[data-profile-state=loading] .lobby-profile-body{opacity:.6}.lobby-nickname-panel{display:grid;gap:9px;width:min(340px,100%);padding:16px;border:2px solid #fff;border-radius:20px;background:var(--paper);box-shadow:var(--card-shadow)}.lobby-nickname-panel label{font-size:14px;font-weight:800}.lobby-nickname-panel input{width:100%;height:48px;padding:0 12px;border:2px solid var(--lip);border-radius:12px;color:var(--ink);background:#fff;font:inherit;font-size:18px;font-weight:800}.lobby-nickname-panel input:focus-visible{border-color:var(--sky);outline:none}.lobby-nickname-panel input[aria-invalid=true]{border-color:var(--coral-deep)}.lobby-nickname-hint{margin:0;color:var(--ink-soft);font-size:13px;font-weight:700}.lobby-nickname-hint.is-problem{color:var(--coral-deep)}.lobby-nickname-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:2px}.lobby-nickname-actions button{height:44px;border:0;border-radius:12px;background:var(--paper-shade);font-size:16px;font-weight:800;cursor:pointer;transition:background .15s ease}.lobby-nickname-actions button:hover{background:#e9e0c9}.lobby-nickname-actions button.is-primary{color:#fff;background:var(--grass);box-shadow:inset 0 -3px var(--grass-deep)}.lobby-nickname-actions button.is-primary:hover{background:#6bc95b}.lobby-match,.lobby-skin{flex:none;display:flex;align-items:center;justify-content:center;border-radius:20px;font-weight:800;cursor:pointer;transition:transform .1s ease,box-shadow .1s ease,background .15s ease}.lobby-match{gap:12px;width:min(300px,100%);height:70px;padding-bottom:4px;border:3px solid #c8f0bd;color:#fff;background:var(--grass);box-shadow:0 7px 0 var(--grass-deep),0 18px 28px #1436544d;font-size:27px;letter-spacing:.04em}.lobby-match svg{width:24px;height:24px;fill:currentColor}.lobby-match:hover{background:#6bc95b}.lobby-match:active{transform:translateY(5px);box-shadow:0 2px 0 var(--grass-deep),0 8px 14px #1436544d}.lobby-skin{gap:10px;width:min(220px,100%);height:52px;padding-bottom:2px;border:2px solid #fff;background:var(--paper);box-shadow:var(--card-shadow);font-size:17px}.lobby-skin:hover{background:#fff}.lobby-skin:active{transform:translateY(3px);box-shadow:0 1px 0 var(--lip),0 6px 12px #1f423433}.lobby-skin-swatch{position:relative;flex:none;width:28px;height:28px;border-radius:50%;background:var(--skin-body);box-shadow:inset 0 -4px #0000002e,inset 0 3px #ffffff47}.lobby-skin-swatch:after{content:"";position:absolute;left:50%;top:52%;width:38%;height:38%;border-radius:50%;background:var(--skin-eye);box-shadow:0 0 0 2px var(--skin-glow);transform:translate(-50%,-50%)}.lobby-skin-panel{flex:none;display:grid;grid-template-columns:repeat(6,1fr);gap:6px;width:min(440px,100%);padding:8px;border:2px solid #fff;border-radius:20px;background:var(--paper);box-shadow:var(--card-shadow)}.lobby-skin-option{display:grid;justify-items:center;gap:6px;min-width:0;padding:10px 0 8px;border:0;border-radius:14px;background:var(--paper-shade);font-size:clamp(9px,2.8vw,12px);white-space:nowrap;font-weight:800;cursor:pointer;transition:background .15s ease}.lobby-skin-option:hover{background:#e9e0c9}.lobby-skin-option .lobby-skin-swatch{width:38px;height:38px}.lobby-skin-option[aria-checked=true]{background:var(--sun);box-shadow:inset 0 -3px var(--sun-deep)}@media(max-width:760px){.field-hud{inset:8px 8px auto;gap:6px}.resource-list,.round-timer{height:50px;border-radius:15px}.resource-list{gap:4px;padding:4px}.resource-card{min-width:0;gap:5px;padding:0 7px 0 4px;border-radius:10px}.resource-card kbd{display:none}.resource-glyph{width:26px;height:26px;border-radius:7px;font-size:14px}.resource-card strong{min-width:12px;font-size:19px}.round-timer{gap:6px;padding:0 10px 0 6px}.round-timer span{padding:5px 7px;font-size:11px;letter-spacing:0}.round-timer strong{font-size:24px}.practice-badge{padding-right:4px}.practice-badge span{display:none}.path-chip{height:40px;padding:0 11px}.path-chip b{display:none}.field-hud-actions{flex-direction:column;align-items:flex-end;gap:6px}.leave-chip{width:40px;height:40px}.placement-prompt,.spectate-bar{bottom:12px}.placement-prompt{padding:9px 14px;font-size:12px}.participant-button{gap:6px;height:42px;padding:0 9px 0 5px}.participant-button b{font-size:12px}.participant-glyph{width:26px;height:26px}.preparation-overlay{padding:14px 20px 16px}.preparation-overlay strong{font-size:17px}.arrival-feed{left:8px;top:68px;width:min(190px,calc(100% - 16px))}.arrival-card-body{gap:7px;padding:7px 9px}.arrival-identity span{display:none}.arrival-time{font-size:13px}.results-overlay{padding:9px;align-items:start;overflow:auto}.results-panel{height:auto;margin:auto 0;border-radius:22px}.results-header{padding:16px 16px 10px}.results-content{grid-template-columns:1fr;padding:4px 14px 14px}.potg-field{min-height:250px}.results-footer{flex-wrap:wrap;align-items:stretch;gap:12px;padding:12px 14px 18px}.next-round-preview{flex:1 1 100%}.results-footer button{flex:1 1 auto;padding-inline:14px}.results-footer .results-leave{flex:0 0 auto;margin-left:0}}@media(max-height:700px){.lobby{padding-top:26vh}.lobby-title{margin-bottom:3vh}}@media(max-height:640px){.resource-list,.round-timer{height:48px}.resource-card strong{font-size:20px}.round-timer strong{font-size:26px}}@media(prefers-reduced-motion:reduce){.arrival-card,.arrival-card-body,.round-timer.is-urgent,.lobby-title,.lobby-logo-route{animation:none}}