:root{--gold:#ffc46b;--bg:#07070a;--card:#100f15b8;--card-strong:#14131beb;--line:#ffffff17;--line-strong:#ffffff2e;--text:#eceae4;--muted:#8b8994;--sel:#fff;--display:"Unbounded", "Sora", system-ui, sans-serif;--body:"Sora", system-ui, sans-serif;--t-caption:500 12px/1.4 var(--body);--t-text:500 13px/1.4 var(--body);--t-number:600 15px/1 var(--display);--t-heading:600 17px/1.15 var(--display);--t-figure:800 34px/1 var(--display)}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);font-family:var(--body);-webkit-user-select:none;user-select:none;-webkit-font-smoothing:antialiased;margin:0;font-size:14px;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer}input{font:inherit;color:inherit}[hidden]{display:none!important}#scene{cursor:crosshair;touch-action:none;width:100%;height:100%;display:block;position:fixed;inset:0}#vignette{pointer-events:none;background:radial-gradient(#0000 55%,#0000008c 100%);position:fixed;inset:0}#hurt{pointer-events:none;opacity:0;transition:opacity .5s ease-out;position:fixed;inset:0;box-shadow:inset 0 0 140px #ff46328c}#hurt.on{opacity:1;transition:none}.muted{color:var(--muted)}.label{font:600 10px var(--body);letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}.card{background:var(--card);border:1px solid var(--line);-webkit-backdrop-filter:blur(10px)saturate(1.2);border-radius:14px;box-shadow:0 10px 30px #00000059,inset 0 1px #ffffff0d}.orb{--c:#eceae4;background:radial-gradient(circle at 34% 30%, color-mix(in srgb, var(--c) 55%, white) 0%, var(--c) 42%, color-mix(in srgb, var(--c) 45%, black) 100%);border-radius:50%;flex:none;width:14px;height:14px;display:inline-block;box-shadow:0 2px 6px #00000073}.orb.big{width:40px;height:40px}.hud{transition:opacity .35s}body.in-menu .hud,body.in-menu #labels{opacity:0!important;pointer-events:none!important}#hud-left{top:calc(12px + env(safe-area-inset-top));left:calc(14px + env(safe-area-inset-left));pointer-events:none;text-shadow:0 1px 6px #000000e6;flex-direction:column;gap:10px;display:flex;position:fixed}#rank{flex-direction:column;gap:3px;display:flex}#board .row{font:500 11px/1.2 var(--body);color:#bdbbc4;align-items:center;gap:6px;display:flex}#board .rk{min-width:9px;font:600 8px/1 var(--display);color:var(--muted);text-align:right}#board .nm{text-overflow:ellipsis;white-space:nowrap;max-width:92px;overflow:hidden}#board .row.first .rk{color:#f2c14e}#board .row.me{color:#fff;font-weight:700}#board .row.far{margin-top:3px}#board .row.me .nm:after{content:" ◂";color:var(--sel)}#stats{left:calc(14px + env(safe-area-inset-left));bottom:calc(16px + env(safe-area-inset-bottom));pointer-events:none;text-shadow:0 1px 6px #000000e6;align-items:center;gap:8px;display:flex;position:fixed}body.touch #stats{bottom:calc(170px + env(safe-area-inset-bottom))}.net{font:500 10px/1 var(--body);color:var(--muted);align-items:baseline;gap:3px;margin-left:2px;display:flex}.net[hidden]{display:none}.net b{font:600 11px/1 var(--display);font-variant-numeric:tabular-nums;color:#bdbbc4}.net i{background:#6fcf8f;border-radius:50%;align-self:center;width:6px;height:6px;margin-right:3px}.net.mid i{background:#f2c14e}.net.bad i{background:#e4493d}.stat{width:34px;height:34px;box-shadow:inset 0 0 0 1px var(--line-strong);background:#100f158c;border-radius:50%;place-items:center;display:grid;position:relative}.stat b{font:600 12px/1 var(--display);font-variant-numeric:tabular-nums;letter-spacing:-.02em;text-shadow:none}.stat .mark{width:13px;height:13px;color:var(--muted);box-shadow:0 0 0 1px var(--line-strong);background:#14131a;border-radius:50%;padding:1px;position:absolute;bottom:-3px;right:-3px}#gear{top:calc(12px + env(safe-area-inset-top));right:calc(14px + env(safe-area-inset-right));border:1px solid var(--line-strong);width:36px;height:36px;color:var(--muted);background:#100f1599;border-radius:50%;place-items:center;padding:0;transition:color .15s,border-color .15s;display:grid;position:fixed}#gear:hover{color:var(--text);border-color:#fff6}#gear svg{width:20px;height:20px}#weapon{--wc:#f1efe9;right:calc(18px + env(safe-area-inset-right));bottom:calc(18px + env(safe-area-inset-bottom));text-shadow:0 1px 8px #000000e6;background:0 0;border:none;flex-direction:column;align-items:center;gap:7px;padding:0;display:flex;position:fixed}.w-ring{background:radial-gradient(circle at 50% 38%,#1e1d26d1,#0c0b10c7);border-radius:50%;place-items:center;width:78px;height:78px;transition:transform .12s;display:grid;position:relative;box-shadow:0 8px 24px #00000073}#weapon:active .w-ring{transform:scale(.95)}.w-ring svg{width:100%;height:100%;position:absolute;inset:0;transform:rotate(-90deg)}.w-track{fill:none;stroke:#ffffff21;stroke-width:6px}.w-arc{fill:none;stroke:var(--wc);stroke-width:6px;stroke-linecap:round;filter:drop-shadow(0 0 5px var(--wc));transition:stroke .2s}.w-icon{width:34px;height:34px;color:var(--wc);place-items:center;transition:color .2s,opacity .2s;display:grid;position:relative}.w-icon svg{width:100%;height:100%;position:static;transform:none}#w-name{font:700 11.5px/1 var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--text)}#weapon.off .w-icon,#weapon.off #w-name{opacity:.45}.stick{pointer-events:none;z-index:5;background:radial-gradient(circle,#ffffff12,#ffffff04);border:1.5px solid #fff3;border-radius:50%;width:132px;height:132px;transition:border-color .12s;display:none;position:fixed}body.touch:not(.in-menu) .stick{display:block}.stick.active{border-color:#ffffff80}.stick .knob{width:54px;height:54px;transform:translate(var(--kx,0px), var(--ky,0px));background:#ffffff42;border:1.5px solid #ffffff80;border-radius:50%;margin:-27px 0 0 -27px;position:absolute;top:50%;left:50%}.stick.fire .knob{background:#ffbe5a4d;border-color:#ffcd78bf}.stick.fire.active{border-color:#ffcd78b3}#stick-l{left:calc(34px + env(safe-area-inset-left));bottom:calc(26px + env(safe-area-inset-bottom))}#stick-r{right:calc(34px + env(safe-area-inset-right));bottom:calc(26px + env(safe-area-inset-bottom))}body.touch #weapon{left:50%;right:auto;bottom:calc(12px + env(safe-area-inset-bottom));transform:translate(-50%)}body.touch .w-ring{width:64px;height:64px}body.touch .w-icon{width:28px;height:28px}body.touch #w-name{font-size:10.5px}body.touch #toast{bottom:100px}.only-touch{display:none}body.touch .only-touch{display:inline}body.touch .only-mouse{display:none}#rotate{z-index:100;background:var(--bg);color:var(--text);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:18px;display:none;position:fixed;inset:0}#rotate svg{width:72px;height:72px;color:var(--gold);animation:2.4s ease-in-out infinite turn}#rotate p{font:600 16px var(--body);letter-spacing:.04em;margin:0}@keyframes turn{0%,30%{transform:rotate(0)}70%,to{transform:rotate(-90deg)}}@media (orientation:portrait){body.touch #rotate{display:flex}}#labels{pointer-events:none;transition:opacity .35s;position:fixed;inset:0}#labels>div{font:600 11px var(--body);letter-spacing:.08em;opacity:.85;white-space:nowrap;text-shadow:0 1px 4px #000;position:absolute;top:0;left:0}#toast{background:var(--card-strong);border:1px solid var(--line-strong);border-left:3px solid var(--sel);font:500 14px/1.45 var(--body);text-wrap:balance;opacity:0;pointer-events:none;border-radius:12px;max-width:min(620px,90vw);padding:11px 18px 11px 15px;transition:opacity .25s,transform .25s;position:fixed;bottom:120px;left:50%;transform:translate(-50%,10px);box-shadow:0 10px 30px #0006}#toast.show{opacity:1;transform:translate(-50%)}.cta{color:#101014;width:100%;font:700 16px var(--display);letter-spacing:.14em;text-transform:uppercase;background:#f1efe9;border:none;border-radius:14px;padding:17px 20px;transition:transform .15s,box-shadow .15s}.cta:hover{transform:translateY(-2px);box-shadow:0 14px 34px #f1efe938}.cta.small{width:auto;padding:11px 18px;font-size:12px}.ghost{border:1px solid var(--line-strong);font:600 13px var(--body);color:#cfcdd6;background:#ffffff08;border-radius:12px;padding:12px 16px;transition:border-color .15s,background .15s,color .15s}.ghost:disabled{cursor:not-allowed;opacity:.5}.ghost.danger:hover{color:#ff8a70;border-color:#ff6a4c}.ghost em{font:600 10px var(--body);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);background:#ffffff1a;border-radius:99px;margin-left:6px;padding:2px 7px;font-style:normal}#menu{background:radial-gradient(at 50% 45%,#07070a40,#07070ab8 70%);place-items:center;padding:24px;transition:opacity .35s;display:grid;position:fixed;inset:0;overflow:auto}#menu.hidden{opacity:0;pointer-events:none}.stage{-webkit-backdrop-filter:blur(14px)saturate(1.1);backdrop-filter:blur(14px)saturate(1.1);background:#0e0d1294;border:1px solid #ffffff17;border-radius:0;flex-direction:column;align-items:center;width:min(400px,100%);padding:22px 24px 24px;animation:.6s ease-out both rise;display:flex;box-shadow:0 30px 80px #0000008c}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.brand{justify-content:center;margin-bottom:2px;display:flex}.logo-full{width:190px;height:auto;overflow:visible}.entry-panel{flex-direction:column;gap:14px;width:100%;display:flex}.tag{font:600 11px var(--body);letter-spacing:.3em;text-transform:uppercase;color:#cdbb97;text-align:center;margin:0 0 4px}.menu-msg{color:#ffb3a2;background:#ff6a4c1a;border:1px solid #ff6a4c66;border-radius:0;margin:0;padding:10px 12px;font-size:13px;font-weight:500;line-height:1.45}.name-row{grid-template-columns:1fr auto;gap:10px;display:grid}.name-field{border:1px solid var(--line-strong);background:#ffffff0d;border-radius:0;align-items:center;gap:8px;padding:0 12px;transition:border-color .15s,background .15s;display:flex}.name-field:focus-within{border-color:var(--gold);background:#ffc46b0f}.name-field svg{color:#6f6c78;flex:none;width:15px;height:15px}.name-field input{width:100%;font:500 14px var(--body);-webkit-user-select:text;user-select:text;background:0 0;border:none;outline:none;padding:11px 0}.name-field input::placeholder{color:#6f6c78;font-weight:400}.go{background:var(--gold);color:#1c1407;font:800 13px var(--display);letter-spacing:.06em;text-transform:uppercase;border:none;border-radius:0;padding:0 18px;transition:filter .15s,transform .1s;box-shadow:0 0 22px #ffaa4647}.go:hover:not(:disabled){filter:brightness(1.08)}.go:active:not(:disabled){transform:scale(.97)}.go:disabled{cursor:not-allowed;color:#8a8894;box-shadow:none;background:#ffffff1a}.social-row{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.social-btn{color:#cfcdd6;background:#ffffff0a;border:1px solid #ffffff14;border-radius:0;place-items:center;padding:9px 0;display:grid}.social-btn svg{width:15px;height:15px}.social-btn:disabled{cursor:not-allowed;opacity:.55}.row4{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;display:grid}.row4 .solid{letter-spacing:0;gap:4px;min-width:0;padding:10px 2px;font-size:9px}.row4 .solid svg{width:10px;height:10px}.solid{background:var(--gold);color:#1c1407;font:800 11px var(--body);letter-spacing:.08em;text-transform:uppercase;border:none;border-radius:0;justify-content:center;align-items:center;gap:6px;padding:10px 4px;transition:filter .15s;display:flex}.solid svg{flex:none;width:13px;height:13px}.solid:hover:not(:disabled){filter:brightness(1.08)}.solid:disabled{cursor:not-allowed;color:#8a8894;background:#ffffff1a}.fine{color:var(--muted);text-align:center;margin:2px 0 0;font-size:11.5px}.sheet.wide{width:min(760px,100%);max-height:calc(100vh - 48px);overflow:auto}.tutorial h2{font:600 12px var(--body);letter-spacing:.26em;text-transform:uppercase;color:var(--muted);margin:6px 0 20px}.tutorial ol{counter-reset:step;flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.tutorial li{counter-increment:step;border:1px solid #0000;border-radius:14px;align-items:flex-start;gap:16px;padding:12px 14px;transition:background .15s,border-color .15s;display:flex}.tutorial li:hover{border-color:var(--line);background:#ffffff0a}.tutorial .ic{width:44px;height:44px;color:var(--text);background:#eceae414;border-radius:13px;flex:none;place-items:center;display:grid;position:relative}.tutorial .ic svg{width:22px;height:22px}.tutorial .ic:after{content:counter(step);background:var(--text);color:#101014;width:18px;height:18px;font:700 10px var(--display);border-radius:50%;place-items:center;display:grid;position:absolute;top:-6px;left:-6px}.tutorial b{font:600 15px var(--display);letter-spacing:-.01em;margin-bottom:4px;display:block}.tutorial span:not(.ic){color:#a9a7b2;font-size:13.5px;line-height:1.55;display:block}.tutorial em{font-style:normal;font-weight:700}.tutorial em.pos{color:#ff7a6b}.tutorial em.neg{color:#6fb0ff}.modal{z-index:20;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#050508b8;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.sheet{background:var(--card-strong);border:1px solid var(--line-strong);border-radius:18px;width:min(460px,100%);padding:22px 24px 24px;box-shadow:0 30px 80px #0009}.sheet header{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.sheet h3{font:700 18px var(--display);margin:0}#prof-body{grid-template-columns:1fr auto;gap:0;margin:0 0 20px;display:grid}#prof-body dt,#prof-body dd{border-bottom:1px solid var(--line);margin:0;padding:11px 0}#prof-body dt{color:var(--muted)}#prof-body dd{font:600 15px var(--display);text-align:right;font-variant-numeric:tabular-nums}.row-set{justify-content:space-between;align-items:center;gap:16px;padding:6px 0 22px;display:flex}.seg{background:#ffffff0f;border-radius:11px;padding:3px;display:inline-flex}.seg button{color:var(--muted);font:600 12px var(--body);background:0 0;border:none;border-radius:8px;padding:8px 16px}.seg button.on{background:var(--text);color:#101014}.row-btns{justify-content:flex-end;gap:10px;display:flex}@media (width<=900px){.logo-full{width:160px}}.solid.wide{width:100%}.shop-note{color:#a9a7b2;margin:0 0 16px;font-size:13px;line-height:1.5}.shop-list h4{font:600 11px var(--body);letter-spacing:.26em;text-transform:uppercase;color:var(--gold);margin:22px 0 10px}.shop-list h4:first-child{margin-top:0}.shop-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px;display:grid}.skin-card{text-align:left;border:1px solid var(--line-strong);background:#ffffff08;border-radius:0;flex-direction:column;gap:10px;padding:12px;transition:border-color .15s,background .15s;display:flex}.skin-card:hover{background:#ffffff0f;border-color:#fff6}.skin-card.on{border-color:var(--gold);background:#ffc46b12}.skin-card canvas{background:#0c0b10;width:100%;height:auto;display:block}.skin-card b{font:700 14px var(--display);letter-spacing:-.01em}.skin-card span{color:#a9a7b2;font-size:12.5px;line-height:1.45}.skin-card em{font-style:normal;font:800 11px var(--body);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.skin-card.on em{color:var(--gold)}.room-code{text-align:center;font:700 38px var(--display);letter-spacing:.3em;color:var(--gold);margin:4px 0 20px;padding-left:.3em}.room-input{box-sizing:border-box;border:1px solid var(--line-strong);width:100%;color:var(--text);text-align:center;text-transform:uppercase;font:700 26px var(--display);letter-spacing:.3em;background:#ffffff0d;border-radius:0;margin-bottom:12px;padding:14px}.room-input:focus{outline:1px solid var(--gold)}html,body{overscroll-behavior:none;-webkit-tap-highlight-color:transparent}body:not(.logged) .logged-only,body.logged .logged-out{display:none}.row4{grid-template-columns:repeat(4,minmax(0,1fr))}body.logged .row4{grid-template-columns:repeat(5,minmax(0,1fr))}.social-btn:not(:disabled){cursor:pointer}.social-btn:not(:disabled):hover{color:#fff;background:#ffffff14;border-color:#ffc46b73}.profile-card{border:1px solid var(--line-strong);background:#ffffff0a;grid-template-columns:76px 1fr;gap:6px 14px;padding:12px;display:grid}.pf-avatar{border:2px solid var(--gold);background:radial-gradient(circle at 35% 30%,#ffc46b66,#0c0b10 75%);place-items:center;width:76px;height:76px;display:grid;box-shadow:0 0 18px #ffaa4647,inset 0 0 22px #0009}.pf-avatar span{font:800 34px var(--display);color:#fff3df;text-shadow:0 0 14px #ffaa46cc}.pf-info{flex-direction:column;justify-content:center;gap:3px;min-width:0;display:flex}.pf-name{font:800 17px var(--display);letter-spacing:.02em;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pf-mail{font:500 11.5px var(--body);color:var(--muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pf-stats{grid-template-columns:repeat(3,1fr);gap:4px;margin-top:4px;display:grid}.pf-stats div{background:#00000047;flex-direction:column;align-items:center;padding:4px 2px;display:flex}.pf-stats b{font:800 15px var(--display);font-variant-numeric:tabular-nums}.pf-stats span{font:600 8.5px var(--body);letter-spacing:.1em;color:var(--muted);text-transform:uppercase;white-space:nowrap}.pf-play{grid-column:1/-1;padding:12px;font-size:14px}.auth-tabs{border-bottom:1px solid var(--line-strong);grid-template-columns:1fr 1fr;margin-bottom:16px;display:grid}.auth-tabs button{color:var(--muted);font:700 12px var(--body);letter-spacing:.12em;text-transform:uppercase;background:0 0;border:0;border-bottom:2px solid #0000;padding:9px 4px}.auth-tabs button.on{color:var(--text);border-bottom-color:var(--gold)}.auth-form{flex-direction:column;gap:10px;display:flex}.auth-form label{font:600 11px var(--body);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);flex-direction:column;gap:4px;display:flex}.auth-input{box-sizing:border-box;border:1px solid var(--line-strong);width:100%;color:var(--text);font:500 14px var(--body);-webkit-user-select:text;user-select:text;background:#ffffff0d;border-radius:0;outline:none;padding:11px 12px;transition:border-color .15s,background .15s}.auth-input:focus{border-color:var(--gold);background:#ffc46b0f}.auth-input::placeholder{color:#6f6c78;text-transform:none;letter-spacing:0;font-weight:400}#login:not([data-mode=signup]) .signup-only{display:none}.auth-note{color:#a9a7b2;min-height:18px;margin:12px 0 0;font-size:12.5px;line-height:1.45}.auth-note.err{color:#ff8a8a}#profile .row-btns{justify-content:space-between;margin-top:6px}.modal{-webkit-backdrop-filter:blur(8px);background:radial-gradient(at 50% 45%,#07070a66,#07070acc 75%);overflow:auto}.sheet{-webkit-backdrop-filter:blur(14px)saturate(1.1);scrollbar-width:thin;scrollbar-color:#fff3 transparent;background:#0e0d129e;border:1px solid #ffffff17;border-radius:0;width:min(440px,100%);max-height:calc(100dvh - 48px);margin:auto;padding:24px;animation:.28s ease-out both rise;position:relative;overflow:hidden auto;box-shadow:0 30px 80px #0000008c}.sheet.wide{width:min(760px,100%)}.sheet>*{min-width:0}.sheet header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;margin:0 0 24px;padding-bottom:16px;display:flex}.sheet h3{font:700 12px/1 var(--display);letter-spacing:.22em;text-transform:uppercase;align-items:center;gap:12px;margin:0;display:flex}.sheet h3:before{content:"";background:var(--gold);flex:none;width:3px;height:14px}.ghost{font:700 10.5px var(--body);letter-spacing:.14em;text-transform:uppercase;border:1px solid var(--line-strong);color:#cfcdd6;background:#ffffff0a;border-radius:0;padding:12px 16px}.ghost.small{padding:9px 14px;font-size:10px}.ghost.danger{color:#c9908a}.ghost:hover:not(:disabled){color:#fff;background:#ffc46b12;border-color:#ffc46b8c}.ghost.danger:hover{color:#ff8a70;background:#ff6a4c14;border-color:#ff6a4c}.cta{border-radius:0}.row-btns{grid-auto-columns:1fr;grid-auto-flow:column;gap:8px;margin-top:24px;display:grid}.row-btns .cta.small,.row-btns .ghost.small{width:100%;padding:13px 8px}#profile .row-btns{margin-top:16px}.row-set{grid-template-columns:minmax(0,1fr);gap:8px;padding:0 0 24px;display:grid}.row-set>span{font:600 10px var(--body);letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}.seg{background:0 0;border-radius:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;padding:0;display:grid}.row-set .seg{grid-template-columns:repeat(3,minmax(0,1fr))}.seg button{border:1px solid var(--line-strong);color:#cfcdd6;min-width:0;font:600 11px var(--body);letter-spacing:.04em;text-align:center;text-overflow:ellipsis;white-space:nowrap;background:#ffffff0a;border-radius:0;padding:11px 8px;transition:border-color .15s,background .15s,color .15s;overflow:hidden}.seg button:hover{color:#fff;border-color:#ffc46b80}.seg button.on{background:var(--gold);border-color:var(--gold);color:#1c1407;font-weight:800}#settings .row-btns{margin-top:0}#prof-body{border:1px solid var(--line);background:#ffffff06;margin:0 0 24px}#prof-body dt,#prof-body dd{padding:11px 16px}#prof-body dt{font:600 10px var(--body);letter-spacing:.14em;text-transform:uppercase;align-items:center;display:flex}#prof-body dd{font:700 14px var(--display)}#prof-body dt:last-of-type,#prof-body dd:last-of-type{border-bottom:0}.auth-tabs{margin-bottom:24px}.auth-form{gap:16px}.auth-form label{font:600 10px var(--body);letter-spacing:.18em;gap:8px}.auth-input,.room-input{padding:13px 14px;font-size:14px}.auth-note{min-height:0;margin:16px 0 0}.auth-note:empty{display:none}#acct-form{margin:0}.sheet .solid.wide{margin-top:8px;padding:14px;font-size:12px}.shop-note{margin:0 0 24px;font-size:13px;line-height:1.6}.room-code{border:1px solid var(--line);background:#ffffff08;margin:0 0 24px;padding:18px 0 18px .3em}.room-input{margin-bottom:16px}.shop-list h4{border-bottom:1px solid var(--line);margin:24px 0 16px;padding-bottom:8px}.shop-grid{gap:16px}.skin-card{gap:12px;padding:12px}.tutorial ol{gap:8px}.tutorial li{border:1px solid var(--line);background:#ffffff08;border-radius:0;align-items:center;gap:16px;padding:16px}.tutorial li:hover{background:#ffffff0d;border-color:#ffc46b59}.tutorial .ic{width:44px;height:44px;color:var(--gold);background:#ffc46b14;border:1px solid #ffc46b4d;border-radius:0}.tutorial .ic:after{background:var(--gold);color:#1c1407;border-radius:0;top:-7px;left:-7px}.tutorial b{font:700 13px var(--display);letter-spacing:.02em;margin-bottom:6px}.tutorial span:not(.ic){font-size:13px;line-height:1.6}.tutorial-note{margin:0}.name-field .dice{color:#8b8994;background:0 0;border:0;flex:none;place-items:center;width:30px;height:30px;margin-right:-6px;transition:color .15s,background .15s;display:grid}.name-field .dice:hover{color:var(--gold);background:#ffc46b1a}.name-field .dice svg{width:16px;height:16px;color:inherit}@media (width<=520px){.modal{padding:12px}.sheet{max-height:calc(100dvh - 24px);padding:20px 16px}.sheet header{margin-bottom:20px}.tutorial li{gap:12px;padding:12px}}.tutorial span.only-touch:not(.ic){display:none}body.touch .tutorial span.only-touch:not(.ic){display:inline}body.touch .tutorial span.only-mouse:not(.ic){display:none}.tutorial b span:not(.ic){color:inherit;font-size:inherit;line-height:inherit;display:inline}.modal{-webkit-backdrop-filter:blur(10px);background:radial-gradient(at 50% 45%,#07070a9e,#07070ae6 75%)}.sheet{background:#0e0d12db}.stage{justify-content:flex-start;min-height:433px;position:relative}.logo-full{width:124px}.brand{margin-bottom:12px}.entry-panel{flex:1;gap:15px}.name-row{display:block}.name-field input{padding:12px 0;font-size:14.5px}#btn-play.solid{letter-spacing:.14em;padding:13px 4px;font-size:13px}.profile-card{grid-template-columns:62px 1fr;gap:6px 12px;padding:10px}.pf-avatar{width:62px;height:62px}.pf-avatar span{font-size:28px}@property --edge{syntax:"<angle>";inherits:false;initial-value:0deg}.stage:before{content:"";pointer-events:none;background:conic-gradient(from var(--edge), transparent 0 74%, #ffd68c26 80%, #ffeec8f2 92%, #ffd68c26 98%, transparent 100%);-webkit-mask-composite:xor;padding:1.5px;animation:7s linear infinite edge-spin;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@keyframes edge-spin{to{--edge:360deg}}@media (prefers-reduced-motion:reduce){.stage:before{animation:none}}@media (width<=900px){.logo-full{width:112px}}.row4 .solid{color:#cfcdd6;background:#ffffff0a;border:1px solid #ffffff14;transition:border-color .15s,background .15s,color .15s}.row4 .solid:hover:not(:disabled){filter:none;color:#fff;background:#ffffff14;border-color:#ffc46b73}.shop-tabs{border-bottom:1px solid var(--line-strong);grid-template-columns:repeat(4,1fr);margin-bottom:16px;display:grid}.shop-tabs button{color:var(--muted);font:700 12px var(--body);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:10px 4px;transition:color .15s,border-color .15s}.shop-tabs button:hover{color:var(--text)}.shop-tabs button.on{color:var(--text);border-bottom-color:var(--gold)}.shop-soon{text-align:center;font:600 12px var(--body);letter-spacing:.26em;text-transform:uppercase;color:var(--muted);margin:40px 0}.map-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;display:grid}.map-card{color:var(--text);text-align:left;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:0;flex-direction:column;align-items:flex-start;gap:6px;padding:14px;transition:border-color .15s,background .15s;display:flex}.map-card b{font:700 14px var(--display)}.map-card em{font:600 10px var(--body);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-style:normal}.map-card:hover{background:#ffffff14;border-color:#ffc46b73}.map-card.on{border-color:var(--gold);background:#ffc46b14}.map-card.on em{color:var(--gold)}#shop .sheet{flex-direction:column;width:min(760px,100%);height:min(640px,100dvh - 48px);max-height:none;display:flex;overflow:hidden}#shop .sheet header,#shop .shop-tabs{flex:none}#shop #shop-note{flex:none;min-height:3.2em;margin-bottom:16px}#shop .shop-list{flex:1;min-height:0;padding-right:6px;overflow:hidden auto}#shop .shop-list[hidden]{display:none}#shop .shop-soon{place-items:center;height:100%;margin:0;display:grid}.el-tile{flex-direction:column;justify-content:center;align-items:center;gap:2px;width:100%;height:100%;line-height:1;display:flex}.el-tile i{font:700 9.5px/1 var(--body);letter-spacing:.04em;color:var(--wc);opacity:.8;font-variant-numeric:tabular-nums;font-style:normal}.el-tile b{font:800 19px/1 var(--display);letter-spacing:-.02em;color:var(--wc);text-shadow:0 0 10px color-mix(in srgb, var(--wc) 55%, transparent)}#w-name.long{letter-spacing:.08em;font-size:9.5px}#weapon.omega .w-arc{filter:drop-shadow(0 0 5px #ff9150e6)}#weapon.omega .el-tile b{color:#ffd6a8;font-size:20px}body.touch .el-tile b{font-size:16px}body.touch .el-tile i{font-size:8.5px}#death{z-index:15;pointer-events:none;background:radial-gradient(#07070a1a,#07070a8c 80%);place-items:center;padding:24px;display:grid;position:fixed;inset:0}#death[hidden]{display:none}.death-card{pointer-events:auto;text-align:center;-webkit-backdrop-filter:blur(14px)saturate(1.1);backdrop-filter:blur(14px)saturate(1.1);background:#0e0d12ad;border:1px solid #ffffff1a;flex-direction:column;gap:14px;width:min(340px,100%);padding:22px 24px 20px;animation:.35s ease-out both rise;display:flex;box-shadow:0 30px 80px #0000008c}.death-card h2{font:800 12px var(--body);letter-spacing:.3em;text-transform:uppercase;color:#ff8a70;margin:0}.death-card #death-msg{font:600 15px/1.45 var(--display);color:var(--text);margin:0}.death-bar{background:#ffffff0d;border:1px solid #ffc46b59;place-items:center;height:44px;display:grid;position:relative;overflow:hidden}.death-bar i{transform-origin:0;background:linear-gradient(90deg,#ffc46b8c,#ffaa46d9);position:absolute;inset:0;transform:scaleX(0)}.death-bar span{font:800 13px var(--body);letter-spacing:.18em;text-transform:uppercase;color:#fff;text-shadow:0 1px 6px #0009;position:relative}.death-card .ghost{align-self:center}.row-set .seg:has([data-captions]){grid-template-columns:repeat(2,minmax(0,1fr))}.row-set .seg.cam-presets{grid-template-columns:repeat(4,minmax(0,1fr))}.cam-sliders{gap:12px}.cam-sliders label{font:600 10px var(--body);letter-spacing:.18em;text-transform:uppercase;color:var(--muted);grid-template-columns:1fr auto;align-items:center;gap:6px 10px;display:grid}.cam-sliders label b{font:700 12px var(--display);letter-spacing:0;color:var(--text);font-variant-numeric:tabular-nums}.cam-sliders input[type=range]{width:100%;accent-color:var(--gold);cursor:pointer;grid-column:1/-1}
