:root{--bg:#06111e;--panel:#0d1b2a;--panel2:#111f30;--line:#17456a;--cyan:#0aaaff;--aqua:#50f1de;--red:#ff2845;--text:#f3f7fb;--muted:#96a8bb}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 40% 18%,#12263a 0,#06111e 56%);color:var(--text);font:14px "Arial Narrow","Roboto Condensed",Arial,sans-serif;letter-spacing:.02em}.topbar{height:64px;border-bottom:1px solid #164061;background:#071421;display:flex;align-items:center;padding:0 clamp(16px,3vw,42px);gap:34px;position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#f8fbff;font-weight:1000;font-size:22px;font-style:italic;white-space:nowrap;text-shadow:0 0 15px #169fff55}.brand b{color:#ff654e}.brand i{color:#05bcff;font-size:14px}.brand-mark{color:#01bbff;font-size:28px}nav{display:flex;gap:7px;flex:1}nav a,.admin-link{color:#b7c5d4;text-decoration:none;padding:12px 14px;border:1px solid transparent;border-radius:5px;text-transform:uppercase;font-weight:800;font-size:12px}nav a:hover,nav a.active{color:#fff;background:#092c49;border-color:#0a8fd4;box-shadow:inset 0 -2px #0aaaff}.admin-link{border-color:#1d4666;background:#0c1b2a;color:#fff}.topbar .admin-link{margin-left:auto}main{max-width:1480px;margin:auto;padding:18px 20px 28px}.arena{border:1px solid #168bd0;border-radius:10px;overflow:hidden;background:#0a1625;box-shadow:0 12px 50px #0007}.arena-top{height:72px;display:grid;grid-template-columns:1fr 110px 1fr;align-items:center;padding:10px 18px;background:linear-gradient(90deg,#091725,#0e1b2b 50%,#091725);border-bottom:1px solid #164061}.fighter-hud{display:flex;align-items:center;gap:10px;max-width:480px}.fighter-hud.right{justify-self:end;text-align:right}.fighter-info{flex:1;min-width:0}.fighter-info strong{font-size:17px;font-weight:1000;text-transform:uppercase;letter-spacing:.08em}.avatar{height:48px;width:48px;border:2px solid #14b8ff;border-radius:7px;background:linear-gradient(145deg,#144366,#071522);display:grid;place-items:center;color:#baf5ff;font-size:23px;font-weight:1000}.avatar.blue{border-color:#39c7ff}.health,.energy{height:17px;background:#1c2b3a;border:1px solid #566173;transform:skewX(-8deg);margin-top:4px}.health i{display:block;height:100%;width:100%;background:linear-gradient(90deg,#68ed32,#bbf12d)}.energy{height:5px;border:0;margin-top:4px}.energy i{display:block;width:35%;height:100%;background:#09b7ff}.round{text-align:center;color:#ffca00}.round span{font-size:34px;font-weight:1000;text-shadow:0 0 18px #ff7f00}.round small{display:block;color:#91a2b5;font-size:9px;letter-spacing:.12em}.stage{height:clamp(330px,39vw,440px);position:relative;overflow:hidden;background:linear-gradient(180deg,#102d51 0%,#574771 48%,#e78661 65%,#1b2736 66%,#111a28 100%)}.stage:after{content:"";position:absolute;inset:60% 0 0;background:repeating-linear-gradient(0deg,#29394a 0 1px,transparent 1px 27px),repeating-linear-gradient(90deg,#33445655 0 1px,transparent 1px 64px);transform:perspective(280px) rotateX(22deg);transform-origin:top center}.sun{position:absolute;width:260px;height:260px;border-radius:50%;top:7%;left:50%;transform:translateX(-50%);background:radial-gradient(circle,#ffd888 0,#ffad72 38%,#e97369 70%,transparent 71%);opacity:.78;filter:blur(1px)}.skyline{position:absolute;inset:28% 0 27%;background:linear-gradient(0deg,#151f2c 0 30%,transparent 31%),repeating-linear-gradient(90deg,transparent 0 24px,#0b1b2d 24px 56px,transparent 56px 74px);opacity:.84}.skyline:before{content:"";position:absolute;left:8%;right:8%;bottom:15%;height:60%;background:repeating-linear-gradient(90deg,#0b1725 0 42px,transparent 42px 63px);clip-path:polygon(0 42%,6% 42%,6% 0,16% 0,16% 58%,24% 58%,24% 22%,32% 22%,32% 74%,43% 74%,43% 10%,53% 10%,53% 49%,62% 49%,62% 0,72% 0,72% 66%,81% 66%,81% 29%,91% 29%,91% 0,100% 0,100% 100%,0 100%)}.platform{position:absolute;left:0;right:0;bottom:0;height:34%;background:linear-gradient(180deg,#273b4e,#101b29);border-top:3px solid #08b8ff;z-index:1}.spotlight{position:absolute;bottom:15%;width:30%;height:70%;opacity:.22;filter:blur(12px);background:linear-gradient(0deg,#18dfff,transparent);z-index:2}.spotlight.left{left:3%;transform:skew(-18deg)}.spotlight.right{right:3%;transform:skew(18deg);background:linear-gradient(0deg,#ff7b36,transparent)}.fighter-silhouette{position:absolute;bottom:18%;width:130px;height:210px;z-index:3;filter:drop-shadow(0 12px 12px #0009)}.fighter-silhouette.one{left:25%;transform:scale(1.08)}.fighter-silhouette.two{right:25%;transform:scaleX(-1) scale(1.08)}.fighter-silhouette .head{position:absolute;width:47px;height:48px;border-radius:45% 44% 38% 38%;left:44px;top:5px;background:linear-gradient(130deg,#ffe0b4,#bd806e);border:4px solid #111}.fighter-silhouette .torso{position:absolute;left:29px;top:50px;width:79px;height:91px;background:linear-gradient(90deg,#e84538 0 50%,#192b43 51%);clip-path:polygon(19% 0,83% 0,100% 100%,0 100%);border:2px solid #10131a}.fighter-silhouette.two .torso{background:linear-gradient(90deg,#1289de,#11519c)}.fighter-silhouette .arm{position:absolute;left:5px;top:72px;width:122px;height:23px;background:#d99a78;border:5px solid #10131a;border-radius:20px;transform:rotate(-28deg)}.fighter-silhouette .legs{position:absolute;left:28px;top:128px;width:83px;height:75px;border-left:20px solid #182433;border-right:21px solid #111a2b;transform:skew(-13deg)}.fighter-silhouette .legs:after{content:"";position:absolute;left:-29px;bottom:0;width:50px;height:16px;background:#e9eef4;border-radius:40%}.stage-label{position:absolute;top:22px;left:50%;transform:translateX(-50%);z-index:4;color:#d5e7f3;font-size:11px;font-weight:900;letter-spacing:.2em;text-shadow:0 2px 5px #000}.stage-launch{position:absolute;z-index:5;bottom:20px;left:50%;transform:translateX(-50%);background:#d10e2b;color:white;border:1px solid #ff6673;border-radius:6px;padding:14px 40px;font-size:16px;font-weight:1000;letter-spacing:.07em;box-shadow:0 8px 28px #d10e2b66;cursor:pointer}.play-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:12px;margin-top:12px}.panel{background:linear-gradient(145deg,#0e1c2c,#0b1724);border:1px solid #15486e;border-radius:8px;padding:16px}.panel-title{display:flex;align-items:center;gap:11px;margin-bottom:12px}.icon{width:44px;height:44px;display:grid;place-items:center;border:1px solid #168bd0;border-radius:50%;font-size:24px;color:#f4fbff}.panel-title small{display:block;color:#00aeff;font-size:9px;letter-spacing:.12em;font-weight:900}.panel-title h2{margin:3px 0 0;font-size:19px;font-weight:1000}.online-dot{margin-left:auto;color:#52e98f;font-size:9px}.quick,.primary{background:#08a94a;border:1px solid #21ff82;color:#fff;border-radius:5px;font-weight:1000;cursor:pointer}.quick{width:100%;padding:14px;font-size:16px}.room-actions{display:flex;align-items:center;gap:8px;margin-top:10px}.room-actions>button,.join button{background:#0756aa;border:1px solid #08b6ff;color:white;border-radius:4px;padding:12px 13px;font-weight:900;cursor:pointer}.room-actions span{color:#74869b;font-size:11px}.join{display:flex;flex:1;min-width:0}.join input,select{min-width:0;background:#081726;border:1px solid #245271;color:white;padding:11px;border-radius:4px;width:100%}.join button{margin-left:5px}.notice{margin:10px 0 0;color:#91a4b8;font-size:11px;min-height:14px}.notice.error{color:#ff8392}.picker-row{display:grid;grid-template-columns:1fr 1fr;gap:9px}.picker-row label,.arena-select{color:#9badc0;font-size:10px;font-weight:800;letter-spacing:.05em}.picker-row select,.arena-select select{display:block;margin-top:5px}.arena-select{display:block;margin-top:10px}.selected-pair{display:flex;gap:8px;margin:10px 0}.pick-card{flex:1;min-width:0;background:#0a1929;border:1px solid #1d5277;border-radius:6px;padding:9px;display:flex;align-items:center;gap:8px}.pick-card b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pick-card small{color:#91a4b8;font-size:9px}.pick-avatar{width:46px;height:52px;display:grid;place-items:center;border-radius:4px;background:linear-gradient(135deg,#8b2633,#141d30);border:1px solid #f05247;font-size:20px;font-weight:1000}.pick-card:nth-child(2) .pick-avatar{background:linear-gradient(135deg,#095c9a,#141d30);border-color:#08b6ff}.primary{width:100%;padding:12px;font-size:14px;background:#bf1027;border-color:#ff465d}.features{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:12px}.features article{min-height:110px;background:#0b1826;border:1px solid #164665;border-radius:6px;padding:14px;display:flex;flex-direction:column;gap:7px}.features article span{font-size:22px}.features article strong{font-size:12px}.features article small{color:#92a4b7;font-size:10px;line-height:1.5}footer{display:flex;justify-content:space-between;color:#7790a6;font-size:9px;letter-spacing:.12em;padding:18px 4px 0}footer span{color:#49677f}button:hover{filter:brightness(1.15)}@media(max-width:850px){.topbar{gap:12px;padding:0 12px}.brand{font-size:17px}nav{gap:1px}nav a{font-size:9px;padding:10px 7px}.admin-link{font-size:10px;padding:10px 8px}main{padding:10px}.stage{height:340px}.play-grid{grid-template-columns:1fr}.features{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.topbar{height:auto;min-height:56px;flex-wrap:wrap;gap:6px;padding:6px 10px}.brand{flex:1}nav{order:3;width:100%;justify-content:center}nav a{padding:7px 9px}.topbar .admin-link{margin-left:0}.arena-top{height:62px;padding:6px 10px;grid-template-columns:1fr 64px 1fr;gap:4px}.avatar{width:36px;height:38px;font-size:16px}.fighter-info strong{font-size:12px}.health{height:12px}.round span{font-size:26px}.stage{height:280px}.fighter-silhouette{transform:scale(.78)!important;transform-origin:bottom center}.fighter-silhouette.one{left:14%}.fighter-silhouette.two{right:14%;transform:scaleX(-1) scale(.78)!important}.room-actions{flex-wrap:wrap}.room-actions>button{flex:1}.room-actions span{display:none}.join{flex-basis:100%}.features{grid-template-columns:1fr 1fr}.features article{padding:10px}.features article small{font-size:9px}.online-dot{font-size:0}.online-dot:first-letter{font-size:9px}}