:root{--cell:22px;--pcell:14px;--mcell:8px;--bg:#f8f9fa;--paper:#fff;--line:#dadce0;--grid:#e2e2e2;--head:#f8f9fa;--head-line:#c0c4c8;--text:#202124;--muted:#5f6368;--accent:#188038;--sel:#e8f0fe;--warn:#fce8e6}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);margin:0;font:13px/1.4 system-ui,Segoe UI,Malgun Gothic,Apple SD Gothic Neo,sans-serif}.app{grid-template-rows:auto auto auto 1fr auto;height:100vh;display:grid}button,input,select{font:inherit;color:inherit}button{background:var(--paper);border:1px solid var(--line);cursor:pointer;border-radius:2px;padding:2px 8px}button:hover:not(:disabled){background:#f1f3f4}button:disabled{color:#a0a4a8;cursor:default}button.primary{background:#e6f4ea;border-color:#a8d5b5}button.link{color:#1a73e8;background:0 0;border:0;padding:0 4px}input,select{border:1px solid var(--line);background:var(--paper);border-radius:2px;padding:1px 4px}.spacer{flex:1}.muted{color:var(--muted)}.small{font-size:12px}.hidden{display:none}.sep{background:var(--line);align-self:stretch;width:1px;margin:0 4px}.titlebar{background:var(--paper);border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:4px 10px;display:flex}.doc-mark{color:var(--accent);font-size:16px}.doc-title{font-size:14px}.roomcode b{font-variant-numeric:tabular-nums;letter-spacing:1px}.conn:before{content:"● "}.conn.ok{color:var(--accent)}.conn.wait{color:#b06000}.conn.bad{color:#c5221f}.menubar{background:var(--paper);border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:4px;padding:3px 8px;display:flex}.code-input{text-transform:uppercase;width:80px}.formulabar{background:var(--paper);border-bottom:1px solid var(--line);height:24px;display:flex}.namebox{border-right:1px solid var(--line);font-variant-numeric:tabular-nums;width:72px;padding:3px 8px}.fx{text-align:center;width:30px;color:var(--muted);border-right:1px solid var(--line);padding-top:3px;font-style:italic}.formula{white-space:nowrap;text-overflow:ellipsis;padding:3px 8px;overflow:hidden}.workspace{grid-template-columns:minmax(0,1fr) minmax(380px,40%);min-height:0;display:grid}.sheet-area{background:var(--paper);border-right:1px solid var(--line);padding:12px;overflow:auto}.panel{background:var(--paper);padding:12px;overflow:auto}.play{flex-wrap:wrap;align-items:flex-start;gap:14px;display:flex}.board-wrap{flex-direction:column;gap:6px;display:flex}.note{color:var(--muted)}.board-row{align-items:stretch;gap:6px;display:flex}.meter{display:none}.board{grid-template-columns:repeat(10, var(--cell));grid-auto-rows:var(--cell);border-top:1px solid var(--head-line);border-left:1px solid var(--head-line);contain:layout paint style;width:max-content;display:grid}.board.with-hd{grid-template-columns:28px repeat(10, var(--cell))}.board.has-canvas{border:0;display:block}.board .hd{background:var(--head);color:var(--muted);border-right:1px solid var(--head-line);border-bottom:1px solid var(--head-line);justify-content:center;align-items:center;font-size:11px;display:flex}.c{background:var(--paper);border-right:1px solid var(--grid);border-bottom:1px solid var(--grid)}.c.k1{background:#cfe2f3;border-color:#9fc5e8}.c.k2{background:#fff2cc;border-color:#f1d98a}.c.k3{background:#d9d2e9;border-color:#b4a7d6}.c.k4{background:#d9ead3;border-color:#b6d7a8}.c.k5{background:#f4cccc;border-color:#ea9999}.c.k6{background:#c9daf8;border-color:#a4c2f4}.c.k7{background:#fce5cd;border-color:#f9cb9c}.c.k8{background:#d9d9d9;border-color:#b7b7b7}.c.k9{background:#f3f3f3;border-color:#c8c8c8}.side-col{flex-direction:column;gap:10px;display:flex}.preview{grid-template-columns:repeat(4, var(--pcell));grid-auto-rows:var(--pcell);contain:layout paint style;padding:3px;display:grid}.preview .c{border:0}.preview.has-canvas{display:block}.preview .c.k0{background:0 0}.opps{grid-template-columns:repeat(auto-fill, calc(var(--mcell) * 10 + 4px));flex:260px;align-content:start;gap:10px 14px;display:grid}.opp{margin:0}.opp figcaption{color:var(--muted);white-space:nowrap;max-width:calc(var(--mcell) * 10 + 2px);font-size:12px;overflow:hidden}.opp.out figcaption{color:#a0a4a8;text-decoration:line-through}.mini{grid-template-columns:repeat(10, var(--mcell));grid-auto-rows:var(--mcell);border:1px solid var(--head-line);background:var(--paper);contain:layout paint style;width:max-content;display:grid}.mini.has-canvas{display:block}.mini .c{border:0}.grid-table{border-collapse:collapse;background:var(--paper)}.grid-table th,.grid-table td{border:1px solid var(--grid);height:22px;padding:2px 6px}.grid-table th{background:var(--head);text-align:left;color:#3c4043;font-weight:400}.grid-table .colhead th{text-align:center;color:var(--muted);font-size:12px}.grid-table td.num{text-align:right;font-variant-numeric:tabular-nums}.grid-table .rh{background:var(--head);color:var(--muted);text-align:center;width:26px}.grid-table td.warn{background:var(--warn)}.grid-table tr.me td{background:var(--sel)}.grid-table tr.dead td{color:#a0a4a8}.grid-table.kv th{width:80px}.grid-table.kv td{width:70px}.grid-table.players{width:100%}.grid-table.form td.key{font-variant-numeric:tabular-nums;min-width:110px}.sheet-page{flex-direction:column;align-items:flex-start;gap:10px;display:flex}.sheet-h{margin:6px 0 0;font-size:13px;font-weight:600}.num-input{width:70px}.name-input{width:140px}.chat{border:1px solid var(--line);background:var(--paper);flex-direction:column;margin-top:12px;display:flex}.chat-head{background:var(--head);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:3px 8px;font-weight:600;display:flex}.chat-list{contain:content;height:220px;padding:4px 8px;overflow-y:auto}.chat-line{word-break:break-all;padding:1px 0}.chat-name{color:#1a73e8;margin-right:6px;font-weight:600}.chat-line.mine .chat-name{color:var(--accent)}.chat-empty{padding:6px 0}.chat-form{border-top:1px solid var(--line);gap:4px;padding:4px;display:flex}.chat-form input{flex:1;min-width:0}.arc-chat{align-self:stretch;width:280px}.arc-chat .chat{background:#141c33;border:3px solid #3b4a75;border-radius:10px;height:100%;min-height:360px;margin-top:0;overflow:hidden}.arc-chat .chat-head{color:var(--accent);letter-spacing:1px;background:#1c2747;border-bottom:2px solid #2a3658}.arc-chat .chat-list{flex:1;height:auto;min-height:0}.arc-chat .chat-name{color:#7fb4ff}.arc-chat .chat-line.mine .chat-name{color:var(--accent)}.arc-chat .chat-form{border-top:2px solid #2a3658}.rooms-page{align-items:stretch}.rooms-head{align-items:center;gap:10px;display:flex}.grid-table.rooms{min-width:560px}.grid-table.rooms td.room-code{letter-spacing:1px;font-variant-numeric:tabular-nums;font-weight:700}.grid-table.rooms td.playing{color:#b06000}.theme-arcade .grid-table.rooms td.playing{color:#f59e0b}.theme-arcade .grid-table.rooms .colhead{display:table-row}.bottombar{background:var(--paper);border-top:1px solid var(--line)}.sheet-tabs{border-bottom:1px solid var(--line);background:#f1f3f4;padding:0 8px;display:flex}.sheet-tab{border:0;border-right:1px solid var(--line);background:0 0;border-bottom:2px solid #0000;border-radius:0;padding:3px 16px}.sheet-tab.active{background:var(--paper);color:var(--accent);border-bottom-color:var(--accent);font-weight:600}.statusbar{color:var(--muted);white-space:nowrap;gap:14px;padding:2px 10px;font-size:12px;display:flex;overflow:hidden}.st-phase{color:var(--text)}.st-log{text-overflow:ellipsis;overflow:hidden}.st-perf{font-variant-numeric:tabular-nums}.anim .c{transition:background-color 80ms linear}@media (prefers-reduced-motion:reduce){.anim .c{transition:none}}.theme-hc{--bg:#fff;--grid:#7f7f7f;--line:#000;--head-line:#000;--text:#000;--muted:#222;--sel:#ffe599;--warn:#f4cccc;--accent:#0b6623}.theme-hc .c.k1{background:#0b5394;border-color:#000}.theme-hc .c.k2{background:#bf9000;border-color:#000}.theme-hc .c.k3{background:#674ea7;border-color:#000}.theme-hc .c.k4{background:#38761d;border-color:#000}.theme-hc .c.k5{background:#a61c00;border-color:#000}.theme-hc .c.k6{background:#15c;border-color:#000}.theme-hc .c.k7{background:#b45f06;border-color:#000}.theme-hc .c.k8{background:#434343;border-color:#000}.theme-hc .c.k9{background:#e6e6e6;border-color:#000}.theme-arcade{--bg:#0b1020;--paper:#141c33;--line:#2a3658;--grid:#222c48;--head:#1a2440;--head-line:#3b4a75;--text:#e6ebf7;--muted:#93a0c4;--accent:#ffd23f;--sel:#24345e;--warn:#5a1f2a}.theme-arcade,.theme-arcade .sheet-area,.theme-arcade .panel{background:var(--bg)}.theme-arcade .formulabar{display:none}.theme-arcade .app{grid-template-rows:auto auto 1fr auto}.theme-arcade .conn.ok{color:#3ccf5a}.theme-arcade .titlebar,.theme-arcade .menubar,.theme-arcade .bottombar,.theme-arcade .sheet-tabs{background:#10172b}.theme-arcade .doc-title{letter-spacing:2px;color:var(--accent);font-weight:800}.theme-arcade .doc-mark{color:var(--accent)}.theme-arcade button{color:var(--text);background:#1c2747;border-color:#34446f;border-radius:4px;font-weight:600}.theme-arcade button:hover:not(:disabled){background:#263461}.theme-arcade button:disabled{color:#56628a}.theme-arcade button.primary{color:#1b1400;background:#ffd23f;border-color:#c9a21f}.theme-arcade button.primary:disabled{color:#8a8060;background:#3a3520;border-color:#4a4428}.theme-arcade button.link{color:#7fb4ff;background:0 0}.theme-arcade input,.theme-arcade select{color:var(--text);background:#0f162b;border-color:#34446f}.theme-arcade .sheet-tab{color:var(--muted)}.theme-arcade .sheet-tab.active{background:var(--paper);color:var(--accent);border-bottom-color:var(--accent)}.theme-arcade .grid-table{background:var(--paper)}.theme-arcade .grid-table th{color:var(--muted)}.theme-arcade .grid-table .colhead{display:none}.theme-arcade .grid-table tr.me td{color:#fff}.theme-arcade .board{background:#0b1020;border:3px solid #3b4a75}.theme-arcade .board .c{border-bottom-color:#1c2540;border-right-color:#1c2540}.theme-arcade .c.k0{background:#121a2e}.theme-arcade .c.k1{background:#22c3e6;border-color:#8ae6f7 #0e7f99 #0e7f99 #8ae6f7}.theme-arcade .c.k2{background:#f5c518;border-color:#fbe27a #a8860c #a8860c #fbe27a}.theme-arcade .c.k3{background:#a855f7;border-color:#d3a6fb #6b21a8 #6b21a8 #d3a6fb}.theme-arcade .c.k4{background:#3ccf5a;border-color:#9be8a9 #1f7a33 #1f7a33 #9be8a9}.theme-arcade .c.k5{background:#ef4444;border-color:#f8a0a0 #991b1b #991b1b #f8a0a0}.theme-arcade .c.k6{background:#3b6cf6;border-color:#9db6fa #1e3fa8 #1e3fa8 #9db6fa}.theme-arcade .c.k7{background:#f59e0b;border-color:#fbcd7b #a16207 #a16207 #fbcd7b}.theme-arcade .c.k8{background:#6b7280;border-color:#a3a9b3 #3f444c #3f444c #a3a9b3}.theme-arcade .c.k9{background:#2a3552}.theme-arcade .board .c{border:2px solid #0e1427;border-color:#18203a #0e1427 #0e1427 #18203a}.theme-arcade .board .c.k1{border-color:#8ae6f7 #0e7f99 #0e7f99 #8ae6f7}.theme-arcade .board .c.k2{border-color:#fbe27a #a8860c #a8860c #fbe27a}.theme-arcade .board .c.k3{border-color:#d3a6fb #6b21a8 #6b21a8 #d3a6fb}.theme-arcade .board .c.k4{border-color:#9be8a9 #1f7a33 #1f7a33 #9be8a9}.theme-arcade .board .c.k5{border-color:#f8a0a0 #991b1b #991b1b #f8a0a0}.theme-arcade .board .c.k6{border-color:#9db6fa #1e3fa8 #1e3fa8 #9db6fa}.theme-arcade .board .c.k7{border-color:#fbcd7b #a16207 #a16207 #fbcd7b}.theme-arcade .board .c.k8{border-color:#a3a9b3 #3f444c #3f444c #a3a9b3}.theme-arcade .board .c.k9{border-color:#33405f}.theme-arcade .preview .c.k0{background:0 0}.theme-arcade .mini{background:#121a2e;border:2px solid #3b4a75}.theme-arcade .opp figcaption{color:var(--text);font-weight:600}.theme-arcade .opp.out .mini{border-color:#7a2a38}.theme-arcade .note{color:var(--accent);font-size:28px;font-weight:800}.theme-arcade .meter{background:#121a2e;border:2px solid #3b4a75;flex-direction:column;justify-content:flex-end;width:12px;display:flex}.theme-arcade .meter-fill{background:#ef4444}.theme-arcade .grid-table.kv td.num{color:var(--accent);font-size:15px;font-weight:700}.theme-arcade{--bg:#0b101b;--paper:#141d2e;--head:#192438;--line:#2a3850;--accent:#73f7ca;--muted:#a0adc2;--text:#edf3ff}.arc{min-height:100vh;color:var(--text);background:radial-gradient(at 35% 30%,#1b2940 0,#0b101b 66%);grid-template-rows:auto 1fr auto;grid-template-columns:minmax(0,1fr);display:grid}.arc>*{min-width:0}.arc .spacer{flex:1}.arc .hidden{display:none}.arc-hud{background:#0c121f;border-bottom:1px solid #ffffff12;align-items:center;gap:30px;padding:18px 32px;display:flex}.arc-brand{color:inherit;flex:none;align-items:center;gap:10px;text-decoration:none;display:flex}.arc-brand-mark{color:var(--accent);font-size:42px;line-height:1}.arc-logo{letter-spacing:1px;font-size:20px;font-weight:900;line-height:1.1}.arc-logo b{color:var(--accent);margin-left:4px}.arc-logo small{letter-spacing:3px;color:#8998b3;margin-top:6px;font-size:8px;display:block}.arc-nav{gap:5px;display:flex}.theme-arcade .arc-tab{color:var(--muted);background:0 0;border:0;border-radius:7px;padding:10px 15px}.theme-arcade .arc-tab.active{color:var(--accent);background:#73f7ca12}.theme-arcade .arc-tab:hover{color:#fff;background:#ffffff09}.arc-conn{letter-spacing:1px;white-space:nowrap;font-size:10px;font-weight:700}.arc-conn:before{content:"● "}.arc-conn.ok{color:var(--accent)}.arc-conn.wait{color:#ffcf75}.arc-conn.bad{color:#ff7c89}.theme-arcade .arc-btn{background:#1b263a;border:1px solid #34415a;border-radius:7px;padding:9px 13px;font-size:12px}.theme-arcade .arc-btn.small{padding:7px 10px;font-size:11px}.theme-arcade button:focus-visible,.theme-arcade a:focus-visible,.theme-arcade input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.theme-arcade .arc-btn.start{background:var(--accent);border-color:var(--accent);color:#092a22;width:100%;padding:13px;font-size:14px;font-weight:900}.theme-arcade .arc-btn.start:hover:not(:disabled){background:#a1ffe0}.theme-arcade .arc-btn.start:disabled{color:#8b9aaf;background:#243849;border-color:#34465a}.arc-main{padding:0 32px 28px}.arc-arena{max-width:1480px;margin:auto}.arc-matchbar{justify-content:space-between;align-items:center;gap:20px;padding:30px 0 26px;display:flex}.arc-eyebrow{letter-spacing:2px;color:var(--accent);font-size:10px;font-weight:700}.arc-matchbar h1{letter-spacing:-1px;margin:9px 0 7px;font-size:26px}.arc-matchbar p{color:var(--muted);margin:0;font-size:12px}.arc-match-info{flex-direction:column;align-items:flex-end;gap:12px;display:flex}.arc-match-info>div{align-items:center;gap:12px;display:flex}.arc-phase{letter-spacing:1.5px;color:var(--accent);font-size:9px;font-weight:800}.arc-phase:before{content:"● "}.arc-room{color:var(--muted);font-size:11px}.arc-room b{color:#fff;letter-spacing:2px;margin-left:4px}.arc-stage{justify-content:center;align-items:flex-start;gap:24px;display:flex}.arc-play-area{flex:none}.arc-rivals-area{flex:auto;min-width:440px;max-width:460px}.arc-section-title{letter-spacing:1px;color:#8292ab;justify-content:space-between;gap:12px;margin-bottom:12px;font-size:9px;font-weight:700;display:flex}.arc-section-title span:last-child{color:#5f728f}.arc-me{border:1px solid #4f7792;border-top:3px solid var(--accent);background:linear-gradient(150deg,#1e3046,#131d2c 65%);border-radius:12px;padding:14px;box-shadow:0 12px 40px #0003}.arc-me.danger{border-color:#ff6e86}.arc-plate{align-items:center;gap:8px;min-width:0;margin-bottom:12px;display:flex}.arc-plate.me{border-bottom:1px solid #ffffff0e;padding:0 0 12px}.arc-name{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:800;overflow:hidden}.arc-you{color:var(--accent);letter-spacing:1px;background:#73f7ca12;border-radius:3px;padding:3px 5px;font-size:8px}.arc-ko{color:var(--muted);white-space:nowrap;margin-left:auto;font-size:10px}.arc-ko b{color:#ffcc78;margin-left:5px;font-size:14px}.arc-badge{color:#acbdd5;background:#283950;border-radius:6px;flex:none;justify-content:center;align-items:center;width:23px;height:23px;font-size:12px;font-weight:900;display:inline-flex}.arc-badge.gold{color:#ffcd70;background:#ffcd701c}.arc-badge.silver{color:#c4d2e5;background:#c4d2e51c}.arc-badge.bronze{color:#d99b74;background:#d99b741c}.arc-field{align-items:stretch;gap:10px;display:flex}.arc-left,.arc-right{width:calc(var(--pcell) * 4 + 18px);flex-direction:column;gap:12px;min-width:84px;display:flex}.arc-box{background:#0d1525;border:1px solid #2d3c54;border-radius:7px;flex-direction:column;align-items:center;gap:9px;padding:11px 7px;display:flex}.arc-label{letter-spacing:1.5px;color:#8e9fb9;align-self:flex-start;font-size:9px;font-weight:800}.arc-big{font-variant-numeric:tabular-nums;letter-spacing:-1px;font-size:26px;font-weight:800}.arc-stats{align-items:stretch;gap:12px}.arc-stats .arc-big{color:var(--accent);overflow-wrap:anywhere;font-size:22px}.arc-kv{color:var(--muted);justify-content:space-between;gap:4px;font-size:10px;display:flex}.arc-kv b{color:var(--text);font-variant-numeric:tabular-nums;font-size:12px}.arc-incoming{margin-top:auto}.arc-incoming.hot{background:#341e30;border-color:#ff6e86}.arc-incoming.hot .arc-big{color:#ff8599}.arc-right .preview{padding:2px 3px}.arc-right .preview.first{border-bottom:1px solid #2a3658;padding-bottom:10px}.theme-arcade .arc .meter{background:#0a1322;border:0;border-radius:3px;width:6px;overflow:hidden}.theme-arcade .arc .meter-fill{background:#ff6e86}.arc-board-wrap,.arc-opp-board{position:relative}.arc-board-wrap{border:1px solid #47617c;border-radius:3px;align-self:flex-start;overflow:hidden}.arc-overlay{pointer-events:none;letter-spacing:3px;color:#fff;text-align:center;background:#0b1020c9;justify-content:center;align-items:center;font-size:44px;font-weight:900;display:flex;position:absolute;inset:0}.arc-overlay.count{color:var(--accent);background:#0b102090;font-size:90px}.arc-overlay.ko{color:#ff7c90}.arc-overlay.win{color:var(--accent)}.arc-overlay.ready{color:#c3d1e6;font-size:28px}.arc-overlay.ready:after{content:"방에서 게임을 시작해 주세요";letter-spacing:0;color:#9aaac2;font-size:11px;font-weight:400;position:absolute;top:calc(50% + 28px)}.arc-overlay.small{font-size:20px}.arc-target{color:#8e9fb9;justify-content:space-between;gap:8px;padding:12px 0 0;font-size:10px;display:flex}.arc-target span{letter-spacing:1px;font-size:8px}.arc-target b{color:#ffbd79}.arc-callout{z-index:2;pointer-events:none;text-align:center;position:absolute;top:28%;left:0;right:0}.arc-callout span{color:#0b231e;background:#73f7caed;border-radius:4px;padding:9px 12px;font-size:17px;font-weight:900;display:inline-block}.anim .arc-callout span{animation:.18s ease-out battle-callout}@keyframes battle-callout{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.arc-controls{color:#8e9fb9;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:14px;font-size:9px;display:flex}.arc-controls kbd{background:#1d2a3e;border:1px solid #34425a;border-bottom-width:2px;border-radius:3px;margin-right:2px;padding:2px 4px;font-family:inherit;font-size:9px}.arc-controls .link{padding:0;font-size:9px}.arc-opps{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.arc-opps.duel{grid-template-columns:1fr}.arc-opp{background:#141e2e;border:1px solid #30415a;border-top:3px solid #7b87bb;border-radius:9px;min-width:0;padding:10px}.arc-opp.targeted{border-color:#f1aa66}.arc-opp .arc-plate{gap:5px;margin-bottom:9px;font-size:11px}.arc-opp .arc-name{flex:1;font-size:10px}.arc-opp .arc-badge{width:17px;height:17px;font-size:10px}.arc-opp .arc-ko{font-size:9px}.arc-opp .arc-ko b{margin-left:2px;font-size:11px}.arc-opp-board{--mcell:12px;width:calc(var(--mcell) * 10 + 4px);min-height:calc(var(--mcell) * 20 + 4px);background:#0b1020;border-radius:3px;margin:auto}.arc-opps.duel .arc-opp-board{--mcell:18px}.theme-arcade.low .arc-opp-board{--mcell:6px}.theme-arcade .arc-opps .mini{--mcell:12px}.theme-arcade .arc-opps.duel .mini{--mcell:18px}.theme-arcade.low .arc-opps .mini{--mcell:6px}.arc-opp.out{opacity:.6;border-color:#71404e}.arc-opp-meta{color:var(--muted);font-variant-numeric:tabular-nums;justify-content:space-between;gap:8px;margin-top:9px;font-size:10px;display:flex}.arc-opp-meta .hot{color:#ff8599}.arc-opp.empty{background:#111b2a80;border:1px dashed #34455f;justify-content:center;align-items:center;display:flex}.arc-empty{text-align:center;color:#4b6280;flex-direction:column;justify-content:center;align-items:center;min-height:265px;font-size:36px;font-style:italic;font-weight:900;display:flex}.arc-empty small{color:#8d9cb4;margin-top:8px;font-size:10px;font-style:normal;font-weight:400}.arc-opps.duel .arc-empty{min-height:390px}.arc-social{flex-direction:column;flex:0 0 270px;gap:12px;display:flex}.arc-social>.arc-section-title{margin-bottom:0}.arc-room-actions{background:#18263a;border:1px solid #344762;border-radius:9px;padding:16px}.arc-action-title{justify-content:space-between;align-items:center;gap:8px;display:flex}.arc-action-title b{font-size:12px}.arc-action-title span{color:var(--accent);font-size:9px}.arc-room-actions p{color:var(--muted);margin:10px 0 14px;font-size:11px;line-height:1.7}.arc-bot-actions{gap:8px;margin-bottom:8px;display:flex}.arc-bot-actions button{flex:1}.arc-roster{background:#111b2b;border:1px solid #283951;border-radius:9px;padding:13px 15px}.arc-roster-player{align-items:center;gap:9px;padding-top:12px;display:flex}.arc-avatar{color:#bac6e6;background:#28334f;border-radius:8px;justify-content:center;align-items:center;width:29px;height:29px;font-size:10px;font-weight:800;display:inline-flex}.arc-avatar.mine{color:var(--accent);background:#73f7ca1c}.arc-roster-name{overflow-wrap:anywhere;flex:1;min-width:0;font-size:11px}.arc-roster-name small{color:#8294ad;padding-top:2px;font-size:9px;display:block}.arc-roster-wins{color:#9daec7;font-size:10px}.arc-chat{width:auto}.arc-chat .chat{background:#111b2b;border:1px solid #2c3e57;border-radius:9px;min-height:0;overflow:hidden}.arc-chat .chat-head{color:#d6e0ef;letter-spacing:0;background:#182438;border-bottom:1px solid #2b3a51;flex-wrap:wrap;gap:6px;padding:11px;font-size:11px;display:flex}.arc-chat .chat-head .small{color:#91a1b8;font-size:8px}.arc-chat .chat-list{flex:none;height:180px;padding:12px}.arc-chat .chat-line{padding:5px 0;font-size:11px;line-height:1.6}.arc-chat .chat-name{margin-bottom:2px;font-size:10px;display:block}.arc-chat .chat-form{border-top:1px solid #2c3e57;gap:6px;padding:8px}.arc-chat .chat-form input{width:0;padding:8px;font-size:10px}.arc-chat .chat-form button{font-size:10px}.arc-chat .chat-empty{text-align:center;padding:20px 10px;font-size:11px;line-height:1.7}.arc-page{background:#141e2e;border:1px solid #30415a;border-radius:12px;max-width:1100px;margin:32px auto;padding:28px;overflow-x:auto}.arc-page .sheet-h{margin-bottom:8px;font-size:20px}.rooms-head{flex-wrap:wrap}.rooms-head .join{gap:6px;display:flex}.rooms-head .code-input{width:110px}.rooms-head .muted{flex-basis:100%}.theme-arcade .rooms-head{padding:16px 0 22px}.theme-arcade .rooms-head button{padding:10px 16px}.theme-arcade button.primary{background:var(--accent);border-color:var(--accent);color:#092a22}.theme-arcade .grid-table.rooms{background:0 0;width:100%}.theme-arcade .grid-table.rooms th{letter-spacing:1px;background:#1c2a3f;padding:12px;font-size:10px}.theme-arcade .grid-table.rooms td{border-left:0;border-right:0;padding:15px 12px}.arc-foot{background:#0d1421;border-top:1px solid #243249;padding:0 32px}.arc-ranks{gap:8px;padding-top:10px;display:flex;overflow-x:auto}.arc-ranks:empty{display:none}.arc-chip{background:#162237;border:1px solid #263951;border-radius:7px;flex:none;align-items:center;gap:7px;padding:5px 10px 5px 5px;font-size:10px;display:inline-flex}.arc-chip b{font-variant-numeric:tabular-nums}.arc-chip small{color:#8e9fb9;font-size:9px}.arc-chip.me{border-color:#73f7ca66}.arc-chip.out{color:#8292ab}.arc-foot-row{align-items:center;gap:10px;min-height:43px;display:flex}.arc-live-dot{background:var(--accent);border-radius:50%;flex:none;width:5px;height:5px}.arc-ticker{color:#96a7bf;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.arc-perf{color:#8395ae;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:9px}.arc-foot-row .arc-tab{white-space:nowrap;padding:5px;font-size:10px}@media (width>=1500px){.arc-stage{gap:32px}.arc-social{flex-basis:290px}}@media (width<=1380px){.arc-hud{gap:18px;padding:16px 20px}.arc-main{padding-left:20px;padding-right:20px}.arc-stage{flex-wrap:wrap;gap:20px}.arc-rivals-area{max-width:460px}.arc-social{flex:100%;grid-template-columns:1fr 1fr 1.4fr;align-items:start;display:grid}.arc-social>.arc-section-title{grid-column:1/-1}.arc-social .arc-chat .chat-list{height:180px}}@media (width<=900px){.arc-hud{flex-wrap:wrap;gap:14px}.arc-nav{border-top:1px solid #ffffff0a;flex-basis:100%;order:3;padding-top:8px}.arc-nav .arc-tab{flex:1;padding:9px;font-size:11px}.arc-main{padding:0 14px 20px}.arc-matchbar{padding:22px 0}.arc-matchbar h1{font-size:22px}.arc-matchbar p{max-width:240px;line-height:1.6}.arc-match-info{gap:10px}.arc-match-info>div:not(.match-clock){flex-direction:column;align-items:flex-end;gap:6px}.arc-rivals-area{flex-basis:100%;min-width:0;max-width:none}.arc-opps{grid-template-columns:repeat(3,minmax(0,1fr))}.arc-opps.duel{grid-template-columns:1fr;max-width:260px;margin:auto}.arc-social{grid-template-columns:1fr 1fr}.arc-social .arc-chat{grid-column:1/-1}.arc-page{margin:20px auto;padding:16px}.arc-foot{padding:0 14px}.workspace{grid-template-columns:1fr}.sheet-area{border-right:0;border-bottom:1px solid var(--line)}.app{height:auto;min-height:100vh}}@media (width<=580px){.arc-play-area{max-width:100%;overflow-x:auto}.arc-me{width:max-content;padding:10px}.arc-left,.arc-right{min-width:56px;width:calc(var(--pcell) * 4 + 12px)}.arc-field{gap:6px}.arc-stats .arc-big{font-size:18px}.arc-box{padding:8px 5px}.arc-matchbar h1{font-size:18px}.arc-eyebrow,.arc-phase{font-size:8px}.arc-matchbar p{font-size:10px}.arc-social{grid-template-columns:1fr}.arc-social .arc-chat{grid-column:auto}.arc-opps{grid-template-columns:repeat(2,minmax(0,1fr))}.arc-opp .arc-ko{display:none}.arc-hud>.arc-conn{margin-left:auto}.arc-hud>.spacer,.arc-perf{display:none}.rooms-head .join{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){.anim .arc-callout span{animation:none}}@media (width>=1381px) and (height<=900px){.arc-hud{padding-top:12px;padding-bottom:12px}.arc-matchbar{padding-top:20px;padding-bottom:20px}.arc-matchbar h1{font-size:22px}.arc-main{padding-bottom:18px}}.match-clock{border:1px solid var(--border,#c9ced4);font-variant-numeric:tabular-nums;border-radius:8px;align-items:center;gap:12px;padding:9px 14px;display:inline-flex}.match-clock small{opacity:.7;font-size:11px}.match-clock strong{font-size:28px;line-height:1}.match-clock.urgent{color:#e64b59;border-color:currentColor}.battle-stats{border:1px solid var(--border,#c9ced4);border-radius:10px;min-width:0;margin-top:20px;padding:16px}.battle-stats-heading{justify-content:space-between;gap:12px;margin-bottom:10px;display:flex}.battle-stats-heading span,.battle-stats p{opacity:.7;font-size:11px}.battle-stats-scroll{overflow-x:auto}.battle-stats table{border-collapse:collapse;font-variant-numeric:tabular-nums;white-space:nowrap;width:100%;font-size:12px}.battle-stats th,.battle-stats td{text-align:right;border-bottom:1px solid #8995a330;padding:8px}.battle-stats th:first-child{text-align:left;text-overflow:ellipsis;max-width:150px;overflow:hidden}.battle-stats tr.mine{background:#38c5a510}.battle-stats p{margin:10px 0 0;line-height:1.6}.theme-arcade .match-clock,.theme-arcade .battle-stats{color:#dce8ed;background:#101d26;border-color:#2c454e}.theme-arcade .match-clock strong{color:#64eed0}.theme-arcade .match-clock.urgent strong{color:#ff7f88}@media (width<=580px){.battle-stats{padding:10px}.battle-stats th,.battle-stats td{padding:7px 5px;font-size:11px}.match-clock{padding:7px 10px}.match-clock strong{font-size:24px}.arc-hud{gap:10px;padding:10px 14px}.arc-brand{gap:7px}.arc-brand-mark{font-size:30px}.arc-logo{letter-spacing:.3px;font-size:16px}.arc-logo small{letter-spacing:1.8px;margin-top:4px;font-size:6px}.arc-hud>.arc-conn{letter-spacing:.5px;font-size:8px}.theme-arcade .arc-hud>.arc-btn.small{padding:6px;font-size:10px}.arc-nav{padding-top:5px}.arc-matchbar{gap:10px;padding:12px 0}.arc-matchbar>div:first-child{min-width:0}.arc-matchbar h1{margin:6px 0}.arc-matchbar p{display:none}.arc-match-info{flex-shrink:0;gap:6px}.arc-match-info>div:not(.match-clock){flex-direction:row;gap:6px}.arc-match-info .arc-room{font-size:9px}.arc-match-info .arc-btn.small{padding:5px;font-size:9px}.arc-match-info .match-clock{flex-direction:row;gap:8px}.arc-match-info .match-clock small{font-size:9px}.arc-phase{letter-spacing:.5px;font-size:7px}.arc-stats{gap:8px}.arc-controls{display:none}}@media (width<=900px){.app{grid-template-columns:minmax(0,1fr)}.app>*,.workspace>*{min-width:0}.titlebar{flex-wrap:wrap}.menubar .spacer{flex-basis:100%}}