:root{--ink:#1e1628;--cream:#fff3dc;--gold:#ffcf7a;--dusk:#2b2245;--violet:#c9b6ff;--green:#7fd49a;--red:#ff7a6b;--font:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--display:"Arial Black", system-ui, sans-serif}html,body{background:var(--dusk);touch-action:none;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;height:100%;margin:0;overflow:hidden}#game{position:fixed;top:0;bottom:0;left:0;right:0}#ui{pointer-events:none;font:15px/1.35 var(--font);color:var(--cream);z-index:5;position:fixed;top:0;bottom:0;left:0;right:0}#ui>*{pointer-events:auto}#build{right:max(6px, env(safe-area-inset-right));bottom:max(4px, env(safe-area-inset-bottom));font:500 10px/1 var(--font);color:#fff3dc80;pointer-events:none;z-index:60;position:fixed}button{font:inherit;color:inherit;cursor:pointer}.btn{font:inherit;color:inherit;background:0 0;border:1px solid #fff3dc88;border-radius:8px;padding:6px 14px}.btn.primary{background:var(--gold);color:#2a1a00;border-color:var(--gold)}.btn-main{border:3px solid var(--ink);background:var(--gold);color:#2a1a00;width:min(320px,100%);font:900 22px/1 var(--display);letter-spacing:.02em;border-bottom-width:6px;border-radius:14px;margin:0 auto;padding:14px 0;display:block}.btn-main:active{border-bottom-width:4px;transform:translateY(2px)}.link{color:var(--violet);background:0 0;border:0;padding:6px;text-decoration:underline}.screen{padding:max(20px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));box-sizing:border-box;background:radial-gradient(120% 80% at 50% 0%, #4a3a6e 0%, var(--dusk) 60%);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.logo{font:900 clamp(40px, 13vw, 64px)/.95 var(--display);color:var(--gold);-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;text-shadow:0 5px 0 var(--ink)}.tag{color:var(--violet);margin:0 0 8px}.card{box-sizing:border-box;text-align:left;background:#1e1628e6;border:2px solid #ffcf7a66;border-radius:16px;gap:8px;width:min(340px,100%);padding:14px;display:grid}.card .nick{font:900 22px/1.1 var(--display);color:var(--gold);text-align:center;word-break:break-all}.card .row{font-variant-numeric:tabular-nums;justify-content:space-between;gap:8px;display:flex}.card .row.small{color:var(--violet);font-size:13px}.card .row.win{color:var(--gold);justify-content:center;font-size:20px}.card .row.badge{color:var(--gold);justify-content:center}.card .xp{background:#fff2;border-radius:4px;height:8px;overflow:hidden}.card .xp i{background:var(--green);height:100%;display:block}.nickform label{font-weight:700}.nickform input{font:600 18px var(--font);border:2px solid var(--gold);background:var(--cream);color:var(--ink);-webkit-user-select:text;user-select:text;border-radius:10px;padding:12px}.nickform .err{color:var(--red);margin:0;font-size:13px}.result{background:radial-gradient(120% 80% at 50% 0,#4a3a6ef2 0%,#2b2245f2 60%)}.result .place{font:900 88px/1 var(--display);color:var(--gold);-webkit-text-stroke:4px var(--ink);paint-order:stroke fill}.result .of{color:var(--violet);margin-top:-10px}.hud{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.hud>*{pointer-events:auto}.hud-top{top:max(10px, env(safe-area-inset-top));pointer-events:none;justify-content:center;gap:8px;display:flex;position:absolute;left:0;right:0}.pill{font-variant-numeric:tabular-nums;background:#1e1628d9;border:2px solid #fff3;border-radius:99px;padding:4px 12px;font-weight:800}.hud-drop{pointer-events:none;font:900 22px/1.1 var(--display);text-shadow:0 2px 0 var(--ink);justify-items:center;gap:6px;display:grid;position:absolute;top:18%;left:0;right:0}.hud-drop .drop-t{color:var(--gold);font-size:44px}.hud-drop[hidden]{display:none}.feed{top:calc(max(10px, env(safe-area-inset-top)) + 40px);left:max(10px, env(safe-area-inset-left));pointer-events:none;gap:4px;font-size:13px;font-weight:700;display:grid;position:absolute}.feed div{background:#1e1628b3;border-radius:6px;padding:2px 8px}.feed .mine{color:var(--gold)}.ult{right:max(18px, env(safe-area-inset-right));bottom:max(28px, calc(env(safe-area-inset-bottom) + 20px));background:conic-gradient(var(--gold) var(--charge,0deg), #fff2 0);border:0;border-radius:50%;place-items:center;width:92px;height:92px;padding:0;display:grid;position:absolute}.ult[hidden]{display:none}.ult .ult-ring{background:#1e1628;border-radius:50%;position:absolute;top:7px;bottom:7px;left:7px;right:7px}.ult b,.ult small{position:relative}.ult b{font:900 22px/1 var(--display);color:#fff3dc88;margin-top:10px}.ult small{color:#fff3dc88;margin-top:-26px;font-size:10px}.ult.ready{animation:.9s ease-in-out infinite pulse}.ult.ready .ult-ring{background:radial-gradient(#ffe39a,#f2a93b)}.ult.ready b,.ult.ready small{color:#2a1a00}@keyframes pulse{50%{transform:scale(1.07)}}.perks{background:#0b0814b3;align-content:center;justify-items:center;gap:14px;padding:16px;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.perks[hidden]{display:none}.perks-title{font:900 26px/1 var(--display);color:var(--gold);text-shadow:0 3px 0 var(--ink)}.perk-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:min(420px,100%);display:grid}.perk{border:3px solid var(--ink);text-align:center;background:#3b2d5c;border-bottom-width:6px;border-radius:14px;align-content:start;justify-items:center;gap:6px;min-height:150px;padding:14px 6px;display:grid}.perk b{font-size:15px}.perk span{color:var(--violet);font-size:12px}.perk em{font:900 22px/1 var(--display);color:var(--gold);margin-top:auto;font-style:normal}.perk.r-rare{background:#234a6e}.perk.r-epic{background:#4d2a6e}.perk-timer{background:#fff2;border-radius:3px;width:min(420px,100%);height:6px;overflow:hidden}.perk-timer i{background:var(--gold);width:100%;height:100%;display:block}.admin{left:max(10px, env(safe-area-inset-left));bottom:max(28px, env(safe-area-inset-bottom));gap:6px;display:flex;position:absolute}.admin button{border:2px solid var(--ink);background:#c0392b;border-radius:8px;padding:6px 10px;font-weight:800}.hint{pointer-events:none;z-index:40;position:absolute;top:0;bottom:0;left:0;right:0}.hint-spot{left:var(--x);top:var(--y);border-radius:50%;width:150px;height:150px;margin:-75px;position:absolute;box-shadow:0 0 0 200vmax #0b081499}.hint-finger{left:var(--x);top:var(--y);font-size:44px;animation:1s ease-in-out infinite tap;position:absolute;transform:translate(-10%,10%)}.hint-text{left:var(--x);top:calc(var(--y) + 80px);white-space:nowrap;font:900 18px var(--display);background:var(--cream);color:var(--ink);border-radius:10px;padding:6px 12px;position:absolute;transform:translate(-50%)}@keyframes tap{50%{transform:translate(-10%)scale(.92)}}@media (prefers-reduced-motion:reduce){.ult.ready,.hint-finger{animation:none}}.ad-stub{z-index:50;color:#fff;font:14px/1.4 var(--font);text-align:center;background:#000a;place-items:center;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.ad-stub>div{background:var(--ink);border:2px solid var(--gold);border-radius:12px;max-width:280px;padding:16px 20px}