@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)}}.rotate-screen{z-index:10;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;padding:24px;display:flex;position:fixed;inset:0}.rotate-screen h2{font-size:1.5em;font-weight:800}.rotate-screen p{max-width:300px;color:var(--ink-soft);line-height:1.4}.phone{border:4px solid var(--cyan);border-radius:13px;place-items:end center;width:58px;height:100px;margin-bottom:12px;padding-bottom:6px;animation:2.4s ease-in-out infinite tilt;display:grid}.phone i{background:var(--cyan);border-radius:3px;width:14px;height:3px}@keyframes tilt{0%,18%{transform:rotate(0)}55%,to{transform:rotate(90deg)}}@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}}.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}