:root{--bg: #1b1410;--void: #1b1410;--panel: rgba(38, 28, 22, .66);--panel-2: rgba(50, 36, 27, .6);--text: #fcefe2;--muted: #b09a86;--accent: #ff7a18;--accent-2: #ff4d2e;--p1: #ffb23e;--p2: #ff4d2e;--border: rgba(255, 150, 60, .24);--border-bright: rgba(255, 170, 80, .55);--error: #ff5a52;--glow: 0 0 10px rgba(255, 122, 24, .55), 0 0 26px rgba(255, 122, 24, .28);--glow-2: 0 0 10px rgba(255, 77, 46, .5), 0 0 26px rgba(255, 77, 46, .24);color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--void);color:var(--text);font:15px/1.5 Segoe UI,system-ui,-apple-system,Roboto,sans-serif}#root{min-height:100vh;min-height:100dvh;position:relative;z-index:0}.ember-bg{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;z-index:-1;display:block;pointer-events:none}.screen{min-height:100vh;min-height:100dvh;width:100%;max-width:1200px;margin-inline:auto;padding:clamp(12px,3vw,32px);display:flex;flex-direction:column}.center{display:grid;place-items:center}.login-card{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;text-align:center;gap:22px;width:min(420px,92vw);padding:clamp(32px,6vw,48px) clamp(24px,6vw,44px)}.login-glow{position:absolute;inset:-45% -15% auto -15%;height:150%;background:radial-gradient(55% 60% at 50% 0%,rgba(255,122,24,.22),transparent 70%);pointer-events:none}.login-card .logo{flex-direction:column;gap:18px}.login-card .logo-lg .logo-mark{width:clamp(92px,26vw,120px);height:clamp(92px,26vw,120px)}.login-card .logo-lg .logo-word{font-size:clamp(40px,11vw,56px)}.login-tag{position:relative;margin:0;font-size:clamp(15px,4vw,18px);font-weight:700;color:#ffe6c4;text-shadow:0 0 14px rgba(255,122,24,.35)}.login-form{position:relative;display:flex;flex-direction:column;gap:14px;width:100%;margin-top:4px}.login-field{position:relative;display:flex;align-items:center}.login-field svg{position:absolute;left:14px;width:18px;height:18px;color:var(--muted);pointer-events:none;transition:color .15s}.login-field:focus-within svg{color:var(--accent)}.login-field input{width:100%;padding:13px 14px 13px 42px;font-size:15px;text-align:center;border-radius:10px}.login-go{width:100%;padding:12px 18px}.login-note{position:relative;margin:0;font-size:12px;color:var(--muted)}.card{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:clamp(18px,4vw,28px);min-width:min(320px,100%);max-width:92vw;backdrop-filter:blur(12px) saturate(1.2);-webkit-backdrop-filter:blur(12px) saturate(1.2);box-shadow:0 8px 30px #00000073,inset 0 0 0 1px #ffb4640d}.card.wide{width:min(560px,100%)}.card-head,.game-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}h1{margin:0 0 4px;font-size:28px;letter-spacing:2px;text-transform:uppercase;color:#ffe6c4;text-shadow:0 0 8px rgba(255,122,24,.85),0 0 22px rgba(255,90,30,.5)}h3{margin:0 0 10px;font-size:15px;color:var(--muted);text-transform:uppercase;letter-spacing:.6px}.muted{color:var(--muted)}.error{color:var(--error);margin-top:12px}.lobby-error{margin:0 auto 12px;text-align:center}.stack{display:flex;flex-direction:column;gap:12px;margin-top:12px}.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:10px}.vs{color:var(--muted)}.mode{border-top:1px solid var(--border);padding-top:16px;margin-top:12px}input,select{background:#080c16b3;color:var(--text);border:1px solid var(--border);border-radius:8px;padding:8px 10px;font:inherit;transition:border-color .15s,box-shadow .15s}input:focus,select:focus{outline:none;border-color:var(--border-bright);box-shadow:var(--glow)}button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 18px;background:#160e0980;color:var(--text);border:1px solid var(--border);border-radius:999px;font:inherit;font-size:13px;font-weight:600;letter-spacing:.6px;text-transform:uppercase;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:inset 0 0 0 1px #ffb4640d;transition:background .15s,color .15s,border-color .15s,box-shadow .15s,transform .1s}button:hover:not(:disabled){background:linear-gradient(180deg,#ff8a283d,#ff6e1421);border-color:var(--border-bright);color:#ffdcae;box-shadow:var(--glow)}button:hover:not(:disabled) svg{filter:drop-shadow(0 0 6px rgba(255,138,40,.8))}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.45;cursor:not-allowed}button:not(.link):not(.rdial-node):not(.track-node):not(.user-btn){position:relative;overflow:hidden}button:not(.link):not(.rdial-node):not(.track-node):not(.user-btn):after{content:"";position:absolute;top:0;left:-135%;width:60%;height:100%;background:linear-gradient(105deg,transparent 0%,rgba(255,255,255,.28) 50%,transparent 100%);transform:skew(-18deg);pointer-events:none;transition:left .55s ease}button:not(.link):not(.rdial-node):not(.track-node):not(.user-btn):hover:not(:disabled):after{left:145%}button.ghost{background:transparent;color:var(--text);box-shadow:none}button.ghost:hover:not(:disabled){background:transparent;border-color:var(--border-bright);box-shadow:var(--glow)}button.link{display:inline;background:none;color:var(--accent);border:none;border-radius:0;padding:0;font-size:inherit;font-weight:600;letter-spacing:normal;text-transform:none;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none}button.link:hover:not(:disabled){background:none;box-shadow:none;text-shadow:var(--glow)}.game-screen{width:100%}.screen.game-wide{max-width:none}.game-top{margin-bottom:18px;padding:12px 18px;background:var(--panel);border:1px solid var(--border);border-top:1px solid var(--border-bright);border-radius:14px;backdrop-filter:blur(10px) saturate(1.2);-webkit-backdrop-filter:blur(10px) saturate(1.2);box-shadow:0 6px 24px #00000073,0 0 24px #ff7a1814}.game-top-left,.game-top-right{display:flex;align-items:center;gap:16px}.game-main{display:flex;gap:20px;align-items:stretch;flex:1;min-height:0}.game-arena{display:flex;flex-direction:column;gap:14px;flex:1;min-width:0;min-height:0}.board-row{display:flex;gap:14px;flex:1;min-height:0;align-items:stretch;justify-content:center}.board-frame{flex:1 1 0;min-width:0;min-height:0;display:flex;align-items:center;justify-content:center;overflow:hidden}.game-side{display:flex;flex-direction:column;gap:16px;flex:0 0 320px;max-width:100%;min-height:0}.chat-panel{display:flex;flex-direction:column;flex:1;min-height:0;width:100%;background:var(--panel);border:1px solid var(--border);border-top:1px solid var(--border-bright);border-radius:14px;overflow:hidden;backdrop-filter:blur(10px) saturate(1.2);-webkit-backdrop-filter:blur(10px) saturate(1.2);box-shadow:0 8px 30px #00000073}.chat-panel-head{flex:none;padding:11px 14px;border-bottom:1px solid var(--border);font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--muted)}.chat-scroll{flex:1;min-height:0;overflow-y:auto;padding:12px 14px;display:flex;flex-direction:column;gap:6px;font-size:14px}.chat-panel-error{margin:0;padding:6px 14px 0}.chat-composer{flex:none;display:flex;align-items:center;gap:8px;padding:8px;border-top:1px solid var(--border)}.chat-composer input{flex:1;min-width:0;background:#08060480;border:1px solid transparent}.chat-composer input:focus{border-color:var(--border-bright);box-shadow:none}.piece-col{flex:0 0 104px;display:flex;flex-direction:column;align-items:center;gap:14px;padding:12px 8px;border-radius:14px;background:var(--panel);border:1px solid var(--border);border-top:1px solid var(--border-bright);backdrop-filter:blur(10px) saturate(1.2);-webkit-backdrop-filter:blur(10px) saturate(1.2);box-shadow:0 8px 30px #00000073;overflow-y:auto}.piece-col-now,.piece-col-next{display:flex;flex-direction:column;align-items:center;gap:7px;width:100%}.piece-col-tag{font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--muted)}.piece-col-queue{display:flex;flex-direction:column;align-items:center;gap:8px}.info-bar{display:flex;align-items:center;gap:14px;padding:9px 16px;background:var(--panel);border:1px solid var(--border);border-top:1px solid var(--border-bright);border-radius:14px;backdrop-filter:blur(10px) saturate(1.2);-webkit-backdrop-filter:blur(10px) saturate(1.2);box-shadow:0 6px 24px #00000073}.info-player{display:flex;align-items:center;gap:8px;padding:5px 10px;border-radius:999px;border:1px solid transparent;transition:background .2s,border-color .2s,box-shadow .2s}.info-player.active{background:rgba(var(--tg),.14);border-color:rgba(var(--tg),.6);box-shadow:0 0 18px rgba(var(--tg),.32),inset 0 0 10px rgba(var(--tg),.12);animation:infoTurnPulse 1.8s ease-in-out infinite}.info-player.p1.active{--tg: 255, 178, 62}.info-player.p2.active{--tg: 255, 77, 46}.info-player.active .info-name{color:#fff;text-shadow:0 0 10px rgba(var(--tg),.55)}.info-player.active .info-dot{box-shadow:0 0 12px currentColor,0 0 4px #ffffffb3}@keyframes infoTurnPulse{50%{box-shadow:0 0 28px rgba(var(--tg),.5),inset 0 0 12px rgba(var(--tg),.2)}}.info-dot{width:12px;height:12px;border-radius:50%;flex:none;box-shadow:0 0 8px currentColor}.info-name{font-weight:600;color:#ffe6c4;white-space:nowrap}.info-you{color:var(--accent);font-size:12px}.info-num{font-variant-numeric:tabular-nums;font-weight:800;font-size:22px;line-height:1;transition:transform .2s,text-shadow .2s}.info-num.p1{color:var(--p1)}.info-num.p2{color:var(--p2)}.info-num.p1.lead{text-shadow:0 0 12px rgba(255,178,62,.7);transform:scale(1.12)}.info-num.p2.lead{text-shadow:0 0 12px rgba(255,77,46,.7);transform:scale(1.12)}.info-terr{position:relative;flex:1;min-width:90px;display:flex;flex-direction:column;align-items:center;gap:3px}.info-terr .terr-bar{width:100%}.info-turn{font-size:10px;letter-spacing:1px;text-transform:uppercase;color:var(--muted)}.turn-hint{align-self:center;margin:0;text-align:center;max-width:90%}@media (max-width: 920px){.game-main{flex-direction:column}.game-side{flex:none;width:100%}.chat-panel{flex:none;height:min(42vh,360px)}.board-row{flex:none;height:min(60vh,88vw)}.piece-col{flex:0 0 76px}}.board{background:#120c08;border:1px solid rgba(255,150,60,.18);border-radius:10px;image-rendering:pixelated;display:block}.board-frame{padding:12px;border-radius:16px;background:var(--panel);border:1px solid var(--border);border-top:1px solid var(--border-bright);box-shadow:0 14px 50px #0000008c,0 0 50px #ff7a181f,inset 0 0 0 1px #ffb4640a}.hud{background:var(--panel);border:1px solid var(--border);border-top:1px solid var(--border-bright);border-radius:14px;padding:16px;min-width:240px;display:flex;flex-direction:column;gap:14px;backdrop-filter:blur(10px) saturate(1.2);-webkit-backdrop-filter:blur(10px) saturate(1.2);box-shadow:0 8px 30px #00000073}.seats{display:flex;flex-direction:column;gap:8px}.player-row{display:flex;align-items:center;gap:8px;padding:9px 11px;border-radius:9px;background:#08060473;border:1px solid var(--border);transition:box-shadow .2s,background .2s}.player-row.active{background:#ff7a181a;border-color:var(--border-bright);box-shadow:0 0 16px #ff7a1847}.dot{width:12px;height:12px;border-radius:50%;flex:none;box-shadow:0 0 8px currentColor}.pname{flex:1}.kind,.you{color:var(--muted);font-size:12px}.you{color:var(--accent)}.score{font-variant-numeric:tabular-nums;font-weight:800;font-size:18px;color:#ffe6c4}.turn-flag{font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--accent);background:#ff7a1829;border:1px solid var(--border-bright);border-radius:999px;padding:2px 8px}.terr{display:flex;flex-direction:column;gap:7px}.terr-head{display:flex;align-items:center;justify-content:space-between}.terr-num{font-size:22px;font-weight:800;line-height:1;font-variant-numeric:tabular-nums;transition:transform .2s,text-shadow .2s}.terr-num.p1{color:var(--p1)}.terr-num.p2{color:var(--p2)}.terr-num.p1.lead{text-shadow:0 0 12px rgba(255,178,62,.7);transform:scale(1.12)}.terr-num.p2.lead{text-shadow:0 0 12px rgba(255,77,46,.7);transform:scale(1.12)}.terr-label{font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted)}.terr-track{position:relative;padding:4px 0}.terr-bar{position:relative;display:flex;height:18px;border-radius:999px;overflow:hidden;background:#080604a6;border:1px solid var(--border)}.terr-fill{height:100%;transition:width .5s cubic-bezier(.4,0,.2,1)}.terr-fill.p1{background:linear-gradient(90deg,#ff7a18,#ffc24a);box-shadow:inset -11px 0 16px -9px #ffffffbf}.terr-fill.p2{background:linear-gradient(90deg,#ff8a5a,#ff4d2e);box-shadow:inset 11px 0 16px -9px #ffffffbf}.terr-center{position:absolute;left:50%;top:0;bottom:0;transform:translate(-50%);border-left:2px dashed rgba(255,255,255,.5)}.hud-row{display:flex;align-items:center;justify-content:space-between;padding-top:12px;border-top:1px solid var(--border)}.piece-preview{--pp-cell: 24px;display:inline-grid;gap:4px;grid-auto-rows:var(--pp-cell);padding:8px;background:#08060480;border:1px solid var(--border);border-radius:12px}.piece-preview.empty{min-width:64px;min-height:64px}.piece-preview.draggable{cursor:grab;touch-action:none;outline:1px dashed var(--accent)}.piece-preview.draggable:active{cursor:grabbing}.pp-cell{width:var(--pp-cell);height:var(--pp-cell);border-radius:5px}.pp-cell.on{position:relative;background:rgba(var(--c),.5);box-shadow:inset 2px 2px 1px #ffffff8c,inset -2px -2px 6px #00000059,inset 0 0 8px rgba(var(--c),.55),0 0 10px rgba(var(--c),.4)}.pp-cell.on:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(135deg,rgba(255,255,255,.45) 0%,rgba(255,255,255,.1) 30%,transparent 55%)}.pp-cell.on.p1{--c: 255, 178, 62}.pp-cell.on.p2{--c: 255, 77, 46}.upcoming{border-top:1px solid var(--border);padding-top:12px}.upcoming-title{margin:0 0 10px}.upcoming-cols{display:grid;grid-template-columns:1fr 1fr;gap:12px}.upcoming-col{display:flex;flex-direction:column;gap:8px;min-width:0}.upcoming-seat{font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase}.upcoming-seat.p1{color:var(--p1)}.upcoming-seat.p2{color:var(--p2)}.upcoming-queue{display:flex;flex-direction:column;gap:8px;align-items:flex-start}.thumb{display:inline-grid;gap:2px;grid-auto-rows:var(--th-cell)}.th-cell{width:var(--th-cell);height:var(--th-cell);border-radius:3px}.th-cell.on{position:relative;background:rgba(var(--c),.5);box-shadow:inset 1px 1px 1px #ffffff80,inset -1px -1px 3px #00000059,inset 0 0 5px rgba(var(--c),.55),0 0 6px rgba(var(--c),.35)}.th-cell.on.p1{--c: 255, 178, 62}.th-cell.on.p2{--c: 255, 77, 46}.th-cell.on.off{--c: 150, 134, 116}.thumb.draggable{cursor:grab;touch-action:none}.thumb.draggable:active{cursor:grabbing}.drag-ghost{position:fixed;z-index:50;pointer-events:none;transform:translate(-7px,-7px)}.drag-ghost-cell{position:absolute;width:13px;height:13px;border-radius:2px;opacity:.85}.board-wrap{display:inline-block;line-height:0}.notice{color:var(--accent);margin:0}.your-turn{margin:0;padding:9px 12px;border-radius:9px;text-align:center;font-weight:700;color:#ffdcae;background:#ff7a1824;border:1px solid var(--border-bright);box-shadow:0 0 18px #ff7a1838;animation:turnPulse 1.8s ease-in-out infinite}@keyframes turnPulse{50%{box-shadow:0 0 26px #ff7a1866}}.turn-state{display:flex;flex-direction:column;gap:8px}.room-code{color:var(--muted)}.room-code strong{color:var(--accent);letter-spacing:2px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:grid;place-items:center;z-index:100}.overlay.overlay-stack{z-index:120}.overlay-card{background:#1a120df2;border:1px solid var(--border);border-top:1px solid var(--border-bright);border-radius:14px;padding:clamp(20px,4vw,32px) clamp(20px,5vw,40px);width:min(440px,92vw);max-height:90vh;overflow-y:auto;text-align:center;box-shadow:0 20px 60px #0009,0 0 40px #ff7a181a}.overlay-card .stack button{width:100%}.modal-footer{display:flex;align-items:center;gap:12px;margin-top:24px}.modal-footer .link{margin-right:auto}.modal-title{display:flex;align-items:center;justify-content:center;gap:9px}.modal-title svg{width:20px;height:20px;color:var(--accent);filter:drop-shadow(0 0 6px rgba(255,122,24,.6))}.choice-chain{display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:10px}.choice{position:relative;overflow:hidden;display:flex;align-items:center;gap:14px;width:100%;justify-content:flex-start;text-align:left;padding:14px 16px;border-radius:12px;background:#140d098c;border:1px solid var(--border);text-transform:none;letter-spacing:normal;font-size:inherit;font-weight:600}.choice-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;flex:none;border-radius:11px;color:var(--accent);background:#ff7a181a;border:1px solid var(--border);transition:color .15s,box-shadow .15s,background .15s}.choice-icon svg{width:21px;height:21px}.choice-text{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.choice-text strong{font-size:15px;color:#ffe6c4}.choice-text small{font-size:12px;color:var(--muted)}.choice-go{font-size:22px;line-height:1;color:var(--muted);transition:transform .15s,color .15s}.choice:hover:not(:disabled){background:#281a1299;border-color:var(--border-bright);color:inherit;box-shadow:var(--glow)}.choice:hover:not(:disabled) .choice-icon{color:#ffdcae;background:#ff7a182e;box-shadow:0 0 12px #ff7a1880}.choice:hover:not(:disabled) .choice-go{color:var(--accent);transform:translate(3px)}.join-card{display:flex;flex-direction:column;align-items:center;gap:12px}.join-icon{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;margin-bottom:2px;border-radius:50%;color:var(--accent);background:radial-gradient(circle at 30% 25%,#ff8a284d,#140d09b3);border:1px solid var(--border-bright);box-shadow:var(--glow),inset 0 1px #ffffff26}.join-icon svg{width:26px;height:26px}.join-form{display:flex;flex-direction:column;gap:14px;width:100%;margin-top:6px}.code-input{width:100%;padding:16px 12px;text-align:center;font-family:JetBrains Mono,Consolas,monospace;font-size:30px;font-weight:700;letter-spacing:12px;text-indent:12px;text-transform:uppercase;color:#ffe6c4;background:#08060499;border:1px solid var(--border);border-radius:12px}.code-input::placeholder{color:var(--muted);letter-spacing:6px}.code-input:focus{border-color:var(--border-bright);box-shadow:var(--glow),inset 0 0 18px #ff7a181f}.join-go{width:100%;padding:12px 18px}.step-go{width:100%;margin-top:8px}.code-share{display:flex;align-items:center;justify-content:center;gap:12px;margin:8px 0 12px;padding:10px 14px;border:1px solid var(--border);border-radius:10px;background:#08060480}.code-share-label{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--muted)}.code-chip{font-family:JetBrains Mono,Consolas,monospace;font-size:22px;letter-spacing:5px;color:#ffe6c4;text-shadow:0 0 12px rgba(255,122,24,.5)}.invite-search-wrap{position:relative;margin:2px 0 12px}.invite-search-wrap svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--muted);pointer-events:none}.invite-search{width:100%;padding:10px 12px 10px 36px;margin:0}.invite-list{list-style:none;margin:0 0 12px;padding:6px;text-align:left;max-height:220px;overflow-y:auto;background:#08060466;border:1px solid var(--border);border-radius:10px;display:flex;flex-direction:column;gap:4px}.invite-row{display:flex;align-items:center;gap:10px;padding:7px 8px;border-radius:8px}.invite-row:hover{background:#ff7a1814}.invite-av{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;flex:none;border-radius:50%;color:var(--accent);background:#ff7a181f;border:1px solid var(--border)}.invite-av svg{width:16px;height:16px}.invite-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.invite-btn{padding:5px 14px;font-size:11px}.invited-tag{font-size:12px;font-weight:700;color:#7bd88f}.invite-empty{padding:12px;text-align:center;color:var(--muted)}.invite-option{display:flex;align-items:center;gap:10px;width:100%;justify-content:flex-start;text-align:left;padding:7px 8px;border-radius:8px;background:transparent;border:1px solid transparent;text-transform:none;letter-spacing:normal;font-weight:600;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.invite-option:hover:not(:disabled){background:#ff7a1814;border-color:transparent;box-shadow:none;color:var(--text)}.invite-option.selected,.invite-option.selected:hover{background:#ff7a1829;border-color:var(--border-bright);box-shadow:none}.radio{position:relative;width:16px;height:16px;flex:none;border-radius:50%;border:2px solid var(--muted)}.radio.on{border-color:var(--accent)}.radio.on:after{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;border-radius:50%;background:var(--accent)}.invite-head{display:flex;align-items:center;gap:8px;margin:4px 0 8px}.invite-head-title{font-size:11px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;color:var(--muted)}.invite-head-count{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:10px;font-size:12px;font-weight:800;color:#1a0d05;background:var(--accent)}.invite-av{position:relative}.invite-online-dot{position:absolute;right:-1px;bottom:-1px;width:9px;height:9px;border-radius:50%;background:#4ade80;border:2px solid #1a120c}.share-only.link{display:inline-block;margin-top:12px;font-size:12px}.decline-notice{margin:10px 0;padding:9px 12px;border-radius:8px;font-size:13px;font-weight:600;color:#ffc6b3;background:#ff4d2e24;border:1px solid rgba(255,77,46,.4)}.create-tabs{display:flex;gap:4px;margin:14px auto 4px;padding:4px;width:fit-content;max-width:100%;border-radius:12px;background:#08060480;border:1px solid var(--border)}.create-tab{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:8px 16px;border-radius:9px;background:transparent;border:1px solid transparent;color:var(--muted);font-size:13px;font-weight:700;text-transform:none;letter-spacing:normal;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;transition:color .15s,background .15s,border-color .15s}.create-tab svg{width:16px;height:16px}.create-tab:hover:not(.active){color:var(--text);background:#ffffff0a}.create-tab.active,.create-tab.active:hover:not(:disabled){color:#1a0d05;background:linear-gradient(180deg,#ff8a28f2,#ff6e14eb);border-color:#ffaa50b3;box-shadow:var(--glow)}@media (max-width: 460px){.create-tab span{display:none}}.overlay-card.duel-card{width:min(720px,94vw)}.duel{display:grid;grid-template-columns:1fr auto 1fr;align-items:stretch;gap:12px;margin:14px 0 4px}.duel-vs{align-self:center;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#140d09cc;border:1px solid var(--border-bright);box-shadow:inset 0 0 12px #00000080,0 0 14px #ff7a1840}.duel-vs-text{font-size:12px;font-weight:800;letter-spacing:1px;color:var(--accent);text-shadow:0 0 8px rgba(255,122,24,.6)}.rsel{--seat: var(--accent);display:flex;flex-direction:column;gap:10px;padding:12px;border-radius:14px;background:#140d0980;border:1px solid var(--border);border-top-color:var(--seat)}.rsel-p1{--seat: var(--p1)}.rsel-p2{--seat: var(--p2)}.rsel-seat{font-size:11px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;color:var(--seat);text-align:center}.rsel-you-body{flex:1;display:flex;align-items:center;justify-content:center}.rsel-you .rsel-stage{width:100%}.rsel-stage{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 8px 12px;border-radius:12px;background:radial-gradient(120% 90% at 50% 0%,color-mix(in srgb,var(--seat) 14%,transparent),transparent 70%);border:1px solid var(--border)}.rsel-av{color:var(--seat);line-height:0;filter:drop-shadow(0 0 10px color-mix(in srgb,var(--seat) 55%,transparent))}.rsel-name{font-size:16px;font-weight:800;text-transform:capitalize;color:var(--text)}.rsel-pips{display:flex;gap:4px}.rsel-pips .pip{width:14px;height:5px;border-radius:3px;background:#ffffff1f}.rsel-pips .pip.on{background:var(--seat);box-shadow:0 0 6px color-mix(in srgb,var(--seat) 60%,transparent)}.rsel-tag{font-size:9px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--muted);border:1px solid var(--border);border-radius:6px;padding:2px 7px}.rdial{position:relative;margin:8px auto 6px}.rdial-track{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;border:1px dashed var(--border)}.rdial-node{position:absolute;transform:translate(-50%,-50%);display:grid;place-items:center;width:30px;height:30px;padding:0;background:none;border:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;cursor:pointer}.rdial-dot{width:13px;height:13px;border-radius:50%;border:2px solid var(--seat);background:var(--bg);transition:transform .15s,box-shadow .15s,background .15s,border-color .15s}.rdial-node.ladder .rdial-dot{background:var(--seat)}.rdial-node.ref .rdial-dot{border-style:dashed;border-color:var(--muted);background:transparent}.rdial-node:hover .rdial-dot{border-color:var(--seat);transform:scale(1.12)}.rdial-node.active .rdial-dot{background:var(--seat);border-color:#fff;transform:scale(1.5);box-shadow:var(--glow)}.rdial-label{position:absolute;left:50%;top:50%;padding:4px 6px;border-radius:7px;font-size:9px;font-weight:700;letter-spacing:.2px;color:var(--muted);text-transform:capitalize;white-space:nowrap;transition:color .15s,background .15s}.rdial-node:hover .rdial-label{color:var(--text);background:#ffffff0f}.rdial-node.active .rdial-label{color:var(--text)}.rdial-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:3px;width:110px;text-align:center;pointer-events:none}.rdial-av{color:var(--seat);line-height:0;filter:drop-shadow(0 0 8px color-mix(in srgb,var(--seat) 55%,transparent))}.rdial-name{font-size:15px;font-weight:800;text-transform:capitalize;color:var(--text)}.rdial-legend{display:flex;justify-content:center;gap:16px;margin-top:2px;font-size:10px;color:var(--muted)}.rdial-leg{display:inline-flex;align-items:center;gap:5px}.rdial-leg-dot{width:9px;height:9px;border-radius:50%}.rdial-leg-dot.ladder{background:var(--seat)}.rdial-leg-dot.ref{border:1.5px dashed var(--muted)}.rgroup{display:flex;flex-direction:column;gap:6px}.rgroup-title{font-size:9px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);padding-left:2px}.rgroup-chips{display:flex;flex-wrap:wrap;gap:6px}.rchip{flex:1 1 auto;min-width:64px;padding:7px 8px;font-size:12px;font-weight:700;text-transform:capitalize;letter-spacing:normal;color:var(--text);background:#140d0999;border:1px solid var(--border);border-radius:9px;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.rchip.ref{text-transform:none;border-style:dashed}.rchip:hover:not(.active){border-color:var(--border-bright);background:#281a1299}.rchip.active,.rchip.active:hover{color:#1a0d05;background:var(--seat);border-color:color-mix(in srgb,var(--seat) 70%,white);box-shadow:0 0 12px color-mix(in srgb,var(--seat) 45%,transparent)}@media (max-width: 560px){.duel{grid-template-columns:1fr}.duel-vs{justify-self:center}}.invite-popup{border-color:var(--accent)}.invite-badge{display:inline-block;margin-bottom:8px;padding:3px 12px;border-radius:999px;background:var(--panel-2);border:1px solid var(--accent);color:var(--accent);font-size:13px;font-weight:600}.invite-popup-actions{justify-content:center;margin-top:16px}.spinner{width:40px;height:40px;margin:4px auto 14px;border:4px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.search-config{margin:16px 0 4px;padding:12px 14px 10px;border:1px solid var(--border);border-radius:12px;background:#08060473;text-align:left}.search-config-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.search-config-title{font-size:11px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;color:var(--muted)}.rule-chips.search-rules{display:grid;grid-template-columns:1fr 1fr;gap:8px}.rule-chips.search-rules .rule-chip{justify-content:flex-start}.search-config-note{margin:10px 0 0;font-size:11px;color:var(--muted)}.invite-waiting{display:flex;flex-direction:column;align-items:center;gap:10px;padding:8px 0 2px;text-align:center}.waiting-card{display:flex;flex-direction:column;align-items:center}.waiting-card .code-share{width:100%}.waiting-actions{justify-content:center;margin-top:8px;margin-bottom:0}.forfeit-reason{color:var(--accent);margin:4px 0 0}.turn-timer{font-variant-numeric:tabular-nums;font-weight:600;padding:4px 12px;border-radius:999px;background:var(--panel-2);border:1px solid var(--border)}.turn-timer.urgent{color:var(--error);border-color:var(--error)}.setting-hint{display:block;margin-top:4px;font-size:13px;color:var(--muted);font-weight:400}.final-score{font-size:18px;font-variant-numeric:tabular-nums;margin:8px 0 20px}.final-scores{display:flex;align-items:flex-start;justify-content:center;gap:18px;margin:14px 0 22px}.fs-side{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:84px}.fs-name{font-size:12px;font-weight:700;color:var(--muted);max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fs-side.win .fs-name{color:var(--accent)}.fs-score{font-size:30px;font-weight:800;font-variant-numeric:tabular-nums;line-height:1.1;color:var(--text)}.fs-bonus{font-size:11px;font-weight:700;color:#7bd88f}.fs-dash{font-size:24px;color:var(--muted);align-self:center;padding-top:14px}.lobby{width:100%}.lobby-head{position:relative;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;width:100%;margin-bottom:16px;padding:14px 22px;background:#160f0b;border:1px solid var(--border);border-top:1px solid var(--border-bright);border-radius:14px;box-shadow:0 6px 24px #00000073,0 0 30px #ff7a181f}.titlebar-gl{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border-radius:14px;z-index:0;display:block;pointer-events:none}.lobby-head>.title-left,.lobby-head>.title-center,.lobby-head>.title-right{position:relative;z-index:1}.title-left{justify-self:start}.title-center{justify-self:center}.title-right{justify-self:end}.lobby-head h1{margin:0}@media (max-width: 640px){.lobby-head{grid-template-columns:auto 1fr}.title-center{grid-column:1 / -1;justify-self:stretch;order:3}.action-group{width:100%}}.title-left,.title-right{display:flex;align-items:center;gap:12px 16px;flex-wrap:wrap}.action-group{display:inline-flex;align-items:stretch;gap:2px;padding:4px;background:#120b0773;border:1px solid var(--border);border-radius:999px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);box-shadow:inset 0 0 0 1px #ffb4640f,0 4px 18px #0006}.action{display:inline-flex;align-items:center;gap:8px;padding:8px 18px;background:transparent;border:none;border-radius:999px;color:var(--text);font-size:13px;font-weight:600;letter-spacing:.6px;text-transform:uppercase;box-shadow:none;cursor:pointer;transition:background .15s,color .15s,box-shadow .15s}.action svg{width:17px;height:17px;color:var(--accent);transition:filter .15s}.action:hover:not(:disabled){background:linear-gradient(180deg,#ff8a2838,#ff6e141f);color:#ffdcae;box-shadow:var(--glow);filter:none}.action:hover:not(:disabled) svg{filter:drop-shadow(0 0 6px rgba(255,138,40,.8))}.action:active:not(:disabled){transform:translateY(1px)}.action-div{width:1px;align-self:center;height:22px;background:var(--border)}.online-pill{display:inline-flex;align-items:center;gap:6px;height:44px;padding:0 12px;border-radius:22px;background:#281a1299;border:1px solid var(--border);color:var(--muted);font-size:13px;font-weight:700}.online-pill svg{width:17px;height:17px}.online-count{color:var(--text);min-width:9px;text-align:center}.online-dot{width:8px;height:8px;border-radius:50%;background:var(--muted)}.online-dot.on{background:#4ade80;box-shadow:0 0 6px #4ade80b3}.user-menu{position:relative}.user-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;background:#281a1299;border:1px solid var(--border);border-radius:50%;color:var(--text);cursor:pointer;box-shadow:none;transition:border-color .15s,box-shadow .15s}.user-btn svg{width:22px;height:22px}.user-btn:hover:not(:disabled){border-color:var(--border-bright);box-shadow:var(--glow);filter:none}.status-dot{position:absolute;top:0;right:0;width:12px;height:12px;border-radius:50%;border:2px solid #1a120c}.status-dot.online{background:#4ade80}.status-dot.offline{background:var(--muted)}.menu-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20}.user-dropdown{position:absolute;top:calc(100% + 10px);right:0;z-index:21;min-width:230px;background:#1a120df5;border:1px solid var(--border);border-top:1px solid var(--border-bright);border-radius:14px;padding:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 18px 44px #0000008c,0 0 30px #ff7a181a;transform-origin:top right;animation:menuPop .14s ease-out}@keyframes menuPop{0%{opacity:0;transform:translateY(-6px) scale(.96)}}.user-dropdown-head{display:flex;align-items:center;gap:12px;padding:10px 10px 12px}.user-avatar{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;flex:none;border-radius:50%;color:var(--accent);background:radial-gradient(circle at 30% 25%,#ff8a2847,#140d09b3);border:1px solid var(--border-bright);box-shadow:var(--glow),inset 0 1px #ffffff26}.user-avatar svg{width:24px;height:24px}.user-meta{display:flex;flex-direction:column;gap:3px;min-width:0}.user-nick{font-size:16px;color:#ffe6c4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-status{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--muted)}.dot-sm{width:8px;height:8px;border-radius:50%}.dot-sm.online{background:#4ade80;box-shadow:0 0 7px #4ade80cc}.dot-sm.offline{background:var(--muted)}.menu-sep{height:1px;margin:2px 6px 6px;background:linear-gradient(90deg,transparent,var(--border-bright),transparent)}.menu-item{display:flex;align-items:center;gap:11px;width:100%;text-align:left;justify-content:flex-start;padding:10px 12px;background:transparent;border:1px solid transparent;border-radius:9px;color:var(--text);cursor:pointer;font-size:14px;font-weight:600;letter-spacing:normal;text-transform:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.menu-item svg{width:17px;height:17px;flex:none;color:var(--accent)}.menu-item:hover:not(:disabled){background:linear-gradient(90deg,#ff8a282e,#ff6e140f);border-color:var(--border);color:#ffdcae;box-shadow:none}.menu-item.danger:hover:not(:disabled){background:linear-gradient(90deg,#ff4d2e33,#ff4d2e0d);color:#ffc6b3}.menu-item.danger svg{color:var(--accent-2)}.about-card{width:min(880px,95vw);text-align:left}.about-sec>p,.about-list{max-width:760px}.about-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-bottom:14px;margin-bottom:4px;border-bottom:1px solid var(--border)}.about-by{font-size:14px;color:var(--text)}.about-sec{margin:18px 0}.about-sec h3{color:var(--accent);margin-bottom:8px}.about-sec p{margin:0;color:#e9ddcf}.about-lede{margin-bottom:16px!important}.about-list{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:7px;color:#e9ddcf}.about-list li::marker{color:var(--accent)}.about-diagram{display:block;width:100%;height:auto;margin:6px 0 2px}.about-diagram text{font-family:inherit}.d-tone-amber{--c: 255, 150, 60}.d-tone-red{--c: 255, 92, 64}.d-tone-gold{--c: 255, 200, 70}.d-tone-teal{--c: 60, 200, 180}.d-tone-blue{--c: 96, 156, 255}.d-tone-green{--c: 116, 210, 130}.d-tone-violet{--c: 184, 132, 255}.d-box{stroke:rgba(var(--c),.95);stroke-width:1.5;filter:drop-shadow(0 0 5px rgba(var(--c),.45))}.d-emph{stroke-width:2.4;filter:drop-shadow(0 0 9px rgba(var(--c),.65))}.d-tag{fill:rgb(var(--c));font-size:9px;font-weight:800;letter-spacing:.5px}.d-title{fill:#fbeede;font-size:13px;font-weight:800}.d-sub{fill:#c9bcae;font-size:10.5px;font-weight:600}.d-edge{stroke:var(--accent);stroke-width:1.8;fill:none;filter:drop-shadow(0 0 2px rgba(255,122,24,.55))}.d-head{fill:var(--accent)}.d-label{fill:var(--muted);font-size:10px;font-weight:700;letter-spacing:.3px}.d-faint{fill:#b09a86bf;font-size:9px;font-weight:600}.d-yes{fill:#7bd88f}.d-no{fill:#ff7a5c}.d-diamond{stroke:#ffaa50f2;stroke-width:1.7;filter:drop-shadow(0 0 6px rgba(255,150,60,.5))}.d-diamond-text{font-size:12px}.about-figure{margin:6px 0 0}.about-figcaption{max-width:680px;margin:12px auto 0;font-size:12.5px;line-height:1.5;font-style:italic;color:var(--muted);text-align:center}.about-steps-head{max-width:760px;margin:18px auto 0;font-size:11px;font-weight:800;letter-spacing:.8px;text-transform:uppercase;color:var(--accent)}.about-steps{max-width:760px;margin:8px auto 0;padding-left:22px;display:flex;flex-direction:column;gap:7px;font-size:13px;line-height:1.5;color:#e9ddcf}.about-steps li::marker{color:var(--accent);font-weight:700}.about-steps strong{color:#ffe6c4}.about-steps code{font-family:JetBrains Mono,Consolas,monospace;font-size:11.5px;color:var(--accent);background:#ff7a181a;border-radius:4px;padding:0 4px}.lobby-main{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}.lobby .card{min-width:0;width:auto}.logo{display:inline-flex;align-items:center;gap:12px}.logo-mark{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:3px;overflow:hidden;border-radius:6px}.logo-mark:after{content:"";position:absolute;top:-25%;left:-60%;width:45%;height:150%;background:linear-gradient(105deg,transparent,rgba(255,255,255,.5),transparent);transform:skew(-18deg);pointer-events:none;animation:logoGlint 9s ease-in-out infinite}@keyframes logoGlint{0%,to{left:-60%}55%,70%{left:130%}}.logo-sm .logo-mark{width:34px;height:34px}.logo-lg .logo-mark{width:clamp(120px,24vw,172px);height:clamp(120px,24vw,172px);gap:8px}.logo-cell{position:relative;border-radius:4px;background:#fff2e433;box-shadow:inset 2px 2px 2px #ffffff80,inset -2px -2px 6px #0003,inset 0 0 0 1px #ffdcb952,0 0 6px #ffdcb42e;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:logoFill 7s ease-in-out infinite}.logo-cell:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(135deg,rgba(255,255,255,.45) 0%,rgba(255,255,255,.12) 28%,transparent 52%);pointer-events:none}.logo-lg .logo-cell{border-radius:7px}.logo-cell.p1{--c: 255, 178, 62}.logo-cell.p2{--c: 255, 77, 46}@keyframes logoFill{0%,66%,to{background:#fff2e433;box-shadow:inset 2px 2px 2px #ffffff80,inset -2px -2px 6px #0003,inset 0 0 0 1px #ffdcb952,0 0 6px #ffdcb42e}12%,42%{background:rgba(var(--c),.5);box-shadow:inset 2px 2px 2px #fff9,inset -2px -3px 8px #6e1c0080,inset 0 0 10px rgba(var(--c),.6),0 0 14px rgba(var(--c),.55)}}.logo-word{font-family:Russo One,system-ui,sans-serif;font-weight:400;text-transform:uppercase;line-height:1;background:linear-gradient(100deg,#ffd27a,#ff7a18,#ff4d2e,#ffb23e,#ffd27a);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 10px rgba(255,122,24,.45));animation:logoSheen 13s linear infinite}.logo-sm .logo-word{font-size:22px;letter-spacing:1.5px}.logo-lg .logo-word{font-size:clamp(54px,12vw,92px);letter-spacing:4px}@keyframes logoSheen{to{background-position:220% 0}}.hero{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:26px;padding:clamp(44px,9vw,90px) clamp(20px,5vw,48px)}.hero .logo{flex-direction:column;gap:22px}.hero-glow{position:absolute;inset:-40% -10% auto -10%;height:150%;background:radial-gradient(55% 60% at 50% 0%,rgba(255,122,24,.2),transparent 70%);pointer-events:none}.hero-slogan{position:relative;margin:0;font-size:clamp(22px,3.6vw,34px);font-weight:700;color:#ffe6c4;text-shadow:0 0 16px rgba(255,122,24,.35)}.hero-desc{position:relative;margin:0;max-width:620px;color:var(--muted);font-size:clamp(15px,1.7vw,18px)}.online-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;max-height:220px;overflow-y:auto}.online-list li{display:flex;align-items:center;gap:8px}.chat-msg.system{color:var(--muted)}.chat-typing{margin:6px 0 0;font-size:13px;font-style:italic;color:var(--muted)}.chat-author{color:var(--accent);font-weight:600}.chat2{position:relative;z-index:5}.chat2-composer{display:flex;align-items:center;gap:8px;padding:6px;background:var(--panel);border:1px solid var(--border);border-top:1px solid var(--border-bright);border-radius:12px;backdrop-filter:blur(10px) saturate(1.2);-webkit-backdrop-filter:blur(10px) saturate(1.2);box-shadow:0 8px 24px #0006}.chat2-composer input{flex:1;min-width:0;background:#08060480;border:1px solid transparent}.chat2-composer input:focus{border-color:var(--border-bright);box-shadow:none}.chat2-toggle,.chat2-send{position:relative;width:40px;height:40px;flex:none;padding:0;border-radius:10px;background:#140d0999;border:1px solid var(--border);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.chat2-toggle svg,.chat2-send svg{width:18px;height:18px}.chat2-send{color:var(--accent)}.chat2-toggle.active{background:linear-gradient(180deg,#ff8a284d,#ff6e1429);border-color:var(--border-bright);color:#ffdcae}.chat2-badge{position:absolute;top:-6px;right:-6px;min-width:17px;height:17px;padding:0 4px;display:flex;align-items:center;justify-content:center;border-radius:999px;background:var(--accent-2);color:#2a0a04;border:1px solid #1a120c;font-size:10px;font-weight:800}.chat2-peek,.chat2-log{position:absolute;left:0;right:0;bottom:calc(100% + 8px);z-index:30}.chat2-peek{display:block;text-align:left;white-space:normal;padding:11px 13px;background:#1a120df5;border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:10px;color:var(--text);font-size:13px;font-weight:500;letter-spacing:normal;text-transform:none;cursor:pointer;box-shadow:0 10px 30px #00000080,0 0 20px #ff7a181a;animation:peekIn .2s ease}.chat2-peek:hover{border-color:var(--border-bright);background:#1a120df5;box-shadow:0 10px 30px #00000080,var(--glow)}@keyframes peekIn{0%{opacity:0;transform:translateY(8px)}}.chat2-log{display:flex;flex-direction:column;max-height:min(60vh,340px);background:#1a120df7;border:1px solid var(--border);border-top:1px solid var(--border-bright);border-radius:14px;overflow:hidden;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 16px 44px #0009,0 0 30px #ff7a181a;animation:slideUp .22s ease;transform-origin:bottom}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}}.chat2-log-head{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid var(--border);font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--muted)}.chat2-close{width:auto;height:auto;padding:0 4px;background:none;border:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;color:var(--muted);font-size:20px;line-height:1;text-transform:none}.chat2-close:hover:not(:disabled){background:none;box-shadow:none;color:var(--accent)}.chat2-scroll{flex:1;overflow-y:auto;padding:12px 14px;display:flex;flex-direction:column;gap:6px;font-size:14px}.chat2-empty{text-align:center}.chat2-typing{position:absolute;left:0;bottom:calc(100% + 8px);z-index:30;padding:9px 13px;border-radius:999px;background:#1a120df5;border:1px solid var(--border);box-shadow:0 8px 22px #00000073;animation:peekIn .2s ease}.chat2-typing.inline{position:static;padding:4px 2px 0;background:none;border:none;box-shadow:none;animation:none}.typing-dots{display:inline-flex;gap:4px;align-items:center}.typing-dots i{width:6px;height:6px;border-radius:50%;background:var(--accent);animation:dotBounce 1.2s infinite ease-in-out}.typing-dots i:nth-child(2){animation-delay:.16s}.typing-dots i:nth-child(3){animation-delay:.32s}@keyframes dotBounce{0%,60%,to{transform:translateY(0);opacity:.35}30%{transform:translateY(-5px);opacity:1}}.room-code{color:var(--accent);letter-spacing:1px}.room-code.big{font-size:22px;letter-spacing:3px}.invite-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--panel);border:1px solid var(--accent);border-radius:10px;padding:12px 16px;margin-bottom:12px}.invite-link{margin-left:auto;font-size:12px}.settings-card{text-align:left;width:min(560px,94vw)}.settings-card.cols-3{width:min(760px,94vw)}.settings-card.cols-3 .settings-grid{grid-template-columns:repeat(3,1fr)}@media (max-width: 680px){.settings-card.cols-3 .settings-grid{grid-template-columns:1fr 1fr}}@media (max-width: 460px){.settings-card.cols-3 .settings-grid{grid-template-columns:1fr}}.settings-section{margin:16px 0}.settings-section-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid var(--border)}.settings-section-title{font-size:13px;font-weight:800;letter-spacing:.5px;color:var(--text)}.settings-scope{font-size:10px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--muted)}.admin-badge{margin-left:10px;padding:2px 9px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;color:#160f0b;background:linear-gradient(180deg,#ffd27a,#ff9a3c);box-shadow:0 0 12px #ff9a3c73;vertical-align:middle}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media (max-width: 460px){.settings-grid{grid-template-columns:1fr}}.rule-chips{display:flex;flex-wrap:wrap;gap:6px}.rule-chip{display:inline-flex;align-items:center;gap:5px;padding:4px 9px;font-size:11px;font-weight:700;color:var(--text);background:#140d098c;border:1px solid var(--border);border-radius:999px;white-space:nowrap}.rule-chip-ico{display:inline-flex;line-height:0;color:var(--accent)}.rule-chip-ico svg{width:13px;height:13px}.game-rules.game-rules{justify-content:center;margin:8px 0 2px}.popup-rules{justify-content:center;margin:12px 0 4px}.rules-note{font-size:11px;color:var(--muted);margin:2px 0 0}.setting{display:flex;flex-direction:column;gap:8px;padding:12px;background:#ffffff05;border:1px solid var(--border);border-radius:10px;cursor:help}.setting-head{display:flex;align-items:center;justify-content:space-between}.setting-title{font-size:12px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--muted)}.setting-info{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;border:1px solid var(--border);color:var(--muted);font-size:10px;font-style:italic;font-weight:700}.setting:hover .setting-info{border-color:var(--border-bright);color:var(--accent)}.track{position:relative;display:flex;align-items:flex-start;padding-top:4px}.track-rail,.track-rail-fill{position:absolute;top:11px;height:3px;border-radius:3px;pointer-events:none}.track-rail{left:calc(50% / var(--count));right:calc(50% / var(--count));background:#ffffff21}.track-rail-fill{left:calc(50% / var(--count));width:calc(var(--sel) / var(--count) * 100%);background:linear-gradient(90deg,var(--accent-2),var(--accent));box-shadow:0 0 8px #ff7a1880;transition:width .18s ease}.track-node{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;gap:7px;padding:0;background:none;border:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;text-transform:none;letter-spacing:normal;cursor:pointer;z-index:1}.track-dot{width:14px;height:14px;border-radius:50%;border:2px solid var(--border-bright);background:var(--bg);transition:background .15s,border-color .15s,transform .15s,box-shadow .15s}.track-node.filled .track-dot{border-color:var(--accent);background:var(--accent)}.track-node:hover .track-dot{border-color:var(--accent)}.track-node.active .track-dot{background:var(--accent);border-color:#ffcd96f2;box-shadow:var(--glow);transform:scale(1.3)}.track-label{font-size:11px;font-weight:700;color:var(--muted);line-height:1.1;text-align:center;transition:color .15s}.track-node.active .track-label{color:var(--text)}.cfg-row{display:flex;align-items:center;justify-content:center;gap:8px;margin:12px 0 4px}.cfg-row .popup-rules{margin:0}.gear-btn{flex:0 0 auto;display:inline-grid;place-items:center;width:34px;height:34px;padding:0;border-radius:9px;background:#140d0999;border:1px solid var(--border);color:var(--muted);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;transition:color .15s,border-color .15s,box-shadow .15s,transform .2s}.gear-btn svg{width:17px;height:17px}.gear-btn:hover{color:var(--accent);border-color:var(--border-bright);box-shadow:var(--glow);transform:rotate(35deg)}.match-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.match-item{display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--panel-2);border-radius:8px;padding:8px 10px}.match-label{font-variant-numeric:tabular-nums}