body.arena{--a-ink: #0e1419;--a-ink-2: #151d24;--a-ink-3: #1c262e;--a-line: #2a3741;--a-paper: #f4f6f2;--a-mute: #9aa9b3;--a-mute-2: #5c6b74;--a-ember: #ff6a3c;--a-ember-dim: #ff8b66;--a-ember-soft: rgba(255, 106, 60, .14);--a-teal: #2fc4c9;--a-gold: #f2c14e;--teal: var(--a-teal);--teal-dim: #1e8a8e;--teal-soft: rgba(47, 196, 201, .14);--a-disp: var(--font-display);--a-ui: var(--font-display);--a-r-card: 16px;--a-r-btn: 12px;--bg: var(--a-ink);--bg-subtle: var(--a-ink-2);--surface: var(--a-ink-2);--surface-raised: var(--a-ink-3);--border: var(--a-line);--border-strong: #3d4d59;--text-strong: #ffffff;--text: var(--a-paper);--text-muted: var(--a-mute);--text-inverse: var(--a-ink);--brand-50: rgba(255, 106, 60, .06);--brand-100: rgba(255, 106, 60, .13);--brand-200: rgba(255, 106, 60, .3);--brand-400: #ff9a76;--brand-500: #ff7d54;--brand-600: #ff6a3c;--brand-700: #e85527;--brand-800: #c74318;--brand-900: #a23410;--brand: var(--brand-600);--brand-hover: #ff855f;--brand-active: var(--brand-700);--brand-subtle: var(--brand-100);--brand-ring: rgba(255, 106, 60, .35);--brand-text: #ffa184;--on-brand: #16100c;--success: #34d399;--success-strong: #6ee7b7;--success-l: rgba(52, 211, 153, .13);--warning: #f2c14e;--warning-strong: #f7d47a;--warning-l: rgba(242, 193, 78, .13);--danger: #ff6b6b;--danger-strong: #ff9d9d;--danger-l: rgba(255, 107, 107, .13);--info: #38bdf8;--info-strong: #7dd3fc;--info-l: rgba(56, 189, 248, .13);--e-1: 0 1px 2px rgba(0, 0, 0, .5);--e-2: 0 2px 4px rgba(0, 0, 0, .45), 0 4px 12px rgba(0, 0, 0, .5);--e-3: 0 4px 8px rgba(0, 0, 0, .5), 0 12px 28px rgba(0, 0, 0, .55);--e-4: 0 8px 16px rgba(0, 0, 0, .5), 0 24px 56px rgba(0, 0, 0, .6);background:var(--bg);color:var(--text);min-height:100vh}html:has(body.arena){background:#0e1419;color-scheme:dark}body.arena .card{background:#fff;color:#101820;box-shadow:0 10px 24px #00000080}body.arena .card.red{color:#d92d20}body.arena .rc-qr,body.arena .share-qr{background:#fff}body.arena.skin-paper{--a-ink: #ffffff;--a-ink-2: #f1f2fa;--a-ink-3: #ffffff;--a-line: #e3e6f0;--a-paper: #1e1b39;--a-mute: #5b6079;--a-mute-2: #5c6b74;--a-ember: #f59e0b;--a-ember-dim: #d97706;--a-ember-soft: rgba(245, 158, 11, .16);--a-teal: #0fa3a8;--a-gold: #d97706;--teal: #0fa3a8;--teal-dim: #0b7f85;--teal-soft: rgba(15, 163, 168, .14);--bg: #f4f5f9;--bg-subtle: #eef0fb;--surface: #ffffff;--surface-raised: #ffffff;--border: #e3e6f0;--border-strong: #c7cbee;--text-strong: #1e1b39;--text: #1e1b39;--text-muted: #5b6079;--text-inverse: #ffffff;--brand-50: rgba(55, 48, 163, .05);--brand-100: rgba(55, 48, 163, .1);--brand-200: rgba(55, 48, 163, .22);--brand-400: #6366f1;--brand-500: #4f46e5;--brand-600: #3730a3;--brand-700: #312e81;--brand-800: #292670;--brand-900: #211e5c;--brand: var(--brand-600);--brand-hover: #4f46e5;--brand-active: #312e81;--brand-subtle: #eef0fb;--brand-ring: rgba(79, 70, 229, .22);--brand-text: #3730a3;--on-brand: #ffffff;--success: #16a34a;--success-strong: #15803d;--success-l: rgba(22, 163, 74, .12);--warning: #d97706;--warning-strong: #b45309;--warning-l: rgba(217, 119, 6, .12);--danger: #dc2626;--danger-strong: #b91c1c;--danger-l: rgba(220, 38, 38, .1);--info: #0284c7;--info-strong: #0369a1;--info-l: rgba(2, 132, 199, .1);--e-1: 0 1px 2px rgba(30, 27, 57, .08);--e-2: 0 2px 4px rgba(30, 27, 57, .08), 0 4px 12px rgba(30, 27, 57, .08);--e-3: 0 4px 8px rgba(30, 27, 57, .08), 0 12px 28px rgba(30, 27, 57, .12);--e-4: 0 8px 16px rgba(30, 27, 57, .1), 0 24px 56px rgba(30, 27, 57, .16);color:var(--text);min-height:100vh}body.arena.skin-paper.has-papergames-shell{background:transparent}html:has(body.arena.skin-paper){background:#f4f5f9;color-scheme:light}body.arena.skin-paper .card{background:#fff;color:#101820;box-shadow:0 1px 2px #1e1b391a,0 10px 24px #1e1b391f}body.arena.skin-paper .card.red{color:#dc2626}body.arena.skin-paper .chat-input-row .send:hover{background:#fbbf24}body.arena.skin-paper .share-overlay{background:#1e1b4b73}body.arena.in-match{position:fixed;inset:0;overflow:hidden;touch-action:manipulation}@media(max-width:1119px){body.arena.in-match .pg-topbar,body.arena.in-match .pg-sidebar,body.arena.in-match .pg-footer,body.arena.in-match .pg-overlay{display:none!important}body.arena.in-match .pg-main{padding:0!important;max-width:100vw!important;height:100vh;overflow-y:auto;-webkit-overflow-scrolling:touch}}.leavecard{position:fixed;inset:0;background:#1e1b4b73;z-index:9999;display:flex;align-items:center;justify-content:center;padding:16px}.leavecard.hidden{display:none}.leavecard .leave-panel{background:var(--surface, #ffffff);border-radius:16px;padding:24px 22px 20px;max-width:360px;width:100%;box-shadow:0 8px 16px #1e1b391a,0 24px 56px #1e1b3929;color:var(--text, #1e1b39)}.leavecard .leave-h{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.leavecard .leave-h b{font-weight:700;font-size:17px;letter-spacing:-.005em}.leavecard .leave-h button{background:none;border:0;font-size:20px;color:var(--text-muted, #5b6079);cursor:pointer;padding:4px 8px;line-height:1}.leavecard .leave-h button:hover{color:var(--text, #1e1b39)}.leavecard .leave-note{color:var(--text-muted, #5b6079);font-size:14px;line-height:1.55;margin:0 0 20px}.leavecard .leave-acts{display:flex;gap:8px}.leavecard .leave-acts button{flex:1;padding:12px 16px;border-radius:12px;border:0;font-weight:600;font-size:14px;cursor:pointer;font-family:inherit;letter-spacing:-.005em}.leavecard .leave-acts .is-primary{background:var(--brand-subtle, #eef0fb);color:var(--brand-600, #3730a3)}.leavecard .leave-acts .is-primary:hover{background:var(--brand-100, rgba(55, 48, 163, .13))}.leavecard .leave-acts .is-danger{background:var(--brand-600, #3730a3);color:#fff}.leavecard .leave-acts .is-danger:hover{background:var(--brand-700, #312e81)}.sound-btn{background:transparent;border:1px solid var(--border, #e3e6f0);border-radius:999px;width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0;color:var(--text-muted, #5b6079);transition:background .15s ease,color .15s ease}.sound-btn:hover{background:var(--brand-subtle, #eef0fb);color:var(--brand-600, #3730a3)}.sound-btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.sound-btn .ico-off,.sound-btn[aria-pressed=false] .ico-on{display:none}.sound-btn[aria-pressed=false] .ico-off{display:block}@media(prefers-reduced-motion:reduce){.sound-btn{transition:none}}