:root{--bg-0: #0b1020;--bg-1: #131a30;--panel: rgba(255, 255, 255, .045);--panel-solid: #161e38;--border: rgba(255, 255, 255, .1);--border-strong: rgba(255, 255, 255, .22);--text: #eef1fb;--muted: #9aa3c7;--accent: #6c8cff;--accent-2: #a06bff;--good: #3ddc84;--warn: #ffb020;--bad: #ff5d73;--gold: #ffd166;--radius: 14px;--shadow: 0 10px 30px rgba(0, 0, 0, .35)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:Segoe UI,system-ui,-apple-system,Roboto,Helvetica Neue,Arial,sans-serif;color:var(--text);background:radial-gradient(1200px 600px at 85% -10%,rgba(108,140,255,.16),transparent 60%),radial-gradient(900px 500px at -10% 110%,rgba(160,107,255,.14),transparent 60%),linear-gradient(180deg,var(--bg-0) 0%,#0d1329 100%);background-attachment:fixed;min-height:100vh}#root{max-width:1180px;margin:0 auto;padding:0 16px 48px}h1,h2,h3{font-weight:800;letter-spacing:-.01em}h1{font-size:28px;margin:18px 0 14px}h2{font-size:19px;margin:0 0 10px}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}code,pre{background:#00000059;border:1px solid var(--border);border-radius:8px}pre{padding:12px;overflow:auto;font-size:12px}.navbar{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:14px;padding:12px 4px;margin-bottom:8px;background:#0b1020cc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}.brand{font-size:20px;font-weight:900;letter-spacing:.02em;background:linear-gradient(90deg,#8fb0ff,#c39bff);-webkit-background-clip:text;background-clip:text;color:transparent;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.brand .spark{-webkit-text-fill-color:initial}.navbar .spacer{flex:1}.nav-user{color:var(--muted);font-size:14px;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}button,.btn{font:inherit;font-weight:700;color:var(--text);background:linear-gradient(180deg,#2a3560,#222c4e);border:1px solid var(--border-strong);border-radius:10px;padding:9px 16px;cursor:pointer;transition:transform .08s ease,box-shadow .15s ease,filter .15s ease,background .2s}button:hover:not(:disabled){filter:brightness(1.15);transform:translateY(-1px)}button:active:not(:disabled){transform:translateY(0)}button:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:linear-gradient(90deg,var(--accent),var(--accent-2));border-color:transparent;color:#fff;box-shadow:0 6px 18px #6c8cff59}.btn-primary:hover:not(:disabled){box-shadow:0 8px 24px #6c8cff80}.btn-good{background:linear-gradient(90deg,#1f9d63,#2fbf7b);border-color:transparent;color:#fff}.btn-bad{background:linear-gradient(90deg,#c23a4e,#e0506a);border-color:transparent;color:#fff}.btn-ghost{background:transparent;border-color:var(--border-strong)}input,select,textarea{font:inherit;color:var(--text);background:#00000059;border:1px solid var(--border-strong);border-radius:10px;padding:9px 12px;outline:none;transition:border-color .15s,box-shadow .15s}input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #6c8cff40}label{color:var(--muted);font-size:14px}.panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow)}.panel-title{font-size:15px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:12px}.card-grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.game-card{position:relative;overflow:hidden;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:18px;display:flex;flex-direction:column;gap:8px;transition:transform .15s ease,border-color .2s,box-shadow .2s}.game-card:hover{transform:translateY(-3px);border-color:var(--border-strong);box-shadow:0 14px 34px #00000073}.game-card .emoji{font-size:38px;line-height:1;filter:drop-shadow(0 4px 10px rgba(0,0,0,.4))}.game-card h3{margin:6px 0 2px;font-size:19px}.game-card p{margin:0;color:var(--muted);font-size:14px;flex:1}.game-card .play-row{display:flex;align-items:center;gap:10px;margin-top:8px}.badge{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:3px 9px;border-radius:999px;background:#6c8cff2e;color:#aebfff;border:1px solid rgba(108,140,255,.35)}.badge.gold{background:#ffd16624;color:var(--gold);border-color:#ffd16666}.turn-pill{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:999px;font-weight:700;font-size:15px;background:#ffffff0f;border:1px solid var(--border-strong)}.turn-pill .dot{width:9px;height:9px;border-radius:50%;background:var(--good);animation:pulse 1.4s infinite}.turn-pill.mine{background:#3ddc841f;border-color:#3ddc8480;color:#b9f5d4}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.8)}}.gameover-banner{position:relative;overflow:hidden;text-align:center;padding:26px 18px;border-radius:var(--radius);background:linear-gradient(135deg,#6c8cff29,#a06bff29);border:1px solid var(--border-strong);animation:pop-in .35s cubic-bezier(.2,1.4,.4,1)}.gameover-banner .trophy{font-size:52px;display:block;margin-bottom:6px;animation:bounce 1.2s infinite}.gameover-banner h2{font-size:26px;margin:0 0 4px}.gameover-banner.win{border-color:#ffd1668c;background:linear-gradient(135deg,#ffd16629,#ffb0201a)}.gameover-banner .sub{color:var(--muted);margin-bottom:14px}@keyframes pop-in{0%{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}.confetti-piece{position:fixed;top:-24px;z-index:999;pointer-events:none;width:10px;height:16px;border-radius:3px;animation:confetti-fall linear forwards}@keyframes confetti-fall{to{transform:translateY(105vh) rotate(720deg);opacity:.9}}.anim-pop{animation:pop-in .25s cubic-bezier(.2,1.4,.4,1)}.anim-slide-up{animation:slide-up .3s ease}@keyframes slide-up{0%{transform:translateY(14px);opacity:0}to{transform:translateY(0);opacity:1}}.pcard{position:relative;width:62px;height:88px;border-radius:9px;background:linear-gradient(160deg,#fff,#eef0f7);color:#14161f;font-weight:800;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid rgba(0,0,0,.25);box-shadow:0 4px 10px #00000059,inset 0 -6px 12px #00000014;transition:transform .12s ease,box-shadow .15s;-webkit-user-select:none;user-select:none}.pcard .rank{font-size:24px;line-height:1}.pcard .suit{font-size:26px;line-height:1.05}.pcard.red{color:#d92b3f}.pcard:hover:not(:disabled){transform:translateY(-8px);box-shadow:0 14px 22px #00000080;z-index:2}.pcard.selected{outline:3px solid var(--gold);transform:translateY(-10px)}.pcard.dimmed{opacity:.55;filter:grayscale(.4);cursor:default}.pcard.back{background:repeating-linear-gradient(45deg,#2b3a72 0,#2b3a72 8px,#243161 8px,#243161 16px);border-color:#ffffff40}.pcard.back:after{content:"✦";position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:30px;color:#ffffffb3}.hand-row{display:flex;gap:8px;flex-wrap:wrap;padding-top:14px;min-height:106px;align-items:flex-end}.pcard.anim-deal{animation:deal-in .3s ease backwards}@keyframes deal-in{0%{transform:translateY(26px) rotate(-4deg);opacity:0}to{transform:none;opacity:1}}.ttt-board{display:grid;grid-template-columns:repeat(3,minmax(84px,128px));gap:8px;width:fit-content;padding:10px;background:#0000004d;border-radius:var(--radius);border:1px solid var(--border)}.ttt-cell{width:auto;height:minmax(84px,128px);aspect-ratio:1;font-size:clamp(44px,9vw,72px);background:#ffffff0d;border-color:var(--border);display:flex;align-items:center;justify-content:center;line-height:1}.ttt-cell.x{color:#63d8ff;text-shadow:0 0 18px rgba(99,216,255,.5)}.ttt-cell.o{color:#ffb46b;text-shadow:0 0 18px rgba(255,180,107,.5)}.ttt-cell.win-line{background:#3ddc842e;border-color:var(--good);animation:pulse 1s infinite}.checkers-board{display:grid;grid-template-columns:repeat(8,minmax(40px,64px));width:fit-content;padding:8px;background:#3a2b1c;border-radius:var(--radius);border:2px solid #57422c;box-shadow:var(--shadow)}.chk-sq{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:clamp(20px,4.6vw,38px);border:none;padding:0;background:transparent;cursor:default;position:relative}.chk-sq.light{background:#d9b98c}.chk-sq.dark{background:#7a5230}.chk-sq.sel{box-shadow:inset 0 0 0 4px var(--accent)}.chk-sq.target:after{content:"";position:absolute;width:34%;height:34%;border-radius:50%;background:#3ddc84bf;box-shadow:0 0 12px #3ddc84cc;animation:pulse 1.2s infinite}.chk-piece{width:74%;height:74%;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:clamp(12px,2.6vw,20px);color:#fff;animation:pop-in .2s ease}.chk-piece.r{background:radial-gradient(circle at 35% 30%,#ff8a97,#c62b40 70%);box-shadow:inset 0 -4px 8px #00000059,0 3px 6px #0006}.chk-piece.b{background:radial-gradient(circle at 35% 30%,#7d8aa5,#232a3b 70%);box-shadow:inset 0 -4px 8px #00000080,0 3px 6px #0006}.chk-piece .crown{position:absolute;font-size:clamp(10px,2vw,15px);color:var(--gold);text-shadow:0 1px 2px #000}.c4-board-wrap{display:flex;flex-direction:column;align-items:center;gap:8px}.c4-cols{display:grid;grid-template-columns:repeat(7,minmax(34px,62px));gap:6px;padding:10px;background:linear-gradient(180deg,#2b3a72,#22305e);border-radius:var(--radius);border:2px solid rgba(255,255,255,.18);box-shadow:var(--shadow)}.c4-col{display:flex;flex-direction:column-reverse;gap:6px;background:none;border:none;padding:0;cursor:pointer;position:relative}.c4-slot{aspect-ratio:1;border-radius:50%;background:#080c1cbf;box-shadow:inset 0 3px 6px #0009;transition:transform .1s}.c4-disc{aspect-ratio:1;border-radius:50%;animation:drop-in .28s cubic-bezier(.3,1.2,.5,1) backwards;box-shadow:inset 0 -5px 8px #0000004d,0 2px 4px #0006}.c4-disc.p1{background:radial-gradient(circle at 35% 30%,#ffd97a,#f5a623 70%)}.c4-disc.p2{background:radial-gradient(circle at 35% 30%,#ff8a97,#e0314b 70%)}.c4-disc.win-cell{outline:3px solid #fff;animation:pulse .9s infinite}@keyframes drop-in{0%{transform:translateY(-260%)}to{transform:none}}.c4-aim{position:absolute;top:-26px;left:50%;transform:translate(-50%);font-size:18px;opacity:0;transition:opacity .1s,top .1s;pointer-events:none}.c4-col:hover .c4-aim{opacity:1;top:-32px}.rps-arena{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center;padding:18px}.rps-side{text-align:center;padding:14px;border-radius:var(--radius);background:#ffffff0a;border:1px solid var(--border);min-height:170px;display:flex;flex-direction:column;justify-content:center;gap:8px}.rps-side .big{font-size:clamp(48px,9vw,84px);line-height:1;animation:pop-in .3s cubic-bezier(.2,1.6,.4,1);filter:drop-shadow(0 6px 14px rgba(0,0,0,.5))}.rps-side.mine{border-color:#6c8cff80;background:#6c8cff14}.rps-vs{font-size:26px;font-weight:900;color:var(--muted)}.rps-picks{display:flex;gap:12px;justify-content:center;margin-top:14px}.rps-btn{width:84px;height:84px;font-size:40px;border-radius:50%;padding:0;display:flex;align-items:center;justify-content:center;transition:transform .12s,box-shadow .15s}.rps-btn:hover:not(:disabled){transform:scale(1.12);box-shadow:0 8px 24px #6c8cff59}.scoreboard{display:flex;gap:10px;justify-content:center;margin-top:12px;flex-wrap:wrap}.score-chip{padding:6px 14px;border-radius:999px;font-weight:800;background:#ffffff0f;border:1px solid var(--border-strong)}.ds-event-banner{text-align:center;padding:10px 14px;border-radius:var(--radius);font-weight:700;color:#dfe6ff;background:#6c8cff1f;border:1px solid rgba(108,140,255,.45);animation:slide-up .25s ease}.ds-event-banner.bounce{color:#ffd7db;background:#e0314b29;border-color:#e0314b80}.ds-tower-wrap{display:flex;flex-direction:column;align-items:center;gap:10px}.ds-summit{font-size:13px;font-weight:800;letter-spacing:.06em;color:var(--gold);text-transform:uppercase}.ds-tower{display:flex;flex-direction:column;gap:4px;padding:12px;background:linear-gradient(180deg,#1b1430,#120d22);border-radius:var(--radius);border:2px solid rgba(255,255,255,.16);box-shadow:var(--shadow)}.ds-floor{display:grid;grid-template-columns:minmax(74px,1fr) auto minmax(74px,1fr);gap:8px;align-items:center;padding:3px 6px;border-radius:8px;background:#ffffff08}.ds-floor.summit{background:#ffd65a12;outline:1px dashed rgba(255,214,90,.4)}.ds-lane{height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:#ffffff08;border:1px solid transparent;transition:background .15s,border-color .15s}.ds-lane.active{border-color:#6c8cff99;background:#6c8cff17;animation:pulse 1.4s infinite}.ds-token{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:900;color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent-2));box-shadow:0 3px 8px #00000080;animation:pop-in .25s cubic-bezier(.2,1.6,.4,1)}.ds-floor-num{font-size:11px;font-weight:800;color:var(--muted);min-width:30px;text-align:center}.ds-rooms{display:grid;grid-template-columns:repeat(2,minmax(150px,1fr));gap:10px;width:100%;max-width:460px}.ds-room{display:flex;flex-direction:column;align-items:center;gap:3px;padding:12px 10px;border-radius:var(--radius);cursor:pointer;background:#ffffff0a;border:1px solid var(--border-strong);transition:transform .12s,box-shadow .15s,border-color .15s}.ds-room:not(:disabled):hover{transform:translateY(-3px)}.ds-room:disabled{cursor:default;opacity:.55}.ds-room-icon{font-size:26px;line-height:1;filter:drop-shadow(0 4px 8px rgba(0,0,0,.5))}.ds-room-name{font-weight:900;font-size:15px;letter-spacing:.03em}.ds-room-odds{font-size:11.5px;color:var(--muted);font-weight:600;text-align:center;line-height:1.3}.ds-room-sanctuary:not(:disabled):hover{border-color:#3ddc84b3;box-shadow:0 8px 20px #3ddc8440}.ds-room-bazaar:not(:disabled):hover{border-color:#ffd65ab3;box-shadow:0 8px 20px #ffd65a40}.ds-room-ruin:not(:disabled):hover{border-color:#ff8a3db3;box-shadow:0 8px 20px #ff8a3d40}.ds-room-tomb:not(:disabled):hover{border-color:#e0314bb3;box-shadow:0 8px 20px #e0314b4d}.gw-grid{display:grid;gap:2px;width:fit-content;padding:8px;background:#0a0f1e;border-radius:var(--radius);border:1px solid var(--border);overflow:auto;max-width:100%}.gw-cell{position:relative;aspect-ratio:1;min-width:26px;max-width:44px;background:#ffffff09;border-radius:4px}.gw-cell:nth-child(odd){background:#ffffff0f}.gw-dot{position:absolute;top:12%;right:12%;bottom:12%;left:12%;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:9px;color:#fff;font-weight:800;text-shadow:0 1px 2px rgba(0,0,0,.7);transition:left .18s ease,top .18s ease;box-shadow:0 3px 8px #00000080}.dpad{display:grid;grid-template-columns:repeat(3,56px);gap:6px;justify-content:center;margin-top:12px}.dpad button{font-size:20px;padding:10px 0}.dt-board-wrap{display:flex;flex-direction:column;align-items:center;gap:12px}.dt-board{display:grid;gap:3px;padding:10px;background:linear-gradient(180deg,#1b1430,#120d22);border-radius:var(--radius);border:2px solid rgba(255,255,255,.16);box-shadow:var(--shadow)}.dt-cell{position:relative;aspect-ratio:1;min-width:34px;max-width:52px;display:flex;align-items:center;justify-content:center;font-size:clamp(15px,3.4vw,24px);border-radius:6px;background:#ffffff09}.dt-cell:nth-child(odd){background:#ffffff0f}.dt-wall{background:#2a2340!important;box-shadow:inset 0 0 0 1px #0006;color:#ffffff40}.dt-gate{background:#ffffff14}.dt-key{background:#ffd65a1a}.dt-chest{background:#ffd65a29;box-shadow:inset 0 0 0 1px #ffd65a59}.dt-trap{background:#e0314b2e;box-shadow:inset 0 0 0 1px #e0314b66}.dt-exit{background:radial-gradient(circle at center,#ffecaa80,#ffd65a1f);box-shadow:inset 0 0 0 2px #ffd65ab3;animation:pulse 1.4s infinite}.dt-gate.dt-k0{box-shadow:inset 0 0 0 2px #ff5656bf}.dt-gate.dt-k1{box-shadow:inset 0 0 0 2px #5e96ffbf}.dt-key.dt-k0{background:#ff56562e;box-shadow:inset 0 0 0 1px #ff565680}.dt-key.dt-k1{background:#5e96ff2e;box-shadow:inset 0 0 0 1px #5e96ff80}.dt-token{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:64%;height:64%;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:clamp(10px,2.2vw,14px);font-weight:900;color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent-2));box-shadow:0 3px 8px #0009;z-index:2;animation:pop-in .25s cubic-bezier(.2,1.6,.4,1)}.dt-token.me{background:linear-gradient(135deg,var(--gold),#d99a1e);color:#241a05}.dt-token.active{box-shadow:0 0 0 2px #ffffffd9,0 3px 10px #0009;animation:pulse 1.4s infinite}.dt-dpad{display:flex;flex-direction:column;align-items:center;gap:6px;margin-top:4px}.dt-dbtn{width:52px;height:44px;font-size:18px;border-radius:10px;cursor:pointer;background:#ffffff0f;border:1px solid var(--border-strong);transition:transform .1s,box-shadow .15s,border-color .15s}.dt-dbtn:not(:disabled):hover{transform:translateY(-2px);border-color:#6c8cffb3;box-shadow:0 6px 16px #6c8cff40}.dt-dbtn:disabled{cursor:default;opacity:.45}.dt-event{text-align:center;padding:9px 14px;border-radius:var(--radius);font-weight:700;color:#dfe6ff;background:#6c8cff1f;border:1px solid rgba(108,140,255,.45);animation:slide-up .25s ease}.dt-players{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.dt-pcard{display:grid;gap:3px;padding:8px 12px;border-radius:10px;background:#ffffff0a;border:1px solid var(--border);font-weight:700}.dt-pcard.me{border-color:#ffd65a99}.dt-pcard.turn{border-color:#6c8cffb3;background:#6c8cff17}.dt-inv{font-size:12px;color:var(--muted);font-weight:600;letter-spacing:.02em}.dt-legend{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;font-size:12.5px;color:var(--muted);font-weight:600}.sl-board-wrap{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%}.sl-board{display:grid;gap:3px;padding:10px;background:linear-gradient(180deg,#1b1430,#120d22);border-radius:var(--radius);border:2px solid rgba(255,255,255,.16);box-shadow:var(--shadow);max-width:100%;overflow-x:auto}.sl-cell{position:relative;aspect-ratio:1;min-width:30px;max-width:54px;display:flex;align-items:center;justify-content:center;border-radius:5px;background:#ffffff09}.sl-cell:nth-child(odd){background:#fff1}.sl-cell-num{position:absolute;top:1px;left:3px;font-size:clamp(7px,1.4vw,10px);font-weight:800;color:var(--muted);opacity:.85;line-height:1}.sl-mark{font-size:clamp(13px,2.6vw,22px);line-height:1;filter:drop-shadow(0 3px 6px rgba(0,0,0,.55));animation:pop-in .25s cubic-bezier(.2,1.6,.4,1)}.sl-mark.ladder{color:#b9f5d4;text-shadow:0 0 8px rgba(61,220,132,.7)}.sl-mark.snake{color:#ffd7db;text-shadow:0 0 8px rgba(224,49,75,.7)}.sl-cell.finish{background:radial-gradient(circle at center,#ffecaa66,#ffd65a1a);box-shadow:inset 0 0 0 2px #ffd65ab3;animation:pulse 1.4s infinite}.sl-tokens{position:absolute;bottom:1px;left:0;right:0;display:flex;gap:1px;justify-content:center;align-items:center;z-index:2;pointer-events:none}.sl-token{width:clamp(13px,2.4vw,20px);height:clamp(13px,2.4vw,20px);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:clamp(7px,1.4vw,10px);font-weight:900;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.8);box-shadow:0 2px 6px #0000008c,inset 0 0 0 1px #ffffff59;animation:pop-in .25s cubic-bezier(.2,1.6,.4,1)}.sl-token.active{box-shadow:0 0 0 2px #ffffffe6,0 2px 8px #0009;animation:pulse 1.4s infinite}.sl-legend{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;font-size:12.5px;color:var(--muted);font-weight:700}.sl-legend-item.active{color:var(--text)}.sl-dot{display:inline-block;width:12px;height:12px;border-radius:50%;margin-right:5px;vertical-align:-1px;box-shadow:inset 0 0 0 1px #ffffff59}.sl-roll-btn{font-size:17px;padding:12px 28px;border-radius:var(--radius);background:linear-gradient(90deg,var(--accent),var(--accent-2));border-color:transparent;color:#fff;box-shadow:0 6px 18px #6c8cff59}.sl-roll-btn:not(:disabled):hover{transform:translateY(-2px) scale(1.02);box-shadow:0 10px 26px #6c8cff80}.sl-event-banner{text-align:center;padding:10px 14px;border-radius:var(--radius);font-weight:700;color:#dfe6ff;background:#6c8cff1f;border:1px solid rgba(108,140,255,.45);animation:slide-up .25s ease}.sl-event-banner.ladder{color:#b9f5d4;background:#3ddc841f;border-color:#3ddc8480}.sl-event-banner.snake{color:#ffd7db;background:#e0314b29;border-color:#e0314b80}.chat-box{display:flex;flex-direction:column;height:300px}.chat-log{flex:1;overflow-y:auto;border:1px solid var(--border);border-radius:10px;padding:10px;background:#00000040;display:flex;flex-direction:column;gap:8px}.chat-msg{font-size:14px;line-height:1.35;animation:slide-up .2s ease;word-break:break-word}.chat-msg b{color:var(--accent)}.chat-input-row{display:flex;gap:8px;margin-top:10px}.join-code-big{font-size:clamp(34px,7vw,52px);font-weight:900;letter-spacing:.3em;text-align:center;padding:18px;background:#0000004d;border-radius:var(--radius);border:1px dashed var(--border-strong);color:var(--gold);cursor:pointer;-webkit-user-select:all;user-select:all;transition:transform .1s}.join-code-big:hover{transform:scale(1.02)}.player-row{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:10px;background:#ffffff0a;border:1px solid var(--border);animation:slide-up .25s ease backwards}.avatar{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:900;color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent-2));flex-shrink:0}.muted{color:var(--muted)}.error-box{margin-top:14px;padding:12px 16px;border-radius:10px;background:#ff5d731f;border:1px solid rgba(255,93,115,.45);color:#ffb3bf;animation:slide-up .2s ease}.ok-box{margin-top:14px;padding:12px 16px;border-radius:10px;background:#3ddc841a;border:1px solid rgba(61,220,132,.4);color:#b9f5d4}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.stack{display:grid;gap:12px}.center{text-align:center}.mt-8{margin-top:8px}.mt-16{margin-top:16px}@media (max-width: 760px){#root{padding-bottom:32px}h1{font-size:24px}}