:root{--bg:#050b16;--navy:#06111f;--surface:#0a2033;--surface-2:#0d2a42;--cyan:#21d4e8;--cyan-soft:#8df4ff;--violet:#8b5cf6;--coral:#ef4552;--white:#f5f7fa;--text:#d5e2ed;--muted:#7e93a6;--line:#23465f;--ink:#111d29;--card:#f5f7fa}*{box-sizing:border-box}html{background:var(--bg);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{background:radial-gradient(circle at 50% 28%, #0c2c49 0, var(--navy) 39%, var(--bg) 78%);min-width:320px;min-height:100vh;color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}.game-shell{background-image:linear-gradient(#21d4e805 1px,#0000 1px),linear-gradient(90deg,#21d4e805 1px,#0000 1px);background-size:42px 42px;min-height:100vh;overflow-x:clip}.topbar{z-index:30;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#050b16d6;border-bottom:1px solid #21d4e824;justify-content:space-between;align-items:center;height:76px;padding:0 clamp(16px,4vw,52px);display:flex;position:relative}.brand{color:var(--white);letter-spacing:.06em;text-shadow:0 0 22px #21d4e838;font:900 2.4rem/1 Arial Black,Impact,sans-serif}.brand-button{background:0 0;border:0;padding:4px 0;text-decoration:none;display:inline-flex}.top-actions{gap:10px;display:flex}.nav-button,.game-button{border:1px solid var(--line);min-height:46px;color:var(--text);cursor:pointer;background:#0a2033e6;border-radius:14px;padding:0 18px;font-weight:800;transition:transform .16s,border-color .16s,box-shadow .16s}.nav-button:hover,.game-button:hover{border-color:var(--cyan);transform:translateY(-2px)}.nav-button:disabled,.game-button:disabled{cursor:wait;opacity:.62;transform:none}.nav-button-primary{color:var(--cyan-soft);border-color:#21d4e873}.start-screen,.lobby-screen,.waiting-screen{background:linear-gradient(145deg,#0a2033f2,#05111ff2);border:1px solid #21d4e838;border-radius:34px;width:min(1120px,100% - 40px);min-height:calc(100vh - 116px);margin:20px auto;box-shadow:0 28px 90px #0000006b,inset 0 0 70px #21d4e809}.start-screen{align-content:center;gap:50px;padding:clamp(26px,6vw,76px);display:grid}.start-copy{text-align:center}.start-kicker,.modal-kicker,.result-kicker{color:var(--cyan);letter-spacing:.18em;text-transform:uppercase;font-size:.76rem;font-weight:900}.start-copy h1,.lobby-panel h1,.waiting-screen h1{color:var(--white);letter-spacing:-.045em;margin:10px 0;font-size:clamp(2rem,5vw,4.6rem);line-height:.98}.start-copy p,.lobby-panel>p,.waiting-screen>p{color:var(--muted);margin:0}.mode-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.mode-card{border:1px solid var(--line);min-height:264px;color:var(--text);text-align:left;cursor:pointer;background:linear-gradient(145deg,#0d2a42f0,#081929f0);border-radius:25px;flex-direction:column;align-items:flex-start;padding:30px;transition:transform .18s,border-color .18s,box-shadow .18s;display:flex}.mode-card:hover{border-color:var(--cyan);transform:translateY(-5px);box-shadow:0 20px 42px #00000042,0 0 30px #21d4e81a}.mode-card-multi:hover{border-color:var(--violet);box-shadow:0 20px 42px #00000042,0 0 30px #8b5cf621}.mode-icon{border:1px solid var(--cyan);width:58px;height:58px;color:var(--cyan);background:#21d4e812;border-radius:18px;place-items:center;margin-bottom:20px;font-size:1.9rem;display:grid}.mode-card small{color:var(--muted);text-transform:uppercase;letter-spacing:.14em;font-weight:800}.mode-card b{color:var(--white);margin:6px 0;font-size:1.6rem}.mode-card p{color:#9eb0bf;margin:0;line-height:1.5}.mode-cta{color:var(--cyan);margin-top:auto;padding-top:24px;font-weight:900}.mode-card-multi .mode-icon,.mode-card-multi .mode-cta{color:#cbb5ff;border-color:#8b5cf6b3}.lobby-screen,.waiting-screen{place-items:center;padding:24px;display:grid}.lobby-panel{border:1px solid var(--line);background:#06111fc7;border-radius:26px;width:min(560px,100%);padding:clamp(24px,5vw,48px);box-shadow:0 18px 60px #0000004d}.compact-panel{width:min(500px,100%)}.lobby-panel h1{font-size:clamp(2rem,5vw,3.5rem)}.lobby-panel label{color:#adc0cf;margin:22px 0 7px;font-size:.82rem;font-weight:800;display:block}.lobby-panel input{border:1px solid var(--line);width:100%;min-height:56px;color:var(--white);text-transform:none;background:#071827;border-radius:14px;outline:none;padding:0 16px}.lobby-panel input:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #21d4e81f}#room-code{letter-spacing:.15em;text-transform:uppercase;font-weight:900}.lobby-create{width:100%;margin-top:20px}.join-row{grid-template-columns:1fr auto;gap:10px;display:grid}.lobby-divider{height:40px;color:var(--muted);text-transform:uppercase;letter-spacing:.12em;align-items:center;font-size:.75rem;display:flex}.lobby-divider:before,.lobby-divider:after{content:"";background:var(--line);flex:1;height:1px}.lobby-divider span{padding:0 12px}.lobby-error{background:#ef455214;border:1px solid #ef455259;border-radius:10px;padding:9px 12px;font-size:.84rem;color:#ffadb4!important;margin:14px 0 0!important}.capacity-picker{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.capacity-picker button{border:1px solid var(--line);height:48px;color:var(--muted);cursor:pointer;background:#071827;border-radius:13px;font-weight:900}.capacity-picker button.is-selected{color:#071827;border-color:var(--cyan);background:var(--cyan);box-shadow:0 0 20px #21d4e840}.waiting-screen{text-align:center;align-content:center}.waiting-screen h1{color:var(--cyan);letter-spacing:.16em}.waiting-orbit{border:1px solid #21d4e859;border-radius:50%;width:84px;height:84px;margin-bottom:18px;animation:2.4s linear infinite orbit;position:relative}.waiting-orbit span{background:var(--cyan);width:14px;height:14px;box-shadow:0 0 18px var(--cyan);border-radius:50%;position:absolute;top:-7px;left:50%}.waiting-orbit span:last-child{background:var(--violet);box-shadow:0 0 18px var(--violet);top:50%;left:auto;right:-7px}.waiting-members{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;width:min(560px,100%);margin:24px 0;display:grid}.waiting-members span{border:1px solid var(--line);background:#0a2033c2;border-radius:12px;align-items:center;gap:8px;min-height:48px;padding:7px 10px;font-size:.82rem;display:flex}.waiting-members b{width:32px;height:32px;color:var(--cyan);border:1px solid var(--cyan);border-radius:50%;place-items:center;font-size:.7rem;display:grid}.waiting-members .is-empty{color:var(--muted);border-style:dashed}@keyframes orbit{to{transform:rotate(360deg)}}.arena{background:radial-gradient(at 50% 54%,#0d4b6f70,#0000 55%),linear-gradient(160deg,#071a2b,#06111f 72%);border:1px solid #186d9b;border-radius:34px;grid-template-rows:142px minmax(280px,1fr) auto 150px;gap:8px;width:min(1320px,100% - 32px);height:calc(100vh - 100px);min-height:680px;margin:12px auto;padding:18px clamp(18px,2.6vw,38px) 20px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 8px #04111d8a,inset 0 0 90px #00000073,0 24px 70px #0006}.arena:before{content:"";pointer-events:none;border:1px solid #21d4e81a;border-radius:50%;position:absolute;inset:20% 15% 12%;box-shadow:0 0 0 30px #21d4e806,0 0 0 60px #21d4e804}.arena-glow{filter:blur(90px);pointer-events:none;background:#21d4e814;position:absolute;inset:35% 20% -30%}.player-orbit{z-index:4;height:142px;position:relative}.orbit-line{border:1px solid #8b5cf640;border-bottom:0;border-radius:50% 50% 0 0;width:min(760px,78%);height:150px;position:absolute;top:18px;left:50%;transform:translate(-50%)}.orbit-player{left:var(--orbit-x);top:var(--orbit-y);text-align:center;width:110px;color:var(--text);flex-direction:column;align-items:center;display:flex;position:absolute;transform:translate(-50%)}.orbit-avatar{color:#b3c6d5;background:linear-gradient(145deg,#112e48,#071827);border:2px solid #47708c;border-radius:50%;place-items:center;width:52px;height:52px;font-size:.9rem;font-weight:900;display:grid;box-shadow:0 8px 20px #0000004d}.orbit-player b{text-overflow:ellipsis;white-space:nowrap;max-width:100%;color:var(--white);margin-top:5px;font-size:.86rem;overflow:hidden}.orbit-player small{color:var(--muted);font-size:.7rem}.orbit-player em{color:var(--cyan);letter-spacing:.1em;text-transform:uppercase;font-size:.6rem;font-style:normal;font-weight:900}.orbit-player.is-attacker .orbit-avatar{border-color:var(--cyan);color:var(--cyan);box-shadow:0 0 18px #21d4e859}.orbit-player.is-defender .orbit-avatar{color:#d7c5ff;border-color:#b48cff;box-shadow:0 0 0 4px #8b5cf629,0 0 22px #8b5cf685}.orbit-player.is-defender em{color:#c7a9ff}.orbit-player.is-out{opacity:.47}.game-meta{z-index:8;min-height:38px;color:var(--cyan);background:#05111fdb;border:1px solid #21d4e84d;border-radius:999px;align-items:center;gap:8px;padding:0 12px;font-size:.76rem;font-weight:850;display:flex;position:absolute;top:18px;right:24px}.turn-dot{background:var(--cyan);width:8px;height:8px;box-shadow:0 0 10px var(--cyan);border-radius:50%}.turn-dot.is-bot{background:var(--coral);box-shadow:0 0 10px var(--coral)}.turn-dot.is-defending{background:var(--violet);box-shadow:0 0 10px var(--violet)}.round-label,.room-chip{color:var(--muted);border-left:1px solid var(--line);padding-left:8px}.room-chip{color:#c8b0ff;letter-spacing:.08em}.middle-zone{z-index:2;grid-template-columns:minmax(0,1fr) 150px;align-items:center;min-height:0;display:grid;position:relative}.battle-zone{place-items:center;min-width:0;display:grid}.battle-grid{flex-wrap:wrap;justify-content:center;align-items:center;gap:26px 38px;width:100%;padding:12px;display:flex}.battle-pair{width:94px;height:144px;position:relative}.card-back,.playing-card{border-radius:11px;flex:none;width:84px;height:116px;box-shadow:0 9px 18px #0000004d}.playing-card{color:var(--ink);cursor:default;background:linear-gradient(145deg,#fff,#edf2f6);border:2px solid #dbe4ec;padding:0;transition:transform .16s,box-shadow .16s,border-color .16s,opacity .16s;position:relative}.playing-card.is-red{color:#e63838}.playing-card.is-compact{width:80px;height:112px}.playing-card.is-playable{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;border-color:var(--cyan);box-shadow:0 0 0 2px #21d4e82e,0 0 20px #21d4e842,0 9px 18px #0000004d}.playing-card.is-playable:hover{transform:translateY(-9px);box-shadow:0 0 0 2px #21d4e852,0 0 27px #21d4e86e,0 13px 24px #00000059}.playing-card.is-playable:active{cursor:grabbing}.playing-card.is-dragging{opacity:.18}.playing-card.is-reflectable{border-color:#b985ff;box-shadow:0 0 0 2px #b985ff3d,0 0 23px #b985ff66}.playing-card.is-reflectable:after{content:"↔";color:#fff;background:#7544b8;border-radius:50%;place-items:center;width:23px;height:23px;font-size:.75rem;font-weight:900;display:grid;position:absolute;top:5px;right:6px}.playing-card:disabled{opacity:1}.card-corner{text-align:center;flex-direction:column;font-family:Georgia,serif;font-size:1rem;line-height:.9;display:flex;position:absolute;top:7px;left:8px}.card-corner span{margin-top:3px;font-size:.8rem}.card-corner-bottom{inset:auto 8px 7px auto;transform:rotate(180deg)}.card-suit{place-items:center;font-size:2.5rem;display:grid;position:absolute;inset:0}.defense-card{z-index:2;position:absolute;top:34px;left:28px;transform:rotate(7deg)}.defense-slot{width:80px;height:112px;color:var(--cyan);text-align:center;background:#21d4e80d;border:1px dashed #21d4e894;border-radius:11px;place-items:center;padding:7px;font-size:.6rem;font-weight:900;display:grid;position:absolute;top:35px;left:29px}.pair-number{z-index:4;border:1px solid var(--line);background:var(--navy);width:24px;height:24px;color:var(--muted);border-radius:50%;place-items:center;font-size:.7rem;display:grid;position:absolute;bottom:-10px;left:-8px}.empty-table{text-align:center;min-width:min(440px,90%);color:var(--muted);background:#07182847;border:1px dashed #21d4e840;border-radius:36px;padding:38px}.empty-table span{color:var(--cyan);text-transform:uppercase;letter-spacing:.16em;margin-bottom:7px;font-size:.76rem;font-weight:900;display:block}.empty-table p{margin:0;font-size:.9rem}.drop-zone{transition:border-color .14s,background .14s,box-shadow .14s,transform .14s}.battle-pair.drop-zone:before{content:"";z-index:0;pointer-events:none;background:#21d4e806;border:1px dashed #21d4e84d;border-radius:17px;position:absolute;inset:-9px}.drop-zone.is-valid-drop{transform:scale(1.025);box-shadow:0 0 28px #21d4e83d,inset 0 0 22px #21d4e812;border-color:var(--cyan)!important;background:#21d4e821!important}.battle-pair.drop-zone.is-valid-drop:before{border-color:var(--cyan);background:#21d4e814;box-shadow:0 0 22px #21d4e829}.drop-zone.is-invalid-drop{opacity:.5}.attack-drop-zone,.mirror-drop-zone{width:80px;height:112px;color:var(--muted);text-align:center;background:#0716267a;border:1px dashed #315779;border-radius:12px;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:7px;padding:8px;display:flex}.attack-drop-zone span,.mirror-drop-zone span{color:var(--cyan);font-size:1.55rem}.attack-drop-zone b,.mirror-drop-zone b{font-size:.6rem}.mirror-drop-zone{color:#d9c3f8;background:#401f5b57;border-color:#b985ff8c}.mirror-drop-zone span{color:#cda7ff}.deck-zone{flex-direction:column;align-items:center;gap:7px;display:flex}.deck-stack{width:118px;height:132px;position:relative}.card-back{background:#06325b;border:4px solid #e8edf2;padding:4px;position:relative}.card-back:before,.card-back:after,.card-back span:before,.card-back span:after{content:"";border:1px solid #0ebcde;position:absolute;inset:22px;transform:rotate(45deg)}.card-back:after{border-color:#176a9a;inset:30px}.card-back span{background:repeating-linear-gradient(45deg,#0000 0 9px,#21d4e817 10px 11px);border:1px solid #21d4e861;border-radius:5px;position:absolute;inset:4px}.card-back span:before{inset:31px 22px}.card-back span:after{inset:22px 31px}.deck-stack>.card-back{z-index:2;width:82px;height:112px;position:absolute;top:0;left:5px;box-shadow:5px 5px #d8e1e7,9px 9px #9eabb7,0 0 20px #21d4e82e}.trump-card{z-index:1;background:var(--card);width:80px;height:112px;color:var(--ink);border:2px solid #dbe4ec;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;font-family:Georgia,serif;display:flex;position:absolute;top:10px;left:31px;transform:rotate(90deg);box-shadow:0 0 18px #21d4e875}.trump-card.is-red{color:#e63838}.trump-card b{font-size:1.18rem}.trump-card span{font-size:2rem}.deck-copy{color:var(--muted);gap:5px;font-size:.76rem;display:flex}.deck-copy b{color:var(--white)}.trump-copy{color:var(--muted);border:1px solid #21d4e838;border-radius:999px;padding:4px 9px;font-size:.7rem}.trump-copy b{color:var(--cyan);font-size:.9rem}.empty-deck{z-index:2;width:82px;height:112px;color:var(--muted);background:#05111fb8;border:1px dashed #315779;border-radius:10px;place-items:center;font-size:.7rem;display:grid;position:absolute;top:0;left:5px}.message-bar{z-index:5;color:#b9c9d6;text-align:center;background:#05111fcc;border:1px solid #3157799e;border-radius:999px;place-self:center;max-width:min(760px,92%);padding:9px 16px;font-size:.82rem;position:relative}.message-bar span{color:var(--cyan);margin-right:7px}.player-zone{z-index:5;grid-template-columns:155px minmax(0,1fr) 155px;align-items:center;min-height:148px;display:grid;position:relative}.player-label{color:var(--white);align-items:center;gap:10px;display:flex}.player-label>span:last-child{flex-direction:column;gap:2px;min-width:0;display:flex}.player-label b{text-overflow:ellipsis;white-space:nowrap;max-width:110px;overflow:hidden}.player-label small{color:var(--muted);font-size:.78rem}.avatar{border:1px solid var(--cyan);width:44px;height:44px;color:var(--cyan);background:#21d4e812;border-radius:50%;flex:none;place-items:center;font-size:.72rem;font-weight:900;display:grid}.avatar.is-defender{border-color:var(--violet);color:#ceb9ff;box-shadow:0 0 17px #8b5cf66b}.player-hand{grid-column:2;justify-content:center;align-items:center;min-width:0;padding:16px 28px 7px 0;display:flex}.player-hand .playing-card{animation:.36s cubic-bezier(.18,.82,.22,1) hand-card-in}.player-hand .playing-card:nth-child(2){animation-delay:35ms}.player-hand .playing-card:nth-child(3){animation-delay:70ms}.player-hand .playing-card:nth-child(4){animation-delay:.105s}.player-hand .playing-card:nth-child(5){animation-delay:.14s}.player-hand .playing-card:nth-child(6){animation-delay:.175s}.player-hand .playing-card:not(:first-child){margin-left:-22px}.player-hand .playing-card:nth-child(odd){transform:rotate(-1.5deg)}.player-hand .playing-card:nth-child(2n){transform:rotate(1.5deg)}.player-hand .playing-card.is-playable:hover{z-index:8;transform:translateY(-13px)rotate(0)}.drag-ghost{z-index:100;pointer-events:none;filter:drop-shadow(0 18px 22px #0000007a);position:fixed;transform:translate(-50%,-58%)rotate(4deg)scale(1.08)}.drag-ghost .playing-card{border-color:var(--cyan);display:block;box-shadow:0 0 28px #21d4e86b}.action-bar{z-index:15;align-items:center;gap:10px;display:flex;position:absolute;bottom:24px;right:26px}.game-button{min-height:54px;font-size:.95rem}.game-button-primary{border-color:var(--cyan);color:#052033;background:linear-gradient(135deg,#21d4e8,#0bbad0);box-shadow:0 0 23px #21d4e845}.game-button-danger{background:linear-gradient(135deg, var(--coral), #c52c3b);color:#fff;border-color:#ff8a92;box-shadow:0 0 23px #ef45523d}.game-button-pass{color:#fff;text-transform:uppercase;letter-spacing:.06em;background:linear-gradient(135deg,#9c66f5,#7140c4);border-color:#cda7ff;min-width:170px;box-shadow:0 0 24px #8b5cf657}.game-button-undo{color:#d9fbff;background:linear-gradient(135deg,#0f4d63f5,#072a3efa);border-color:#21d4e8a6;min-width:174px;box-shadow:0 0 22px #21d4e82e}.game-button-undo small{color:#8fdde7;white-space:nowrap;margin-left:7px;font-size:.63rem;font-weight:800;display:block}.table-attack-card{z-index:1;transform-origin:50% 90%;animation:.42s cubic-bezier(.16,.84,.24,1) both table-attack-in;position:relative}.battle-pair>.defense-card{transform-origin:50% 90%;animation:.39s cubic-bezier(.16,.84,.24,1) both defense-card-in}.deck-stack>.card-back{animation:.28s ease-out deck-card-pulse}.departing-table{z-index:20;pointer-events:none;justify-content:center;align-items:center;gap:12px;display:flex;position:absolute;inset:0}.departing-pair{width:94px;height:144px;animation:.5s cubic-bezier(.55,.02,.75,.22) forwards table-cards-out;position:relative}.departing-pair:nth-child(2){animation-delay:25ms}.departing-pair:nth-child(3){animation-delay:50ms}.departing-pair:nth-child(4){animation-delay:75ms}.departing-pair:nth-child(5){animation-delay:.1s}.departing-pair:nth-child(6){animation-delay:.125s}.result-panel{z-index:20;-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px);text-align:center;background:#030912d6;flex-direction:column;justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:0}.result-panel h1{color:var(--cyan);text-shadow:0 0 32px #21d4e861;margin:12px 0 5px;font:900 clamp(2.5rem,7vw,6rem)/1 Arial Black,Impact,sans-serif}.result-panel p{color:#bac8d4}.result-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.result-exit{background:#071828d9;border-color:#42627d}.footer-note{color:#567087;text-align:center;letter-spacing:.12em;text-transform:uppercase;margin:0 0 14px;font-size:.7rem}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#02070ed6;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.rules-modal{border:1px solid var(--line);background:linear-gradient(145deg,#10273b,#091726);border-radius:24px;width:min(640px,100%);max-height:calc(100vh - 36px);padding:clamp(24px,5vw,42px);position:relative;overflow:auto;box-shadow:0 24px 90px #00000085}.rules-modal h2{color:var(--white);margin:8px 0 22px;font-size:clamp(1.8rem,4vw,2.5rem)}.rules-modal ol{color:#bdcad5;gap:13px;margin:0;padding-left:22px;line-height:1.5;display:grid}.rules-modal li::marker{color:var(--cyan);font-weight:900}.rules-modal b{color:var(--white)}.modal-close{border:1px solid var(--line);width:42px;height:42px;color:var(--muted);cursor:pointer;background:#0a1b2b;border-radius:11px;font-size:1.5rem;position:absolute;top:14px;right:15px}.modal-action{width:100%;margin-top:17px}.game-shell{transition:background .26s,color .22s}.game-shell[data-arena]{--theme-header:#050e1ce6;--theme-panel:linear-gradient(145deg, #0a2033f5, #05111ff5);--theme-card:linear-gradient(145deg, #0d2a42f0, #081929f0);--theme-arena:radial-gradient(ellipse at 50% 54%, #0d4b6f70, transparent 55%), linear-gradient(160deg, #071a2b, #06111f 72%);--theme-modal:linear-gradient(145deg, #10273b, #091726);--theme-input:#071827;--theme-shadow:#0006}.game-shell[data-arena=neon]{--cyan:#28e7ff;--cyan-soft:#a8f8ff;--violet:#9c6cff;--surface-2:#123a5c;--theme-panel:linear-gradient(145deg, #0c2b45f7, #040e1ff7);--theme-card:linear-gradient(145deg, #113f5df7, #07182bfa);--theme-arena:radial-gradient(circle at 28% 34%, #28e7ff38, transparent 31%), radial-gradient(circle at 78% 64%, #9c6cff33, transparent 32%), linear-gradient(155deg, #0b2945, #030914);background:radial-gradient(circle at 16% 18%,#28e7ff47,#0000 27%) 0 0/130% 130%,radial-gradient(circle at 84% 78%,#9c6cff40,#0000 29%) 0 0/135% 135%,radial-gradient(circle at 52% 40%,#164568 0,#071426 39%,#020711 82%) 0 0/100% 100%;animation:11s ease-in-out infinite alternate theme-drift}.game-shell[data-arena=daylight]{--bg:#eef6f7;--navy:#f7fafc;--surface:#fff;--surface-2:#e8f3f4;--cyan:#087e8b;--cyan-soft:#0a6e78;--violet:#5c6ac4;--white:#102a3a;--text:#17384a;--muted:#5e7887;--line:#b9d2d6;--ink:#102a3a;--theme-header:#f7fafcf0;--theme-panel:linear-gradient(145deg, #fffffffa, #e8f3f4fa);--theme-card:linear-gradient(145deg, #fff, #eaf5f5);--theme-arena:radial-gradient(ellipse at 50% 55%, #087e8b1f, transparent 58%), linear-gradient(155deg, #f9fcfc, #dfedef);--theme-modal:linear-gradient(145deg, #fff, #e8f3f4);--theme-input:#fff;--theme-shadow:#1e464e2e;background:radial-gradient(circle at 50% 30%,#fff 0,#e8f3f4 58%,#d5e7e9 100%)}.game-shell[data-arena=pink]{--bg:#160713;--navy:#230b1d;--surface:#461137;--surface-2:#66174f;--cyan:#ff72c3;--cyan-soft:#ffd0e8;--violet:#c899ff;--white:#fff5fb;--text:#f9e0ed;--muted:#d2a3bc;--line:#913c72;--theme-header:#23061deb;--theme-panel:linear-gradient(145deg, #581245f7, #1f051bfa);--theme-card:linear-gradient(145deg, #6f1955f7, #2f0827fa);--theme-arena:radial-gradient(circle at 26% 30%, #ff72c345, transparent 34%), radial-gradient(circle at 78% 70%, #c899ff33, transparent 34%), linear-gradient(155deg, #4b0e3c, #160713);--theme-modal:linear-gradient(145deg, #5e194b, #25091e);--theme-input:#2d0925;background:radial-gradient(circle at 14% 21%,#ff72c357,#0000 24%) 0 0/132% 132%,radial-gradient(circle at 86% 73%,#c899ff47,#0000 27%) 0 0/138% 138%,radial-gradient(circle at 52% 36%,#751b5c 0,#2a0a23 43%,#10040e 100%) 0 0/100% 100%;animation:13s ease-in-out infinite alternate-reverse theme-drift}.game-shell[data-arena=brown]{--bg:#171310;--navy:#211b17;--surface:#302720;--surface-2:#3b3028;--cyan:#c69a6b;--cyan-soft:#e1c09c;--violet:#9c806d;--white:#f0e6da;--text:#ded0c1;--muted:#a99787;--line:#5a493b;--theme-header:#1e1814f0;--theme-panel:linear-gradient(145deg, #362b23f7, #1c1713fa);--theme-card:linear-gradient(145deg, #3d3128, #29211c);--theme-arena:radial-gradient(ellipse at 50% 54%, #c69a6b24, transparent 58%), linear-gradient(160deg, #352a23, #1b1612 72%);--theme-modal:linear-gradient(145deg, #3b3028, #211a16);--theme-input:#241d19;background:radial-gradient(circle at 50% 30%,#46392e 0,#241d18 48%,#14100d 100%)}.game-shell[data-arena=nature]{--bg:#06160e;--navy:#0a271b;--surface:#174b35;--surface-2:#226448;--cyan:#8eea9e;--cyan-soft:#cef7d4;--violet:#f0c76f;--white:#f7fff8;--text:#ddf2e1;--muted:#a1c7aa;--line:#3d7658;--theme-header:#061e14ed;--theme-panel:linear-gradient(145deg, #1d563bf5, #071f15fa);--theme-card:linear-gradient(145deg, #246448, #103726);--theme-arena:radial-gradient(circle at 22% 25%, #8eea9e3d, transparent 35%), radial-gradient(circle at 78% 72%, #f0c76f29, transparent 33%), linear-gradient(155deg, #1b553d, #071b12);--theme-modal:linear-gradient(145deg, #255d45, #0d3021);--theme-input:#0a2d1e;background:radial-gradient(circle at 17% 15%,#8eea9e40,#0000 27%) 0 0/132% 132%,radial-gradient(circle at 82% 76%,#f0c76f2b,#0000 28%) 0 0/138% 138%,radial-gradient(circle at 50% 36%,#236448 0,#0e3424 46%,#05150d 100%) 0 0/100% 100%;animation:15s ease-in-out infinite alternate theme-drift}.game-shell[data-arena=charades]{--bg:#06101d;--navy:#06101d;--surface:#0c2032;--surface-2:#12334b;--cyan:#1de7ff;--cyan-soft:#a8f7ff;--violet:#ff5a91;--coral:#ffe066;--white:#e8fbff;--text:#d7edf3;--muted:#91aab6;--line:#e8fbff;--ink:#06101d;--theme-header:#06101df0;--theme-panel:linear-gradient(145deg, #0c2032fa, #06101dfa);--theme-card:#0c2032;--theme-arena:radial-gradient(circle at 15% 8%, #1de7ff2e, transparent 27%), radial-gradient(circle at 88% 88%, #8c5cff38, transparent 30%), linear-gradient(155deg, #0c2032, #06101d);--theme-modal:linear-gradient(145deg, #102d43, #071522);--theme-input:#071827;--theme-shadow:#00000075;background:radial-gradient(circle at 15% 8%,#1de7ff2e,#0000 27%),radial-gradient(circle at 88% 88%,#8c5cff38,#0000 30%),#06101d}.game-shell[data-arena] .topbar{background:var(--theme-header);border-bottom-color:color-mix(in srgb, var(--cyan) 24%, transparent)}.game-shell[data-arena] .start-screen,.game-shell[data-arena] .lobby-screen,.game-shell[data-arena] .waiting-screen{background:var(--theme-panel);border-color:color-mix(in srgb, var(--cyan) 25%, transparent);box-shadow:0 28px 90px var(--theme-shadow), inset 0 0 70px color-mix(in srgb, var(--cyan) 4%, transparent)}.game-shell[data-arena] .mode-card{background:var(--theme-card);border-color:var(--line)}.game-shell[data-arena] .arena{background:var(--theme-arena);border-color:color-mix(in srgb, var(--cyan) 58%, var(--line))}.game-shell[data-arena] .lobby-panel,.game-shell[data-arena] .rules-modal{background:var(--theme-modal)}.game-shell[data-arena] .lobby-panel input,.game-shell[data-arena] .capacity-picker button{background:var(--theme-input);color:var(--white)}.game-shell[data-arena] .action-bar{background:color-mix(in srgb, var(--navy) 94%, transparent);border-color:var(--line)}.game-shell[data-arena=daylight] .mode-card p,.game-shell[data-arena=daylight] .start-copy p,.game-shell[data-arena=daylight] .lobby-panel>p,.game-shell[data-arena=daylight] .waiting-screen>p{color:var(--muted)}.game-shell[data-arena=daylight] .message-bar,.game-shell[data-arena=daylight] .game-meta,.game-shell[data-arena=daylight] .language-menu{color:var(--text);background:#fffffff0}.game-shell[data-arena=daylight] .top-actions .nav-button,.game-shell[data-arena=daylight] .join-row .nav-button{color:#102a3a;background:#fffffffa;border-color:#86b6bd;box-shadow:0 4px 14px #1e464e1f}.game-shell[data-arena=daylight] .top-actions .nav-button span{color:#087e8b}.game-shell[data-arena=daylight] .top-actions .nav-button:hover,.game-shell[data-arena=daylight] .join-row .nav-button:hover{color:#071d29;background:#dff2f4;border-color:#087e8b;box-shadow:0 7px 20px #087e8b33}.game-shell[data-arena=charades] .topbar{border-bottom:2px solid var(--line)}.game-shell[data-arena=charades] .start-screen,.game-shell[data-arena=charades] .lobby-screen,.game-shell[data-arena=charades] .waiting-screen{border:2px solid var(--line);box-shadow:8px 8px 0 var(--cyan)}.game-shell[data-arena=charades] .mode-card,.game-shell[data-arena=charades] .lobby-panel,.game-shell[data-arena=charades] .rules-modal{border:2px solid var(--line);box-shadow:7px 7px 0 var(--violet)}.game-shell[data-arena=charades] .mode-card:first-child{box-shadow:5px 5px 0 var(--cyan)}.game-shell[data-arena=charades] .mode-card-multi{box-shadow:5px 5px 0 var(--violet)}.game-shell[data-arena=charades] .mode-card:hover{box-shadow:9px 9px 0 var(--cyan);transform:translate(-3px,-3px)}.game-shell[data-arena=charades] .mode-card-multi:hover{box-shadow:9px 9px 0 var(--violet)}.game-shell[data-arena=charades] .mode-card:first-child .mode-icon{color:var(--cyan)}.game-shell[data-arena=charades] .mode-card-multi .mode-icon,.game-shell[data-arena=charades] .mode-card-multi .mode-cta{color:var(--violet);border-color:var(--violet)}.game-shell[data-arena=charades] .start-copy h1,.game-shell[data-arena=charades] .lobby-panel h1,.game-shell[data-arena=charades] .waiting-screen h1{text-transform:uppercase;letter-spacing:-.055em;text-shadow:3px 3px #ffd84d;font-family:Arial Black,Impact,sans-serif}.game-shell[data-arena=charades] .brand,.game-shell[data-arena=charades] .arena-title,.game-shell[data-arena=charades] .mode-card b{letter-spacing:.015em;font-family:Arial Black,Impact,sans-serif}.game-shell[data-arena=charades] .arena-title{color:#ffe066}.game-shell[data-arena=charades] .arena-arrow{border:2px solid var(--line);background:var(--violet);color:#fff;box-shadow:4px 4px 0 var(--cyan)}.game-shell[data-arena=charades] .arena-arrow:hover{box-shadow:6px 6px 0 var(--cyan)}.game-shell[data-arena=charades] .mode-card p,.game-shell[data-arena=charades] .start-copy p,.game-shell[data-arena=charades] .lobby-panel>p,.game-shell[data-arena=charades] .waiting-screen>p{color:var(--muted)}.game-shell[data-arena=charades] .message-bar,.game-shell[data-arena=charades] .game-meta,.game-shell[data-arena=charades] .language-menu{color:var(--text);border:2px solid var(--line);box-shadow:4px 4px 0 var(--cyan);background:#0c2032f5}.game-shell[data-arena=charades] .arena{border:2px solid var(--line);box-shadow:8px 8px 0 var(--cyan)}.game-shell[data-arena=charades] .game-button-primary{color:#fff;border:2px solid var(--line);background:var(--violet);box-shadow:6px 6px 0 var(--cyan)}.arena-switcher{justify-content:center;align-items:center;gap:24px;margin-bottom:16px;display:flex}.arena-title{min-width:210px;color:var(--cyan);text-align:center;font-size:.88rem}.arena-arrow{border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 84%, transparent);width:52px;height:52px;color:var(--cyan);cursor:pointer;border-radius:50%;place-items:center;font-size:2rem;line-height:1;transition:transform .16s,border-color .16s,box-shadow .16s;display:grid}.arena-arrow:hover{border-color:var(--cyan);box-shadow:0 0 22px color-mix(in srgb, var(--cyan) 24%, transparent);transform:translateY(-2px)}.arena-arrow:active{transform:scale(.96)}.arena-indicators{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;display:grid}.arena-indicators button{min-height:58px;color:var(--muted);cursor:pointer;background:0 0;border:0;flex-direction:column-reverse;justify-content:center;align-items:center;gap:6px;padding:7px 5px;display:flex}.arena-indicators button>span{border:1px solid var(--line);border-radius:999px;width:24px;height:12px;transition:width .18s,background .18s,box-shadow .18s}.arena-indicators button b{font-size:.66rem;font-weight:750}.arena-indicators button.is-active{color:var(--cyan)}.arena-indicators button.is-active>span{background:var(--cyan);border-color:var(--cyan);width:48px;box-shadow:0 0 15px color-mix(in srgb, var(--cyan) 46%, transparent)}.language-wrap{position:relative}.language-menu{z-index:40;border:1px solid var(--line);background:#05111ffa;border-radius:14px;gap:3px;width:178px;padding:7px;display:grid;position:absolute;top:calc(100% + 9px);right:0;box-shadow:0 18px 44px #00000061}.language-menu button{min-height:42px;color:var(--text);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:10px;padding:0 10px;display:flex}.language-menu button:hover,.language-menu button.is-active{background:color-mix(in srgb, var(--cyan) 14%, transparent);color:var(--white)}.language-menu button span{width:28px;color:var(--cyan);letter-spacing:.08em;font-size:.65rem;font-weight:900}.nav-button-leave{border-color:color-mix(in srgb, var(--coral) 55%, var(--line));color:#ffb5bb}.departure-toast{z-index:45;border:1px solid color-mix(in srgb, var(--coral) 60%, transparent);color:#ffe5e8;text-align:center;background:#350c13f5;border-radius:16px;justify-content:center;align-items:center;gap:10px;width:min(620px,100% - 28px);min-height:58px;padding:12px 18px;display:flex;position:fixed;top:88px;left:50%;transform:translate(-50%);box-shadow:0 18px 42px #00000059}.departure-toast span{background:var(--coral);color:#fff;border-radius:50%;flex:none;place-items:center;width:28px;height:28px;font-weight:900;display:grid}.waiting-actions{flex-wrap:wrap;justify-content:center;gap:9px;display:flex}@keyframes arena-in{0%{opacity:.3;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes theme-drift{0%{background-position:0 0,100% 100%,50%}50%{background-position:12% 8%,88% 92%,50%}to{background-position:22% 15%,76% 84%,50%}}@keyframes icon-float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-7px)rotate(2deg)}}@keyframes indicator-beat{0%,to{filter:brightness();transform:scaleX(1)}50%{filter:brightness(1.35);transform:scaleX(1.12)}}@keyframes status-pulse{0%,to{opacity:.72;transform:scale(.86)}50%{opacity:1;transform:scale(1.28)}}@keyframes avatar-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.07)}}@keyframes glow-drift{0%,to{opacity:.48;transform:translate(-5%)scale(.9)}50%{opacity:1;transform:translate(7%,-8%)scale(1.18)}}@keyframes menu-card-in{0%{opacity:0;transform:translateY(18px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes popover-in{0%{opacity:0;transform:translateY(-8px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes modal-in{0%{opacity:0;transform:translateY(16px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes result-pop{0%{opacity:0;transform:scale(.72)rotate(-3deg)}70%{transform:scale(1.06)rotate(1deg)}to{opacity:1;transform:scale(1)rotate(0)}}.game-shell[data-arena] .start-copy,.game-shell[data-arena] .mode-grid{animation:.26s ease-out arena-in}.mode-card{animation:.44s cubic-bezier(.16,.84,.24,1) backwards menu-card-in}.mode-card:nth-child(2){animation-delay:90ms}.mode-icon{animation:3.4s ease-in-out infinite icon-float}.mode-card:nth-child(2) .mode-icon{animation-delay:-1.35s}.arena-indicators button.is-active>span{animation:2.2s ease-in-out infinite indicator-beat}.arena-glow{animation:6.5s ease-in-out infinite glow-drift}.turn-dot{animation:1.45s ease-in-out infinite status-pulse}.orbit-player.is-attacker .orbit-avatar,.orbit-player.is-defender .orbit-avatar{animation:2.1s ease-in-out infinite avatar-breathe}.language-menu{transform-origin:100% 0;animation:.18s ease-out popover-in}.rules-modal{animation:.24s cubic-bezier(.16,.84,.24,1) modal-in}.departure-toast{animation:.26s ease-out popover-in}.result-panel h1{animation:.52s cubic-bezier(.16,.84,.24,1) result-pop}.waiting-members span{animation:.36s ease-out backwards menu-card-in}.waiting-members span:nth-child(2){animation-delay:55ms}.waiting-members span:nth-child(3){animation-delay:.11s}.waiting-members span:nth-child(4){animation-delay:.165s}.waiting-members span:nth-child(5){animation-delay:.22s}@keyframes table-attack-in{0%{opacity:0;filter:brightness(1.45)blur(1.5px);transform:translate(-54px,86px)rotate(-12deg)scale(.72)}65%{opacity:1;filter:brightness(1.12)blur();transform:translate(5px,-7px)rotate(2deg)scale(1.04)}to{opacity:1;filter:brightness()blur();transform:translate(0)rotate(0)scale(1)}}@keyframes hand-card-in{0%{opacity:0;translate:86px -72px;rotate:8deg;scale:.78}to{opacity:1;translate:0;rotate:0deg;scale:1}}@keyframes defense-card-in{0%{opacity:0;filter:brightness(1.4)blur(1.5px);transform:translate(58px,76px)rotate(19deg)scale(.7)}68%{opacity:1;filter:brightness(1.1)blur();transform:translate(-3px,-5px)rotate(4deg)scale(1.04)}to{opacity:1;filter:brightness()blur();transform:translate(0)rotate(7deg)scale(1)}}@keyframes deck-card-pulse{0%{opacity:.55;translate:12px -15px;scale:.9}to{opacity:1;translate:0;scale:1}}@keyframes table-cards-out{0%{opacity:1;transform:translate(0)rotate(0)scale(1)}55%{opacity:.9;transform:translate(42px,-28px)rotate(7deg)scale(.92)}to{opacity:0;transform:translate(150px,-92px)rotate(18deg)scale(.62)}}@media (width<=900px){.arena{border-radius:28px;grid-template-rows:132px minmax(250px,1fr) auto 142px;width:calc(100% - 20px);height:calc(100dvh - 86px);min-height:620px;margin:8px auto}.middle-zone{grid-template-columns:minmax(0,1fr) 122px}.battle-grid{gap:22px 30px}.player-zone{grid-template-columns:115px minmax(0,1fr)}.player-hand{padding-right:10px}.action-bar{bottom:18px;right:18px}}@media (width<=640px){body{overflow:hidden}.game-shell{min-height:100dvh}.topbar{height:58px;padding:0 13px}.brand{font-size:1.72rem}.top-actions{gap:6px}.nav-button{border-radius:11px;min-height:40px;padding:0 11px;font-size:.76rem}.nav-button span{display:none}.start-screen,.lobby-screen,.waiting-screen{border-radius:24px;width:calc(100% - 16px);height:calc(100dvh - 74px);min-height:0;margin:8px auto;overflow-y:auto}.start-screen{align-content:start;gap:19px;padding:22px 14px}.start-copy{margin-top:8px}.start-copy h1{font-size:clamp(2.1rem,11vw,3.2rem)}.start-copy p{font-size:.82rem}.mode-grid{grid-template-columns:1fr;gap:10px}.mode-card{border-radius:19px;min-height:172px;padding:17px}.mode-icon{border-radius:13px;width:43px;height:43px;margin-bottom:9px;font-size:1.35rem}.mode-card b{font-size:1.22rem}.mode-card p{font-size:.77rem}.mode-cta{padding-top:8px;font-size:.82rem}.lobby-screen,.waiting-screen{padding:10px}.lobby-panel{border-radius:20px;padding:22px 16px}.lobby-panel h1{font-size:2rem}.lobby-panel>p{font-size:.8rem}.lobby-panel input{min-height:51px}.join-row{grid-template-columns:1fr}.join-row .nav-button{width:100%}.waiting-screen h1{font-size:2.4rem}.waiting-members{grid-template-columns:1fr 1fr;margin:17px 0}.waiting-members span{min-height:42px;padding:5px 7px;font-size:.7rem}.waiting-members b{width:28px;height:28px}.arena{width:100%;height:calc(100dvh - 58px);min-height:0;padding:7px 9px calc(78px + env(safe-area-inset-bottom));border-width:0;border-radius:0;grid-template-rows:116px minmax(214px,1fr) auto 122px;gap:3px;margin:0;box-shadow:inset 0 0 66px #0000006b}.arena:before{inset:22% 9% 18%;box-shadow:0 0 0 22px #21d4e805}.player-orbit{height:116px}.orbit-line{width:88%;height:102px;top:13px}.orbit-player{width:74px}.orbit-avatar{width:38px;height:38px;font-size:.66rem}.orbit-player b{margin-top:3px;font-size:.68rem}.orbit-player small{font-size:.58rem}.orbit-player em{font-size:.48rem}.game-meta{white-space:nowrap;text-overflow:ellipsis;gap:5px;max-width:60%;min-height:29px;padding:0 8px;font-size:.58rem;top:7px;right:8px;overflow:hidden}.game-meta .round-label{display:none}.room-chip{font-size:.55rem}.middle-zone{grid-template-columns:minmax(0,1fr) 74px}.battle-zone{border-radius:24px;align-self:stretch;min-height:100%;padding:8px 4px}.arena.is-dragging-card .battle-zone{background:#21d4e809;box-shadow:inset 0 0 0 1px #21d4e81f}.battle-grid{align-content:center;gap:17px 18px;padding:8px 2px}.battle-pair{width:68px;height:106px}.battle-pair.drop-zone:before{border-radius:19px;inset:-12px}.card-back,.playing-card{border-radius:8px;width:62px;height:86px}.playing-card.is-compact{width:57px;height:80px}.card-corner{font-size:.72rem;top:4px;left:5px}.card-corner span{margin-top:2px;font-size:.58rem}.card-corner-bottom{inset:auto 5px 4px auto}.card-suit{font-size:1.75rem}.defense-card{top:21px;left:17px}.defense-slot{border-radius:10px;width:64px;height:90px;font-size:.5rem;top:17px;left:13px}.pair-number{width:19px;height:19px;font-size:.56rem;bottom:-4px;left:-5px}.attack-drop-zone,.mirror-drop-zone{border-radius:12px;width:68px;height:98px}.attack-drop-zone span,.mirror-drop-zone span{font-size:1.3rem}.attack-drop-zone b,.mirror-drop-zone b{font-size:.5rem}.empty-table{border-radius:26px;align-content:center;width:100%;min-width:0;min-height:156px;padding:34px 12px;display:grid}.empty-table span{font-size:.62rem}.empty-table p{font-size:.68rem}.deck-zone{gap:2px}.deck-stack{transform-origin:top;width:72px;height:87px;margin-bottom:-23px;transform:scale(.69)}.deck-copy{font-size:.59rem}.trump-copy{text-align:center;max-width:76px;padding:3px 5px;font-size:.52rem}.trump-copy b{font-size:.68rem}.message-bar{max-width:96%;padding:6px 9px;font-size:.63rem;line-height:1.25}.player-zone{min-height:122px;padding-top:24px;display:block}.player-label{z-index:7;gap:6px;position:absolute;top:0;left:3px}.avatar{width:29px;height:29px;font-size:.53rem}.player-label b{max-width:105px;font-size:.68rem}.player-label small{font-size:.56rem}.player-hand{justify-content:center;align-items:flex-end;width:100%;height:104px;padding:8px 4px 0;display:flex;overflow:visible}.player-hand .playing-card{flex:0 0 62px;width:62px;height:88px;position:relative}.player-hand .playing-card:not(:first-child){margin-left:var(--hand-overlap)}.player-hand .playing-card:nth-child(odd){transform:rotate(-2deg)translateY(1px)}.player-hand .playing-card:nth-child(2n){transform:rotate(2deg)}.action-bar{left:10px;right:10px;bottom:calc(8px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#06111ff0;border:1px solid #23465fcc;border-radius:18px;grid-template-columns:1fr;min-height:62px;padding:7px;display:grid;position:absolute;box-shadow:0 -12px 32px #00000047}.action-bar .game-button{border-radius:14px;width:100%;min-width:0;min-height:48px;font-size:.86rem}.action-bar:has(.game-button+.game-button){grid-template-columns:repeat(2,minmax(0,1fr))}.game-button-undo small{margin-left:4px;font-size:.55rem;display:inline}.departing-pair{width:68px;height:106px}.result-panel{padding:20px 16px}.result-panel h1{font-size:2.5rem}.result-panel p{font-size:.82rem}.footer-note{display:none}.rules-modal{max-height:calc(100dvh - 20px);padding:24px 18px}.rules-modal ol{gap:10px;font-size:.78rem}.top-actions .nav-button{width:40px;padding:0;font-size:0}.top-actions .nav-button span{font-size:1rem;display:inline}.language-menu{width:168px;top:calc(100% + 7px);right:-4px}.language-menu button{width:100%;font-size:.78rem}.arena-switcher{gap:12px;margin-bottom:8px}.arena-title{min-width:144px;font-size:.68rem}.arena-arrow{width:42px;height:42px;font-size:1.6rem}.arena-indicators{grid-template-columns:repeat(3,minmax(0,1fr));gap:2px 4px}.arena-indicators button{min-height:43px;padding:3px 2px}.arena-indicators button b{font-size:.53rem}.arena-indicators button>span{width:20px;height:9px}.arena-indicators button.is-active>span{width:34px}.departure-toast{min-height:50px;padding:9px 12px;font-size:.72rem;top:66px}.waiting-actions{width:100%;display:grid}.waiting-actions .game-button{width:100%}}@media (width<=380px){.arena{grid-template-rows:108px minmax(190px,1fr) auto 112px}.orbit-player{width:68px}.orbit-avatar{width:34px;height:34px}.battle-grid{gap:10px 12px}.message-bar{font-size:.58rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}