:root{--bg:#07070a;--bg-2:#120607;--surface:#121014db;--raised:#221c20;--border:#3a2a2a;--steel:#b9c0cb;--text:#f3efe9;--muted:#a79c96;--accent:#ff8a1e;--accent-2:#ffcf3f;--accent-text:#1a0d02;--red:#e2231a;--p1:#ffb52a;--p2:#ff3b30;--danger:#ff5a4f;--success:#52d38e;--radius:4px;--display:"Teko", "Rajdhani", "Barlow Condensed", "Arial Narrow", sans-serif;--ui:"Rajdhani", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--chrome:linear-gradient(180deg, #fff 0%, #e6e9ee 30%, #8a919c 48%, #3d434c 52%, #c9ced6 70%, #fff 100%);--fire:linear-gradient(180deg, #fff3a0 0%, #ffc53a 30%, #ff6a00 65%, #b21000 100%);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);font:500 17px/1.45 var(--ui);-webkit-text-size-adjust:100%;margin:0}body{background:radial-gradient(1200px 600px at 50% 110%, #ff5a0047, transparent 60%), radial-gradient(900px 500px at 10% -10%, #b4140a40, transparent 60%), radial-gradient(900px 500px at 100% 0%, #780a0a40, transparent 60%), linear-gradient(180deg, #0b0709 0%, var(--bg) 60%, #0e0505 100%);background-attachment:fixed;min-height:100dvh}body:after{content:"";pointer-events:none;z-index:1;mix-blend-mode:multiply;background:repeating-linear-gradient(0deg,#0000002e 0 1px,#0000 1px 3px);position:fixed;inset:0}a{color:var(--accent-2);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{font-family:var(--display);letter-spacing:.04em;text-transform:uppercase;margin:0 0 .4em;font-weight:600;line-height:.95}h2{font-size:1.9rem}.muted{color:var(--muted)}.small{font-size:.88rem}.sr-only{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.error-text{color:var(--danger);font-size:.95rem}.notice{border-radius:var(--radius);background:#ff8a1e1a;border:1px solid #ff8a1e73;padding:.6rem .85rem}.replaced{text-align:center;z-index:5;border-radius:0;position:relative}:focus-visible{outline:3px solid var(--accent-2);outline-offset:3px}.embers{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.embers span{width:4px;height:4px;bottom:-12px;left:calc(var(--i) * 4.7% + 1%);opacity:0;animation:ember calc(7s + var(--i) * .37s) linear infinite;animation-delay:calc(var(--i) * -.9s);background:radial-gradient(circle,#fff6b0 0%,#ff8a1e 45%,#0000 70%);border-radius:50%;position:absolute;box-shadow:0 0 10px 2px #ff781499}@keyframes ember{0%{opacity:0;transform:translate(0)scale(1)}10%{opacity:.9}to{transform:translate(calc((var(--i) - 10) * 3px), -105vh) scale(.3);opacity:0}}.logo{-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;line-height:.8;display:inline-flex}.logo-main{align-items:flex-end;display:inline-flex;transform:skew(-8deg)}.logo-word,.logo-3{font-family:var(--display);letter-spacing:.02em;background:var(--chrome);color:#0000;-webkit-text-stroke:1px #0000008c;filter:drop-shadow(0 2px #000)drop-shadow(0 0 18px #ff6e148c);-webkit-background-clip:text;background-clip:text;font-weight:700}.logo-3{background:var(--fire);-webkit-background-clip:text;background-clip:text;margin-left:.04em;font-size:1.35em;line-height:.72}.logo-online{font-family:var(--display);letter-spacing:.55em;color:#fff;background:linear-gradient(90deg, transparent, var(--red) 15%, var(--red) 85%, transparent);padding-left:.55em;text-shadow:0 1px #000;margin-top:.1em;padding-block:.12em;font-weight:600}.logo-lg{font-size:clamp(4.2rem,16vw,9rem)}.logo-lg .logo-online{font-size:.24em}.logo-md{font-size:4rem}.logo-md .logo-online{font-size:.26em}.logo-sm{flex-direction:row;align-items:center;gap:.35rem;font-size:1.9rem}.logo-sm .logo-online{letter-spacing:.2em;margin:0;padding:.1em .4em;font-size:.5em}.logo-img-lg{max-width:min(560px,86vw)}.logo-img-md{max-width:280px}.logo-img-sm{height:34px}.fighter{pointer-events:none;position:relative}.fighter-svg{filter:drop-shadow(0 0 22px #ff6e1459)drop-shadow(0 14px 18px #000);width:100%;height:auto}.fighter-svg.mirrored{transform:scaleX(-1)}.fighter-img{object-fit:contain;filter:drop-shadow(0 12px 22px #000);width:100%;height:auto}.fighter-right .fighter-svg{filter:drop-shadow(0 0 22px #ff281e66)drop-shadow(0 14px 18px #000)}.vs-badge{font-family:var(--display);background:var(--fire);color:#0000;-webkit-text-stroke:1.5px #000;filter:drop-shadow(0 0 16px #ff5a00cc);-webkit-background-clip:text;background-clip:text;font-size:4.2rem;font-style:italic;font-weight:700;line-height:.8}.power-bar{background:#1b0f0f;border:2px solid #000;height:14px;overflow:hidden;transform:skew(-18deg);box-shadow:inset 0 0 0 1px #5a3b2e,0 0 0 1px #6b5445}.power-fill{background:linear-gradient(#fff59a,#ffd12a 40%,#e38a00);height:100%;box-shadow:0 0 10px #ffc828b3}.power-right{direction:rtl}.power-right .power-fill{background:linear-gradient(#ffb2a8,#ff4b3a 40%,#a30d05);box-shadow:0 0 10px #ff3c28b3}.screen{min-height:100dvh;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);flex-direction:column;display:flex;position:relative}.screen>*{z-index:2;position:relative}.screen>.embers{z-index:0;position:fixed}.topbar{padding:.55rem 1rem;padding-top:calc(.55rem + env(safe-area-inset-top));background:linear-gradient(#000000d9,#00000059);border-bottom:1px solid #ff8a1e59;justify-content:space-between;align-items:center;gap:.6rem;display:flex}.topbar-left,.topbar-right{align-items:center;gap:.6rem;display:flex}.brand{color:var(--text);display:inline-flex}.brand:hover{text-decoration:none}.topbar-user{color:var(--text);font-family:var(--display);letter-spacing:.06em;text-transform:uppercase;font-size:1.35rem}.dot{background:var(--muted);border-radius:50%;width:9px;height:9px;display:inline-block;box-shadow:0 0 8px}.dot-online{background:var(--success);color:var(--success)}.dot-offline{background:var(--danger);color:var(--danger)}.content{flex-direction:column;gap:1rem;width:100%;max-width:620px;margin:0 auto;padding:1.25rem 1rem 3rem;display:flex}.content-wide{max-width:1040px}.page-title{background:var(--chrome);color:#0000;-webkit-text-stroke:.6px #00000080;filter:drop-shadow(0 2px #000)drop-shadow(0 0 12px #ff641459);-webkit-background-clip:text;background-clip:text;margin:.2rem 0;font-size:clamp(2.6rem,9vw,3.6rem);font-style:italic}.panel{border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(#1e1618eb,#0c0a0ceb);border-top:2px solid #ff8a1e8c;padding:1.1rem;box-shadow:0 10px 30px #00000080,inset 0 1px #ffffff0a}.actions{flex-wrap:wrap;gap:.6rem;margin-top:.8rem;display:flex}.btn{font:600 1.35rem/1 var(--display);letter-spacing:.08em;text-transform:uppercase;border-radius:var(--radius);cursor:pointer;min-height:46px;color:var(--text);clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);border:1px solid #0000;padding:.7rem 1.3rem .55rem;transition:transform 80ms,filter .12s;position:relative}.btn:disabled{opacity:.45;cursor:not-allowed}.btn:not(:disabled):hover,.btn:focus-visible{filter:brightness(1.15);transform:translateY(-1px)}.btn:not(:disabled):active{transform:translateY(1px)}.btn-primary{color:var(--accent-text);text-shadow:0 1px #ffffff59;background:linear-gradient(#ffd24a,#ff8a1e 55%,#d44a00);box-shadow:0 0 22px #ff781459}.btn-secondary{background:linear-gradient(#3b3236,#1d181b);border-color:#4a3b3b}.btn-ghost{background:#00000059;border-color:#4a3b3b}.btn-danger{color:#ffd6d2;background:linear-gradient(#7d1512,#3b0806)}.btn-lg{width:100%;min-height:60px;padding:.85rem 1.6rem .7rem;font-size:1.8rem}.btn-sm{min-height:36px;padding:.45rem .9rem .35rem;font-size:1.05rem}.icon-btn{color:var(--text);border-radius:var(--radius);cursor:pointer;background:#0a080ab8;border:1px solid #4a3b3b;min-width:42px;height:42px;font-size:1rem}.link-btn{color:var(--accent-2);font:inherit;cursor:pointer;background:0 0;border:0;padding:0}.input{width:100%;color:var(--text);border:1px solid #4a3b3b;border-bottom:2px solid var(--accent);border-radius:var(--radius);font:600 1.25rem var(--ui);background:#0000008c;padding:.75rem .9rem}.code-input{font-family:var(--display);letter-spacing:.35em;text-transform:uppercase;text-align:center;margin-bottom:.75rem;font-size:2.4rem}.field{flex-direction:column;gap:.35rem;margin:.8rem 0;display:flex}.field.check{flex-direction:row;align-items:center;gap:.6rem}input[type=range]{accent-color:var(--accent)}.segmented{grid-template-columns:1fr 1fr;gap:6px;display:grid}.segmented button{color:var(--muted);font:600 1.45rem var(--display);letter-spacing:.06em;cursor:pointer;clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);background:#00000073;border:1px solid #4a3b3b;padding:.55rem .5rem .4rem}.segmented button.active{color:var(--accent-text);background:linear-gradient(#ffd24a,#ff8a1e 55%,#d44a00)}.tag{font:600 .8rem var(--ui);color:var(--accent-2);text-transform:uppercase;letter-spacing:.06em;background:#ff8a1e24;border:1px solid #ff8a1e80;margin-left:.4rem;padding:1px 6px}.hero{text-align:center;grid-template-columns:1fr;align-items:end;padding:1.5rem 0 .5rem;display:grid}.hero-center{flex-direction:column;align-items:center;gap:.7rem;display:flex}.hero .fighter{display:none}.hero-sub{margin:.3rem 0 0;font-size:1.3rem;font-weight:600}.hero-points{color:var(--muted);flex-wrap:wrap;justify-content:center;gap:1.2rem;margin:0 0 .6rem;padding:0;list-style:none;display:flex}.hero-points li:before{content:"▸ ";color:var(--accent)}.press-start{max-width:360px;animation:1.2s steps(2,jump-none) infinite press}@keyframes press{50%{filter:brightness(1.35);box-shadow:0 0 36px #ff961eb3}}@media (min-width:900px){.hero{grid-template-columns:1fr 1.5fr 1fr;gap:1rem;min-height:62vh}.hero .fighter{max-height:60vh;display:block}.hero .fighter-left{animation:3.2s ease-in-out infinite sway}.hero .fighter-right{animation:3.2s ease-in-out infinite reverse sway}}@keyframes sway{50%{transform:translateY(-6px)}}.mode-cards{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:.8rem;display:grid}.mode-card{min-height:128px;color:var(--text);clip-path:polygon(0 0,calc(100% - 22px) 0,100% 22px,100% 100%,22px 100%,0 calc(100% - 22px));background:linear-gradient(160deg,#3c140ce6,#0a080af2 65%);border:1px solid #4a2f26;flex-direction:column;justify-content:flex-end;padding:1rem 1rem .8rem;transition:transform .12s,border-color .12s;display:flex;position:relative}.mode-card:hover,.mode-card:focus-visible{border-color:var(--accent);background:linear-gradient(160deg,#78280af2,#0e0a0cf2 70%);text-decoration:none;transform:translateY(-3px)}.mode-card .num{font:700 3.2rem var(--display);color:#ff8a1e2e;position:absolute;top:.4rem;right:1.6rem}.mode-card h2{margin:0;font-size:2.1rem;font-style:italic}.mode-card p{color:var(--muted);margin:.1rem 0 0}.footer{text-align:center}.menu{gap:1rem;margin-top:.4rem;display:grid}@media (min-width:900px){.menu{grid-template-columns:1fr 1.1fr;align-items:center}}.menu-welcome{font:600 1.6rem var(--display);letter-spacing:.06em;text-transform:uppercase;margin:0}.menu-welcome strong{color:var(--accent-2)}.menu-list{flex-direction:column;gap:.35rem;margin:0;padding:0;list-style:none;display:flex}.menu-item{text-align:left;cursor:pointer;width:100%;font:600 clamp(2rem, 7vw, 2.8rem)/1 var(--display);letter-spacing:.04em;text-transform:uppercase;color:#8d8580;background:0 0;border:0;align-items:center;gap:.8rem;padding:.35rem .8rem .2rem;font-style:italic;display:flex;position:relative}.menu-item:before{content:"";background:var(--fire);clip-path:polygon(0 0,100% 50%,0 100%);width:0;height:.62em;transition:width .12s}.menu-item:hover,.menu-item:focus-visible{color:#fff;text-shadow:0 0 14px #ff7814cc;background:linear-gradient(90deg,#e2231a8c,#e2231a00 80%);outline:none}.menu-item:hover:before,.menu-item:focus-visible:before{width:.5em}.menu-item:disabled{opacity:.35;cursor:not-allowed}.menu-item small{font:600 .9rem var(--ui);color:var(--muted);letter-spacing:.02em;text-transform:none;margin-left:auto;font-style:normal}.menu-stage{display:none}@media (min-width:900px){.menu-stage{grid-template-columns:1fr auto 1fr;align-items:center;display:grid}}.now-loaded{flex-wrap:wrap;align-items:center;gap:.4rem .8rem;font-size:.98rem;display:flex}.now-loaded strong{font:600 1.3rem var(--display);letter-spacing:.06em;color:var(--accent-2);text-transform:uppercase}.menu-links{flex-wrap:wrap;justify-content:center;gap:1.2rem;margin-top:.5rem;display:flex}.stats-row,.stats-grid{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:.75rem;margin-bottom:1rem;display:grid}.stat{flex-direction:column;display:flex}.stat-label{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:.85rem}.stat-value{font:600 2.1rem/1 var(--display);color:var(--accent-2)}.pulse{animation:1.4s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.5}}.search-ring{border:4px solid #ff8a1e33;border-top-color:var(--accent);border-right-color:var(--red);border-radius:50%;width:88px;height:88px;margin:.5rem auto;animation:.9s linear infinite spin;box-shadow:0 0 30px #ff5a0059}.vs-screen{grid-template-columns:1fr auto 1fr;align-items:center;gap:.6rem;display:grid}.vs-card{background:linear-gradient(#28180a33,#0a080aeb);border:1px solid #3f2f2a;flex-direction:column;justify-content:flex-end;min-height:190px;padding:.8rem;display:flex;position:relative;overflow:hidden}.vs-card .fighter{opacity:.92;position:absolute;inset:0 10% 36%}.vs-card.p1{border-top:3px solid var(--p1);clip-path:polygon(0 0,100% 0,calc(100% - 16px) 100%,0 100%)}.vs-card.p2{border-top:3px solid var(--p2);clip-path:polygon(0 0,100% 0,100% 100%,16px 100%);text-align:right}.vs-card.empty .fighter{opacity:.18;filter:grayscale()}.vs-name{font:600 1.8rem/1 var(--display);letter-spacing:.04em;text-transform:uppercase;font-style:italic;position:relative}.vs-card.p1 .vs-name{color:var(--p1)}.vs-card.p2 .vs-name{color:var(--p2)}.vs-meta{color:var(--muted);align-items:center;gap:.4rem;font-size:.95rem;display:flex;position:relative}.vs-card.p2 .vs-meta{justify-content:flex-end}.vs-card .power-bar{margin:.35rem 0;position:relative}.ready-stamp{font:700 1.6rem var(--display);letter-spacing:.08em;color:var(--success);border:3px solid var(--success);text-shadow:0 0 10px #52d38e99;padding:.1rem .5rem 0;position:absolute;top:.6rem;transform:rotate(-10deg)}.vs-card.p1 .ready-stamp{right:.8rem}.vs-card.p2 .ready-stamp{left:.8rem;transform:rotate(10deg)}.room-code{font:700 3.4rem/1 var(--display);letter-spacing:.25em;color:var(--accent-2);text-shadow:0 0 18px #ffb42880;margin:.2rem 0}.result-rows{margin:.5rem 0;padding:0;list-style:none}.result-rows li{grid-template-columns:1fr auto auto;align-items:center;gap:1rem;padding:.35rem 0;font-size:1.15rem;display:grid}.result-rows strong{font:600 1.7rem/1 var(--display);letter-spacing:.06em}.result-rows .win strong{color:var(--accent-2)}.result-rows .loss strong{color:var(--muted)}.result-rows li.you span:first-child{color:var(--accent-2)}.ko{font:700 clamp(4rem, 18vw, 7rem)/.85 var(--display);text-align:center;background:linear-gradient(#fff 0%,#ffb3a8 35%,#e2231a 55%,#6d0602 100%);color:#0000;-webkit-text-stroke:2px #000;filter:drop-shadow(0 0 20px #e2231ab3);-webkit-background-clip:text;background-clip:text;margin:.1rem 0 .2rem;font-style:italic;animation:.35s cubic-bezier(.2,1.6,.4,1) both slam}@keyframes slam{0%{opacity:0;transform:scale(2.2)}to{opacity:1;transform:scale(1)}}.chat-lines{max-height:160px;margin:0 0 .6rem;padding:0;font-size:1rem;list-style:none;overflow-y:auto}.chat-form{gap:.5rem;display:flex}.history,.pads{margin:0;padding:0;list-style:none}.history li{border-bottom:1px solid var(--border);grid-template-columns:1fr auto auto auto;align-items:center;gap:.8rem;padding:.5rem 0;display:grid}.leaderboard{margin:0;list-style:none}.leaderboard li{border-bottom:1px solid var(--border);grid-template-columns:3rem 1fr auto;align-items:center;padding:.5rem 0;display:grid}.leaderboard .rank{font:600 1.6rem var(--display);color:var(--muted)}.leaderboard li:first-child .rank{color:var(--accent-2)}.leaderboard .rating{font:600 1.6rem var(--display);color:var(--accent-2)}.mapping{border-collapse:collapse;width:100%;margin-bottom:.8rem}.mapping th{text-align:left;color:var(--muted);padding:.35rem 0;font-weight:600}.mapping td{padding:.35rem .4rem}.mapping td:last-child{text-align:right}.members{margin:0;padding:0;list-style:none}.devices{flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.device{background:#00000073;border:1px solid #4a3b3b;align-items:center;gap:.5rem;padding:.45rem .8rem;font-weight:600;display:flex}.device.active{border-color:var(--accent);box-shadow:0 0 14px #ff8a1e73}.device .kind{font:600 .75rem var(--ui);letter-spacing:.08em;text-transform:uppercase;color:var(--accent-2)}.arcade-panel{grid-template-columns:auto 1fr;place-items:center;gap:1.2rem 2rem;padding:1rem .5rem;display:grid}.stick{background:radial-gradient(circle,#2c2326 0%,#120d0f 70%);border:3px solid #3d2f2f;border-radius:50%;width:150px;height:150px;position:relative;box-shadow:inset 0 0 30px #000}.stick:before{content:"";background:#000;border-radius:50%;position:absolute;inset:42%}.stick-ball{background:radial-gradient(circle at 35% 30%,#ffb3a8,#e2231a 45%,#5b0602);border-radius:50%;width:54px;height:54px;margin:-27px;transition:transform 50ms;position:absolute;top:50%;left:50%;box-shadow:0 6px 12px #000}.stick-dirs{position:absolute;inset:0}.stick-dirs span{font:600 1rem var(--display);color:#5d4e4a;position:absolute}.stick-dirs .on{color:var(--accent-2);text-shadow:0 0 10px var(--accent)}.stick-dirs .u{top:4px;left:50%;transform:translate(-50%)}.stick-dirs .d{bottom:2px;left:50%;transform:translate(-50%)}.stick-dirs .l{top:50%;left:8px;transform:translateY(-50%)}.stick-dirs .r{top:50%;right:8px;transform:translateY(-50%)}.btn-cluster{grid-template-columns:repeat(2,72px);gap:14px 18px;display:grid}.arcade-btn{width:72px;height:72px;font:600 1.5rem var(--display);color:#8c7e79;background:radial-gradient(circle at 35% 30%,#4a3f42,#1e1719 70%);border:3px solid #3d2f2f;border-radius:50%;place-items:center;transition:transform 50ms;display:grid;box-shadow:0 6px #000,inset 0 -4px 10px #000}.arcade-btn.on{color:#1a0d02;background:radial-gradient(circle at 35% 30%,#fff3a0,#ffb52a 45%,#c55300);transform:translateY(4px);box-shadow:0 2px #000,0 0 22px #ff961ecc}.arcade-btn.kick.on{background:radial-gradient(circle at 35% 30%,#ffc2ba,#ff4b3a 45%,#8f0b04);box-shadow:0 2px #000,0 0 22px #ff3c28cc}.pill-row{grid-column:1/-1;gap:.8rem;display:flex}.pill{font:600 1.1rem var(--display);letter-spacing:.08em;color:#8c7e79;background:#1e1719;border:2px solid #3d2f2f;border-radius:999px;padding:.3rem 1rem .15rem}.pill.on{background:var(--accent);color:#1a0d02}.input-log{color:var(--muted);min-height:7.5em;margin:0;padding:0;font:500 .95rem ui-monospace,Menlo,monospace;list-style:none}.input-log li:first-child{color:var(--text)}.touch-test{background:#00000059;border:1px dashed #4a3b3b;height:240px;position:relative}@media (max-width:520px){.arcade-panel{grid-template-columns:1fr}}.spinner-wrap{text-align:center;flex-direction:column;align-items:center;gap:.8rem;padding:2rem 1rem;display:flex}.spinner-wrap p{font:600 1.6rem var(--display);letter-spacing:.08em;text-transform:uppercase;color:var(--text)}.spinner{border:4px solid #ff8a1e33;border-top-color:var(--accent);border-right-color:var(--red);border-radius:50%;width:46px;height:46px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.progress{text-align:center;width:min(420px,82vw)}.progress p:first-child{font:600 1.7rem var(--display);letter-spacing:.08em;text-transform:uppercase;margin:0 0 .4rem}.progress-track{background:#1b0f0f;border:2px solid #000;height:16px;overflow:hidden;transform:skew(-18deg);box-shadow:inset 0 0 0 1px #5a3b2e}.progress-fill{background:linear-gradient(#fff59a,#ffd12a 40%,#e38a00);height:100%;box-shadow:0 0 12px #ffc828b3}.error-state{text-align:center}.error-state h2{font-size:2.2rem}.error-state .actions{justify-content:center}.toasts{left:50%;bottom:calc(1rem + env(safe-area-inset-bottom));z-index:2000;flex-direction:column;gap:.5rem;width:min(440px,92vw);display:flex;position:fixed;transform:translate(-50%)}.toast{border:1px solid var(--accent);border-radius:var(--radius);background:#140e10f5;justify-content:space-between;gap:1rem;padding:.7rem .9rem;font-weight:600;display:flex;box-shadow:0 8px 24px #0009,0 0 18px #ff781440}.game-shell{touch-action:none;-webkit-user-select:none;user-select:none;z-index:100;background:#000;position:fixed;inset:0;overflow:hidden}.game-stage{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);position:absolute;inset:0}.game-overlay{z-index:30;background:radial-gradient(circle at 50% 60%,#3c0c06bf,#000000e6);place-items:center;padding:1rem;display:grid;position:absolute;inset:0}.game-overlay .panel{text-align:center;width:100%;max-width:440px}.game-overlay .actions{justify-content:center}.game-toolbar{top:calc(8px + env(safe-area-inset-top));right:calc(8px + env(safe-area-inset-right));z-index:25;opacity:.7;align-items:center;gap:6px;display:flex;position:absolute}.game-toolbar:hover{opacity:1}.match-tag{font:600 1.05rem var(--display);letter-spacing:.06em;text-transform:uppercase;background:#0a080ab8;border:1px solid #4a3b3b;padding:.45rem .6rem .3rem}.pause-menu{flex-direction:column;gap:.6rem;display:flex}.rotate-hint{top:calc(60px + env(safe-area-inset-top));border:1px solid var(--accent);z-index:26;white-space:nowrap;background:#140e10e6;padding:.5rem .8rem;font-size:.95rem;position:absolute;left:50%;transform:translate(-50%)}.banner{top:calc(8px + env(safe-area-inset-top));border:1px solid var(--accent);z-index:40;font:600 1.4rem var(--display);letter-spacing:.06em;text-align:center;text-transform:uppercase;background:#140a0aeb;max-width:90vw;padding:.5rem 1rem .35rem;position:absolute;left:50%;transform:translate(-50%)}.countdown{text-align:center}.countdown-names{font:600 clamp(1.6rem, 6vw, 2.6rem)/1 var(--display);text-transform:uppercase;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;font-style:italic;display:grid}.countdown-names .p1{color:var(--p1);text-align:right}.countdown-names .p2{color:var(--p2);text-align:left}.countdown-num{font:700 clamp(6rem, 22vw, 10rem)/.9 var(--display);background:var(--fire);color:#0000;-webkit-text-stroke:2px #000;filter:drop-shadow(0 0 24px #ff5a00cc);-webkit-background-clip:text;background-clip:text;margin:.2rem 0}.fight{animation:.35s cubic-bezier(.2,1.6,.4,1) both slam}@media (prefers-reduced-motion:reduce){.embers,.press-start,.hero .fighter{animation:none!important}.embers span{display:none}.pulse,.spinner,.search-ring{animation-duration:3s}}.btn-cluster.six{grid-template-columns:repeat(3,64px);gap:12px 14px}.btn-cluster.six .arcade-btn{width:64px;height:64px;font-size:1.25rem}.btn-cluster.six .arcade-btn:nth-child(n+4){translate:-18px}.arcade-btn.combo{font-size:1rem!important}.arcade-btn.combo.on{color:#fff;background:radial-gradient(circle at 35% 30%,#ecdcff,#9b5cff 45%,#43138a);box-shadow:0 2px #000,0 0 22px #a064ffcc}.controls-hint{text-align:left;grid-template-columns:auto 1fr;align-items:center;gap:.6rem 1.4rem;display:grid}.controls-hint kbd{color:#fff;background:linear-gradient(#3b3033,#1c1517);border:1px solid #5a4a45;border-bottom-width:3px;border-radius:6px;place-items:center;min-width:1.9em;height:1.9em;padding:0 .35em;font:600 .95rem/1 system-ui;display:inline-grid}.ch-move{justify-items:center;gap:.35rem;display:grid}.ch-move>span{color:var(--muted,#b9aaa5);font-size:.8rem}.ch-dirs{grid-template-columns:repeat(3,auto);gap:4px;display:grid}.ch-dirs .ch-up{grid-area:1/2}.ch-dirs kbd:nth-child(2){grid-area:2/1}.ch-dirs kbd:nth-child(3){grid-area:2/2}.ch-dirs kbd:nth-child(4){grid-area:2/3}.ch-stick{background:radial-gradient(circle,#231b1d 0 60%,#120d0e 61%);border:2px solid #3a2c2c;border-radius:50%;width:70px;height:70px;position:relative}.ch-ball{background:radial-gradient(circle at 34% 28%,#ffc4bb,#e2231a 42%,#5b0602);border-radius:50%;position:absolute;inset:26%}.ch-buttons{justify-content:start;gap:.45rem;display:grid}.ch-row{gap:.45rem;display:flex}.ch-row2{margin-left:-.9rem}.ch-btn{background:#00000059;border:2px solid #ffc83a;border-radius:999px;justify-items:center;gap:2px;width:3.6rem;padding:.3rem 0 .2rem;display:grid}.ch-btn.kick{border-color:#ff5a45}.ch-btn.combo{border-color:#b77dff}.ch-btn>span{font:600 .95rem var(--display);letter-spacing:.04em}.ch-extra{color:var(--muted,#b9aaa5);grid-column:1/-1;margin:0;font-size:.85rem}.game-hint{left:50%;bottom:calc(12px + env(safe-area-inset-bottom));z-index:26;cursor:pointer;background:#0c0707e6;border:1px solid #5a3b2e;border-radius:10px;max-width:min(560px,94vw);padding:.7rem 1rem;position:absolute;transform:translate(-50%)}.loading-screen{text-align:center;gap:.55rem;width:min(560px,100%);max-height:100%;padding:.5rem .25rem;display:grid;overflow-y:auto}.loading-title{font:700 clamp(1.8rem, 6vw, 2.6rem)/1 var(--display);text-transform:uppercase;letter-spacing:.06em;background:var(--fire);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0}.loading-first{background:#ffb4281f;border:1px solid #ffb42873;border-radius:8px;margin:0;padding:.45rem .7rem}.loading-track{height:20px}.loading-numbers{font-variant-numeric:tabular-nums;margin:0}.loading-steps{text-align:left;gap:.2rem;width:-moz-fit-content;width:fit-content;margin:.2rem auto;padding:0;list-style:none;display:grid}.loading-steps li{color:#7d6d69}.loading-steps li.done{color:#9fd49a}.loading-steps li.active{color:#fff;font-weight:600}.step-mark{width:1.4em;display:inline-block}.loading-steps li.active .step-mark{color:var(--accent-2);animation:1s infinite alternate pulse}.loading-fighter,.loading-tip{margin:0;animation:.5s fadein}.loading-fighter strong{color:var(--accent-2);text-transform:uppercase;font-family:var(--display);letter-spacing:.05em;font-size:1.25rem}.loading-tip{color:#d8c9c3;font-style:italic}.loading-controls{background:#00000059;border:1px solid #3a2c2c;border-radius:10px;padding:.6rem .8rem}.loading-controls h3{font:600 1.1rem var(--display);letter-spacing:.08em;text-transform:uppercase;text-align:left;margin:0 0 .4rem}@keyframes fadein{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.sound-pill{left:50%;top:calc(10px + env(safe-area-inset-top));z-index:27;position:absolute;transform:translate(-50%)}.current-room-bar{background:#ff8a1e1f;border:1px solid #ff8a1e8c;border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem .8rem;max-width:960px;margin:0 auto 1rem;padding:.6rem .9rem;display:flex}.current-room-bar .actions{margin:0}.admin{max-width:1280px;margin:0 auto;padding:1rem clamp(.75rem,3vw,2rem) 3rem}.admin-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.admin-top h1{font:700 2rem var(--display);letter-spacing:.06em;text-transform:uppercase;margin:0}.admin-tabs{flex-wrap:wrap;gap:.4rem;display:flex}.admin-tabs button{color:#d8c9c3;font:600 1rem var(--display);letter-spacing:.05em;cursor:pointer;background:#1b1315;border:1px solid #3a2c2c;border-radius:999px;padding:.35rem .9rem}.admin-tabs button.active{background:var(--accent);color:var(--accent-text);border-color:var(--accent)}.admin-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));gap:1rem;display:grid}.admin-grid .wide{grid-column:1/-1}.kpis{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.6rem;margin-bottom:1rem;display:grid}.kpi{background:#00000059;border:1px solid #3a2c2c;border-radius:10px;padding:.65rem .8rem;display:grid}.kpi-value{font:700 1.9rem/1 var(--display);color:#fff}.kpi-label{color:#b9aaa5;text-transform:uppercase;letter-spacing:.05em;font-size:.8rem}.kpi-hint{color:#8c7e79;font-size:.72rem}.kpi.good .kpi-value{color:#8fe08a}.kpi.warn .kpi-value{color:#ffcf3f}.kpi.bad .kpi-value{color:#ff6b5a}.live-dot{background:#3ddc6a;border-radius:50%;width:.6rem;height:.6rem;margin-right:.4rem;animation:1.2s infinite pulse;display:inline-block;box-shadow:0 0 8px #3ddc6a}.chart{margin:0}.chart svg{width:100%;height:200px;display:block}.chart-grid{stroke:#ffffff12;stroke-width:1px}.chart-label{fill:#8c7e79;font-size:11px}.chart-legend{flex-wrap:wrap;gap:.3rem 1rem;margin-bottom:.3rem;font-size:.85rem;display:flex}.chart-legend i{vertical-align:-1px;border-radius:2px;width:.7rem;height:.7rem;margin-right:.3rem;display:inline-block}.share-bars{gap:.35rem;margin:0;padding:0;list-style:none;display:grid}.share-bars li{grid-template-columns:minmax(90px,30%) 1fr auto;align-items:center;gap:.6rem;font-size:.9rem;display:grid}.share-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.share-track{background:#1b1315;border-radius:999px;height:10px;overflow:hidden}.share-fill{border-radius:999px;height:100%;display:block}.share-value{color:#b9aaa5;font-variant-numeric:tabular-nums}.table-wrap{overflow-x:auto}.admin table{border-collapse:collapse;width:100%;font-size:.9rem}.admin th,.admin td{text-align:left;white-space:nowrap;border-bottom:1px solid #2a2022;padding:.4rem .5rem}.admin th{color:#b9aaa5;text-transform:uppercase;letter-spacing:.04em;font-size:.78rem;font-weight:600}.admin td.wrap{white-space:normal;min-width:220px}.status-pill{background:#2a2022;border-radius:999px;padding:.05rem .5rem;font-size:.78rem;display:inline-block}.status-pill.completed,.status-pill.playing{color:#8fe08a;background:#3cc85a33}.status-pill.desync,.status-pill.connection_failed,.status-pill.abandoned,.status-pill.incompatible{color:#ff8b7d;background:#ff503c2e}.status-pill.resuming,.status-pill.loading,.status-pill.connecting{color:#ffd36b;background:#ffc83c2e}.admin-login{gap:.7rem;max-width:380px;margin:12vh auto 0;display:grid}.watch-page{background:#000;grid-template-rows:auto 1fr;display:grid;position:fixed;inset:0}.watch-bar{z-index:40;background:#120c0d;border-bottom:1px solid #3a2c2c;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;padding:.5rem .8rem;display:flex}.watch-bar .vs{font:600 1.4rem var(--display);letter-spacing:.05em;text-transform:uppercase}.watch-stage{position:relative}.watch-stage .game-stage{position:absolute;inset:0}.admin .btn{white-space:nowrap}.arena-loading{text-align:center;scrollbar-width:none;justify-items:center;gap:clamp(.6rem,2.2vh,1.2rem);width:min(760px,100%);max-height:100%;padding:clamp(.5rem,2vh,1.25rem) .5rem;display:grid;position:relative;overflow:hidden auto}.arena-loading::-webkit-scrollbar{display:none}.game-overlay:has(.arena-loading){background:radial-gradient(at 50% 38%,#3a0d05 0%,#140405 45%,#030102 100%)}.al-glow{filter:blur(10px);pointer-events:none;background:radial-gradient(at 50% 60%,#ff6e1447,#0000 65%);height:70%;animation:4s ease-in-out infinite alBreathe;position:absolute;inset:-20% -10% auto}@keyframes alBreathe{50%{opacity:.55;transform:scale(1.04)}}.al-logo{filter:drop-shadow(0 6px 24px #ff5a0059);position:relative;transform:scale(.9)}.al-core{justify-items:center;gap:.35rem;width:min(520px,100%);display:grid;position:relative}.al-kicker{letter-spacing:.32em;text-transform:uppercase;color:#ffcf7a;opacity:.85;margin:0;font:600 .78rem/1 system-ui,sans-serif}.al-headline{font:700 clamp(1.7rem, 6.2vw, 2.7rem)/1 var(--display);letter-spacing:.05em;text-transform:uppercase;color:#fff;text-shadow:0 2px #000,0 0 30px #ff781e59;margin:0}.al-percent{font:700 clamp(4.2rem, 17vw, 6.6rem)/.9 var(--display);font-variant-numeric:tabular-nums;background:linear-gradient(#fff6c9 0%,#ffd24a 38%,#ff7a00 72%,#b61a00 100%);color:#0000;filter:drop-shadow(0 4px 18px #ff6e0073);-webkit-background-clip:text;background-clip:text;align-items:flex-start;margin-top:.2rem;display:flex}.al-percent small{margin:.35em 0 0 .08em;font-size:.38em}.al-bar{background:#ffffff14;border-radius:999px;width:100%;height:6px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0d}.al-fill{transform-origin:0;border-radius:inherit;background:linear-gradient(90deg,#b61a00,#ff7a00 55%,#ffe08a);position:absolute;inset:0;transform:scaleX(0);box-shadow:0 0 14px #ff8c14cc}.al-fill:after{content:"";background:linear-gradient(90deg,#0000,#ffffff8c,#0000);width:30%;animation:1.8s linear infinite alShine;position:absolute;inset:0}@keyframes alShine{0%{transform:translate(-120%)}to{transform:translate(420%)}}.al-eta{font:600 1.05rem var(--display);letter-spacing:.08em;text-transform:uppercase;color:#f3e3d6;margin:.15rem 0 0}.al-sub{color:#cdb9ae;max-width:34rem;min-height:2.6em;margin:0;font-size:.95rem;line-height:1.35;animation:.6s fadein}.al-roster-wrap{gap:.5rem;width:100%;display:grid;position:relative}.al-roster-head{letter-spacing:.18em;text-transform:uppercase;color:#a89088;justify-content:space-between;align-items:baseline;padding:0 .2rem;font:600 .8rem system-ui,sans-serif;display:flex}.al-roster-head strong{font:700 1.2rem var(--display);letter-spacing:.06em;color:#ffd24a}.al-roster{grid-template-columns:repeat(10,1fr);gap:.4rem;margin:0;padding:0;list-style:none;display:grid}@media (max-width:640px){.al-roster{grid-template-columns:repeat(5,1fr)}}.al-tile{background:linear-gradient(#ffffff0a,#ffffff03);border:1px solid #ffffff0f;border-radius:8px;justify-items:center;gap:.2rem;padding:.45rem .1rem .35rem;transition:background .5s,border-color .5s,transform .4s;display:grid}.al-mono{clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);color:#5c4d49;width:2.1rem;height:2.1rem;font:700 1rem/1 var(--display);letter-spacing:.02em;background:#231a1c;place-items:center;transition:background .5s,color .5s;display:grid}.al-name{letter-spacing:.06em;color:#5c4d49;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font:600 .62rem/1 system-ui,sans-serif;transition:color .5s;overflow:hidden}.al-tile.on{background:linear-gradient(#ffaa2824,#ff5a000a);border-color:#ffbe4659}.al-tile.on .al-mono{color:#2a0e00;background:linear-gradient(160deg,#ffe7a0,#ff9d1e 55%,#b83c00)}.al-tile.on .al-name{color:#f2dccb}.al-tile.new{animation:.9s ease-out alUnlock}@keyframes alUnlock{0%{transform:scale(.85);box-shadow:0 0 #ffaa2800}40%{transform:scale(1.12);box-shadow:0 0 26px #ffaa28bf}to{transform:scale(1);box-shadow:0 0 #ffaa2800}}.al-caption{color:#bfa99f;min-height:1.4em;margin:0;font-size:.9rem;animation:.5s fadein}.al-caption strong{color:#ffd24a;font-family:var(--display);letter-spacing:.06em;text-transform:uppercase;font-size:1.15rem}.al-foot{color:#8f7a72;max-width:32rem;margin:0;font-size:.85rem;font-style:italic;animation:.8s fadein}.arena-loading.local .al-roster-wrap{opacity:.9}@media (max-height:560px){.al-logo{display:none}.al-percent{font-size:3.6rem}.al-roster{grid-template-columns:repeat(10,1fr)}.al-name{display:none}}.game-overlay:has(.arena-loading.with-ad){padding-top:max(.5rem, env(safe-area-inset-top));padding-bottom:max(.75rem, env(safe-area-inset-bottom));place-items:start center}.ad-slot{border-top:1px solid #ffffff0f;justify-items:center;gap:.3rem;width:100%;margin-top:.4rem;padding-top:.9rem;display:grid}.ad-label{letter-spacing:.18em;text-transform:uppercase;color:#6f5f5a;font:500 .62rem/1 system-ui,sans-serif}.ad-box{contain:strict;background:#ffffff06;border-radius:6px;width:300px;max-width:100%;height:250px;overflow:hidden}.ad-dev{color:#8c7e79;border:1px dashed #5a4a45;place-items:center;font:600 .8rem system-ui,sans-serif;display:grid}.arena-loading.with-ad .al-roster{gap:.3rem}.arena-loading.with-ad .al-tile{padding:.3rem .1rem .25rem}.arena-loading.with-ad .al-mono{width:1.75rem;height:1.75rem;font-size:.85rem}@media (max-width:640px){.arena-loading.with-ad .al-logo{margin:-.6rem 0;transform:scale(.72)}.arena-loading.with-ad .al-name{font-size:.56rem}.arena-loading.with-ad .al-foot,.arena-loading.with-ad .al-name,.arena-loading.with-ad .al-caption{display:none}.arena-loading.with-ad .al-sub{min-height:0}}@media (min-width:900px) and (max-height:960px){.arena-loading.with-ad{gap:.45rem}.arena-loading.with-ad .al-logo{margin:-1.2rem 0;transform:scale(.62)}.arena-loading.with-ad .al-foot,.arena-loading.with-ad .al-caption{display:none}.arena-loading.with-ad .al-percent{font-size:4.2rem}.arena-loading.with-ad .al-sub{min-height:0}.arena-loading.with-ad .ad-slot{margin-top:0;padding-top:.6rem}}.controls-btn{font:600 .85rem var(--display);letter-spacing:.06em;text-transform:uppercase;gap:.3rem;padding:0 .7rem;border-color:var(--accent)!important;width:auto!important}.game-hint-title{font:600 1.2rem var(--display);letter-spacing:.06em;text-transform:uppercase;margin:0 0 .4rem}.pin-input{text-align:center;letter-spacing:.4em;font-size:1.4rem}.pin-form{align-items:center;gap:.5rem;max-width:320px;display:flex}.profile-card{border-color:color-mix(in srgb, var(--rank,#3a2c2c) 55%, #3a2c2c);box-shadow:0 0 40px color-mix(in srgb, var(--rank,transparent) 18%, transparent);grid-template-columns:auto 1fr;align-items:center;gap:.6rem 1.4rem;display:grid}.profile-id{min-width:0}.profile-name{font:700 clamp(1.9rem, 6vw, 2.8rem)/1 var(--display);letter-spacing:.04em;text-transform:uppercase;margin:0}.profile-title{color:#ffcf7a;letter-spacing:.22em;text-transform:uppercase;margin:.15rem 0 0;font:600 .8rem system-ui}.profile-rank{font:600 1.15rem var(--display);letter-spacing:.05em;text-transform:uppercase;margin:.4rem 0 .3rem}.rank-bar{background:#ffffff14;border-radius:999px;height:8px;overflow:hidden}.rank-bar-fill{border-radius:inherit;height:100%;transition:width .6s;box-shadow:0 0 12px}.profile-stats{grid-column:1/-1;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:.5rem;display:grid}.rank-emblem{filter:drop-shadow(0 6px 14px #0009)}@media (max-width:520px){.profile-card{text-align:center;grid-template-columns:1fr;justify-items:center}.profile-stats{width:100%}}.badge-grid{grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:.55rem;margin:0;padding:0;list-style:none;display:grid}.badge{background:#ffffff08;border:1px solid #ffffff12;border-radius:10px;justify-items:center;gap:.25rem;padding:.7rem .4rem .6rem;display:grid;position:relative;overflow:hidden}.badge-icon{font-size:1.9rem;line-height:1}.badge-name{letter-spacing:.04em;text-align:center;color:#cdb9ae;font:600 .72rem system-ui}.badge.earned{background:linear-gradient(#ffaa282e,#ff5a000d);border-color:#ffbe4673;box-shadow:0 0 16px #ff961e2e}.badge.earned .badge-name{color:#ffe3b0}.badge.locked .badge-icon{filter:grayscale()brightness(.55)}.badge-progress{background:var(--accent);height:3px;position:absolute;bottom:0;left:0}.history li.win strong{color:#8fe08a}.history li.loss strong{color:#ff8b7d}.prepare-gate-overlay{border-radius:14px;min-height:60vh;position:relative;inset:auto}.social-dock{left:50%;bottom:calc(10px + env(safe-area-inset-bottom));z-index:26;gap:6px;display:flex;position:absolute;transform:translate(-50%)}.dock-btn{color:#fff;height:34px;font:600 .8rem var(--display);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;opacity:.8;background:#0c0707d1;border:1px solid #ffffff38;border-radius:999px;align-items:center;gap:.35rem;padding:0 .7rem;display:inline-flex;position:relative}.dock-btn:hover,.dock-btn.active{opacity:1;border-color:var(--accent)}.dock-btn.live{opacity:1;border-color:#3ddc6a;box-shadow:0 0 12px #3ddc6a99}.dock-btn.failed{border-color:#ff4b3a}.dock-badge{background:var(--accent);color:#1a0d02;text-align:center;border-radius:999px;min-width:18px;height:18px;font:700 .7rem/18px system-ui;position:absolute;top:-6px;right:-4px}@media (max-width:640px){.dock-btn span{display:none}.dock-btn{padding:0 .55rem}}.emote-tray{left:50%;bottom:calc(52px + env(safe-area-inset-bottom));z-index:27;background:#0c0707eb;border:1px solid #5a3b2e;border-radius:14px;gap:8px;width:min(320px,94vw);padding:8px;animation:.15s fadein;display:grid;position:absolute;transform:translate(-50%)}.emote-btn{cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:12px;place-items:center;width:64px;height:64px;padding:0;display:grid}.emote-btn:hover{border-color:var(--accent);background:#ff8a1e2e;transform:translateY(-2px)}.emote-emoji{font-size:1.6rem;line-height:1}.emote-label{letter-spacing:.06em;font:700 .6rem system-ui}.social-bubbles{top:calc(52px + env(safe-area-inset-top));z-index:24;pointer-events:none;justify-items:center;gap:6px;width:min(92vw,520px);display:grid;position:absolute;left:50%;transform:translate(-50%)}.bubble{background:#0c0707e6;border:1px solid #ffffff2e;border-radius:999px;align-items:center;gap:.5rem;max-width:100%;padding:.35rem .8rem;animation:.25s ease-out bubbleIn,.6s 3.2s forwards fadeout;display:inline-flex}.bubble.mine{border-color:var(--p1)}.bubble.theirs{border-color:var(--p2,#ff6a4d)}.bubble-name{letter-spacing:.1em;text-transform:uppercase;color:#cdb9ae;font:600 .7rem system-ui}.bubble-text{text-overflow:ellipsis;white-space:nowrap;font-size:.95rem;overflow:hidden}.bubble-emote{font:700 1rem var(--display);letter-spacing:.08em;align-items:center;gap:.4rem;display:inline-flex}.bubble-emoji{font-size:1.7rem;line-height:1;animation:.5s pop}@keyframes bubbleIn{0%{opacity:0;transform:translateY(-8px)scale(.9)}to{opacity:1;transform:none}}@keyframes fadeout{to{opacity:0}}@keyframes pop{0%{transform:scale(.4)}60%{transform:scale(1.3)}to{transform:scale(1)}}.chat-drawer{left:50%;bottom:calc(52px + env(safe-area-inset-bottom));z-index:27;background:#0c0707f0;border:1px solid #5a3b2e;border-radius:12px;width:min(420px,94vw);padding:.5rem;animation:.15s fadein;position:absolute;transform:translate(-50%)}.chat-drawer-lines{gap:.25rem;max-height:150px;margin:0 0 .4rem;padding:0;font-size:.9rem;list-style:none;display:grid;overflow-y:auto}.chat-drawer-lines li strong{color:var(--p2,#ff6a4d)}.chat-drawer-lines li.mine strong{color:var(--p1)}.tray-tabs{gap:4px;display:flex}.tray-tabs button{color:#cdb9ae;font:600 .8rem var(--display);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:0 0;border:1px solid #ffffff1f;border-radius:8px;flex:1;padding:.35rem}.tray-tabs button.active{background:var(--accent);color:var(--accent-text);border-color:var(--accent)}.sticker-grid{grid-template-columns:repeat(4,1fr);justify-items:center;gap:6px;display:grid}.sticker{filter:drop-shadow(0 3px 4px #0009);transition:transform .12s}.emote-btn:hover .sticker,.emote-btn:active .sticker{transform:scale(1.12)rotate(-4deg)}.sticker-img{object-fit:contain}.quick-grid{grid-template-columns:repeat(2,1fr);gap:6px;display:grid}.quick-btn{color:#ffe3b0;text-align:left;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background:linear-gradient(#ffaa2829,#ff5a000f);border:1px solid #ffbe4659;border-radius:999px;padding:.45rem .6rem;font:600 .82rem system-ui;overflow:hidden}.quick-btn:hover{border-color:var(--accent);background:#ff8a1e40}.bubble.sticker-bubble{background:0 0;border:0;flex-direction:column;gap:0}.bubble-sticker{filter:drop-shadow(0 6px 10px #000000b3);animation:.6s cubic-bezier(.2,1.4,.4,1) stickerPop;display:block}@keyframes stickerPop{0%{transform:scale(.2)rotate(-20deg)}to{transform:scale(1)rotate(0)}}.bubble-text.quick{font:700 1.05rem var(--display);letter-spacing:.04em;color:#ffe3b0}.badge{gap:.35rem;padding:.8rem .4rem .7rem}.badge-desc{color:#8c7e79;text-align:center;font-size:.66rem;line-height:1.25}.badge.earned .badge-desc{color:#b9a59b}.medal{filter:drop-shadow(0 4px 8px #000000a6);overflow:visible}.medal.earned{animation:.6s cubic-bezier(.2,1.3,.4,1) medalIn}.medal.locked{filter:drop-shadow(0 2px 4px #00000080)saturate(.4)}.medal-sweep{animation:3.6s ease-in-out infinite medalSweep}@keyframes medalSweep{0%,55%{transform:translate(0)}to{transform:translate(170px)}}@keyframes medalIn{0%{opacity:0;transform:scale(.6)rotate(-12deg)}to{opacity:1;transform:none}}.badge.earned:hover .medal{transition:transform .2s;transform:translateY(-3px)scale(1.05)}.medal-img{object-fit:contain}.medal-img.locked{filter:grayscale()brightness(.45)}.pin-form .btn{white-space:nowrap}.social-layer{pointer-events:none;z-index:26;position:absolute;inset:0}.social-layer>*{pointer-events:auto}.social-layer .social-bubbles{pointer-events:none}.voice-tap{top:calc(50px + env(safe-area-inset-top));border:1px solid var(--accent);z-index:28;white-space:nowrap;background:#0c0707eb;border-radius:999px;padding:.35rem .9rem;font-size:.85rem;position:absolute;left:50%;transform:translate(-50%)}.dock-btn.connecting{border-color:#ffcf3f;animation:1s infinite alternate pulse}.social-layer.touch .social-dock{left:calc(8px + env(safe-area-inset-left));top:calc(8px + env(safe-area-inset-top));flex-direction:row;gap:5px;bottom:auto;right:auto;transform:none}.social-layer.touch .dock-btn{opacity:.7;border-radius:50%;justify-content:center;width:34px;height:34px;padding:0}.social-layer.touch .dock-txt{display:none}.social-layer.touch .dock-ico{font-size:1rem;line-height:1}.social-layer.touch .social-bubbles{top:calc(50px + env(safe-area-inset-top));width:min(80vw,420px)}.social-layer.touch .emote-tray{left:calc(6px + env(safe-area-inset-left));right:calc(6px + env(safe-area-inset-right));top:calc(48px + env(safe-area-inset-top));border-radius:12px;gap:6px;width:auto;padding:6px;bottom:auto;transform:none}.sticker-row,.quick-row{scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:6px;padding-bottom:2px;display:flex;overflow-x:auto}.sticker-row::-webkit-scrollbar{display:none}.quick-row::-webkit-scrollbar{display:none}.sticker-row .emote-btn{flex:none;width:54px;height:54px}.quick-row .quick-btn{flex:none;padding:.4rem .7rem;font-size:.8rem}.social-layer.touch .chat-drawer{left:calc(6px + env(safe-area-inset-left));right:calc(6px + env(safe-area-inset-right));top:calc(48px + env(safe-area-inset-top));width:auto;padding:6px;bottom:auto;transform:none}.social-layer.touch .chat-drawer-lines{max-height:66px;font-size:.82rem}.social-layer.touch .chat-form .input{height:36px;font-size:16px}