.battle-online{color:#d8f2ff;width:min(1120px,100%);min-width:0;margin:auto;padding:12px 16px 28px}.battle-lobby-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.battle-lobby-heading h1{margin:0;font-family:Georgia,serif;font-size:clamp(24px,4vw,34px)}.battle-lobby-heading small{letter-spacing:.25em;color:#91dfff;font-size:9px}.battle-lobby-heading button{padding:8px 14px;font-size:12px}.battle-lobby-card,.battle-event-card{background:#101e2b;border:1px solid #82caff40;border-radius:16px;margin:12px 0;padding:18px}.battle-event-card{border-color:#e4c27160;flex-direction:column;gap:8px;display:flex}.battle-event-card p{margin:0}.battle-event-card small,.battle-event-card span{color:#a9c0ce;font-size:12px}.battle-lobby-card h2{font:22px Georgia,serif}.battle-online>.luna-button{width:100%}.battle-board-column{width:100%;min-width:0;max-width:680px;margin:auto}.battle-rated-board{aspect-ratio:1;width:100%;height:auto}.battle-rated-board .rated-square{overflow:hidden}.battle-rated-board .rated-square img{width:100%;height:100%;position:absolute;inset:0}.battle-player-clock{background:#101e2b;border:1px solid #91aac14a;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;min-height:44px;margin:6px 0;padding:6px 12px;display:flex}.battle-player-clock strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.battle-player-clock time{flex-shrink:0;font:700 clamp(22px,4vw,30px) ui-monospace,monospace}.battle-player-clock.is-active{background:#173344;border-color:#8de0ff}.battle-legal:after{content:"";pointer-events:none;background:#142e5677;border-radius:50%;position:absolute;inset:38%}.battle-rated-board small{z-index:6;pointer-events:none}.battle-rated-board .battle-coordinate-rank{top:0;bottom:auto}.battle-mine{z-index:4;pointer-events:none;font-size:clamp(12px,3vw,22px);position:absolute;bottom:1px;right:2px}.battle-frozen{z-index:5;pointer-events:none;background:linear-gradient(130deg,#e1fcff66,#4be5);justify-content:end;align-items:start;padding:2px;font-size:12px;display:flex;position:absolute;inset:0;box-shadow:inset 0 0 10px #c4fbff}.battle-hp{color:#d5f2ff;z-index:6;background:#071422d9;border-radius:3px;padding:1px 3px;font-size:9px;position:absolute;bottom:1px;left:2px}.battle-fog-cell{z-index:3;pointer-events:none;background:radial-gradient(#8898acf2,#384d6bd9);position:absolute;inset:0}.battle-spell-bar{gap:6px;margin-top:8px;display:flex}.battle-spell-bar button{touch-action:none;-webkit-user-select:none;user-select:none;background:#132536;border:1px solid #8de0ff50;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:7px;min-width:0;padding:9px 5px;display:flex;position:relative}.battle-spell-bar b{font-size:22px}.battle-spell-bar span{font-size:11px}.battle-spell-bar small{font-size:10px}.battle-spell-bar button[aria-pressed=true]{border-color:#ecc978;box-shadow:0 0 0 1px #ecc978}.battle-spell-bar button:disabled{opacity:.45}.battle-target-help{color:#f1d995;font-size:12px}.battle-target-help button{text-decoration:underline}.battle-match-sidebar{min-width:0;padding:12px 0}.battle-reward-label{color:#a9c0ce;font-size:12px}.battle-match-actions{gap:8px;margin:12px 0;display:flex}.battle-match-actions button{flex:1;padding:10px;font-size:12px}.battle-match-sidebar details{margin-top:12px;font-size:13px}.battle-match-sidebar ol{max-height:240px;padding-left:20px;overflow:auto}.battle-result,.battle-draw-offer{background:#123044;border:1px solid #8de0ff60;border-radius:12px;margin:14px 0;padding:16px}.battle-result h2{font:24px Georgia,serif}.battle-result p{color:#eed18b;font-weight:700}.battle-error{background:#302515;border:1px solid #e4b47570;border-radius:10px;margin-top:12px;padding:12px;font-size:13px}.battle-drag-ghost{z-index:120;pointer-events:none;place-items:center;width:64px;height:64px;font-size:45px;display:grid;position:fixed;transform:translate(-50%,-50%)}.battle-drag-ghost img{width:100%;height:100%}.battle-promotion{z-index:120;background:#000c;place-items:center;display:grid;position:fixed;inset:0}.battle-promotion>div{background:#102233;border:1px solid #8de0ff;border-radius:16px;max-width:95vw;padding:20px}.battle-promotion img{width:64px;height:64px}.battle-onboarding.ba-root{z-index:110;--ba-red:#8de0ff;--ba-panel:#122434;--ba-square-light:#b6c1cf;--ba-square-dark:#41536b;background:#030b14ed;place-items:center;padding:12px;display:grid;overflow:auto}.battle-onboarding-card{background:#071420;border:1px solid #8de0ff60;border-radius:18px;width:min(540px,100%);max-height:100%;padding:20px;overflow:auto}.battle-onboarding-card h2{margin:12px 0;font:clamp(20px,4vw,28px) Georgia,serif}.battle-onboarding-card p{margin:12px 0;font-size:14px;line-height:1.55}.battle-tutorial-top{color:#9dcbdf;justify-content:space-between;font-size:11px;display:flex}.battle-tutorial-top button{text-decoration:underline}.battle-tutorial-scene.ba-board{--board:min(100%, 300px);aspect-ratio:1;width:min(100%,300px);height:auto;min-height:0;margin:auto}.battle-tutorial-actions{justify-content:space-between;gap:10px;margin-top:14px;display:flex}.battle-tutorial-actions button{flex:1;padding:10px 5px;font-size:13px}.battle-intro-board{grid-template-rows:repeat(8,1fr);grid-template-columns:repeat(8,1fr);display:grid;position:absolute;inset:0}.battle-intro-board>span{background:#b6c1cf;position:relative}.battle-intro-board>span.dark{background:#41536b}.battle-intro-board img{width:100%;height:100%;position:relative}.battle-demo-moving-pawn{z-index:2;animation:3s ease-in-out infinite battle-demo-move}@keyframes battle-demo-move{0%,25%{transform:translateY(0)}65%,to{transform:translateY(-200%)}}@media (width>=900px) and (aspect-ratio>=1){.battle-match-layout{grid-template-columns:minmax(0,1fr) 280px;align-items:start;gap:24px;display:grid}.battle-board-column{max-width:min(680px,100dvh - 300px)}.battle-match-sidebar{padding:0;position:sticky;top:12px}.battle-match-sidebar>p:first-child{font-size:18px}.battle-online{padding-top:8px}.battle-lobby-card,.battle-event-card{max-width:760px;margin-left:auto;margin-right:auto}}@media (width<=400px){.battle-online{padding:8px 8px 20px}.battle-lobby-heading{margin-bottom:6px}.battle-spell-bar span{font-size:9px}.battle-spell-bar{gap:3px}.battle-spell-bar button{gap:3px;padding:8px 3px}.battle-player-clock{min-height:38px;margin:4px 0}.battle-onboarding-card{padding:14px}.battle-tutorial-scene.ba-board{width:min(100%,240px)}}@media (prefers-reduced-motion:reduce){.battle-online *{transition:none!important;animation:none!important}.battle-demo-moving-pawn{transform:translateY(-200%)}}.play-hub-app:has(.battle-online.is-playing) header.luna-identity-header{min-height:calc(64px + var(--cm-safe-top,env(safe-area-inset-top,0px)));flex:none;align-items:center;display:flex;padding:calc(10px + var(--cm-safe-top,env(safe-area-inset-top,0px))) max(124px, calc(env(safe-area-inset-right,0px) + 112px)) 10px max(12px, env(safe-area-inset-left,0px))!important}.play-hub-app:has(.battle-online.is-playing) .luna-identity-header>.luna-wordmark{white-space:nowrap;min-width:0;min-height:44px;padding:0;font-size:clamp(13px,3.8vw,20px)}.play-hub-app:has(.battle-online.is-playing) .luna-identity-header__row{display:none}.play-hub-app:has(.battle-online.is-playing) .luna-identity-header>.cosmic-chest-entry{display:none}.play-hub-app:has(.battle-online.is-playing) .play-mode-back{z-index:20;background:#07111c;padding:5px 12px;font-size:11px;position:sticky;top:0}.battle-online.is-playing{width:min(1320px,100%);padding:2px 10px 8px}.is-playing .battle-lobby-heading{gap:8px;min-height:26px;margin:0 0 4px}.is-playing .battle-lobby-heading small{display:none}.is-playing .battle-lobby-heading h1{white-space:nowrap;font:600 13px ui-sans-serif,system-ui}.is-playing .battle-lobby-heading>div{align-items:center;gap:12px;display:flex}.is-playing .battle-lobby-heading button{padding:4px 9px;font-size:11px}.battle-turn{color:#a3f4ce;font-size:12px;font-weight:700}.is-playing .battle-board-column{max-width:var(--battle-board-size,640px);margin:0 auto}.is-playing .battle-player-clock{min-height:36px;margin:3px 0;padding:3px 8px}.is-playing .battle-player-clock time{color:#ecfaff;font-size:clamp(25px,4vw,34px);line-height:1.12}.is-playing .battle-spell-bar{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:5px 0 0}.is-playing .battle-spell-bar:has(button:nth-child(4)){grid-template-columns:repeat(4,minmax(0,1fr))}.is-playing .battle-spell-bar button{background:linear-gradient(145deg,#21445b,#0b2236);border:1px solid #9cddff88;grid-template-rows:30px auto;grid-template-columns:1fr auto;align-items:center;gap:1px;min-width:0;min-height:56px;padding:5px 7px;display:grid}.is-playing .battle-spell-bar b{filter:drop-shadow(0 0 5px #91e7ff88);opacity:1;font-size:28px;line-height:1}.is-playing .battle-spell-bar small{color:#fff3b9;text-shadow:0 0 8px #dbb96988;grid-area:1/2;font:800 25px/1 ui-monospace,monospace}.is-playing .battle-spell-bar span{color:#e4f5ff;white-space:nowrap;grid-area:2/1/auto/3;font-size:10px;font-weight:600}.is-playing .battle-spell-bar button[aria-pressed=true]{border-color:#ffdf81;box-shadow:0 0 0 2px #ffdf8199,0 0 12px #e6c67b55}.battle-challenges{background:#0c1e2d;border:1px solid #89c8e344;border-radius:14px;max-width:760px;margin:12px auto;padding:16px}.battle-challenges h2{font-size:18px}.battle-challenges p{color:#abc5d6;font-size:12px;line-height:1.45}.battle-challenges form{align-items:end;gap:8px;margin-top:12px;display:flex}.battle-challenges label{flex-direction:column;flex:1;gap:4px;min-width:0;font-size:12px;display:flex}.battle-challenges input{color:#fff;background:#07121d;border:1px solid #89c8e377;border-radius:8px;width:100%;padding:10px;font-size:16px}.battle-challenges button{padding:10px;font-size:12px}.battle-challenges article{border-top:1px solid #89c8e333;margin-top:10px;padding-top:10px;font-size:13px}.battle-challenges article div{gap:8px;margin-top:8px;display:flex}.battle-tutorial-scene.rated-board{aspect-ratio:1;width:min(100%,320px);margin:auto}.academy-demo-caption{color:#aee9ff;min-height:42px;margin:10px 0 4px;font-size:13px;line-height:1.45}.academy-demo-control{color:#c4eaff;min-height:28px;font-size:12px;text-decoration:underline}.academy-fog{pointer-events:none;background:#91cae955;position:absolute;inset:0;box-shadow:inset 0 0 8px #94d9f3}.academy-fog.enemy{background:#263b53;box-shadow:inset 0 0 12px #7fa4c955}.academy-explosion{color:#ffe087;text-shadow:0 0 12px #ff7b22;place-items:center;font-size:32px;display:grid;position:absolute;inset:0}@media (width>=700px) and (aspect-ratio>=1){.is-playing .battle-match-layout{grid-template-columns:minmax(0,1fr) minmax(220px,30%);align-items:start;gap:16px;display:grid}.is-playing .battle-match-sidebar{padding-top:4px}.battle-onboarding-card{grid-template-columns:minmax(0,1fr) minmax(220px,1fr);gap:0 22px;width:min(850px,100%);display:grid}.battle-onboarding-card .battle-tutorial-top,.battle-onboarding-card h2{grid-column:1/-1}.battle-onboarding-card .battle-tutorial-scene{grid-area:3/1/7;width:min(100%,100dvh - 190px)}.academy-demo-caption,.academy-demo-control,.battle-onboarding-card>p,.battle-tutorial-actions{grid-column:2}}@media (height<=500px) and (aspect-ratio>=1){.play-hub-app:has(.battle-online.is-playing) .city-bottom-nav{height:40px;min-height:40px;padding:2px 12px}.play-hub-app:has(.battle-online.is-playing) .city-bottom-nav a{font-size:8px}.is-playing .battle-player-clock{min-height:27px}.is-playing .battle-player-clock time{font-size:24px}.is-playing .battle-spell-bar button{grid-template-rows:24px auto;min-height:46px;padding:2px 6px}.is-playing .battle-spell-bar b{font-size:23px}.is-playing .battle-spell-bar small{font-size:22px}}.play-hub-app:has(.is-playing) .portrait-app-viewport{background:#07111c}:is(.play-hub-app:has(.is-playing) .portrait-app-ambient,.play-hub-app:has(.is-playing) .portrait-app-vignette){display:none}.is-playing .battle-lobby-heading button{min-height:28px}@media (height<=500px) and (aspect-ratio>=1){.is-playing .battle-match-layout{display:block}.is-playing .battle-board-column{grid-template-columns:var(--battle-board-size,250px) minmax(180px, 1fr);grid-template-rows:auto auto 1fr;align-items:start;gap:3px 12px;width:100%;max-width:none;display:grid}.is-playing .battle-rated-board{width:var(--battle-board-size,250px);grid-area:1/1/6}.is-playing .battle-player-clock{grid-column:2;min-width:0;margin:0}.is-playing .battle-spell-bar{grid-column:2;align-self:start;margin:0}.is-playing .battle-target-help{grid-column:2}.is-playing .battle-match-sidebar{margin-top:12px}.is-playing .battle-lobby-heading{margin-bottom:2px}}.battle-onboarding.ba-root{color:#d8f2ff;box-sizing:border-box;overscroll-behavior:contain;width:100%;height:100dvh;position:fixed;inset:0}.is-playing .battle-spell-bar button:disabled{opacity:.85;filter:none}.is-playing .battle-spell-bar button.is-spent{opacity:.5;filter:grayscale(.5)}.is-playing .battle-spell-bar button[data-spell=freeze] b{color:#bbf4ff}.is-playing .battle-spell-bar button[data-spell=fog] b{color:#d4e4ff}.is-playing .battle-spell-bar:has(button:nth-child(5)){flex-wrap:wrap}.is-playing .battle-spell-bar:has(button:nth-child(5)) button{flex-basis:28%;min-width:0}@media (width>=650px){.is-playing .battle-spell-bar:has(button:nth-child(5)){flex-wrap:nowrap}.is-playing .battle-spell-bar:has(button:nth-child(5)) button{flex-basis:0}}.battle-capacity{color:#c4edff;background:#10283b;border:1px solid #95d8ff45;border-radius:9px;justify-content:space-between;align-items:center;gap:12px;margin:5px 0;padding:7px 9px;display:flex}.battle-capacity>span{flex-wrap:wrap;gap:5px;display:flex}.battle-capacity i{color:#a8e8ff;text-shadow:0 0 7px #6dbbe7;font-size:20px;font-style:normal;line-height:1}.battle-capacity i.is-empty{color:#25394d;text-shadow:none;-webkit-text-stroke:1px #91bbd0}.battle-capacity strong{white-space:nowrap;font:700 17px ui-monospace,monospace}.battle-frozen{clip-path:polygon(7% 0,88% 4%,100% 16%,94% 94%,12% 100%,0 78%);background:linear-gradient(135deg,#f2fdffc9,#7fd3ff55 40%,#c7f2ffaa 60%,#4fb3ff99);border:1px solid #d5f9ff;border-radius:6px;animation:.45s ease-out training-ice-grow;inset:3%;box-shadow:inset 0 0 12px #e7faff,0 0 8px #9be1ff}.battle-frozen b{color:#effcff;z-index:2;background:#12344cec;border-radius:4px;place-items:center;min-width:17px;height:19px;font:700 15px ui-monospace,monospace;display:grid;position:absolute;top:2px;right:2px}.battle-ice-crack{background:linear-gradient(20deg,#0000 47%,#ecfcffe6 49%,#0000 51%),linear-gradient(130deg,#0000 57%,#ecfcffe6 59%,#0000 61%);position:absolute;inset:0}.battle-frozen.is-melting{animation:.45s forwards training-ice-melt}@keyframes training-ice-grow{0%{clip-path:inset(95% 0 0);opacity:.3}to{opacity:1}}@keyframes training-ice-melt{to{opacity:0;filter:blur(3px);transform:scale(1.25)translateY(8px)}}@media (prefers-reduced-motion:reduce){.battle-frozen{animation:none!important}.battle-frozen.is-melting{opacity:0}}.battle-training-controls .battle-spell-bar{flex-wrap:wrap}.battle-training-controls .battle-spell-bar button{flex:28%;min-width:0}.battle-training-controls .battle-spell-bar small{font-size:22px;font-weight:800}.battle-training-controls .battle-spell-bar b{font-size:27px}@media (width>=700px) and (height>=501px){.is-playing .battle-match-layout{grid-template-columns:minmax(0,1fr) minmax(220px,30%);align-items:start;gap:16px;display:grid}.battle-match-sidebar{min-width:0}.battle-training-controls{margin-top:5px}}@media (height<=500px) and (aspect-ratio>=1){.is-playing .battle-match-layout{grid-template-columns:var(--battle-board-size,230px) minmax(200px, 1fr);gap:12px;display:grid}.is-playing .battle-board-column{flex-direction:column;gap:0;display:flex}.is-playing .battle-rated-board{width:var(--battle-board-size,230px)}.is-playing .battle-match-sidebar{margin-top:0}.is-playing .battle-training-controls .battle-spell-bar{display:flex}}.battle-own-fog{z-index:2;pointer-events:none;background:radial-gradient(at 35% 35%,#dcf0ff30,#83a9d522);border:1px solid #b2d5f71a;position:absolute;inset:0;box-shadow:inset 0 0 7px #d4eaff38}.is-confirming-move{outline-offset:2px;outline:1px solid #94d4ed55}.battle-tutorial-spells{grid-column:2;gap:7px;margin:8px 0 12px;display:flex}.battle-tutorial-spells button{color:#cfecff;background:#102539;border:1px solid #789cb855;border-radius:8px;flex:1;align-content:center;justify-items:center;gap:3px;min-height:52px;font-size:11px;display:grid}.battle-tutorial-spells button svg{width:24px;height:24px}.battle-tutorial-spells button[aria-pressed=true]{background:#1d4054;border-color:#a6e7ff;box-shadow:0 0 10px #8bd9ff25}@media (width<=699px),(aspect-ratio<=1){.battle-tutorial-scene.rated-board{width:min(100%,320px,max(128px,100dvh - 350px))}.battle-onboarding-card{padding:14px}.battle-onboarding-card h2{margin:10px 0;font-size:21px}.battle-onboarding-card p{margin:9px 0;font-size:13px}.academy-demo-caption{min-height:32px;font-size:12px;line-height:1.4}.battle-tutorial-actions{margin-top:10px}}@media (width>=700px) and (aspect-ratio>=1){.battle-onboarding-card .battle-tutorial-scene{grid-row:3/9}.battle-tutorial-spells{grid-row:3}.battle-onboarding-card .academy-demo-caption{grid-row:4}.battle-onboarding-card .academy-demo-control{grid-row:5}.battle-onboarding-card>p{grid-row:6}.battle-onboarding-card .battle-capacity{grid-area:5/2}.battle-onboarding-card .battle-tutorial-actions{grid-row:7}}@media (width<=699px) and (height<=650px){.battle-tutorial-scene.rated-board{width:min(100%,max(128px,100dvh - 390px))}.battle-onboarding-card h2{margin:7px 0;font-size:19px}.battle-onboarding-card p{margin:7px 0;font-size:12px;line-height:1.4}.battle-tutorial-spells{margin:6px 0 10px}.academy-demo-control{margin:4px 0;font-size:11px}.academy-demo-caption{min-height:27px}}@media (orientation:portrait){.battle-online.is-playing .battle-board-column{width:100%;max-width:680px}}.battle-event-play .battle-board-column{max-width:680px}.battle-event-play .battle-rated-board{aspect-ratio:1;width:100%;height:auto}.battle-rated-board .rated-square.is-check{box-shadow:inset 0 0 14px 5px #eb4545}.battle-spell-bar button{touch-action:none}.battle-online.is-playing .battle-spell-bar:has(button:nth-child(5)){flex-wrap:wrap}.battle-online.is-playing .battle-spell-bar:has(button:nth-child(5)) button{flex:90px;min-width:72px;min-height:60px}.battle-heading-counters{align-items:center;gap:6px;display:flex}.is-playing .battle-heading-counters .battle-capacity{background:0 0;border:0;gap:0;margin:0;padding:0 3px}.battle-heading-counters .battle-capacity>span{display:none}.battle-heading-counters .battle-capacity strong{font-size:12px}.battle-event-countdown{color:#ead291;font:700 11px ui-monospace,monospace}.battle-online.is-playing .battle-match-sidebar .battle-training-controls .battle-spell-bar{scrollbar-width:none;flex-wrap:nowrap;gap:4px;margin:2px 0;display:flex;overflow-x:auto}.battle-online.is-playing .battle-match-sidebar .battle-training-controls .battle-spell-bar button{border-radius:8px;flex:0 0 calc(20% - 3.2px);grid-template-rows:23px auto;min-width:44px;min-height:48px;padding:3px}.battle-online.is-playing .battle-match-sidebar .battle-training-controls .battle-spell-bar:not(:has(button:nth-child(5))) button{flex:1 0 0}.battle-online.is-playing .battle-match-sidebar .battle-training-controls .battle-spell-bar b{font-size:22px}.battle-online.is-playing .battle-match-sidebar .battle-training-controls .battle-spell-bar small{font-size:17px}.battle-online.is-playing .battle-match-sidebar .battle-training-controls .battle-spell-bar span{white-space:normal;overflow-wrap:anywhere;font-size:9px;line-height:1.15}.battle-online.is-playing .battle-match-sidebar .battle-training-controls .battle-spell-bar.is-expanded{flex-wrap:wrap;overflow:visible}.battle-online.is-playing .battle-match-actions{gap:4px;margin:1px 0}.battle-online.is-playing .battle-match-actions button,.battle-all-abilities{min-height:44px;padding:6px}.play-hub-app:has(.battle-online.is-playing) .city-bottom-nav{display:none}.tournaments-home:has(.battle-online.is-playing){max-width:none;padding:0}.tournaments-home:has(.battle-online.is-playing)>:is(.game-navigation-control,h1,.tournament-section-nav){display:none}.tournaments-home:has(.battle-online.is-playing) .battle-online{padding-bottom:8px}@media (orientation:portrait){.play-hub-app:has(.battle-online.is-playing) header.luna-identity-header{min-height:calc(44px + var(--cm-safe-top,env(safe-area-inset-top,0px)));padding:var(--cm-safe-top,env(safe-area-inset-top,0px)) max(112px, calc(env(safe-area-inset-right,0px) + 104px)) 0 max(56px, calc(env(safe-area-inset-left,0px) + 52px))!important}.play-hub-app:has(.battle-online.is-playing) .luna-identity-header>.luna-wordmark{letter-spacing:.12em;font-size:clamp(11px,3.2vw,20px)}body:has(.battle-online.is-playing) :is(.game-settings-trigger,.luna-radio-trigger){top:var(--cm-safe-top,env(safe-area-inset-top,0px))}:is(.play-hub-app:has(.battle-online.is-playing) .play-mode-back,.battle-event-play:has(.battle-online.is-playing)>.game-navigation-control){top:var(--cm-safe-top,env(safe-area-inset-top,0px));left:max(4px, env(safe-area-inset-left,0px));z-index:60;width:44px;height:44px;margin:0;padding:0;position:fixed}.play-hub-app:has(.battle-online.is-playing) .play-mode-back .game-navigation-control{width:44px;padding:0}.play-hub-app:has(.battle-online.is-playing) .play-mode-back .game-navigation-control span{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.battle-event-play:has(.battle-online.is-playing)>.game-navigation-control span{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.battle-online.is-playing{width:100%;padding:1px 4px calc(8px + env(safe-area-inset-bottom,0px))!important}.battle-online.is-playing .battle-match-layout{display:block}.battle-online.is-playing .battle-board-column{width:100%;max-width:none}.battle-online.is-playing .battle-lobby-heading{gap:4px;min-height:20px;margin:0}.battle-online.is-playing .battle-lobby-heading>div{gap:5px}.battle-online.is-playing .battle-lobby-heading h1,.battle-online.is-playing .battle-turn{font-size:11px}.battle-online.is-playing .battle-player-clock{min-height:28px;margin:1px 0;padding:0 6px}.battle-online.is-playing .battle-player-clock time{font-size:25px;line-height:1}.battle-online.is-playing .chess-coordinate-frame{grid-template-rows:auto 12px;grid-template-columns:16px minmax(0,1fr);gap:1px}.battle-online.is-playing :is(.chess-coordinate-ranks,.chess-coordinate-files){font-size:10px}.battle-online.is-playing .battle-match-sidebar{margin:0;padding:0}.battle-online.is-playing .battle-training-controls{margin:0}}@media (orientation:landscape){.battle-event-play .battle-online.is-playing .battle-board-column{width:100%;max-width:var(--battle-board-size,680px)}}