@font-face{font-family:"Exo 2 Variable";font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/exo-2-cyrillic-ext-wght-normal-Duf7tWJ7.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:"Exo 2 Variable";font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/exo-2-cyrillic-wght-normal-DINSYtDx.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:"Exo 2 Variable";font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/exo-2-vietnamese-wght-normal-DlPkZmYr.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Exo 2 Variable";font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/exo-2-latin-ext-wght-normal-B5pmZ151.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Exo 2 Variable";font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/exo-2-latin-wght-normal-CQ1lLIdm.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--ink:#f4f3ff;--ink-soft:#b9b7e0;--panel:#181542e6;--panel-edge:#968cff47;--raised:#ffffff14;--cyan:#34e0ff;--lime:#38f29a;--coral:#ff5f7e;--gold:#ffd34d;--safe-t:env(safe-area-inset-top,0px);--safe-r:env(safe-area-inset-right,0px);--safe-b:env(safe-area-inset-bottom,0px);--safe-l:env(safe-area-inset-left,0px);--gap:clamp(6px, 1.2vmin, 12px);--touch:44px}*{box-sizing:border-box}html,body{overscroll-behavior:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;touch-action:none;background:#c3d3e8;height:100%;margin:0;overflow:hidden}body{color:var(--ink);font-family:"Exo 2 Variable",Segoe UI,system-ui,sans-serif;font-size:clamp(13px,1.7vmin,15px)}#game,#game canvas{display:block;position:fixed;inset:0}#game canvas{touch-action:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}button:disabled{cursor:not-allowed}button:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}h2,h3,p,ul,dl,dd{margin:0;padding:0}ul{list-style:none}.icon{flex:none;display:block}.hud{pointer-events:none;padding:calc(var(--gap) + var(--safe-t)) calc(var(--gap) + var(--safe-r)) calc(var(--gap) + var(--safe-b)) calc(var(--gap) + var(--safe-l));position:fixed;inset:0}.hud button,.drawer,.tray,.selection,.placement{pointer-events:auto}.surface,.identity,.resources,.round-btn,.dock,.tray,.drawer,.selection,.placement{background:var(--panel);border:1px solid var(--panel-edge);box-shadow:0 6px 20px #0e0a3252,inset 0 1px #ffffff1f}.topbar{align-items:flex-start;gap:var(--gap);justify-content:space-between;display:flex}.identity{min-height:var(--touch);border-radius:16px 16px 16px 4px;align-items:center;gap:8px;padding:5px 14px 5px 12px;display:flex}.logo{letter-spacing:.04em;background:linear-gradient(100deg,#7ff0ff,#ff8fb1);color:#0000;-webkit-background-clip:text;background-clip:text;padding-right:4px;font-size:1.35em;font-style:italic;font-weight:900}.avatar{background:linear-gradient(145deg,#6c4dff,#ff5f7e);border-radius:10px;place-items:center;width:30px;height:30px;display:grid}.who{text-align:left;line-height:1.15;display:grid}.who strong{font-size:.95em}.level-line{color:var(--ink-soft);align-items:center;gap:6px;font-size:.78em;display:flex}.bar{background:#ffffff24;border-radius:9px;height:7px;display:block;overflow:hidden}.bar i{background:linear-gradient(90deg, var(--cyan), var(--lime));border-radius:9px;height:100%;transition:width .3s;display:block}.bar.tiny{width:46px;height:5px}.resources{min-height:var(--touch);border-radius:16px;align-items:center;gap:2px;padding:4px;display:flex}.res{border-radius:12px;align-items:center;gap:5px;padding:5px 9px;display:flex}.res:hover{background:var(--raised)}.res b{font-variant-numeric:tabular-nums;font-weight:800}.collect{color:#24163f;background:linear-gradient(#ffe680,#ffb938);border-radius:12px;align-items:center;gap:5px;margin-left:2px;padding:6px 11px;font-weight:800;animation:2.4s ease-in-out infinite nudge;display:flex}@keyframes nudge{0%,88%,to{transform:none}94%{transform:translateY(-2px)}}.top-actions{gap:5px;display:flex}.round-btn{border-radius:13px;place-items:center;width:38px;height:38px;transition:transform .12s,background .12s;display:grid;position:relative}.round-btn:hover{background:#3c3482f2}.round-btn:active{transform:scale(.93)}.round-btn.big{width:var(--touch);height:var(--touch)}.badge{text-align:center;color:#fff;background:var(--coral);border-radius:9px;min-width:18px;height:18px;padding:0 4px;font-size:11px;font-style:normal;font-weight:800;line-height:18px;position:absolute;top:-5px;right:-5px;box-shadow:0 0 0 2px #1a1648}.bottom{left:calc(var(--gap) + var(--safe-l));right:calc(var(--gap) + var(--safe-r));bottom:calc(var(--gap) + var(--safe-b));pointer-events:none;justify-content:center;display:flex;position:absolute}.dock{border-radius:20px;align-items:stretch;gap:3px;padding:5px;display:flex}.dock-item,.dock-build{border-radius:15px;justify-items:center;gap:1px;min-width:62px;padding:6px 8px 4px;font-size:.82em;font-weight:600;transition:background .12s,transform .12s;display:grid;position:relative}.dock-item:hover,.dock-item.on{background:var(--raised)}.dock-item.on{color:var(--cyan)}.dock-item:active,.dock-build:active{transform:scale(.95)}.dock-build{color:#10233a;background:linear-gradient(170deg,#8ff5ff,#2fc5ee);min-width:78px;font-weight:800;box-shadow:inset 0 1px #ffffffb3}.save-chip{left:calc(var(--gap) + var(--safe-l));top:calc(var(--gap) + var(--safe-t) + 50px);background:#181542b8;border-radius:10px;align-items:center;gap:6px;max-width:34vw;padding:4px 10px;font-size:.78em;display:flex;position:absolute}.save-chip i{background:var(--lime);border-radius:50%;flex:none;width:7px;height:7px}.save-chip small{color:var(--ink-soft)}.save-chip.bad i{background:var(--coral)}.perf{left:calc(var(--gap) + var(--safe-l));top:calc(var(--gap) + var(--safe-t) + 78px);background:#0009;border-radius:8px;padding:3px 8px;font:12px ui-monospace,monospace;position:absolute}.tray{pointer-events:auto;border-radius:20px;width:min(100%,980px);padding:8px}.tray-head{justify-content:space-between;gap:8px;margin-bottom:7px;display:flex}.segmented{background:#0000003d;border-radius:12px;gap:2px;padding:3px;display:flex;overflow-x:auto}.segmented button{white-space:nowrap;color:var(--ink-soft);border-radius:9px;padding:6px 12px;font-weight:600}.segmented button.on{color:#10233a;background:var(--cyan);font-weight:800}.tray-cards{touch-action:pan-x;scrollbar-width:thin;gap:7px;padding-bottom:3px;display:flex;overflow-x:auto}.card{background:linear-gradient(#ffffff21,#ffffff0a);border-radius:14px;flex:none;align-content:end;justify-items:center;gap:2px;width:112px;padding:6px 5px;transition:transform .12s,background .12s;display:grid}.card:hover:not(:disabled){background:#ffffff2e;transform:translateY(-3px)}.card img{object-fit:contain;pointer-events:none;width:88px;height:76px}.card strong{text-align:center;font-size:.86em;line-height:1.1}.card small{align-items:center;gap:3px;font-size:.82em;font-weight:700;display:flex}.card small.short{color:var(--coral)}.card.locked img{filter:grayscale(.9)brightness(.7)}.card.locked small{color:var(--ink-soft);text-align:center;font-size:.72em;font-weight:500}.placement{border-width:2px;border-radius:18px;align-items:center;gap:12px;max-width:100%;padding:7px 8px 7px 14px;display:flex}.placement.good{border-color:var(--lime)}.placement.bad{border-color:var(--coral)}.placement-text{min-width:0;line-height:1.2;display:grid}.placement-text span{color:var(--ink-soft);font-size:.82em}.placement.bad .placement-text span{color:#ffb3c2;font-weight:600}.placement-actions{flex:none;gap:6px;display:flex}.btn{min-height:var(--touch);background:var(--raised);border-radius:13px;justify-content:center;align-items:center;gap:6px;padding:0 14px;font-weight:700;transition:transform .12s,filter .12s;display:inline-flex}.btn:hover:not(:disabled){filter:brightness(1.15)}.btn:active:not(:disabled){transform:scale(.96)}.btn.primary{color:#06281d;background:linear-gradient(#7dfcc0,#22d487);font-weight:800}.btn.danger{color:#fff;background:linear-gradient(#ff7f97,#e23c60)}.btn.danger-text{color:#ff9fb3}.btn:disabled{filter:grayscale(.8)brightness(.65)}.btn.small{min-height:36px;padding:0 10px;font-size:.88em}.btn.wide{width:100%}.price{background:#00000029;border-radius:8px;align-items:center;gap:3px;margin-left:4px;padding:2px 7px;display:inline-flex}.selection{right:calc(var(--gap) + var(--safe-r));bottom:calc(var(--gap) + var(--safe-b) + 76px);border-radius:18px;gap:9px;width:min(300px,44vw);max-height:calc(100% - 150px);padding:12px;display:grid;position:absolute;overflow-y:auto}.selection header{justify-content:space-between;align-items:flex-start;display:flex}.selection h3{font-size:1.1em;font-weight:800}.selection header span{color:var(--ink-soft);font-size:.84em}.selection dl{gap:14px;display:flex}.selection dt{color:var(--ink-soft);font-size:.74em}.selection dd{font-weight:800}.selection-actions{grid-template-columns:repeat(3,1fr);gap:5px;display:grid}.selection-actions .btn{padding:0 4px}.confirm-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.confirm-row span{width:100%;font-size:.9em}.drawer{top:calc(var(--gap) + var(--safe-t) + 54px);right:calc(var(--gap) + var(--safe-r));bottom:calc(var(--gap) + var(--safe-b) + 76px);border-radius:20px;flex-direction:column;width:min(340px,42vw);animation:.18s ease-out slide-in;display:flex;position:absolute}@keyframes slide-in{0%{opacity:0;transform:translate(14px)}}.drawer-head{justify-content:space-between;align-items:center;padding:10px 10px 8px 16px;display:flex}.drawer-head h2{font-size:1.2em;font-weight:800}.drawer-body{touch-action:pan-y;flex:1;align-content:start;gap:10px;padding:0 14px 14px;display:grid;overflow-y:auto}.drawer-body h3{color:var(--ink-soft);font-size:.9em;font-weight:700}.note{color:var(--ink-soft);line-height:1.4}.notice{color:#ffe9a8;background:#ffd34d1f;border-radius:12px;padding:10px 12px;line-height:1.4}.mission-list{gap:7px;display:grid}.mission{background:var(--raised);border-radius:13px;align-items:center;gap:8px;padding:9px 10px;display:flex}.mission.done{opacity:.6}.mission-text{flex:1;gap:4px;min-width:0;display:grid}.reward{gap:9px;font-size:.85em;font-weight:700;display:flex}.reward span{align-items:center;gap:3px;display:inline-flex}.tag{white-space:nowrap;background:#0000003d;border-radius:8px;align-items:center;gap:3px;width:fit-content;padding:3px 8px;font-size:.8em;font-weight:700;display:inline-flex}.level-card{background:linear-gradient(120deg,#6c4dff8c,#ff5f7e61);border-radius:14px;gap:4px;padding:11px;display:grid}.level-card strong{font-size:1.25em;font-weight:800}.level-card span{color:var(--ink-soft);font-size:.82em}.stat-grid{grid-template-columns:1fr 1fr;gap:6px;display:grid}.stat-grid div{background:var(--raised);border-radius:12px;padding:8px 10px}.stat-grid dt{color:var(--ink-soft);font-size:.78em}.stat-grid dd{font-variant-numeric:tabular-nums;font-size:1.16em;font-weight:800}.toggle{background:var(--raised);cursor:pointer;border-radius:12px;align-items:flex-start;gap:10px;padding:10px;display:flex}.toggle input{width:20px;height:20px;accent-color:var(--cyan);margin:1px 0 0}.toggle span{gap:2px;display:grid}.toggle small{color:var(--ink-soft)}.pack-list{gap:6px;display:grid}.pack-list li{background:var(--raised);opacity:.75;border-radius:13px;align-items:center;gap:10px;padding:9px 12px;display:flex}.pack-list span{color:var(--ink-soft);margin-left:auto}.plain-list{gap:6px;display:grid}.plain-list li{background:var(--raised);border-radius:12px;padding:9px 12px}.soon{gap:8px;display:grid}.soon p{color:var(--ink-soft);line-height:1.45}.toasts{top:calc(var(--gap) + var(--safe-t) + 58px);justify-items:center;gap:5px;width:min(420px,70vw);display:grid;position:absolute;left:50%;transform:translate(-50%)}.toast{text-align:center;background:var(--panel);border-radius:12px;padding:7px 14px;font-weight:700;animation:.18s ease-out pop}.toast.error{background:#c92f55}.toast.success{color:#06281d;background:#5df2ad}@keyframes pop{0%{opacity:0;transform:translateY(-6px)}}.status-screen{z-index:10;padding:calc(24px + var(--safe-t)) calc(24px + var(--safe-r)) calc(24px + var(--safe-b)) calc(24px + var(--safe-l));text-align:center;pointer-events:auto;background:radial-gradient(circle at 50% 35%,#3a2a9a,#14123a 70%);flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:fixed;inset:0}.status-screen strong{font-size:1.2em;font-weight:800}.status-screen p{max-width:320px;color:var(--ink-soft);line-height:1.45}@media (height<=480px){:root{--touch:40px}.who,.logo{display:none}.identity{border-radius:13px;padding:4px}.round-btn{width:36px;height:36px}.dock-item span,.dock-build span{display:none}.dock-item,.dock-build{min-width:46px;padding:8px}.dock-build span{display:inline}.dock-build{min-width:64px}.res{padding:4px 6px}.save-chip small{display:none}.card{width:92px;padding:3px}.card img{width:62px;height:44px}.tray{padding:5px}.tray-head{margin-bottom:3px}.segmented button{padding:3px 9px}.drawer{top:calc(var(--gap) + var(--safe-t) + 46px);bottom:calc(var(--gap) + var(--safe-b))}.selection{bottom:calc(var(--gap) + var(--safe-b) + 68px);gap:5px;max-height:calc(100% - 122px);padding:8px}.selection .btn.small{min-height:32px}}@media (width<=760px){.save-chip,.top-actions .round-btn:first-child{display:none}.res:nth-child(n+3) b{font-size:.9em}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.auth-screen{z-index:5;padding:calc(12px + var(--safe-t)) calc(16px + var(--safe-r)) calc(12px + var(--safe-b)) calc(16px + var(--safe-l));touch-action:pan-y;-webkit-user-select:text;user-select:text;background:radial-gradient(circle at 50% 20%,#3a2a9a,#14123a 72%);flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex;position:fixed;inset:0;overflow-y:auto}.logo.big{margin:0;font-size:clamp(30px,8vmin,54px)}.auth-card{background:var(--panel);border:1px solid var(--panel-edge);border-radius:20px;gap:10px;width:min(360px,100%);padding:16px;display:grid}.auth-card h2{font-size:1.2em}.auth-card label{gap:4px;font-size:.9em;font-weight:600;display:grid}.auth-card input{min-height:var(--touch);border:1px solid var(--panel-edge);font:inherit;color:var(--ink);background:#00000047;border-radius:11px;padding:0 12px;font-size:16px}.auth-card input:focus{outline:2px solid var(--cyan)}.auth-card label small{color:var(--ink-soft);font-weight:400}.auth-card .segmented button{flex:1}.auth-card hr{border:0;border-top:1px solid var(--panel-edge);width:100%;margin:2px 0}.auth-error{color:#ffd2db;background:#e23c6047;border-radius:10px;padding:8px 10px;font-weight:600}.link-btn{color:var(--cyan);justify-self:center;padding:4px;font-size:.9em}.view-tools{left:calc(var(--gap) + var(--safe-l));gap:6px;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.flip{display:block;transform:scaleX(-1)}.compass{overflow:hidden}.needle{border:2px solid var(--panel-edge);border-radius:50%;width:28px;height:28px;position:relative}.needle i{border:5px solid #0000;border-top:0;border-bottom:11px solid var(--coral);width:0;height:0;margin-left:-5px;position:absolute;top:2px;left:50%}.preset-bar{left:calc(var(--gap) + var(--safe-l));bottom:calc(var(--gap) + var(--safe-b));background:var(--panel);pointer-events:auto;border-radius:14px;align-items:center;gap:8px;padding:5px 5px 5px 12px;font-weight:600;display:flex;position:absolute}.splash{z-index:6;color:#fff;text-align:center;pointer-events:auto;background:radial-gradient(circle at 50% 45%,#261c6e8c,#100d34d1);flex-direction:column;justify-content:center;align-items:center;gap:2px;animation:2.2s ease-in forwards splash-out;display:flex;position:fixed;inset:0}.splash .logo.big{font-size:clamp(48px,15vmin,96px)}.splash span{letter-spacing:.5em;margin-left:.5em;font-weight:800}.splash p{color:var(--ink-soft);margin-top:12px}@keyframes splash-out{0%,65%{opacity:1}to{opacity:0}}.coach{left:50%;top:calc(var(--gap) + var(--safe-t) + 58px);border:2px solid var(--cyan);background:var(--panel);pointer-events:auto;border-radius:18px;align-items:center;gap:14px;width:min(560px,100vw - 32px);padding:11px 14px;animation:.2s ease-out coach-in;display:flex;position:absolute;transform:translate(-50%);box-shadow:0 10px 28px #0e0a3266}@keyframes coach-in{0%{opacity:0}}.coach-text{flex:1;min-width:0}.coach-text strong{font-size:1.08em;font-weight:800;display:block}.coach-text p{color:var(--ink-soft);line-height:1.35}.coach-actions{flex:none;justify-items:center;gap:2px;display:grid}.tut-pulse{z-index:3;animation:1.3s ease-in-out infinite tut-glow;position:relative}@keyframes tut-glow{0%,to{box-shadow:0 0 #34e0ffe6}50%{box-shadow:0 0 0 9px #34e0ff00}}.goal{left:calc(var(--gap) + var(--safe-l));top:calc(var(--gap) + var(--safe-t) + 78px);text-align:left;background:var(--panel);border:1px solid var(--panel-edge);border-radius:13px;gap:2px;width:min(230px,34vw);padding:7px 11px;display:grid;position:absolute}.goal small{color:var(--ink-soft);font-size:.76em}.goal strong{font-size:.9em;line-height:1.15}.goal.ready{border-color:var(--lime)}.goal.ready small{color:var(--lime);font-weight:700}.perf{top:auto;bottom:calc(var(--gap) + var(--safe-b))}@media (height<=480px){.view-tools{top:calc(var(--gap) + var(--safe-t) + 100px);gap:4px;transform:none}.view-tools .round-btn.big{width:36px;height:36px}.bottom:has(.tray)~.view-tools{display:none}.goal{top:calc(var(--gap) + var(--safe-t) + 48px);padding:5px 9px}.goal .bar{height:4px}.coach{top:calc(var(--gap) + var(--safe-t) + 46px);padding:7px 10px}.coach-text p{font-size:.88em}}.coach.aside{left:calc(var(--gap) + var(--safe-l));top:calc(var(--gap) + var(--safe-t) + 80px);width:min(380px, calc(100vw - min(340px, 42vw) - 4 * var(--gap) - var(--safe-l) - var(--safe-r)));transform:none}@media (height<=480px){.coach.aside{top:calc(var(--gap) + var(--safe-t) + 46px)}}.res b,.collect,.level-line{white-space:nowrap}.who{min-width:0;max-width:170px}.level-line{text-overflow:ellipsis;overflow:hidden}.level-line .bar{flex:none}.who strong{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.turn{display:block;transform:rotate(180deg)}.cam-presets{background:var(--panel);border-radius:12px;gap:3px;padding:4px;display:grid}.cam-presets button{border-radius:8px;padding:4px 6px;font-size:.74em;font-weight:700}.cam-presets button:hover{background:var(--raised)}@media (height<=480px){.view-tools{top:calc(var(--gap) + var(--safe-t) + 44px);grid-template-columns:36px 36px}.cam-presets{grid-column:1/-1;grid-template-columns:1fr 1fr;padding:2px}.cam-presets button{padding:2px;font-size:.68em}.goal{display:none}}@media (width<=760px){.save-chip{display:flex}.save-chip small{display:none}}.owner-badge{color:#24163f;background:linear-gradient(#ffe680,#f2c25b);border-radius:6px;margin-left:6px;padding:1px 6px;font-size:.72em;font-weight:800}@media (height<=480px){.save-chip:not(.bad){display:none}}html,body,.hud{height:100dvh}.cam-toggle{display:none}.view-group{gap:6px;display:grid}.dock-item[data-panel=profile]{display:none}.more-links{grid-template-columns:1fr 1fr;gap:6px;display:grid}.card small.free{color:var(--lime);font-weight:800}.avatar-pic{background:linear-gradient(145deg,#6c4dff,#ff5f7e);border-radius:50%;flex:none;place-items:center;display:inline-grid;overflow:hidden}.avatar-pic img{object-fit:cover;width:100%;height:100%;display:block}.avatar-editor{justify-items:center;gap:8px;display:grid}.avatar-preview{object-fit:cover;border:2px solid var(--cyan);border-radius:50%;width:96px;height:96px}.avatar-actions{gap:6px;display:flex}.avatar-zoom{align-items:center;gap:8px;width:100%;font-size:.85em;display:flex}.drawer .avatar-zoom input{min-height:0;accent-color:var(--cyan);background:0 0;border:0;flex:1;padding:0}.game-card{background:linear-gradient(130deg,#6c4dff57,#34e0ff24);border-radius:14px;gap:5px;padding:11px;display:grid}.game-card strong{font-size:1.1em}.selection-actions.two{grid-template-columns:1fr 1fr}.game-screen{z-index:7;padding:calc(8px + var(--safe-t)) calc(10px + var(--safe-r)) calc(10px + var(--safe-b)) calc(10px + var(--safe-l));touch-action:none;background:radial-gradient(circle at 50% 20%,#2f2480,#120f3a 75%);flex-direction:column;gap:8px;display:flex;position:fixed;inset:0}.game-title{justify-content:space-between;align-items:center;display:flex}.game-title strong{font-size:1.15em;font-weight:800}.game-title small{color:var(--ink-soft);font-weight:600}.game-hud{font-variant-numeric:tabular-nums;justify-content:space-between;align-items:center;gap:10px;font-weight:700;display:flex}.game-hud b{color:var(--cyan);font-size:1.4em}.combo{background:var(--raised);border-radius:8px;padding:2px 8px}.combo.on{color:#24163f;background:var(--gold)}.arena{border:1px solid var(--panel-edge);background:#ffffff0a;border-radius:20px;flex:1;min-height:0;position:relative;overflow:hidden}.target{background:radial-gradient(circle at 35% 30%, #fff, var(--c) 40%);width:68px;height:68px;box-shadow:0 0 22px var(--c);border-radius:50%;margin:-34px 0 0 -34px;animation:.12s ease-out target-in;position:absolute}@keyframes target-in{0%{opacity:0;transform:scale(.3)}}.game-count{color:var(--cyan);place-items:center;font-size:4.4em;font-weight:900;display:grid;position:absolute;inset:0}.game-count.small{text-align:center;font-size:1.2em;position:static}.game-results{text-align:center;background:var(--panel);border:1px solid var(--panel-edge);border-radius:22px;justify-items:center;gap:8px;width:min(340px,100%);margin:auto;padding:18px;animation:.32s ease-out gift-in;display:grid}.game-results h2{font-size:1.3em;font-weight:800}.game-results .selection-actions{width:100%}.game-reward{color:var(--gold);align-items:center;gap:6px;font-size:1.7em;display:inline-flex}.quiz{touch-action:pan-y;flex-direction:column;flex:1;gap:10px;width:min(620px,100%);min-height:0;margin:0 auto;display:flex;overflow-y:auto}.quiz h2{padding:8px 2px;font-size:1.25em;font-weight:700;line-height:1.35}.quiz-options{gap:8px;display:grid}.quiz-option{border:1px solid var(--panel-edge);text-align:left;background:var(--raised);border-radius:14px;min-height:52px;padding:10px 14px;font-weight:700;transition:background .16s,transform .12s}.quiz-option:active:not(:disabled){transform:scale(.98)}.quiz-option.picked{background:#34e0ff47}.quiz-option.right{color:#06281d;background:#5df2ad}.quiz-option.wrong{background:#c92f55}.gift-screen{z-index:8;padding:calc(16px + var(--safe-t)) calc(16px + var(--safe-r)) calc(16px + var(--safe-b)) calc(16px + var(--safe-l));-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0e0b2e9e;place-items:center;display:grid;position:fixed;inset:0}.gift-card{border:1px solid var(--gold);text-align:center;background:linear-gradient(170deg,#322478fa,#181542fa);border-radius:24px;justify-items:center;gap:10px;width:min(360px,100%);padding:20px 18px;animation:.42s cubic-bezier(.2,1.4,.4,1) gift-in;display:grid;box-shadow:0 0 40px #ffd34d4d}.gift-card h2{font-size:1.35em;font-weight:800}.gift-card p{color:var(--ink-soft);line-height:1.4}.gift-items{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.gift-items span{background:var(--raised);border-radius:12px;align-items:center;gap:5px;padding:6px 10px;font-weight:800;display:inline-flex}.gift.big{background:linear-gradient(90deg, transparent 40%, var(--gold) 40% 60%, transparent 60%), linear-gradient(0deg, transparent 40%, var(--gold) 40% 60%, transparent 60%), #7c4dff;border-radius:14px;width:64px;height:64px;animation:1.6s ease-in-out infinite nudge;display:block}@keyframes gift-in{0%{opacity:0;transform:scale(.8)}}@media (width<=760px),(height<=480px){:root{--touch:44px}.extra{display:none!important}.logo,.who{display:none}.identity{min-height:var(--touch);min-width:var(--touch);border-radius:13px;justify-content:center;padding:3px}.round-btn{width:var(--touch);height:var(--touch)}.res{min-height:36px;padding:4px 7px}.dock-item[data-panel=city],.dock-item[data-panel=neighbors]{display:none}.dock-item[data-panel=profile],.cam-toggle{display:grid}.view-group{display:none}.view-tools.open .view-group{display:grid}.view-tools .round-btn.big{width:var(--touch);height:var(--touch)}:is(.bottom:has(.tray)~.view-tools,.bottom:has(.placement)~.view-tools),:is(.hud:has(.drawer) .view-tools,.hud:has(.selection) .view-tools){display:none}.cam-presets button{min-height:36px;font-size:.74em}.selection-actions .btn,.selection .btn.small,.btn.small{min-height:var(--touch)}.drawer input{min-height:var(--touch);font-size:16px}}@media (width<=760px) and (orientation:portrait){.topbar{align-items:center}.resources{flex:1;justify-content:center;min-width:0;overflow:hidden}.collect{top:calc(var(--gap) + var(--safe-t) + 52px);right:calc(var(--gap) + var(--safe-r));z-index:2;pointer-events:auto;position:absolute}.bottom{left:calc(6px + var(--safe-l));right:calc(6px + var(--safe-r));bottom:calc(6px + var(--safe-b))}.dock{border-radius:18px;flex:1;padding:4px}.dock-item,.dock-build{flex:1;min-width:0;min-height:52px;padding:5px 2px 3px;font-size:.74em}.drawer{top:auto;left:calc(6px + var(--safe-l));right:calc(6px + var(--safe-r));bottom:calc(70px + var(--safe-b));width:auto;height:min(62dvh,560px);animation:.2s ease-out sheet-in}.selection{left:calc(6px + var(--safe-l));right:calc(6px + var(--safe-r));bottom:calc(70px + var(--safe-b));width:auto;max-height:46dvh}.placement{flex-wrap:wrap;flex:1;gap:8px;padding:8px}.placement-text{flex:100%}.placement-actions{flex:1;justify-content:space-between}.view-tools{left:auto;right:calc(6px + var(--safe-r));top:auto;bottom:calc(72px + var(--safe-b));justify-items:end;transform:none}.view-tools.open .view-group{grid-template-columns:repeat(2, var(--touch));padding-bottom:6px}.view-tools{flex-direction:column-reverse;align-items:flex-end;gap:6px;display:flex}.cam-presets{grid-column:1/-1;grid-template-columns:1fr 1fr}.goal{top:calc(var(--gap) + var(--safe-t) + 52px);width:min(200px,54vw);padding:5px 9px}.coach{top:calc(var(--gap) + var(--safe-t) + 50px);width:calc(100vw - 12px - var(--safe-l) - var(--safe-r));gap:8px;padding:8px 10px}.coach.aside{left:50%;top:calc(var(--gap) + var(--safe-t) + 50px);width:calc(100vw - 12px);transform:translate(-50%)}.coach-text p{font-size:.9em}.airdrop-banner{width:calc(100vw - 12px);top:calc(var(--safe-t) + 54px)}.toasts{width:calc(100vw - 16px);top:calc(var(--gap) + var(--safe-t) + 50px)}}@keyframes sheet-in{0%{opacity:0;transform:translateY(16px)}}@media (height<=480px){.topbar{align-items:center}.view-tools{top:calc(var(--gap) + var(--safe-t) + 50px);flex-direction:column;grid-template-columns:none;align-items:flex-start;gap:4px;display:flex}.view-tools.open .view-group{grid-template-columns:repeat(4, var(--touch));gap:4px}.cam-presets{grid-column:1/-1;grid-template-columns:repeat(4,1fr)}.dock-item,.dock-build{min-height:var(--touch)}.drawer{width:min(360px,48vw);bottom:calc(var(--gap) + var(--safe-b) + 60px)}.selection{bottom:calc(var(--gap) + var(--safe-b) + 60px);max-height:calc(100dvh - 120px - var(--safe-t) - var(--safe-b))}}.connection-banner{top:calc(var(--safe-t) + 58px);z-index:6;color:#fff;text-align:center;background:#aa2846eb;border-radius:12px;max-width:90vw;padding:7px 14px;font-weight:700;position:absolute;left:50%;transform:translate(-50%)}.airdrop-banner{top:calc(var(--safe-t) + 60px);z-index:5;border:1px solid var(--gold);color:var(--ink);text-align:left;background:#281a5af0;border-radius:14px;align-items:center;gap:10px;padding:7px 14px;animation:1.4s ease-in-out infinite airdrop-glow;display:flex;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 0 18px #ffd34d73}.airdrop-banner span{display:grid}.airdrop-banner small{color:var(--ink-soft)}.airdrop-banner b{min-width:42px;color:var(--gold);text-align:right;font-size:1.1em}.airdrop-banner .gift{background:linear-gradient(90deg, transparent 40%, var(--gold) 40% 60%, transparent 60%), linear-gradient(0deg, transparent 40%, var(--gold) 40% 60%, transparent 60%), #7c4dff;border-radius:6px;flex:none;width:26px;height:26px}@keyframes airdrop-glow{50%{box-shadow:0 0 30px #ffd34dd9}}.reward-burst{z-index:7;pointer-events:none;justify-items:center;gap:2px;animation:1.9s ease-out forwards reward-rise;display:grid;position:absolute;top:38%;left:50%;transform:translate(-50%,-50%)}.reward-burst strong{color:var(--gold);text-shadow:0 2px 10px #000000a6;align-items:center;gap:6px;font-size:2em;font-weight:800;display:inline-flex}.reward-burst small{color:#24163f;background:var(--ink-soft);border-radius:8px;padding:2px 10px;font-weight:800}.reward-burst.rare small{background:var(--cyan)}.reward-burst.epic small{background:#c9a2ff}.reward-burst.legendary small{background:var(--gold)}.reward-burst i{--angle:calc(var(--n) * 45deg);animation:1.1s ease-out forwards reward-coin;position:absolute;top:50%;left:50%}@keyframes reward-rise{0%{opacity:0;transform:translate(-50%,-30%)scale(.7)}14%{opacity:1;transform:translate(-50%,-50%)scale(1.1)}24%{transform:translate(-50%,-50%)scale(1)}80%{opacity:1}to{opacity:0;transform:translate(-50%,-90%)}}@keyframes reward-coin{0%{opacity:1;transform:rotate(var(--angle)) translateY(0)}to{opacity:0;transform:rotate(var(--angle)) translateY(-110px) rotate(180deg)}}@media (prefers-reduced-motion:reduce){.reward-burst i{display:none}.reward-burst,.airdrop-banner{animation:none}}.online-dot{background:var(--lime);width:10px;height:10px;box-shadow:0 0 6px var(--lime);border-radius:50%}.drawer input{border:1px solid var(--panel-edge);width:100%;min-width:0;min-height:38px;color:var(--ink);font:inherit;-webkit-user-select:text;user-select:text;background:#00000042;border-radius:10px;padding:0 10px}.drawer input:focus{outline:2px solid var(--cyan);outline-offset:-1px}.profile-form{gap:6px;display:grid}.profile-form label{font-weight:700}.drawer-body:has(.chat){grid-template-rows:minmax(0,1fr);align-content:stretch;overflow:hidden}.chat{flex-direction:column;gap:8px;min-height:0;display:flex}.chat .dot{background:var(--coral);border-radius:50%;width:7px;height:7px;margin-left:5px;display:inline-block}.chat-tools,.chat-compose{flex:none;gap:6px;display:flex}.chat-tools .btn,.chat-compose .btn{flex:none}.chat-empty{flex:1}.chat-log{touch-action:pan-y;flex-direction:column;flex:1;gap:6px;min-height:0;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.chat-log li{background:var(--raised);border-radius:12px;align-self:flex-start;max-width:92%;padding:6px 10px}.chat-log li.mine{background:#34e0ff29;align-self:flex-end}.chat-log header{align-items:center;gap:4px;font-size:.82em;display:flex}.chat-log time{color:var(--ink-soft);margin-left:6px}.chat-log p{overflow-wrap:anywhere;-webkit-user-select:text;user-select:text;margin:2px 0 0;line-height:1.35}.chat-name{color:var(--cyan);font:inherit;padding:0;font-weight:700}.small-id{-webkit-user-select:text;user-select:text;font-size:.86em!important}.pizza-go{color:#fff;background:linear-gradient(160deg,#e33935,#b3201f);border-color:#ffc107}.pizza-go:hover{background:linear-gradient(160deg,#f04a45,#c82a28)}.pizza-panel{gap:12px;display:grid}.pizza-panel section{gap:4px;display:grid}.pizza-hero{background:linear-gradient(135deg,#e33935eb,#b3201feb);border:1px solid #ffc107b3;border-radius:14px;align-items:center;gap:12px;padding:12px;display:flex}.pizza-hero strong{letter-spacing:.02em;font-size:1.2em;font-weight:800;display:block}.pizza-hero small{color:#ffe9c2}.pizza-mark{color:#e33935;background:#ffc107;border-radius:50%;flex:none;place-items:center;width:48px;height:48px;display:grid}.pizza-soon{color:var(--ink-soft);background:var(--raised);border:1px dashed var(--panel-edge);border-radius:12px;justify-items:start;gap:6px;padding:10px 12px;line-height:1.4;display:grid}.pizza-soon span{color:#2d2d2d;background:var(--gold);border-radius:999px;padding:2px 8px;font-size:.78em;font-weight:800}@media (width<=760px),(height<=480px){.view-tools .pizza-go{width:var(--touch);height:var(--touch)}}.community-go{color:#1b1300;background:linear-gradient(160deg,#ffe08a,#e8b64c);border-color:#fff3cf}.community-go:hover{background:linear-gradient(160deg,#ffe9a8,#f0c261)}.community-panel{gap:12px;display:grid}.community-hero{background:linear-gradient(135deg,#182654f0,#111a3af0);border:1px solid #ffd46b99;border-radius:14px;align-items:center;gap:12px;padding:12px;display:flex}.community-hero strong{font-size:1.15em;font-weight:800;display:block}.community-hero small{color:#ffe9c2}.community-mark{color:#1b1300;background:#ffd46b;border-radius:50%;flex:none;place-items:center;width:46px;height:46px;display:grid}.community-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.community-list button{text-align:left;width:100%;color:inherit;background:var(--raised);border:1px solid var(--panel-edge);border-radius:12px;gap:2px;padding:10px 12px;display:grid}.community-list button.on{border-color:#ffd46b}.community-list strong{overflow-wrap:anywhere;-webkit-user-select:text;user-select:text;font-weight:800}.community-list small{color:var(--ink-soft)}@media (width<=760px),(height<=480px){.view-tools .community-go{width:var(--touch);height:var(--touch)}}.home-go{color:#2a1d00;background:linear-gradient(160deg,#ffd34d,#f0a818);border-color:#fff0b8;animation:2.2s ease-in-out infinite home-call}.home-go:hover{background:linear-gradient(160deg,#ffe07a,#f5b52c)}@keyframes home-call{50%{box-shadow:0 0 0 7px #ffd34d47}}.greet-card{z-index:6;left:50%;bottom:calc(var(--gap) + var(--safe-b) + 76px);width:min(440px, calc(100vw - 16px - var(--safe-l) - var(--safe-r)));border:1px solid var(--gold);pointer-events:auto;background:var(--panel);border-radius:16px;gap:8px;padding:12px 14px;animation:.22s ease-out greet-in;display:grid;position:absolute;transform:translate(-50%);box-shadow:0 8px 26px #0006}@keyframes greet-in{0%{opacity:0;transform:translate(-50%,16px)}}.greet-card p{font-weight:600;line-height:1.35}.greet-who{align-items:center;gap:10px;display:flex}.greet-who strong{font-weight:800;display:block}.greet-who small{color:var(--ink-soft)}.greet-face{color:#2a1d00;background:linear-gradient(160deg,#ffd34d,#f0a818);border-radius:50%;flex:none;place-items:center;width:42px;height:42px;font-size:1.2em;font-weight:800;display:grid}.greet-actions{gap:8px;display:flex}.greet-actions .btn{min-height:var(--touch);flex:1}.greet-actions .btn.primary{flex:2}.resident-panel{gap:12px;display:grid}.resident-panel .btn{justify-content:center;align-items:center;gap:6px;display:inline-flex}@media (height<=480px){.greet-card{bottom:calc(var(--gap) + var(--safe-b) + 60px);gap:5px;width:min(460px,62vw);padding:8px 10px}.greet-face{width:34px;height:34px}.greet-card p{font-size:.92em}}@media (width<=760px),(height<=480px){.view-tools .home-go{width:var(--touch);height:var(--touch)}.hud:has(.greet-card) .view-tools{display:none}}@media (prefers-reduced-motion:reduce){.home-go{animation:none}}.hud.riding .dock,.hud.riding .view-tools,.hud.riding .goal,.hud.riding .save-chip{display:none}.segmented.small button{padding:4px 10px;font-size:.82em}.pizza-work{gap:8px;display:grid}.pizza-panel .btn,.scooter-pop .btn,.courier-actions .btn{justify-content:center;align-items:center;gap:6px;display:inline-flex}.seats-line{grid-template-columns:1fr 1fr;gap:8px;display:grid}.seats-line div{background:var(--raised);border-radius:10px;padding:8px 10px}.seats-line dt{color:var(--ink-soft);font-size:.78em}.seats-line dd{font-size:1.2em;font-weight:800}.scooter-pop{z-index:8;left:50%;bottom:calc(var(--gap) + var(--safe-b) + 78px);pointer-events:auto;background:var(--panel);border:1px solid #ffc107;border-radius:16px;gap:8px;width:min(300px,100vw - 20px);padding:12px;animation:.18s ease-out pop-in;display:grid;position:absolute;transform:translate(-50%);box-shadow:0 10px 28px #0000006b}.scooter-pop strong{font-weight:800}@keyframes pop-in{0%{opacity:0;transform:translate(-50%,10px)scale(.96)}}.courier-sign-in,.courier-record{gap:8px;display:grid}.courier-rank-line{justify-content:space-between;align-items:center;gap:8px;display:flex}.rank-badge{letter-spacing:.05em;color:#fff;background:linear-gradient(160deg,#7a8290,#4e5563);border-radius:999px;padding:3px 10px;font-size:.82em;font-weight:800;display:inline-block;box-shadow:inset 0 0 0 1px #ffffff47}.rank-badge.large{padding:8px 22px;font-size:1.5em}.rank-bronze{background:linear-gradient(160deg,#d8955a,#8f5228)}.rank-silver{color:#20242c;background:linear-gradient(160deg,#eef2f6,#9aa6b4)}.rank-gold{color:#3a2500;background:linear-gradient(160deg,#ffe07a,#e0a11b)}.rank-diamond{color:#05303f;background:linear-gradient(160deg,#a5f3ff,#33bfe0)}.rank-legend{background:linear-gradient(160deg,#ff6fb5,#7a4dff)}.courier-hud{pointer-events:none;position:absolute;inset:0}.order-card{left:calc(var(--gap) + var(--safe-l));top:calc(var(--gap) + var(--safe-t) + 62px);border:1px solid var(--panel-edge);background:var(--panel);border-radius:14px;gap:4px;width:min(280px,100vw - 16px);padding:9px 11px;display:grid;position:absolute}.order-card header{align-items:center;gap:8px;display:flex}.order-card strong{font-size:.94em;font-weight:800;line-height:1.15}.order-card small{color:var(--ink-soft)}.order-card dl{grid-template-columns:repeat(4,auto);justify-content:space-between;gap:8px;display:grid}.order-card dt{color:var(--ink-soft);font-size:.66em}.order-card dd{font-size:.92em;font-weight:800}.coin-line{align-items:center;gap:4px;display:inline-flex}.coin-line.big{color:var(--gold);font-size:2em;font-weight:800}.tier{color:#10210f;background:var(--lime);border-radius:999px;flex:none;padding:1px 7px;font-size:.7em;font-weight:800}.tier-medium{background:var(--gold)}.tier-hard{color:#fff;background:var(--coral)}.mini-map{right:calc(var(--gap) + var(--safe-r));top:calc(var(--gap) + var(--safe-t) + 62px);border:1px solid var(--panel-edge);background:#181542d1;border-radius:14px;width:132px;height:132px;position:absolute}.courier-actions{left:50%;bottom:calc(var(--gap) + var(--safe-b) + 74px);pointer-events:auto;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;width:min(420px,100vw - 16px);display:flex;position:absolute;transform:translate(-50%)}.hud.riding .courier-actions{bottom:calc(var(--gap) + var(--safe-b))}.big-action{flex-basis:100%;min-height:50px;font-size:1.08em;animation:1.2s ease-in-out infinite action-call}@keyframes action-call{50%{box-shadow:0 0 0 6px #38f29a4d}}.joystick{left:calc(18px + var(--safe-l));bottom:calc(20px + var(--safe-b));touch-action:none;pointer-events:auto;background:#1815426b;border:2px solid #ffffff52;border-radius:50%;place-items:center;width:136px;height:136px;display:grid;position:absolute}.joystick span{pointer-events:none;background:linear-gradient(160deg,#ff7265,#d32f2b);border-radius:50%;width:58px;height:58px;box-shadow:0 4px 12px #0006}.brake-btn{right:calc(18px + var(--safe-r));bottom:calc(34px + var(--safe-b));color:#fff;touch-action:none;pointer-events:auto;background:#aa2846d1;border:2px solid #ffffff57;border-radius:50%;width:92px;height:92px;font-weight:800;position:absolute}.order-flash{z-index:7;color:#3a2500;white-space:nowrap;pointer-events:none;background:linear-gradient(160deg,#ffe07a,#ffb522);border-radius:999px;padding:10px 24px;font-size:1.3em;font-weight:800;animation:3s ease-out forwards flash-in;position:absolute;top:26%;left:50%;transform:translate(-50%);box-shadow:0 8px 26px #ffc10780}@keyframes flash-in{0%{opacity:0;transform:translate(-50%,18px)scale(.8)}12%{opacity:1;transform:translate(-50%)scale(1.05)}20%{transform:translate(-50%)scale(1)}85%{opacity:1}to{opacity:0}}.courier-notice{z-index:7;text-align:center;pointer-events:none;background:var(--panel);border-radius:12px;max-width:86vw;padding:8px 14px;font-weight:700;position:absolute;top:38%;left:50%;transform:translate(-50%)}.delivery-result,.rank-up{z-index:8;border:1px solid var(--gold);pointer-events:none;background:var(--panel);border-radius:16px;justify-items:center;gap:4px;padding:12px 22px;animation:.22s ease-out pop-in;display:grid;position:absolute;left:50%;transform:translate(-50%)}.delivery-result{top:24%}.delivery-result strong{font-size:1.15em;font-weight:800}.delivery-result small{color:var(--ink-soft)}.rank-up{top:46%}.top-panel{gap:8px;display:grid}.top-list{gap:5px;margin:0;padding:0;list-style:none;display:grid}.top-row{background:var(--raised);border-radius:12px;align-items:center;gap:8px;padding:6px 8px;display:flex}.top-row.mine{outline:1px solid var(--cyan)}.top-place{background:#ffffff1f;border-radius:50%;flex:none;place-items:center;width:26px;height:26px;font-size:.86em;display:grid}.top-place.medal-1{color:#3a2500;background:linear-gradient(160deg,#ffe07a,#e0a11b)}.top-place.medal-2{color:#20242c;background:linear-gradient(160deg,#eef2f6,#9aa6b4)}.top-place.medal-3{background:linear-gradient(160deg,#d8955a,#8f5228)}.top-name{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-weight:700;overflow:hidden}.top-score{justify-items:end;display:grid}.top-score strong{font-size:.92em;font-weight:800}.top-score small{color:var(--ink-soft);font-size:.72em}.top-me{gap:4px;display:grid}@media (width<=760px) and (orientation:portrait){.order-card{top:calc(var(--gap) + var(--safe-t) + 54px);width:calc(100vw - 112px);padding:7px 9px}.mini-map{top:calc(var(--gap) + var(--safe-t) + 54px);width:84px;height:84px}.hud.riding .courier-actions{bottom:calc(170px + var(--safe-b))}}@media (height<=480px){.order-card{top:calc(var(--gap) + var(--safe-t) + 48px);width:min(250px,34vw);padding:6px 8px}.order-card dl{grid-template-columns:repeat(2,auto);gap:2px 8px}.mini-map{top:calc(var(--gap) + var(--safe-t) + 48px);width:92px;height:92px}.courier-actions{bottom:calc(var(--gap) + var(--safe-b) + 58px)}.hud.riding .courier-actions{bottom:calc(var(--gap) + var(--safe-b));width:min(300px,40vw)}.big-action{min-height:42px}.joystick{width:112px;height:112px;left:calc(12px + var(--safe-l));bottom:calc(10px + var(--safe-b))}.joystick span{width:48px;height:48px}.brake-btn{width:74px;height:74px;right:calc(12px + var(--safe-r));bottom:calc(14px + var(--safe-b))}}@media (prefers-reduced-motion:reduce){.order-flash,.big-action{animation:none}}.courier-actions .btn:not(.primary){color:var(--ink);background:var(--panel);border:1px solid var(--panel-edge)}html,body,.hud{height:var(--app-h,100dvh)}#game{height:var(--app-h,100dvh);bottom:auto}:root{--panel:#1c174ebd;--panel-solid:#181542f0;--glass:blur(14px) saturate(1.45)}html[data-gfx=low]{--panel:#181542e6;--glass:none}.identity,.resources,.round-btn,.dock,.tray,.drawer,.selection,.placement,.goal,.goal-pill,.coach,.coach-pill,.greet-card,.scooter-pop,.order-card,.fs-tip,.save-chip,.cam-presets,.toast:not(.error):not(.success){-webkit-backdrop-filter:var(--glass);backdrop-filter:var(--glass)}.drawer,.selection{background:linear-gradient(#282168cc,#16133edb)}html[data-gfx=low] .drawer,html[data-gfx=low] .selection{background:var(--panel-solid)}.selection{animation:.2s ease-out sheet-in}.dock-build{box-shadow:inset 0 1px #ffffffb3,0 4px 14px #2fc5ee59}.fs-btn.on{color:var(--cyan)}.fs-tip{z-index:9;top:calc(var(--gap) + var(--safe-t) + 54px);right:calc(var(--gap) + var(--safe-r));width:min(310px, calc(100vw - 24px - var(--safe-l) - var(--safe-r)));border:1px solid var(--cyan);pointer-events:auto;background:var(--panel);border-radius:16px;gap:8px;padding:12px 14px;animation:.18s ease-out pop;display:grid;position:absolute;box-shadow:0 10px 28px #0006}.fs-tip p{color:var(--ink-soft);line-height:1.4}.fs-tip .btn{justify-self:end}.start-gate{z-index:20;padding:calc(16px + var(--safe-t)) calc(16px + var(--safe-r)) calc(16px + var(--safe-b)) calc(16px + var(--safe-l));-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:auto;background:radial-gradient(circle at 50% 40%,#3a2a9ac7,#100d34f2 72%);place-items:center;animation:.26s ease-out coach-in;display:grid;position:fixed;inset:0}.start-card{text-align:center;justify-items:center;gap:6px;width:min(360px,100%);display:grid}.start-card .logo.big{margin:0;padding-right:.1em;font-size:clamp(56px,17vmin,104px);line-height:1;display:block}.status-screen .logo.big{display:block}.start-sub{letter-spacing:.55em;margin-left:.55em;font-weight:800}.start-card p{color:var(--ink-soft);margin-top:8px}.start-btn{letter-spacing:.02em;border-radius:18px;width:100%;min-height:58px;margin-top:14px;font-size:1.2em;animation:1.8s ease-in-out infinite start-call;box-shadow:0 0 #38f29a99}.start-card small{min-height:1.2em;color:var(--ink-soft)}@keyframes start-call{50%{box-shadow:0 0 0 10px #38f29a00}}@media (orientation:landscape) and (height<=480px){.start-card{gap:2px}.start-card .logo.big{font-size:clamp(44px,16vh,72px)}.start-btn{min-height:50px;margin-top:8px}}.goal-wrap{left:calc(var(--gap) + var(--safe-l));top:calc(var(--gap) + var(--safe-t) + 78px);pointer-events:none;align-items:flex-start;gap:4px;animation:.16s ease-out coach-in;display:flex;position:absolute}.goal-wrap button{pointer-events:auto}.goal-wrap .goal{position:static}.goal-fold{width:30px;height:30px;color:var(--ink-soft);background:var(--panel);border:1px solid var(--panel-edge);border-radius:10px;place-items:center;display:grid}.goal-pill{min-height:40px;color:var(--cyan);background:var(--panel);border:1px solid var(--panel-edge);border-radius:13px;align-items:center;gap:7px;padding:0 11px;display:flex;position:relative}.goal-pill .bar{width:46px;height:5px}.goal-wrap.ready .goal-pill{color:var(--lime);border-color:var(--lime)}.hud.riding .goal-wrap{display:none}.coach{padding-right:34px}.coach-fold{width:30px;height:30px;color:var(--ink-soft);background:var(--raised);border-radius:10px;place-items:center;display:grid;position:absolute;top:6px;right:6px}.coach-pill{left:50%;top:calc(var(--gap) + var(--safe-t) + 58px);border:2px solid var(--cyan);background:var(--panel);pointer-events:auto;border-radius:999px;align-items:center;gap:7px;max-width:min(320px,100vw - 120px);min-height:40px;padding:0 12px;font-weight:700;animation:1.3s ease-in-out 3 tut-glow;display:flex;position:absolute;transform:translate(-50%)}.coach-pill span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}@media (width<=760px) and (orientation:portrait){.topbar{gap:6px}.resources{padding:3px}.goal-wrap{top:calc(var(--gap) + var(--safe-t) + 52px)}.goal-wrap .goal{width:min(210px,56vw)}.coach-pill{top:calc(var(--gap) + var(--safe-t) + 100px);left:auto;right:calc(6px + var(--safe-r));max-width:52vw;transform:none}.drawer{height:min(calc(var(--app-h,100dvh) * .6), 560px);border-radius:22px 22px 18px 18px}.drawer:before,.selection:before{content:"";background:#ffffff47;border-radius:4px;width:40px;height:4px;margin:7px auto 0;display:block}.selection{max-height:calc(var(--app-h,100dvh) * .46)}.dock{gap:2px}.dock-build{box-shadow:inset 0 1px #ffffffb3,0 4px 14px #2fc5ee59}.tray{border-radius:22px}.tray-cards{scroll-snap-type:x proximity;gap:8px}.card{scroll-snap-align:start}.fs-tip{top:calc(var(--gap) + var(--safe-t) + 52px)}.save-chip{top:auto;bottom:calc(76px + var(--safe-b));left:calc(8px + var(--safe-l));max-width:56vw;padding:3px 8px;font-size:.72em}.hud.riding .save-chip:not(.bad){display:none}.hud:has(.greet-card) .save-chip:not(.bad){display:none}.hud:has(.courier-actions) .save-chip:not(.bad){display:none}.hud:has(.tray) .save-chip:not(.bad){display:none}.hud:has(.placement) .save-chip:not(.bad){display:none}.hud:has(.drawer) .save-chip:not(.bad){display:none}.hud:has(.selection) .save-chip:not(.bad){display:none}}@media (orientation:landscape) and (height<=480px){:root{--rail:calc(var(--touch) + 10px)}.bottom:has(.dock){left:auto;top:calc(var(--gap) + var(--safe-t) + 48px);right:calc(var(--gap) + var(--safe-r));bottom:calc(var(--gap) + var(--safe-b));align-items:center}.dock{scrollbar-width:none;border-radius:18px;flex-direction:column;gap:3px;max-height:100%;padding:4px;overflow-y:auto}.dock::-webkit-scrollbar{display:none}.dock-item,.dock-build{width:var(--touch);min-width:0;height:var(--touch);border-radius:13px;flex:none;place-items:center;min-height:0;padding:0;display:grid}.dock-item span,.dock-build span{display:none}.dock-item .badge,.dock-build .badge{top:-3px;right:-3px}.drawer{top:calc(var(--gap) + var(--safe-t) + 48px);right:calc(var(--gap) + var(--safe-r) + var(--rail) + 6px);bottom:calc(var(--gap) + var(--safe-b));width:min(380px,50vw)}.selection{right:calc(var(--gap) + var(--safe-r) + var(--rail) + 6px);bottom:calc(var(--gap) + var(--safe-b));max-height:calc(var(--app-h,100dvh) - 70px - var(--safe-t) - var(--safe-b));width:min(300px,42vw)}:is(.hud:has(.tray) .selection,.hud:has(.placement) .selection){right:calc(var(--gap) + var(--safe-r))}.greet-card{bottom:calc(var(--gap) + var(--safe-b))}.scooter-pop{bottom:calc(var(--gap) + var(--safe-b) + 8px)}.courier-actions{bottom:calc(var(--gap) + var(--safe-b))}.view-tools{top:auto;bottom:calc(var(--gap) + var(--safe-b));left:calc(var(--gap) + var(--safe-l));flex-direction:row;align-items:flex-end;gap:6px;display:flex;transform:none}.view-tools .round-btn.big{width:var(--touch);height:var(--touch)}.view-tools.open .view-group{left:0;bottom:calc(var(--touch) + 8px);grid-template-columns:repeat(5, var(--touch));gap:4px;position:absolute}.view-tools.open .view-group .cam-presets{grid-column:1/-1;grid-template-columns:repeat(4,1fr)}.goal-wrap{top:calc(var(--gap) + var(--safe-t) + 50px)}.goal-wrap .goal{width:min(220px,30vw);padding:5px 9px;display:grid}.goal-wrap .goal .bar{height:4px}.coach{width:min(520px, calc(100vw - 2 * var(--rail) - 40px))}.coach-pill{top:calc(var(--gap) + var(--safe-t) + 50px)}:is(.hud:has(.drawer) .coach-pill,.hud:has(.selection) .coach-pill){left:calc(var(--gap) + var(--safe-l));max-width:calc(100vw - min(380px, 50vw) - var(--rail) - 40px);transform:none}.fs-tip{top:calc(var(--gap) + var(--safe-t) + 48px);right:calc(var(--gap) + var(--safe-r) + var(--rail) + 6px)}.toasts{width:min(420px,56vw)}}@media (orientation:landscape) and (height<=360px){:root{--touch:40px}.goal-wrap .goal,.hud .goal-wrap:not(.mini) .goal-fold{display:none}}@media (pointer:coarse){.goal-fold,.coach-fold{width:36px;height:36px}.cam-presets button,.segmented button{min-height:38px}}