:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#02050a}html{background:#02050a}body{color:#f8fbff;background:#02050a}:root{--app-viewport-height:100dvh;--app-viewport-width:100vw;--app-viewport-scale:1;--ink:#f8fbff;--muted:#aeb9c9;--chrome-hi:#f4f7ff;--chrome-mid:#bfc3cc;--chrome-low:#6f727e;--well:#00070b;--cyan:#39d8ff;--panel:#010a18db;--danger:#ff3c55;--safe-top:max(10px, env(safe-area-inset-top));--safe-right:max(10px, env(safe-area-inset-right));--safe-bottom:max(10px, env(safe-area-inset-bottom));--safe-left:max(10px, env(safe-area-inset-left))}*{box-sizing:border-box;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-webkit-user-modify:read-only}html,body{overscroll-behavior:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;touch-action:none;width:100%;min-height:100%}html{min-height:var(--app-viewport-height);-webkit-text-size-adjust:100%;overflow:hidden}#root{width:100%;min-height:var(--app-viewport-height)}.mobile-portrait-lock{display:none}@media (max-width:900px) and (pointer: coarse) and (orientation:landscape) and (pointer:coarse){.mobile-portrait-lock{z-index:200;padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left);color:var(--ink);pointer-events:auto;text-align:center;background:radial-gradient(circle at 50% 40%,#2b90dd3d,#0000 42%),linear-gradient(135deg,#02050a,#07172a 52%,#02050a);place-items:center;display:grid;position:fixed;inset:0}.mobile-portrait-lock-card{background:#020a16e6;border:1px solid #97b8d494;border-radius:16px;justify-items:center;gap:10px;width:min(82vw,360px);padding:24px 22px;display:grid;box-shadow:0 0 28px #197acc3d,inset 0 0 18px #2881b91f}.mobile-portrait-lock-icon{color:#6be1ff;border:1px solid #6be1ff;border-radius:50%;place-items:center;width:42px;height:42px;font-size:27px;line-height:1;display:grid}.mobile-portrait-lock-card strong{font-size:18px}.mobile-portrait-lock-card small{color:var(--muted);font-size:12px}}body{color:var(--ink);-webkit-font-smoothing:antialiased;background:#02050a;margin:0;font-family:Arial,Noto Sans JP,Yu Gothic,sans-serif;overflow:hidden}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.game-root{isolation:isolate;touch-action:none;background:radial-gradient(at 50% 62%,#2c96ff33 0 3%,#0000 34%),repeating-linear-gradient(113deg,#0000 0 34px,#1065d82e 36px 38px,#0000 40px 78px),linear-gradient(90deg,#010207 0%,#07111e 38%,#06101c 62%,#010207 100%);min-height:100svh;position:relative;overflow:hidden auto}.game-root:not(.is-arena),.game-root:not(.is-arena) .home-shell,.game-root:not(.is-arena) .settings-shell,.game-root:not(.is-arena) .mode-shell,.game-root:not(.is-arena) .lobby-shell,.game-root:not(.is-arena) .room-waiting-shell{touch-action:pan-y}.game-root:not(.is-arena) .practice-shell,.game-root:not(.is-arena) .room-mode-shell:not(.room-waiting-shell){touch-action:none}.game-root.is-arena{height:var(--app-viewport-height);min-height:var(--app-viewport-height);overflow:hidden}.game-root:before,.game-root:after{z-index:-1;content:"";pointer-events:none;position:absolute;inset:-40% -15%}.game-root:before{background:repeating-linear-gradient(90deg,#0000 0 46px,#1c69e157 48px 50px),repeating-linear-gradient(0deg,#0000 0 26px,#53cdff2e 28px 30px);transform:perspective(420px)rotateX(68deg)translateY(25%);-webkit-mask-image:radial-gradient(#000 0 44%,#0000 74%);mask-image:radial-gradient(#000 0 44%,#0000 74%)}.game-root:after{background:linear-gradient(90deg,#000000c7,#0000 19% 81%,#000000c7),radial-gradient(circle at 50% 68%,#7cd5ff3d,#0000 24%);inset:0}.lobby-shell{min-height:100svh;padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left);grid-template-rows:auto minmax(0,1fr) auto;align-content:center;place-items:center;gap:14px;display:grid;overflow-y:auto}.home-shell,.mode-shell{min-height:100svh;padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left);overflow-y:auto}.home-shell{height:var(--app-viewport-height);grid-template-rows:auto auto minmax(0,1fr) auto auto;place-items:center;gap:12px;display:grid}.home-header,.mode-header{justify-content:space-between;align-items:center;width:min(92vw,720px);display:flex}.home-header{align-self:start}.legacy-home-nav{width:min(92vw,720px);min-height:36px;box-shadow:none;background:#f3f3f3;border:1px solid #c7c7c7;border-radius:0;align-self:start;margin:0 auto;padding:0;overflow:hidden}.home-header .version{position:static}.home-status,.practice-status{color:#b9c6d5;letter-spacing:.14em;align-items:center;gap:7px;font-size:10px;font-weight:800;display:inline-flex}.home-header-actions{align-items:center;gap:12px;display:flex}.key-config-top{color:#dff7ff;cursor:pointer;background:#041120d1;border:1px solid #97b8d485;border-radius:2px;min-height:30px;padding:0 9px;font-size:10px;font-weight:800}.key-config-top:hover,.key-config-top:focus-visible{border-color:var(--cyan);outline:none;box-shadow:0 0 12px #39d8ff3d}.status-dot{background:#25de7b;border-radius:50%;width:7px;height:7px;display:inline-block;box-shadow:0 0 8px #25de7b}.home-panel{width:min(92vw,620px);max-height:calc(var(--app-viewport-height) - var(--safe-top) - var(--safe-bottom) - 166px);overscroll-behavior:contain;color:#292d30;text-align:center;background:linear-gradient(145deg,#ffffffc2,#0000 36%),linear-gradient(#f5f5f2 0%,#e1e2df 57%,#c5c7c6 100%);border:1px solid #8e9295;border-radius:7px;padding:clamp(14px,min(4vw,4dvh),42px);overflow-y:auto;box-shadow:inset 1px 1px #fffffff5,inset -2px -2px #7b7e8185,0 12px 35px #00000094}.home-panel .brand-kicker{color:#697075;letter-spacing:.14em;font-size:10px}.home-panel .brand-title{color:#4c5155;text-shadow:0 1px #fff,0 2px #a0a3a5,0 5px 9px #0003}.home-panel .brand-subtitle{color:#646a6d;letter-spacing:.22em;margin-bottom:clamp(13px,2.6dvh,23px)}.mode-menu{gap:clamp(5px,1.1dvh,9px);width:100%;margin:0 auto;display:grid}.settings-shell{min-height:100svh;height:var(--app-viewport-height);padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left);grid-template-rows:auto minmax(0,1fr);align-content:center;justify-items:center;gap:14px;display:grid;overflow-y:auto}.settings-header{align-self:start}.settings-panel{width:min(92vw,620px);max-height:calc(var(--app-viewport-height) - var(--safe-top) - var(--safe-bottom) - 86px);overscroll-behavior:contain;color:#eff7ff;background:linear-gradient(145deg,#0a2039f2,#020811fa);border:1px solid #ceddef94;padding:clamp(22px,4vw,42px);overflow-y:auto;box-shadow:0 20px 70px #000,inset 0 0 38px #2f97ff1c}.settings-panel .brand-kicker{color:#71dfff}.settings-panel .brand-title{font-size:clamp(29px,7vw,49px)}.settings-lead{color:#b8c7d9;margin:17px 0 23px;font-size:12px;font-weight:700;line-height:1.65}.audio-settings{background:#000a179e;border:1px solid #90b4d74d;gap:12px;margin-bottom:16px;padding:11px 10px 12px;display:grid}.audio-settings-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.audio-toggle{color:#8de7ff;cursor:pointer;letter-spacing:.04em;white-space:nowrap;background:linear-gradient(#2b5379eb,#0a1c33f2);border:1px solid #55708e;border-radius:2px;min-height:36px;padding:0 11px;font-size:11px;font-weight:900}.audio-toggle.is-muted{color:#ffb6c2;border-color:#8b6b75}.audio-toggle:hover,.audio-toggle:focus-visible{border-color:var(--cyan);outline:none;box-shadow:0 0 0 2px #39d8ff33,0 0 18px #39d8ff29}.volume-control{color:#dcefff;grid-template-columns:42px minmax(0,1fr) 45px;align-items:center;gap:10px;font-size:11px;font-weight:800;display:grid}.volume-control input{width:100%;accent-color:var(--cyan);cursor:pointer}.volume-control output{color:var(--cyan);font-variant-numeric:tabular-nums;text-align:right}.touch-settings{background:#000a179e;border:1px solid #90b4d74d;gap:10px;margin-bottom:16px;padding:11px 10px 12px;display:grid}.touch-input-mode{border:1px solid #90b4d73d;gap:7px;min-width:0;margin:0;padding:8px;display:grid}.touch-input-mode legend{color:#9db3c9;padding-inline:4px;font-size:10px;font-weight:800}.touch-input-mode-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.touch-input-mode-option{color:#dcefff;cursor:pointer;background:#081a2db8;border:1px solid #90b4d747;align-items:center;gap:7px;min-width:0;padding:8px;display:flex}.touch-input-mode-option:has(input:checked){background:#154968c7;border-color:#6be1ff;box-shadow:0 0 0 1px #6be1ff33}.touch-input-mode-option input{width:16px;height:16px;accent-color:var(--cyan);flex:none;margin:0}.touch-input-mode-option>span{gap:2px;min-width:0;display:grid}.touch-input-mode-option strong{font-size:11px}.touch-input-mode-option small{color:#8195ac;text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.touch-feature-settings{background:#000a179e;border:1px solid #90b4d74d;gap:10px;margin-bottom:16px;padding:11px 10px 12px;display:grid}.touch-feature-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.touch-feature-control{color:#dcefff;cursor:pointer;background:#081a2db8;border:1px solid #90b4d747;align-items:center;gap:8px;min-width:0;padding:8px;display:flex}.touch-feature-control input{accent-color:#5f9767;flex:none;width:17px;height:17px;margin:0}.touch-feature-control>span{gap:2px;min-width:0;display:grid}.touch-feature-control strong{font-size:11px}.touch-feature-control small{color:#8195ac;text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.touch-layout-settings{background:#000a179e;border:1px solid #90b4d74d;gap:10px;margin-bottom:16px;padding:11px 10px 12px;display:grid}.touch-layout-editor{touch-action:none;-webkit-user-select:none;user-select:none;background:linear-gradient(#39d8ff14 1px,#0000 1px) 0 0/25% 25%,linear-gradient(90deg,#39d8ff14 1px,#0000 1px) 0 0/25% 25%,radial-gradient(at 50% 45%,#14577b38,#0000 60%),#020914;border:1px solid #39d8ff73;border-radius:4px;min-height:176px;position:relative;overflow:hidden}.touch-layout-editor:after{content:"";pointer-events:none;border:1px solid #97b8d447;border-radius:5px;height:20%;position:absolute;bottom:10%;left:12%;right:12%}.touch-layout-board-hint{color:#c2dbef80;letter-spacing:.16em;pointer-events:none;font-size:9px;font-weight:800;position:absolute;top:8px;left:10px}.touch-layout-item{z-index:1;color:#e7f7ff;cursor:grab;touch-action:none;background:linear-gradient(#254966,#0b1a2a 65%,#132e48);border:1px solid #7c9bb6;border-radius:5px;place-items:center;width:50px;min-height:42px;padding:3px;display:grid;position:absolute;transform:translate(-50%,-50%);box-shadow:0 2px #000,inset 1px 1px #ffffff40}.touch-layout-item:active,.touch-layout-item.is-dragging{z-index:2;border-color:var(--cyan);cursor:grabbing;box-shadow:0 0 0 2px #39d8ff33,0 0 16px #39d8ff59}.touch-layout-item>span{font-size:18px;line-height:1}.touch-layout-item small{color:#a9cbe0;font-size:8px;font-weight:800}.touch-layout-softDrop{border-color:#d4a55e}.touch-layout-hardDrop{background:linear-gradient(#7d4c20,#27170d 65%,#553016);border-color:#ff9b3d}.touch-layout-ccw,.touch-layout-cw{border-radius:50%}.touch-layout-reset{justify-self:start;min-height:34px;padding-inline:10px}.touch-layout-open{color:#d6efcf;background:linear-gradient(#4f7651d6,#112f1df0);border-color:#6f9d6a;justify-self:start;min-height:38px;padding-inline:12px}.touch-layout-open:hover,.touch-layout-open:focus-visible{color:#f0ffeb;border-color:#b7e7a9;outline:none;box-shadow:0 0 0 2px #7fbd7633,0 0 16px #7fbd7640}.settings-hint{color:#8195ac;font-size:10px;font-weight:700;line-height:1.5}.profile-settings{background:#000a179e;border:1px solid #90b4d74d;gap:9px;margin-bottom:16px;padding:11px 10px 12px;display:grid}.profile-settings-field{color:#dcefff;grid-template-columns:minmax(72px,.28fr) minmax(0,1fr);align-items:center;gap:10px;font-size:11px;font-weight:800;display:grid}.profile-settings-field>span{gap:2px;display:grid}.profile-settings-field small{color:#8195ac;font-size:9px;font-weight:700}.profile-settings-field input{color:#07101a;letter-spacing:.03em;-webkit-user-select:text;user-select:text;background:#edf5fbf5;border:1px solid #90b4d78c;border-radius:2px;outline:none;width:100%;min-height:38px;padding:0 9px;font-size:12px}.profile-settings-field input:focus-visible{border-color:var(--cyan);box-shadow:0 0 0 2px #39d8ff38}.key-config-list{gap:8px;display:grid}.key-config-row{background:#000a179e;border:1px solid #90b4d74d;grid-template-columns:minmax(0,1fr) minmax(142px,.75fr);align-items:center;gap:12px;padding:9px 10px;display:grid}.key-config-action{gap:3px;display:grid}.key-config-action strong{color:#f2f8ff;font-size:13px}.key-config-action small{color:#8195ac;font-size:10px;font-weight:700}.key-capture-button{color:#e9f7ff;cursor:pointer;letter-spacing:.04em;background:linear-gradient(#2b5379eb,#0a1c33f2);border:1px solid #55708e;border-radius:2px;min-height:42px;font-size:12px;font-weight:900}.key-capture-button:hover,.key-capture-button:focus-visible,.key-capture-button.listening{border-color:var(--cyan);outline:none;box-shadow:0 0 0 2px #39d8ff33,0 0 18px #39d8ff29}.key-capture-button.listening{color:var(--cyan)}.settings-message{color:#a8c7df;min-height:34px;margin:15px 0 12px;font-size:11px;font-weight:700;line-height:1.5}.settings-actions{justify-content:flex-end;gap:10px;display:flex}.settings-actions .secondary-button,.settings-actions .chrome-button{min-height:42px;padding-inline:15px;font-size:12px}.mode-card{color:#303538;cursor:pointer;text-align:left;background:linear-gradient(#fff 0%,#e2e3e1 48%,#b9bbba 100%);border:1px solid #777c7f;border-radius:3px;grid-template-columns:38px minmax(0,1fr) 22px;align-items:center;gap:9px;width:100%;min-height:clamp(48px,8.2dvh,67px);padding:clamp(6px,1.2dvh,10px) 13px;transition:transform .12s,filter .12s;display:grid;box-shadow:inset 1px 1px #fff,inset -1px -1px #898c8d,0 2px #777a7b}.mode-card:hover,.mode-card:focus-visible{color:#244525;filter:none;background:linear-gradient(#f4fff0 0%,#d6efcf 48%,#aed9a5 100%);border-color:#6a9f63;outline:none;transform:translateY(-1px);box-shadow:inset 1px 1px #fff,inset -1px -1px #7da575,0 2px #60845c}.mode-card:active{transform:translateY(2px)}.mode-icon{color:#67dfff;text-shadow:0 0 9px #39d8ff;background:#1c2838;border:1px solid #656a74;border-radius:50%;place-items:center;width:clamp(28px,4.2dvh,34px);height:clamp(28px,4.2dvh,34px);font-size:20px;display:grid}.mode-copy{gap:4px;min-width:0;display:grid}.mode-title-row{align-items:center;gap:9px;display:flex}.mode-title-row strong{letter-spacing:.05em;font-size:clamp(13px,1.9dvh,15px)}.mode-description{color:#596267;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:700;overflow:hidden}.mode-badge{color:#1b2d45;letter-spacing:.08em;white-space:nowrap;border:1px solid #121d2d73;border-radius:2px;align-items:center;width:-moz-fit-content;width:fit-content;padding:3px 6px;font-size:8px;font-weight:900;display:inline-flex}.mode-arrow{color:#4d565a;text-align:right;font-size:29px;font-weight:300;line-height:1}.install-button,.secondary-button,.back-button{cursor:pointer;background:0 0;border:0}.install-button{color:#172536;border-bottom:1px solid;margin-top:clamp(8px,1.9dvh,17px);font-size:12px;font-weight:800}.install-hint,.home-footnote{color:#697477;text-align:center;font-size:10px;font-weight:700}.install-hint{margin:17px 0 0}.home-footnote{margin:0}.mode-header{z-index:30;min-height:36px;position:relative}.mode-header-label{color:#dce6f1;letter-spacing:.18em;font-size:11px;font-weight:800}.back-button{color:#cbd8e7;padding:5px 0;font-size:12px;font-weight:800}.back-button:hover:not(:disabled),.back-button:focus-visible{color:var(--cyan);outline:none}.back-button:disabled{cursor:wait;opacity:.45}.ad-slot{border-radius:2px;place-items:center;width:min(92vw,720px);min-height:54px;display:grid;overflow:hidden}.ad-placeholder{color:#8090a3;letter-spacing:.08em;text-align:center;background:#0008126b;border:1px dashed #a8bed659;gap:4px;font-size:10px;font-weight:800}.ad-placeholder small{color:#667689;letter-spacing:0;font-size:9px;font-weight:600}.lobby-header{align-self:start}.matchmaking-shell{grid-template-rows:auto minmax(0,1fr) auto;place-items:center;gap:20px;display:grid}.matchmaking-card{color:#eff7ff;text-align:center;background:linear-gradient(145deg,#0a2039ed,#020811f5);border:1px solid #ceddef94;justify-items:center;gap:17px;width:min(92vw,520px);padding:clamp(27px,6vw,53px);display:grid;box-shadow:0 20px 70px #000,inset 0 0 38px #2f97ff1c}.matchmaking-emblem{color:var(--cyan);text-shadow:0 0 18px #39d8ffbf;font-size:43px}.matchmaking-card h1{letter-spacing:-.06em;margin:0;font-size:clamp(27px,7vw,46px)}.matchmaking-lead,.matchmaking-detail{margin:0}.matchmaking-lead{color:var(--cyan);font-weight:800}.matchmaking-detail{color:#b5c5d7;font-size:12px;font-weight:600;line-height:1.8}.matchmaking-cta{color:#303538;cursor:pointer;letter-spacing:.08em;text-shadow:0 1px #fff;background:linear-gradient(#fff 0%,#e2e3e1 48%,#b9bbba 100%);border:1px solid #777c7f;border-radius:3px;width:min(100%,330px);min-height:42px;padding-inline:12px;font-size:13px;font-weight:900;box-shadow:inset 1px 1px #fff,inset -1px -1px #898c8d,0 2px #777a7b}.matchmaking-cta:hover,.matchmaking-cta:focus-visible{color:#244525;background:linear-gradient(#f4fff0 0%,#d6efcf 48%,#aed9a5 100%);border-color:#6a9f63;outline:none;box-shadow:inset 1px 1px #fff,inset -1px -1px #7da575,0 2px #60845c}.matchmaking-cta:active{transform:translateY(2px);box-shadow:inset 2px 2px 3px #4b77466b,0 0 #60845c}.cpu-shell{min-height:var(--app-viewport-height);height:var(--app-viewport-height);position:relative;overflow:hidden}.cpu-header{z-index:50;top:var(--safe-top);right:var(--safe-right);left:var(--safe-left);pointer-events:none;width:auto;position:absolute}.cpu-header .back-button,.cpu-header-status{pointer-events:auto}.cpu-header-status{color:#b9c6d5;letter-spacing:.1em;align-items:center;gap:7px;font-size:10px;font-weight:800;display:inline-flex}.cpu-match-stage,.cpu-match-stage .match-shell{min-height:var(--app-viewport-height);height:var(--app-viewport-height)}.cpu-match-stage .match-shell{padding-top:calc(var(--safe-top) + 32px)}.cpu-match-stage .match-status-strip{margin-bottom:7px}.casual-queue-card{gap:14px}.casual-queue-timer{color:var(--cyan);text-shadow:0 0 18px #39d8ff8c;align-items:baseline;gap:8px;display:flex}.casual-queue-timer strong{font-variant-numeric:tabular-nums;letter-spacing:-.08em;min-width:2ch;font-size:clamp(56px,14vw,88px);line-height:.9}.casual-queue-timer span{color:#b5c5d7;letter-spacing:.14em;font-size:12px;font-weight:800}.casual-queue-status{color:#eff7ff;min-height:1.5em;margin:0;font-size:13px;font-weight:800}.practice-shell{grid-template-rows:auto minmax(0,1fr);gap:10px;display:grid}.practice-layout{grid-template-rows:minmax(0,1fr) auto auto;place-items:center;gap:11px;width:min(100%,900px);margin:0 auto;display:grid}.practice-arena{grid-template-columns:minmax(0,1fr) minmax(150px,220px);align-items:center;gap:clamp(14px,4vw,42px);width:100%;min-height:0;display:grid}.practice-shell .board-bevel{width:min(100%,clamp(185px,41.6667svh - 104.167px,300px))}.practice-info{justify-items:center;gap:17px;display:grid}.practice-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;width:100%;display:grid}.practice-metrics .metric strong{font-size:clamp(17px,2.2vw,27px)}.practice-hint{color:#aebdce;text-align:center;margin:0;font-size:11px;font-weight:700;line-height:1.75}.practice-controls-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px;width:100%;display:grid}.practice-controls-row .touch-controls{width:min(100%,530px);margin-top:0}.practice-actions{grid-template-columns:repeat(2,auto);align-items:center;gap:9px;display:grid}.secondary-button{color:#e5f2ff;background:#0a192be6;border:1px solid #71859b;min-height:44px;padding:0 13px;font-size:12px;font-weight:800}.secondary-button:hover,.secondary-button:focus-visible{border-color:var(--cyan);outline:none}.practice-actions .chrome-button{min-height:44px;padding:0 13px;font-size:12px}@media (min-width:901px),(pointer:fine){.touch-controls,.touch-controls-layer,.board-touch-surface,.touch-feature-settings{display:none!important}.practice-hint{display:none}}.lobby-panel{color:#080a0d;text-align:center;background:linear-gradient(145deg,#ffffff29,#0000 34%),linear-gradient(#bec3cef2,#5f636ff7);border:1px solid #d8dbe4;border-radius:2px;width:min(92vw,560px);padding:clamp(22px,5vw,52px);box-shadow:inset 3px 3px #ffffffa3,inset -4px -4px #1f2127b3,0 22px 80px #000}.brand-kicker{color:#263141;letter-spacing:.22em;margin:0 0 7px;font-size:11px;font-weight:700}.brand-title{color:#fff;letter-spacing:-.065em;text-shadow:0 2px #61656c,0 5px #30333a,0 10px 18px #00000073;margin:0;font-size:clamp(30px,7vw,58px);font-weight:900;font-stretch:75%;line-height:.87}.home-tagline{letter-spacing:.02em;white-space:nowrap;font-size:clamp(19px,5.6vw,38px);line-height:1.12}.brand-subtitle{color:#171b22;letter-spacing:.36em;margin:13px 0 32px;font-size:13px;font-weight:800}.room-form{gap:11px;width:min(100%,380px);margin-inline:auto;display:grid}.default-room-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:16px;display:grid}.room-list-label{color:#aebdce;letter-spacing:.14em;text-align:left;grid-column:1/-1;font-size:10px;font-weight:800}.room-chip{color:#e5f2ff;background:#0a192be6;border:1px solid #71859b;border-radius:4px;min-height:38px;font-size:11px;font-weight:800}.room-chip:active:not(:disabled),.room-chip:focus-visible{border-color:var(--cyan);outline:none}.room-form label{text-align:left;letter-spacing:.12em;font-size:12px;font-weight:700}.room-form label small{color:#6f7e8f;letter-spacing:0;font-size:10px}.room-code{color:#0a0d12;letter-spacing:.22em;text-align:center;text-transform:uppercase;background:#fff;border:2px inset #b9bbc1;border-radius:0;outline:none;width:100%;height:48px;font-weight:800}.room-select{cursor:pointer;text-align:left;text-transform:none;padding-inline:12px}.room-profile-input{letter-spacing:.06em;text-transform:none}.room-entry-hint{color:#344453;margin:14px 0 0;font-size:10px;font-weight:700}.room-code:focus-visible{box-shadow:0 0 0 3px #117ed4}.chrome-button{color:#0a0c10;cursor:pointer;letter-spacing:.12em;text-shadow:0 1px #fff;background:linear-gradient(#fafbff 0,#c5c7cd 44%,#91949c 49%,#dfe1e5 100%);border:1px solid #4e5159;border-radius:1px;min-height:50px;font-size:16px;font-weight:800;position:relative;box-shadow:inset 1px 1px #fff,inset -2px -2px #5b5e64,0 3px #25272c}.chrome-button:active:not(:disabled){transform:translateY(2px);box-shadow:inset 2px 2px 4px #565961,0 1px #25272c}.chrome-button:disabled{cursor:wait;opacity:.64}.lobby-status{color:#172232;min-height:22px;margin:19px 0 0;font-size:12px;font-weight:700}.lobby-status.error{color:#800d20}.invite-link{color:#101d2d;cursor:pointer;letter-spacing:.08em;background:0 0;border:0;border-bottom:1px solid;margin-top:4px;font-size:12px;font-weight:800}.invite-link:focus-visible{outline-offset:4px;outline:2px solid #117ed4}.version{top:var(--safe-top);left:var(--safe-left);color:#ffffffb8;letter-spacing:.08em;font-size:11px;position:absolute}.match-shell{min-height:100svh;padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left);-webkit-user-select:none;user-select:none;grid-template-rows:minmax(0,1fr) auto auto;display:grid;position:relative}.portrait-next-row{display:none}.arena{grid-template-columns:minmax(0,1fr) minmax(104px,.28fr) minmax(0,1fr);align-items:center;gap:clamp(8px,1.8vw,24px);width:min(100%,1280px);min-height:0;margin:0 auto;display:grid}.arena-board-slot{justify-items:center;min-width:0;display:grid}.match-status-strip{color:#261504;background:linear-gradient(90deg,#cc630bb8,#f09e2780 50%,#cc630bb8);border:1px solid #ffbe5bb8;grid-template-columns:minmax(0,1fr) clamp(36px,5vw,76px) minmax(0,1fr);align-items:center;width:min(100%,1280px);min-height:35px;margin:clamp(3px,.8vh,9px) auto;font-size:clamp(8px,1.05vw,12px);font-weight:800;line-height:1.1;display:grid;box-shadow:inset 0 0 9px #ffd78142,0 2px 10px #0000006b}.match-status-player{align-items:center;gap:clamp(5px,.8vw,12px);min-width:0;padding:5px clamp(7px,1.2vw,16px);display:flex;overflow:hidden}.match-status-player.right{text-align:right;justify-content:flex-end}.match-status-player strong{flex:none;font-size:clamp(14px,1.8vw,22px);font-weight:900}.match-status-player span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.match-status-vs{color:#3a1c04;letter-spacing:.08em;border-inline:1px solid #66330547;place-items:center;min-height:100%;font-size:clamp(11px,1.45vw,17px);font-weight:900;display:grid}.battle-board{justify-items:center;min-width:0;display:grid}.board-bevel{aspect-ratio:10/24;border:1px solid var(--chrome-hi);clip-path:polygon(4% 0,96% 0,100% 1.8%,100% 98.2%,96% 100%,4% 100%,0 98.2%,0 1.8%);filter:drop-shadow(0 12px 15px #000000b8);background:linear-gradient(135deg,#fbfcff 0 3%,#9da0a8 9%,#eff1f7 17%,#7a7d86 26%,#c7cad2 72%,#62656e 88%,#f8f9fe 100%);width:min(100%,41.6667svh - 62.5px);padding:clamp(5px,.75vw,11px)}.local-board .board-bevel{filter:drop-shadow(0 0 8px #39d8ff3d)drop-shadow(0 14px 18px #000000c2)}.board-well{background:radial-gradient(at 50% 16%,#04233159,#0000 50%),linear-gradient(#000305,#000a0f 68%,#000306);border:clamp(2px,.28vw,4px) ridge #4d515a;width:100%;height:100%;position:relative;overflow:hidden;box-shadow:inset 0 0 15px #000}.board-grid{grid-template-rows:repeat(24,1fr);grid-template-columns:repeat(10,1fr);display:grid;position:absolute;inset:0}.board-touch-surface{z-index:4;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;cursor:crosshair;position:absolute;inset:0}.board-cell,.next-cell{min-width:0;min-height:0;display:block;position:relative}.tile{z-index:1;background:var(--tile-image) center / 100% 100% no-repeat;box-shadow:none;border:0}.active-tile{filter:none}.tile[style*="--piece: 1"],.tile[style*=--piece\:1]{--tile-image:url(/legacy-tiles/piece-1.png)}.tile[style*="--piece: 2"],.tile[style*=--piece\:2]{--tile-image:url(/legacy-tiles/piece-2.png)}.tile[style*="--piece: 3"],.tile[style*=--piece\:3]{--tile-image:url(/legacy-tiles/piece-3.png)}.tile[style*="--piece: 4"],.tile[style*=--piece\:4]{--tile-image:url(/legacy-tiles/piece-4.png)}.tile[style*="--piece: 5"],.tile[style*=--piece\:5]{--tile-image:url(/legacy-tiles/piece-5.png)}.tile[style*="--piece: 6"],.tile[style*=--piece\:6]{--tile-image:url(/legacy-tiles/piece-6.png)}.tile[style*="--piece: 7"],.tile[style*=--piece\:7]{--tile-image:url(/legacy-tiles/piece-7.png)}.tile[style*="--piece: 8"],.tile[style*=--piece\:8]{--tile-image:url(/legacy-tiles/piece-8.png)}.ghost-tile{opacity:.28;filter:saturate(.72)brightness(1.3);outline-offset:-2px;outline:1px dashed #daf4ff94;display:none}.control-hardDrop{display:none}.defeat-zone{z-index:3;pointer-events:none;border:1px solid #d2d9e0b8;width:40%;height:16.6667%;position:absolute;top:0;left:30%;box-shadow:0 0 3px #000,inset 0 0 2px #000}.top-out .board-well{animation:.42s steps(2,end) infinite top-out-pulse}.seat-label{color:#d6dbe5;letter-spacing:.16em;align-items:center;gap:7px;margin-top:6px;font-size:10px;font-weight:700;display:flex}.seat-dot{background:#687180;border-radius:50%;width:6px;height:6px;box-shadow:0 0 5px}.local-board .seat-dot{background:var(--cyan)}.versus-column{text-align:center;align-content:center;gap:clamp(8px,1.4svh,18px);min-width:0;display:grid}.arena-next-row{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:clamp(3px,.7vw,8px);min-width:0;display:grid}.arena-next-row .next-panel{min-width:0}.arena-next-row .next-label{letter-spacing:.08em;font-size:clamp(6px,.68vw,9px)}.arena-next-row .next-well{width:min(100%,clamp(38px,5.1vw,66px))}.vs-mark{color:#232a34;text-shadow:0 1px #fff;background:linear-gradient(90deg,#0000,#e7edf7c2 18%,#ffffffe0 50%,#e7edf7c2 82%,#0000);border-block:1px solid #ffffffb8;place-items:center;min-height:48px;font-size:clamp(22px,3.4vw,44px);font-weight:400;display:grid}.next-panel{justify-items:center;gap:5px;display:grid}.next-label,.metric-label{color:#d8e3ef;letter-spacing:.14em;white-space:nowrap;font-size:clamp(7px,.8vw,10px);font-weight:700}.next-well{aspect-ratio:1;background:#000408d1;border:1px solid #9ba2ab;grid-template-rows:repeat(4,1fr);grid-template-columns:repeat(4,1fr);width:clamp(42px,6.2vw,74px);display:grid;box-shadow:inset 0 0 7px #000}.metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;display:grid}.metric{background:#000812ad;border:1px solid #9eabbe5c;gap:2px;min-width:0;padding:5px 3px;display:grid}.metric strong{font-size:clamp(18px,2.8vw,36px);font-weight:400;line-height:1}.connection-status{color:var(--muted);letter-spacing:.08em;justify-content:center;align-items:center;gap:6px;font-size:9px;display:inline-flex}.connection-status:before{content:"";background:#25de7b;border-radius:50%;width:7px;height:7px;box-shadow:0 0 8px #25de7b}.touch-controls{touch-action:none;grid-template-columns:repeat(6,minmax(42px,1fr));gap:clamp(5px,1vw,12px);width:min(46vw,520px);margin-top:5px;display:grid}.touch-controls-layer{z-index:45;pointer-events:none;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;position:fixed;inset:0}.touch-action-bar,.rotation-controls{pointer-events:none;position:absolute;inset:0}.touch-action-bar{pointer-events:none}.touch-action-bar:before{content:"";pointer-events:none;background:#020810b8;border:1px solid #97b8d457;border-radius:8px;width:min(58vw,300px);height:72px;position:absolute;top:82%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 0 12px #2881b91f}.touch-positioned{z-index:1;pointer-events:auto;position:absolute;transform:translate(-50%,-50%)}.touch-action-button{width:clamp(58px,13vw,78px);min-height:58px}.touch-action-button.control-softDrop{border-color:#d4a55e}.touch-action-button.control-hardDrop{background:linear-gradient(#7d4c20,#27170d 58%,#553016);border-color:#ff9b3d}.touch-action-button.touch-diagonal-button{background:linear-gradient(#31566f,#112738 58%,#1c4057);border-color:#6da4bf}.virtual-joystick-shell{z-index:1;aspect-ratio:1;pointer-events:auto;place-items:center;width:clamp(112px,28vw,144px);display:grid;position:absolute;top:77%;left:50%;transform:translate(-50%,-50%)}.virtual-joystick{touch-action:none;-webkit-user-select:none;user-select:none;background:radial-gradient(circle at 50% 42%,#3494c357,#0000 44%),radial-gradient(circle,#113d5bf5,#020a15fa 70%);border:2px solid #b5daefb8;border-radius:50%;width:100%;height:100%;position:relative;overflow:hidden;box-shadow:inset 0 0 0 5px #03101dd1,inset 0 0 20px #39d8ff4d,0 0 0 2px #0a1e31cc,0 8px 18px #000000b3}.virtual-joystick:before,.virtual-joystick:after{content:"";pointer-events:none;background:#91d4ef33;position:absolute;top:50%;left:50%}.virtual-joystick:before{width:1px;height:76%;transform:translate(-50%,-50%)}.virtual-joystick:after{width:76%;height:1px;transform:translate(-50%,-50%)}.virtual-joystick.is-active{border-color:#6be1ff;box-shadow:inset 0 0 0 5px #03101dd1,inset 0 0 24px #39d8ff7a,0 0 0 2px #39d8ff40,0 8px 22px #000000bf}.virtual-joystick-direction{z-index:1;color:#daf3ffd6;pointer-events:none;text-shadow:0 2px 4px #000;font-size:23px;font-weight:900;line-height:1;position:absolute}.virtual-joystick-left{top:50%;left:12%;transform:translateY(-50%)}.virtual-joystick-right{top:50%;right:12%;transform:translateY(-50%)}.virtual-joystick-down{bottom:10%;left:50%;transform:translate(-50%)}.virtual-joystick-knob{z-index:2;aspect-ratio:1;pointer-events:none;background:radial-gradient(circle at 34% 28%,#ffffff94,#0000 20%),linear-gradient(145deg,#318bb5,#0a2942 65%,#061522);border:2px solid #e6f9ffdb;border-radius:50%;width:clamp(50px,13vw,68px);transition:left 70ms ease-out,top 70ms ease-out;position:absolute;transform:translate(-50%,-50%);box-shadow:inset 2px 2px 4px #ffffff47,inset -4px -5px 7px #0000008f,0 0 14px #39d8ff75,0 4px 6px #0000009e}.virtual-joystick.is-active .virtual-joystick-knob{transition:none}.rotation-controls .rotation-button{background:linear-gradient(#236d9a,#0b1d35 60%,#163e61);border-radius:50%;width:clamp(62px,14vw,82px);min-height:clamp(62px,14vw,82px)}.controls-left{justify-self:start}.controls-right{justify-self:end}.control-button{color:#edf8ff;cursor:pointer;text-shadow:0 2px #000;background:linear-gradient(145deg,#ffffff3d,#0000 38%),linear-gradient(#28394e,#0d1827 52%,#1d3047);border:1px solid #9ba9bc;border-radius:5px;place-items:center;gap:0;min-height:clamp(50px,10svh,76px);line-height:1;display:grid;box-shadow:inset 1px 1px #ffffff6e,inset -2px -2px #02060b,0 3px #000}.control-button>span{font-size:clamp(23px,3.5vw,39px)}.control-button small{color:#a9b9ca;letter-spacing:.02em;font-size:clamp(7px,.8vw,10px)}.control-button:active:not(:disabled),.control-button.is-held{background:linear-gradient(#1d92c3,#093650 58%,#106386);border-color:#6be1ff;transform:translateY(2px);box-shadow:inset 2px 2px 5px #00141f,0 1px #000,0 0 14px #39d8ff8c}.control-button:disabled{opacity:.35}.touch-positioned:active:not(:disabled),.touch-positioned.is-held{transform:translate(-50%,calc(2px - 50%))}.controls-row{grid-template-columns:1fr 1fr;gap:8px;width:min(100%,1280px);margin:0 auto;display:grid}.match-overlay{z-index:20;pointer-events:none;color:#f7f7f8;letter-spacing:-.055em;text-shadow:5px 5px #4f5157,9px 9px #0000008f;place-items:center;font-family:Arial,sans-serif;font-size:clamp(72px,16vw,210px);font-weight:900;display:grid;position:fixed;inset:0}.overlay-fight{animation:1.583s linear both fight-display}.overlay-finish{animation:1.417s linear both finish-display}.result-panel{z-index:18;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000207b8;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.result-card{color:#090b10;text-align:center;background:linear-gradient(145deg,#dbe1ebf7,#5b6270fa);border:1px solid #d9dde5;gap:20px;width:min(92vw,420px);padding:31px;display:grid;box-shadow:inset 3px 3px #ffffffb3,inset -4px -4px #1e2026bf,0 28px 100px #000}.result-card h2{color:#fff;letter-spacing:-.05em;text-shadow:0 3px #555a63,0 6px #262930;margin:0;font-size:clamp(36px,9vw,62px)}.result-card p{margin:0;font-weight:700}.connection-ribbon{z-index:22;top:var(--safe-top);color:#d8e6f4;letter-spacing:.08em;background:#000812d6;border:1px solid #cfdae885;padding:7px 12px;font-size:11px;position:fixed;left:50%;transform:translate(-50%)}.portrait-guard{display:none}@keyframes fight-display{0%,84.21%{opacity:1}to{opacity:0}}@keyframes finish-display{0%,82.35%{opacity:1}to{opacity:0}}@keyframes top-out-pulse{0%{filter:none}to{filter:brightness(1.8)sepia()saturate(5)hue-rotate(320deg)}}@media (max-height:620px){.match-shell{grid-template-rows:minmax(0,1fr) auto 58px}.board-bevel{width:min(100%,41.6667svh - 36.6667px)}.touch-controls{width:min(46vw,470px)}.control-button{min-height:48px}.control-button small{display:none}}@media (max-width:700px) and (pointer: coarse){.home-panel{padding:22px 17px}.home-panel .brand-title{font-size:clamp(27px,9vw,44px)}.home-panel .home-tagline{font-size:clamp(19px,5.6vw,30px)}.mode-card{min-height:61px;padding-inline:10px}.mode-description{font-size:10px}.practice-arena{grid-template-columns:minmax(0,1fr);gap:9px}.practice-info{grid-template-columns:auto minmax(0,1fr);gap:10px;width:min(100%,460px)}.practice-info .practice-hint{grid-column:1/-1}.practice-shell .board-bevel{width:min(100%,clamp(185px,41.6667svh - 131.25px,270px))}.practice-controls-row{grid-template-columns:1fr;gap:9px}.practice-controls-row .touch-controls{width:100%;min-height:62px}.practice-actions{justify-content:center}}@media (orientation:landscape) and (max-height:620px){.home-shell{padding-inline:max(var(--safe-left), 4vw) max(var(--safe-right), 4vw);grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr) minmax(360px,620px);place-content:center;column-gap:clamp(18px,5vw,64px)}.home-header{grid-column:1/-1;width:100%}.home-panel{grid-area:2/2;width:min(100%,620px);padding:18px 24px}.home-shell>.ad-slot,.home-footnote{grid-column:1/-1}.home-shell>.ad-slot{grid-row:3}.home-footnote{grid-row:4}.practice-controls-row{z-index:2;position:relative}.touch-controls{min-height:58px;display:grid}}@media (max-width:900px) and (pointer: coarse){.control-hardDrop{display:grid}.local-board .ghost-tile{display:block}.practice-arena{grid-template-columns:minmax(0,1fr) 82px;align-items:start;gap:8px;transform:translateY(-70px)}.practice-shell .board-bevel{width:min(100%,clamp(185px,41svh,250px))}.practice-info{z-index:12;pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#020810c7;border:1px solid #97b8d457;border-radius:8px;grid-template-columns:1fr;align-items:center;gap:8px;width:82px;padding:6px 5px;display:grid;position:static}.practice-info .next-panel,.practice-info .practice-metrics{width:100%}.practice-info .next-panel{gap:3px}.practice-info .next-label,.practice-info .metric-label{font-size:7px}.practice-info .next-well{width:46px}.practice-info .practice-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.practice-info .practice-metrics .metric{border:1px solid #97b8d447;justify-content:space-between;align-items:baseline;gap:4px;min-width:0;padding:4px;display:flex}.practice-info .practice-metrics .metric strong{font-size:14px}.practice-info .practice-hint{display:none}.practice-controls-row,.controls-row{z-index:40;right:max(10px, var(--safe-right));bottom:max(8px, var(--safe-bottom));left:max(10px, var(--safe-left));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#020810db;border:1px solid #97b8d457;border-radius:8px;width:auto;padding:6px;position:fixed}.match-status-strip{grid-template-columns:minmax(0,1fr) 34px minmax(0,1fr);min-height:29px;margin-block:2px;font-size:8px}.match-status-player{gap:4px;padding:4px 5px}.match-status-player strong{font-size:13px}.match-status-vs{font-size:10px}.practice-controls-row{grid-template-columns:minmax(0,1fr) auto}.practice-controls-row .touch-controls,.controls-row .touch-controls{width:100%;min-width:0}.control-button{min-width:0;min-height:52px}}.room-mode-shell{min-height:100svh;padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left);position:relative;overflow:hidden}.room-mode-ribbon{z-index:22;top:var(--safe-top);color:#d8e6f4;letter-spacing:.06em;text-overflow:ellipsis;white-space:nowrap;background:#000812d6;border:1px solid #cfdae885;max-width:calc(100vw - 24px);padding:7px 12px;font-size:11px;position:fixed;left:50%;overflow:hidden;transform:translate(-50%)}.room-mode-header{justify-content:space-between;align-items:center;width:min(94vw,1180px);margin:0 auto 18px;display:flex}.room-mode-header h1{color:#fff;letter-spacing:.08em;text-shadow:0 3px #3c414a;margin:4px 0 0;font-size:clamp(22px,5vw,42px)}.room-mode-actions{align-items:center;gap:12px;display:flex}.quiet-room-button{color:#e5f2ff;cursor:pointer;background:#041120db;border:1px solid #71859b;min-height:38px;padding:0 12px;font-size:11px;font-weight:800}.room-waiting-shell{overflow-y:auto}.room-waiting-grid{grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);gap:14px;width:min(94vw,1180px);margin:0 auto;display:grid}.room-lobby-card,.room-chat-card{background:#000a16c7;border:1px solid #9fb8d37a;min-width:0;padding:clamp(16px,3vw,28px);box-shadow:0 15px 45px #00000073,inset 0 0 25px #1d649e1f}.room-lobby-title{color:#dce9f7;letter-spacing:.16em;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;font-size:11px;font-weight:900;display:flex}.room-lobby-title small{color:#8fa4ba;letter-spacing:.04em;font-size:9px}.room-local-record{background:#071a2d94;border:1px solid #7d99b54d;grid-template-columns:auto 1fr;align-items:baseline;gap:4px 10px;margin:-3px 0 12px;padding:8px 10px;display:grid}.room-local-record span,.room-local-record small{color:#91a9c1;letter-spacing:.08em;font-size:9px}.room-local-record strong{color:#83e8b6;letter-spacing:.08em;font-size:12px}.room-local-record small{letter-spacing:.02em;grid-column:1/-1}.room-member-list{gap:6px;max-height:min(43svh,420px);display:grid;overflow-y:auto}.room-member-row{background:#071a2dc7;border:1px solid #7d99b54d;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:9px;min-height:48px;padding:6px 8px;display:grid}.room-member-avatar{color:#c9f3ff;border:1px solid #54c9f3;border-radius:50%;place-items:center;width:29px;height:29px;font-weight:900;display:grid}.room-member-copy{gap:3px;min-width:0;display:grid}.room-member-copy strong{color:#f1f7ff;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.room-member-copy small,.room-member-quality{color:#91a9c1;letter-spacing:.04em;font-size:9px}.room-member-quality{color:#83e8b6;text-align:right;max-width:95px}.room-seat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:15px;display:grid}.room-seat-button{color:#e4f3ff;cursor:pointer;letter-spacing:.1em;background:linear-gradient(145deg,#1a314b,#071422 70%);border:1px solid #71859b;gap:4px;min-height:62px;padding:8px;font-size:12px;font-weight:900;display:grid}.room-seat-button small{color:#9db2c8;letter-spacing:0;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:700;overflow:hidden}.room-seat-button.selected{border-color:#57ddff;box-shadow:0 0 12px #39d8ff61,inset 0 0 12px #39d8ff33}.room-seat-button:disabled{cursor:not-allowed;opacity:.55}.room-lobby-controls{flex-wrap:wrap;gap:9px;margin-top:15px;display:flex}.room-lobby-controls .chrome-button{min-height:43px;padding-inline:15px;font-size:12px}.room-lobby-hint{color:#91a7bc;margin:14px 0 0;font-size:11px;line-height:1.7}.room-chat-card{grid-template-rows:auto minmax(180px,1fr) auto;min-height:430px;display:grid}.room-chat-log{background:#00050cb8;border:1px solid #7d99b54d;min-height:0;padding:8px;overflow-y:auto}.room-chat-log p{color:#e1edf9;margin:0 0 10px;font-size:11px;line-height:1.5;display:block}.room-chat-log strong{color:#666;font-size:10px}.room-chat-log strong:after{color:#666;content:" : "}.room-chat-log p.system{padding:0}.room-chat-log p.system strong{color:#666;letter-spacing:0}.room-chat-log p.system span{color:#e1edf9}.room-chat-log p.system.winner span{color:red}.room-chat-log p.system.loser span{color:#00f}.room-chat-log p.system.notice span{color:red}.room-chat-form{grid-template-columns:minmax(0,1fr) auto;gap:6px;margin-top:10px;display:grid}.room-chat-form input{color:#07101a;-webkit-user-select:text;user-select:text;background:#edf5fb;border:1px solid #71859b;min-width:0;padding-inline:9px;font-size:12px}.room-chat-form .chrome-button{min-height:40px;padding-inline:12px;font-size:11px}.room-result-panel{z-index:24;background:#0002079e;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.room-entry-shell .lobby-panel{color:#292d30;text-align:left;background:linear-gradient(145deg,#ffffffc2,#0000 36%),linear-gradient(#f5f5f2 0%,#e1e2df 57%,#c5c7c6 100%);border:1px solid #8e9295;border-radius:7px;width:min(92vw,560px);max-height:calc(100svh - 80px);padding:clamp(19px,4vw,32px) clamp(17px,4.5vw,38px) 22px;overflow-y:auto;box-shadow:inset 1px 1px #fffffff5,inset -2px -2px #7b7e8185,0 12px 35px #00000094}.room-entry-shell .brand-kicker{color:#697075;letter-spacing:.14em;font-size:10px}.room-entry-shell .brand-title{color:#4c5155;text-align:center;text-shadow:0 1px #fff,0 2px #a0a3a5,0 5px 9px #0003;font-size:clamp(24px,6vw,42px);line-height:.93}.room-entry-shell .brand-subtitle{color:#646a6d;letter-spacing:.22em;text-align:center;margin:10px 0 22px;font-size:11px}.room-entry-shell .room-form{grid-template-columns:minmax(62px,76px) minmax(0,1fr);align-items:center;gap:9px 13px;width:min(100%,430px);margin-inline:auto;display:grid}.room-entry-shell .room-form label{color:#444a4e;letter-spacing:.08em;text-align:left;font-size:11px}.room-entry-shell .room-form label small{color:#7a8083;margin-top:2px;font-size:8px;line-height:1.2;display:block}.room-entry-shell .room-code{color:#202427;letter-spacing:.13em;background:#fcfcfa;border:1px solid #8a8e91;border-radius:3px;min-width:0;height:39px;font-size:13px;box-shadow:inset 1px 1px 2px #2c30332e,0 1px #fffc}.room-entry-shell .room-select{cursor:pointer;text-align:left;padding-inline:10px}.room-entry-shell .room-profile-input{letter-spacing:.04em;text-align:left}.room-entry-shell .room-code:focus-visible{border-color:#7fbd76;outline:none;box-shadow:0 0 0 2px #9ad39194,inset 1px 1px 2px #2c30331f}.room-entry-shell .room-form>.chrome-button{color:#303538;letter-spacing:.08em;text-shadow:0 1px #fff;background:linear-gradient(#fff 0%,#e2e3e1 48%,#b9bbba 100%);border-color:#777c7f;border-radius:3px;grid-column:2;width:100%;min-height:42px;margin-top:5px;font-size:13px;box-shadow:inset 1px 1px #fff,inset -1px -1px #898c8d,0 2px #777a7b}.room-entry-shell .room-form>.chrome-button:hover,.room-entry-shell .room-form>.chrome-button:focus-visible,.room-entry-shell .room-form>.chrome-button:active:not(:disabled){color:#244525;background:linear-gradient(#f4fff0 0%,#d6efcf 48%,#aed9a5 100%);border-color:#6a9f63;outline:none;box-shadow:inset 1px 1px #fff,inset -1px -1px #7da575,0 2px #60845c}.room-entry-shell .room-form>.chrome-button:active:not(:disabled){transform:translateY(2px);box-shadow:inset 2px 2px 3px #4b77466b,0 0 #60845c}.room-entry-shell .room-entry-hint{color:#62696d;text-align:center;font-size:10px;font-weight:700}.room-entry-shell .lobby-status{color:#4d5559;text-align:center}.room-entry-shell .lobby-status.error{color:#8e2630}.room-original-layout{grid-template-columns:minmax(0,1fr) minmax(200px,244px);gap:12px;width:min(96vw,1240px);margin:0 auto;display:grid}.room-original-stage{background:linear-gradient(90deg,#020811d1,#08192b61,#020811d1),radial-gradient(at 50% 45%,#2682b829,#0000 58%);border:1px solid #adc1d6a6;grid-template-columns:minmax(0,1fr) minmax(118px,180px) minmax(0,1fr);align-items:end;gap:clamp(6px,1.4vw,18px);min-width:0;min-height:430px;padding:16px clamp(8px,1.8vw,24px) 10px;display:grid;box-shadow:inset 0 0 28px #000000b3,0 16px 42px #00000061}.room-original-stage .battle-board .board-bevel{width:clamp(106px,13vw,190px)}.room-original-stage>.battle-board .seat-label{display:none}.room-original-board-column{grid-template-rows:auto auto;align-content:end;justify-items:center;width:min(100%,clamp(106px,13vw,190px));min-width:0;display:grid}.room-original-board-column>.battle-board,.room-original-stage .room-original-board-column>.battle-board .board-bevel{width:100%}.room-original-board-column>.battle-board .seat-label{display:none}.room-original-player-strip{box-sizing:border-box;color:#3f4b52;text-align:center;background:#ffffffbd;border:1px solid #ffffffb8;grid-template-rows:auto auto;align-content:center;justify-items:center;width:100%;height:34px;min-height:34px;max-height:34px;margin-top:3px;padding:4px 6px;display:grid;overflow:hidden;box-shadow:inset 0 1px #ffffffbd,0 2px 4px #00000047}.room-original-player-strip strong,.room-original-player-strip span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.room-original-player-strip strong{color:#29353d;font-size:10px;font-weight:900}.room-original-player-strip span{color:#66737a;letter-spacing:.02em;font-size:8px;font-weight:700}.room-original-player-strip:not(.is-entered){opacity:1;background:#ffffffbd;border-color:#ffffffb8}.room-original-stage .seat-label{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:9px;overflow:hidden}.room-original-center{text-align:center;align-content:center;gap:14px;min-width:0;padding-bottom:34px;display:grid}.room-original-player-row{grid-column:1;grid-template-columns:minmax(0,1fr) minmax(40px,58px) minmax(0,1fr);align-items:stretch;gap:0;min-width:0;margin-top:4px;padding:0 clamp(8px,1.8vw,24px);display:grid}.room-original-player-row .room-original-player-strip{border-radius:0;width:100%;height:34px;min-height:34px;max-height:34px;margin-top:0}.room-original-player-row-vs{color:#59656d;letter-spacing:.08em;background:#ffffffbd;border-block:1px solid #ffffffb8;place-items:center;height:34px;min-height:34px;max-height:34px;font-size:9px;font-weight:900;display:grid}.room-original-next-row{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:end;gap:5px;display:grid}.room-original-next-row .next-panel{min-width:0}.room-original-next-row .next-label{font-size:8px}.room-original-next-row .next-well{width:clamp(42px,5vw,66px)}.room-original-vs{color:#eaf5ff;text-shadow:0 2px #14202f,0 0 14px #4ccdff73;padding-bottom:11px;font-size:clamp(19px,2.8vw,34px);font-weight:900}.room-original-score-row{color:#17212d;background:linear-gradient(90deg,#d8e2efeb,#f5f8fcb3,#d8e2efeb);border-block:1px solid #dce7f4b8;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;min-height:42px;padding:5px 8px;display:grid}.room-original-score-row strong{font-size:clamp(18px,2.5vw,30px);font-weight:400}.room-original-score-row span{letter-spacing:.08em;font-size:clamp(11px,1.5vw,18px);font-weight:900}.room-original-stage-status{color:#bbcede;min-height:28px;margin:0;font-size:10px;line-height:1.5}.room-original-seat-row{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;gap:4px;min-width:0;margin-top:-4px;display:grid}.room-original-seat-row .room-seat-button{color:#5a6269;cursor:pointer;letter-spacing:0;text-align:center;background:linear-gradient(#fff,#eef0f2 48%,#d2d5d8 52%,#fafafa);border:1px solid #c6ccd2;border-radius:2px;grid-template-columns:1fr;gap:1px;min-width:0;min-height:31px;padding:3px 4px;font-size:9px;font-weight:800;display:grid;box-shadow:inset 1px 1px #fff,inset -1px -1px #8f959b,0 2px #555b60}.room-original-seat-row .room-seat-button:nth-child(2){transform:translateY(-18px)}.room-original-seat-row .room-seat-button small{color:#717980;text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.room-original-seat-row .room-seat-button.selected,.room-original-seat-row .room-seat-button:hover:not(:disabled),.room-original-seat-row .room-seat-button:focus-visible{color:#244525;background:linear-gradient(#f4fff0,#d6efcf 48%,#aed9a5 100%);border-color:#6a9f63;outline:none;box-shadow:inset 1px 1px #fff,inset -1px -1px #7da575,0 2px #60845c}.room-original-seat-row .room-seat-button:disabled{cursor:not-allowed;opacity:.62}.room-sidebar-seat-grid{display:none}.room-original-sidebar{z-index:5;color:#f5f8fb;background:linear-gradient(145deg,#070e18c7,#0e1e2e8f);border:1px solid #ffffff3d;grid-area:1/2;min-width:0;padding:6px;position:relative;overflow:visible;box-shadow:0 12px 28px #0000006b,inset 0 0 0 1px #ffffff14}.room-mode-shell .room-original-sidebar{overflow:visible}.room-original-room-title{color:#f5f8fb;border-bottom:1px solid #ffffff70;justify-content:space-between;align-items:baseline;gap:8px;padding:3px 4px 7px;display:flex}.room-original-room-title strong{letter-spacing:.12em;font-size:12px}.room-original-room-title span{color:#f5f8fb;font-size:11px;font-weight:900}.room-original-logout{color:#18212b;cursor:pointer;background:linear-gradient(#fff,#dce2e7);border:1px solid #a8b2ba;border-radius:2px;width:100%;min-height:31px;margin:8px 0;font-size:11px;font-weight:900}.room-original-logout:hover,.room-original-logout:focus-visible{color:#24542d;background:linear-gradient(#f5fff2,#d8efcf 48%,#afd6a8);border-color:#5f9767;outline:none}.room-original-logout:active{transform:translateY(1px);box-shadow:inset 1px 1px #4a714657}.room-original-sidebar .room-local-record{background:#ffffff8a;border-color:#aab7c1}.room-original-sidebar .room-local-record span,.room-original-sidebar .room-local-record small{color:#52616e}.room-original-sidebar .room-local-record strong{color:#1c6f4c}.room-original-sidebar .room-member-list{background:#ffffffeb;border:1px solid #ffffffc7;align-content:start;gap:0;min-height:clamp(130px,18vh,190px);max-height:min(32svh,230px);padding:4px}.room-original-sidebar .room-member-row{background:0 0;border-bottom:0;min-height:31px;padding:5px 6px;display:block}.room-original-sidebar .room-member-row.disconnected{opacity:.58}.room-original-sidebar .room-member-avatar{color:#293c4b;border-color:#6d8290;width:24px;height:24px;font-size:11px}.room-original-sidebar .room-member-copy strong{color:#1c2b38;font-size:11px}.room-original-sidebar .room-member-copy small,.room-original-sidebar .room-member-quality{color:#526574;font-size:8px}.room-original-sidebar .room-member-quality{color:#276d55}.room-original-sidebar .room-seat-grid{gap:5px;margin-top:8px}.room-original-sidebar .room-seat-button{color:#263744;background:linear-gradient(#fff,#ccd6de);border-color:#71818d;min-height:48px;padding:5px;font-size:11px}.room-original-sidebar .room-seat-button small{color:#536672}.room-original-sidebar .room-seat-button.selected{border-color:#1584b4;box-shadow:0 0 0 2px #1584b42e,inset 0 0 10px #40c3ed47}.room-original-sidebar .room-lobby-controls{gap:5px;margin-top:8px}.room-original-sidebar .room-lobby-controls .chrome-button,.room-original-sidebar .quiet-room-button{flex:110px;min-height:35px;padding-inline:7px;font-size:10px}.room-original-sidebar .room-lobby-hint{color:#eff7ffc7;margin:7px 2px 0;font-size:9px}.room-original-chat{border-color:#bfcddaa6;grid-column:1/-1;min-height:155px;padding:10px 12px}.room-original-chat.room-chat-card{grid-template-rows:minmax(72px,1fr) auto}.room-original-chat .room-chat-log{color:#182b38;background:#fff;border-color:#aab7c1;min-height:72px;max-height:112px}.room-original-chat .room-chat-log p{color:#182b38;margin-bottom:3px;line-height:1.25}.room-original-chat .room-chat-log p:last-child{margin-bottom:0}.room-original-chat .room-chat-log strong{color:#244b7d}.room-original-chat .room-chat-log p.system strong{color:#666}.room-original-chat .room-chat-log p.system span{color:#182b38}.room-original-chat .room-chat-log p.system.winner span{color:red}.room-original-chat .room-chat-log p.system.loser span{color:#00f}.room-original-chat .room-chat-log p.system.notice span{color:red}.room-original-chat .room-chat-form .chrome-button{color:#28343e;letter-spacing:.04em;min-width:52px;min-height:32px;text-shadow:none;background:linear-gradient(#fff,#dce2e7);border:1px solid #a8b2ba;border-radius:2px;padding:0 9px;font-size:10px;box-shadow:inset 1px 1px #ffffffe6,inset -1px -1px #6c78828c,0 1px #48525a99}.room-original-chat .room-chat-form{margin-top:4px}.room-original-chat .room-chat-form .chrome-button:hover,.room-original-chat .room-chat-form .chrome-button:focus-visible{color:#24542d;background:linear-gradient(#f5fff2,#d8efcf 48%,#afd6a8);border-color:#5f9767;outline:none}.room-original-chat .room-chat-form .chrome-button:active:not(:disabled){transform:translateY(1px);box-shadow:inset 1px 1px #4a714657}@media (max-width:760px) and (pointer: coarse){.room-original-layout{grid-template-columns:1fr}.room-original-player-row{grid-template-columns:minmax(0,1fr) 36px minmax(0,1fr);padding-inline:4px}.room-original-player-row-vs{height:29px;min-height:29px;max-height:29px;font-size:7px}.room-original-player-row .room-original-player-strip{height:29px;min-height:29px;max-height:29px}.room-original-stage{grid-template-columns:minmax(0,1fr) 94px minmax(0,1fr);min-height:330px;padding-inline:4px}.room-original-stage .battle-board .board-bevel{width:clamp(82px,25vw,132px)}.room-original-board-column{width:min(100%,clamp(82px,25vw,132px))}.room-original-player-strip{min-height:29px;margin-top:2px;padding:3px 4px}.room-original-player-strip strong{font-size:8px}.room-original-player-strip span{font-size:7px}.room-original-center{gap:9px;padding-bottom:24px}.room-original-seat-row{display:none}.room-original-sidebar{grid-area:auto/1;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;display:grid}.room-original-room-title,.room-original-logout,.room-original-sidebar .room-local-record,.room-original-sidebar .room-member-list,.room-original-sidebar .room-seat-grid,.room-original-sidebar .room-lobby-controls,.room-original-sidebar .room-lobby-hint{grid-column:1/-1}.room-original-sidebar .room-member-list{max-height:250px}.room-original-sidebar .room-sidebar-seat-grid{display:grid}.room-original-sidebar>.room-original-controls,.room-original-sidebar>.room-control-dialog{grid-column:1/-1}.room-original-controls{grid-row:auto;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:4px 6px;margin-top:0}.room-original-control-grid,.room-count-button{grid-column:1/-1}.room-check-control{min-height:22px}}@media (orientation:portrait) and (max-width:760px) and (pointer: coarse){.room-waiting-shell{padding:max(6px, var(--safe-top)) max(6px, var(--safe-right)) max(6px, var(--safe-bottom)) max(6px, var(--safe-left))}.room-mode-header{width:100%;margin-bottom:7px}.room-mode-header h1{margin-top:2px;font-size:19px}.room-mode-actions{gap:5px}.room-mode-actions .connection-status{font-size:8px}.room-mode-actions .quiet-room-button{min-height:30px;padding-inline:8px;font-size:10px}.room-original-layout{gap:7px;width:100%}.room-original-stage{grid-template-columns:minmax(0,1fr) 78px minmax(0,1fr);min-height:205px;padding:5px 2px 4px}.room-original-stage .battle-board .board-bevel{width:clamp(64px,20vw,86px)}.room-original-board-column{width:min(100%,clamp(64px,20vw,86px))}.room-original-player-strip{min-height:23px;margin-top:1px;padding:2px 3px}.room-original-player-strip strong{font-size:7px}.room-original-player-strip span{font-size:6px}.room-original-player-row .room-original-player-strip{height:23px;min-height:23px;max-height:23px;padding:2px 3px}.room-original-player-row-vs{height:23px;min-height:23px;max-height:23px}.room-original-stage .seat-label{gap:3px;margin-top:3px;font-size:7px}.room-original-center{gap:5px;padding-bottom:8px}.room-original-next-row{gap:2px}.room-original-next-row .next-label{letter-spacing:.06em;font-size:6px}.room-original-next-row .next-well{width:34px}.room-original-vs{padding-bottom:5px;font-size:17px}.room-original-score-row{gap:3px;min-height:28px;padding:2px 3px}.room-original-score-row strong{font-size:16px}.room-original-score-row span{font-size:8px}.room-original-stage-status{min-height:18px;font-size:7px;line-height:1.3}.room-original-sidebar{grid-template-columns:minmax(0,1.25fr) minmax(112px,.75fr);gap:5px;padding:6px}.room-original-sidebar>.room-original-room-title{grid-area:1/1;align-self:center;padding:1px 2px 4px}.room-original-room-title strong{font-size:13px}.room-original-room-title span{font-size:9px}.room-original-sidebar>.room-original-logout{grid-area:1/2;min-height:27px;margin:0;font-size:9px}.room-original-sidebar>.room-local-record{grid-area:2/1/auto/-1;grid-template-columns:auto 1fr;gap:2px 6px;margin:0;padding:4px 6px}.room-original-sidebar .room-local-record span,.room-original-sidebar .room-local-record small{font-size:7px}.room-original-sidebar .room-local-record strong{font-size:9px}.room-original-sidebar .room-local-record small{display:none}.room-original-sidebar>.room-member-list{grid-area:3/1/span 3;gap:3px;max-height:132px;padding:3px}.room-original-sidebar .room-member-row{grid-template-columns:23px minmax(0,1fr);gap:4px;min-height:32px;padding:3px}.room-original-sidebar .room-member-avatar{width:20px;height:20px;font-size:9px}.room-original-sidebar .room-member-copy{gap:1px}.room-original-sidebar .room-member-copy strong{font-size:9px}.room-original-sidebar .room-member-copy small{text-overflow:ellipsis;white-space:nowrap;font-size:7px;overflow:hidden}.room-original-sidebar .room-member-quality{display:none}.room-original-sidebar>.room-seat-grid{grid-area:3/2;gap:3px;margin-top:0}.room-original-sidebar .room-seat-button{min-height:38px;padding:3px;font-size:9px}.room-original-sidebar .room-seat-button small{font-size:7px}.room-original-sidebar>.room-lobby-controls{grid-area:4/2;gap:3px;margin-top:0;display:grid}.room-original-sidebar .room-lobby-controls .chrome-button,.room-original-sidebar .quiet-room-button{min-height:32px;padding-inline:4px;font-size:8px}.room-original-sidebar>.room-lobby-hint{grid-area:4/2;align-self:start;margin:0;font-size:7px;line-height:1.3}.room-original-chat{min-height:116px;padding:7px}.room-original-chat .room-lobby-title{margin-bottom:5px;font-size:8px}.room-original-chat .room-lobby-title small{font-size:7px}.room-original-chat.room-chat-card{grid-template-rows:minmax(38px,1fr) auto}.room-original-chat .room-chat-log{min-height:38px;max-height:72px;padding:4px}.room-original-chat .room-chat-log p{gap:1px;margin-bottom:2px;font-size:8px;line-height:1.25}.room-original-chat .room-chat-log strong{font-size:7px}.room-original-chat .room-chat-form{gap:4px;margin-top:5px}.room-original-chat .room-chat-form input,.room-original-chat .room-chat-form .chrome-button{min-height:31px;font-size:9px}}@media (orientation:landscape) and (max-height:620px) and (max-width:900px) and (pointer: coarse){.practice-arena{grid-template-columns:minmax(0,1fr) 124px;align-items:center;width:min(100%,760px);transform:none}.practice-shell .board-bevel{width:auto;height:min(calc(var(--app-viewport-height) - 170px), 72dvh)}.match-shell .board-bevel{width:auto;height:min(calc(var(--app-viewport-height) - 150px), 72dvh)}.practice-shell,.match-shell{overflow:hidden}.practice-info{width:124px;padding:8px}.practice-info .next-well{width:58px}.touch-action-button{width:56px;min-height:52px}.rotation-controls .rotation-button{min-width:58px;min-height:58px}.practice-controls-row{background:0 0;border:0;padding:0}}@media (orientation:portrait) and (max-width:900px) and (pointer: coarse){.match-shell{grid-template-rows:auto minmax(0,1fr) auto auto}.portrait-next-row{background:#020810c7;border:1px solid #97b8d457;border-radius:6px;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:6px;width:min(100%,430px);margin:0 auto 5px;padding:4px 6px;display:grid;box-shadow:inset 0 0 12px #2881b91f}.portrait-next-row .next-panel{grid-template-columns:auto 1fr;place-items:center start;gap:6px;min-width:0}.portrait-next-row .next-label{color:#b9cde0;letter-spacing:.06em;text-overflow:ellipsis;font-size:8px;overflow:hidden}.portrait-next-row .next-well{width:42px}.match-shell .arena{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr) clamp(72px,24vw,126px);align-items:start;gap:clamp(5px,2vw,12px);width:100%}.match-shell .versus-column{display:none}.match-shell .arena-seat-2{grid-template-columns:clamp(72px,24vw,126px) minmax(0,1fr)}.match-shell .arena-seat-0{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.match-shell .arena-seat-1 .arena-board-p1 .board-bevel,.match-shell .arena-seat-2 .arena-board-p2 .board-bevel{width:auto;height:min(calc(var(--app-viewport-height) - 245px), 72dvh)}.match-shell .arena-seat-1 .arena-board-p2 .board-bevel,.match-shell .arena-seat-2 .arena-board-p1 .board-bevel{width:min(100%,clamp(62px,22vw,118px));height:auto}.match-shell .arena-seat-0 .board-bevel{width:min(100%,30vw);height:auto}.match-shell .arena-seat-1 .arena-board-p2,.match-shell .arena-seat-2 .arena-board-p1{align-self:start;padding-top:clamp(12px,7vh,62px)}.match-shell .arena-seat-1 .arena-board-p2 .seat-label,.match-shell .arena-seat-2 .arena-board-p1 .seat-label{letter-spacing:.05em;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:7px;overflow:hidden}.portrait-guard{z-index:100;color:#fff;text-align:center;background:#02060b;place-items:center;padding:28px;display:grid;position:fixed;inset:0}.portrait-guard>div{gap:12px;display:grid}.portrait-phone{border:3px solid #c7d0da;border-radius:8px;width:46px;height:72px;margin:0 auto;animation:1.8s ease-in-out infinite rotate-hint;display:block;transform:rotate(90deg)}}@keyframes rotate-hint{0%,to{transform:rotate(0)}50%{transform:rotate(90deg)}}@media (max-width:430px) and (pointer: coarse){.settings-panel{padding:20px 13px}.settings-lead{margin-block:14px 17px;font-size:11px}.key-config-row{grid-template-columns:1fr;gap:7px}.key-capture-button{min-height:38px}.settings-actions{grid-template-columns:1fr 1fr;display:grid}}@media (prefers-reduced-motion:reduce){.portrait-phone,.top-out .board-well{animation:none}}.room-stage-board{grid-template-rows:auto auto;align-content:start;justify-items:center;width:100%;min-width:0;display:grid}.room-stage-seat-button{color:#26313a;cursor:pointer;text-align:left;background:linear-gradient(#fff,#e3e5e7 48%,#bfc3c6 52%,#f2f3f4);border:1px solid #8d969e;border-radius:2px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:7px;width:min(100%,150px);min-height:34px;margin-top:5px;padding:4px 8px;font-size:11px;font-weight:900;display:grid;box-shadow:inset 1px 1px #fff,inset -1px -1px #7f858a,0 2px #555b60}.room-stage-seat-button strong{letter-spacing:.05em;font-size:11px}.room-stage-seat-button small{color:#59666e;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:9px;font-weight:700;overflow:hidden}.room-stage-seat-button:hover,.room-stage-seat-button:focus-visible,.room-stage-seat-button.selected{color:#24542d;background:linear-gradient(#f5fff2,#d8efcf 48%,#afd6a8 52%,#eaffea);border-color:#5f9767;outline:none}.room-stage-seat-button:disabled{cursor:not-allowed;opacity:.62}.room-member-row{width:100%;color:inherit;cursor:pointer;font:inherit;text-align:left;border:0}.room-original-sidebar .room-member-row{grid-template-columns:minmax(0,1fr);height:24px;min-height:24px;padding:2px 6px}.room-member-row:focus-visible,.room-member-row[aria-expanded=true]{outline-offset:-2px;border-color:#5f9767;outline:2px solid #5f97676b}.room-member-record{color:#273844;background:#ffffffd1;border:1px solid #aab7c1;gap:6px;margin-top:7px;padding:7px 8px;font-size:9px;display:grid}.room-member-record-head{justify-content:space-between;align-items:center;gap:5px;display:flex}.room-member-record-head strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:11px;overflow:hidden}.room-member-record-close{color:#34444f;cursor:pointer;background:#eef2f4;border:1px solid #8b969e;place-items:center;width:20px;height:20px;font-size:14px;line-height:1;display:grid}.room-member-record dl{gap:2px;margin:0;display:grid}.room-member-record dl>div{justify-content:space-between;gap:6px;display:flex}.room-member-record dt{color:#657580}.room-member-record dd{color:#245d3b;text-align:right;margin:0;font-weight:900}.room-member-record p{color:#657580;margin:0;line-height:1.35}.room-original-controls{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:5px;width:100%;min-width:0;margin-top:7px;display:grid}.room-original-control-grid{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;display:grid}.room-original-control-button{color:#28343e;cursor:pointer;background:linear-gradient(#fff,#dce2e7);border:1px solid #a8b2ba;border-radius:2px;min-width:0;min-height:30px;padding:4px 5px;font-size:9px;font-weight:900;line-height:1.2;box-shadow:inset 1px 1px #ffffffe6,inset -1px -1px #6c78828c,0 1px #48525a99}.room-original-control-button:hover,.room-original-control-button:focus-visible,.room-original-control-button.is-green{color:#24542d;background:linear-gradient(#f5fff2,#d8efcf 48%,#afd6a8);border-color:#5f9767;outline:none}.room-original-control-button:active{transform:translateY(1px);box-shadow:inset 1px 1px #4a714657}.room-count-button{grid-column:1/-1;width:100%}.room-check-control{color:#35424b;cursor:pointer;align-items:center;gap:6px;min-height:24px;padding:2px 4px;font-size:10px;font-weight:900;display:flex}.room-check-panel{box-sizing:border-box;width:100%;min-width:0;box-shadow:none;background:linear-gradient(90deg,#cdd6dcf0,#e8edf0e0);border:1px solid #313e476b;grid-column:1/-1;gap:0;padding:0;display:grid}.room-check-control{box-sizing:border-box;width:100%;min-width:0}.room-check-control+.room-check-control{border-top:1px solid #5c697252}.room-check-control input{accent-color:#5f9767;width:15px;height:15px;margin:0}.room-control-dialog{z-index:4;color:#28343e;background:#ffffffe0;border:1px solid #8d9aa4;gap:7px;margin-top:7px;padding:8px;font-size:9px;display:grid;position:relative}.room-control-dialog-head{justify-content:space-between;align-items:center;gap:5px;display:flex}.room-control-dialog-head strong{letter-spacing:.03em;min-width:0;font-size:10px}.room-color-picker-row,.room-rgb-grid label{gap:3px;display:grid}.room-color-picker-row input{color:#182b38;-webkit-user-select:text;user-select:text;background:#fff;border:1px solid #aab7c1;width:100%;min-height:25px;padding:2px 4px;font-size:10px}.room-rgb-grid{gap:5px;display:grid}.room-rgb-grid label{gap:2px;display:grid}.room-rgb-grid input[type=range]{cursor:pointer;touch-action:pan-y;background:0 0;border:0;width:100%;min-height:18px;margin:0;padding:0}.room-rgb-slider-r{accent-color:#d45050}.room-rgb-slider-g{accent-color:#4c9a5a}.room-rgb-slider-b{accent-color:#3d79bd}.room-rgb-grid label span,.room-color-picker-row span{color:#657580;justify-content:space-between;align-items:center;gap:4px;font-size:8px;font-weight:900;display:flex}.room-rgb-grid output{color:#28343e;font-variant-numeric:tabular-nums}.room-color-code-row{grid-template-columns:28px minmax(0,1fr);align-items:end;gap:6px;display:grid}.room-color-code-row .room-color-picker-row{min-width:0}.room-color-swatch{border:1px solid #73818b;border-radius:2px;width:28px;height:28px;display:block;box-shadow:inset 0 0 0 2px #ffffff6b,0 1px 2px #0000003d}.room-control-dialog-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;display:grid}.room-count-list{grid-template-columns:1fr;gap:3px;display:grid}.room-count-list>div{border-bottom:1px solid #8d9aa473;justify-content:space-between;gap:6px;padding:3px 4px;display:flex}.room-count-list strong{color:#245d3b}.room-member-record-dialog,.room-count-dialog,.room-color-dialog{z-index:7;width:min(230px,100vw - 20px);margin-top:0;position:absolute;top:145px;left:auto;right:6px}.room-count-dialog-drag-handle{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.room-count-dialog-drag-handle:active{cursor:grabbing}.room-control-error{color:#8e2630;margin:0;line-height:1.35}.room-original-chat .room-chat-log p.record{color:#2e517b}.game-root.background-theme-1{background:radial-gradient(at 50% 55%,#92beaa2e,#0000 28%),repeating-linear-gradient(106deg,#0000 0 42px,#5c8b7030 44px 47px,#0000 49px 84px),linear-gradient(90deg,#030706 0%,#14231d 42%,#0d1814 64%,#020303 100%)}.game-root.background-theme-1:before{background:repeating-linear-gradient(90deg,#0000 0 46px,#9fceac42 48px 50px,#0000 52px),repeating-linear-gradient(0deg,#0000 0 26px,#d1e2bf1f 28px 30px)}.game-root.background-theme-1:after{background:linear-gradient(90deg,#000000d1,#0000 19% 81%,#000000d1),radial-gradient(circle at 50% 68%,#ebd17d33,#0000 25%)}.game-root.background-theme-2{background:radial-gradient(at 50% 58%,#df9f352e,#0000 30%),repeating-linear-gradient(116deg,#0000 0 30px,#db983430 32px 35px,#0000 37px 74px),linear-gradient(90deg,#080603 0%,#21160b 38%,#11100a 65%,#030303 100%)}.game-root.background-theme-2:before{background:repeating-linear-gradient(90deg,#0000 0 46px,#eeb54a40 48px 50px,#0000 52px),repeating-linear-gradient(0deg,#0000 0 26px,#ffdf871f 28px 30px)}.game-root.background-theme-2:after{background:linear-gradient(90deg,#000000d6,#0000 19% 81%,#000000d6),radial-gradient(circle at 50% 68%,#fcbc4a3d,#0000 25%)}.game-root.background-theme-3{background:radial-gradient(at 50% 59%,#ced6dd29,#0000 31%),repeating-linear-gradient(112deg,#0000 0 35px,#b3bec929 37px 39px,#0000 41px 78px),linear-gradient(90deg,#030405 0%,#1a2024 41%,#111619 65%,#020303 100%)}.game-root.background-theme-3:before{background:repeating-linear-gradient(90deg,#0000 0 46px,#d2dee83d 48px 50px,#0000 52px),repeating-linear-gradient(0deg,#0000 0 26px,#e1e9ef1c 28px 30px)}.game-root.background-theme-3:after{background:linear-gradient(90deg,#000000d6,#0000 19% 81%,#000000d6),radial-gradient(circle at 50% 68%,#b8d2de33,#0000 25%)}.game-root.background-theme-1,.game-root.background-theme-2,.game-root.background-theme-3,.game-root.background-theme-4{background-position:50%;background-repeat:no-repeat;background-size:cover}.game-root.background-theme-1{background-image:linear-gradient(#00000061,#00000085),url(/backgrounds/original-building.png)}.game-root.background-theme-2{background-image:linear-gradient(#00040a52,#00040a8a),url(/backgrounds/original-metal.png)}.game-root.background-theme-3{background-image:linear-gradient(#1d04006b,#1703008f),url(/backgrounds/original-fire.png)}.game-root.background-theme-4{background-image:linear-gradient(#14070066,#0f05008f),url(/backgrounds/original-night.png)}.game-root.background-theme-1:before,.game-root.background-theme-2:before,.game-root.background-theme-3:before,.game-root.background-theme-4:before{background:0 0;-webkit-mask-image:none;mask-image:none}.game-root.background-theme-1:after,.game-root.background-theme-2:after,.game-root.background-theme-3:after,.game-root.background-theme-4:after{background:linear-gradient(90deg,#0000007a,#0000 18% 82%,#0000007a),linear-gradient(#0000001f,#0000 35%,#00000061)}@media (min-width:901px){.room-original-stage{align-items:start}.room-original-stage>.room-stage-board-p1{grid-area:1/1/-1}.room-original-stage>.room-stage-board-p2{grid-area:1/5/-1}.room-stage-board{grid-template-rows:344px auto;height:376px}.room-stage-board .battle-board{grid-template-rows:330px auto;justify-items:center;width:100%;height:344px}.room-stage-board .room-stage-seat-button{width:150px;margin-top:0}.room-member-list{overflow-y:auto}}@media (max-width:760px) and (pointer: coarse){.room-stage-seat-button{gap:3px;width:100%;min-height:28px;margin-top:3px;padding:3px 4px;font-size:8px}.room-stage-seat-button strong{font-size:8px}.room-stage-seat-button small{font-size:7px}.room-member-record{grid-column:1/-1}}@media (orientation:landscape) and (max-height:620px){.home-shell{grid-template-rows:auto auto minmax(0,1fr) auto auto}.home-shell .home-header{grid-row:1}.home-shell .legacy-home-nav{grid-area:2/1/auto/-1}.home-shell .home-panel{grid-row:3}.home-shell>.ad-slot{grid-row:4}.home-shell>.home-footnote{grid-row:5}}@media (orientation:landscape) and (max-height:620px) and (max-width:900px) and (pointer: coarse){.home-shell{grid-template-rows:auto auto auto auto auto;grid-template-columns:minmax(0,1fr)}.home-shell .home-header{grid-area:1/1}.home-shell .legacy-home-nav{grid-area:2/1;width:min(100%,720px)}.home-shell .home-panel{grid-area:3/1;max-height:none}.home-shell>.ad-slot{grid-area:4/1}.home-shell>.home-footnote{grid-area:5/1}}.board-editor-page{overscroll-behavior:contain;touch-action:pan-y;height:100svh;min-height:100svh;max-height:100svh;overflow:hidden auto}.board-editor-shell{width:min(94vw,920px);min-height:100%;padding:max(14px, var(--safe-top)) max(10px, var(--safe-right)) max(20px, var(--safe-bottom));margin:0 auto}.board-editor-header{width:100%;margin-bottom:12px}.board-editor-panel{color:#303538;background:linear-gradient(145deg,#fff 0%,#f1f2f3 46%,#c8cbd0 100%);border:1px solid #777c7f;border-radius:10px;padding:clamp(16px,3vw,30px);box-shadow:inset 1px 1px #fff,inset -1px -1px #898c8d,0 12px 35px #0009}.board-editor-panel .brand-kicker{color:#697477;letter-spacing:.16em;margin:0 0 4px;font-size:10px;font-weight:900}.board-editor-panel .brand-title{color:#4c5155;text-shadow:0 1px #fff,0 2px #a0a3a5,0 4px 7px #0003;margin:0;font-size:clamp(24px,5vw,38px)}.board-editor-lead{color:#596268;margin:6px 0 18px;font-size:12px;font-weight:700;line-height:1.45}.board-editor-layout{grid-template-columns:minmax(220px,310px) minmax(0,1fr);align-items:start;gap:clamp(16px,4vw,34px);display:grid}.board-editor-board-column{justify-items:center;min-width:0;display:grid}.board-editor-bevel{width:min(100%,285px);padding:7px}.board-editor-well{border:2px solid #4d515a}.board-editor-grid{grid-template-rows:repeat(24,1fr);grid-template-columns:repeat(10,1fr);display:grid;position:absolute;inset:0}.board-editor-cell{appearance:none;cursor:crosshair;touch-action:none;background:0 0;border:1px solid #31506b88;border-radius:0;min-width:0;min-height:0;padding:0;box-shadow:inset 0 0 0 1px #0004}.board-editor-cell:hover,.board-editor-cell:focus-visible{z-index:2;outline-offset:-2px;outline:1px solid #fffc}.board-editor-cell.tile{z-index:1;background:var(--tile-image) center / 100% 100% no-repeat;box-shadow:none;border-color:#fff3}.board-editor-cell.board-editor-active{z-index:3;filter:brightness(1.18);outline-offset:-3px;outline:2px solid #fff}.board-editor-cell.board-editor-conflict{filter:sepia()saturate(5)hue-rotate(315deg)brightness(1.2);outline-color:#ff8b8b}.board-editor-coordinates{color:#687177;text-align:center;max-width:285px;margin:7px 0 0;font-size:10px;font-weight:700;line-height:1.35}.board-editor-controls{gap:12px;min-width:0;display:grid}.board-editor-toolbox,.board-editor-playback{background:#fff9;border:1px solid #92979a;border-radius:7px;padding:12px;box-shadow:inset 1px 1px #fff8,inset -1px -1px #a6aaad}.board-editor-toolbox h2{color:#4c555a;margin:0 0 8px;font-size:14px}.board-editor-toolbox-note{color:#697477;margin:-2px 0 8px;font-size:10px;font-weight:700;line-height:1.35}.board-editor-shortcut-note{color:#697477;margin:-3px 0 8px;font-size:9px;font-weight:900;line-height:1.35}.board-editor-palette{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;display:grid}.board-editor-palette-button,.board-editor-actions button,.board-editor-playback-actions button{color:#303538;cursor:pointer;min-height:32px;font:inherit;background:linear-gradient(#fff,#e0e2e2 52%,#bec2c2);border:1px solid #777c7f;border-radius:5px;padding:5px 7px;font-size:11px;font-weight:900;box-shadow:inset 1px 1px #fff,inset -1px -1px #898c8d,0 1px #777a7b}.board-editor-palette-button{justify-content:center;align-items:center;gap:5px;display:inline-flex}.board-editor-palette-key{color:#596268;width:15px;height:15px;font:inherit;background:#f4f6f6;border:1px solid #92979a;border-radius:3px;place-items:center;font-size:9px;line-height:1;display:inline-grid;box-shadow:inset 1px 1px #fff,inset -1px -1px #c0c3c4}.board-editor-palette-button:hover,.board-editor-palette-button:focus-visible,.board-editor-actions button:hover,.board-editor-actions button:focus-visible,.board-editor-playback-actions button:hover,.board-editor-playback-actions button:focus-visible{color:#244525;background:linear-gradient(#f4fff0,#d6efcf 52%,#aed9a5);border-color:#7fbd76;outline:none}.board-editor-palette-button.is-selected{color:#244525;background:#dff5d9;border-color:#6c9c65;box-shadow:inset 0 0 0 1px #fff}.board-editor-swatch{background:var(--tile-image) center / 100% 100% no-repeat;border:1px solid #4c555a;flex:0 0 12px;width:12px;height:12px;display:inline-block}.board-editor-swatch.cell-value-0{background:repeating-linear-gradient(135deg,#fff 0 2px,#b9bec0 2px 3px)}.board-editor-swatch.cell-value-1{background:#c90300}.board-editor-swatch.cell-value-2{background:#00af14}.board-editor-swatch.cell-value-3{background:#c238df}.board-editor-swatch.cell-value-4{background:#d3b42c}.board-editor-swatch.cell-value-5{background:#03a1e6}.board-editor-swatch.cell-value-6{background:#da8744}.board-editor-swatch.cell-value-7{background:#0035ed}.board-editor-swatch.cell-value-8,.board-editor-swatch.cell-value-garbage-line,.board-editor-swatch.cell-value-garbage-cell{background:#8d8d8d}.board-editor-message{color:#596268;min-height:2.7em;margin:9px 0 0;font-size:11px;font-weight:700;line-height:1.35}.board-editor-live-controls{color:#596268;background:#e9f5e5cc;border:1px solid #7fbd76;border-radius:7px;gap:8px;padding:11px 12px;font-size:10px;font-weight:700;line-height:1.35;display:grid;box-shadow:inset 1px 1px #fff8,inset -1px -1px #a6aaad}.board-editor-live-controls>div:first-child{gap:3px;display:grid}.board-editor-live-controls strong{color:#244525;font-size:12px}.board-editor-live-controls span{color:#596268;font-variant-numeric:tabular-nums}.board-editor-live-controls p{color:#596268;margin:0;font-size:10px}.board-editor-live-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.board-editor-touch-controls{justify-items:center;width:min(100%,330px);margin-top:11px;display:grid}.board-editor-touch-controls .touch-controls{width:100%;margin-top:0}.board-editor-actions,.board-editor-playback-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.board-editor-snapshots{background:#fff9;border:1px solid #92979a;border-radius:7px;gap:10px;margin-top:18px;padding:12px;display:grid;box-shadow:inset 1px 1px #fff8,inset -1px -1px #a6aaad}.board-editor-controls>.board-editor-snapshots{margin-top:0}.board-editor-snapshot-header{justify-content:space-between;align-items:start;gap:12px;display:flex}.board-editor-snapshot-header h2{color:#4c555a;margin:0;font-size:14px}.board-editor-snapshot-header p{color:#697477;max-width:620px;margin:4px 0 0;font-size:10px;font-weight:700;line-height:1.35}.board-editor-snapshot-count{color:#596268;font-variant-numeric:tabular-nums;background:#fff;border:1px solid #92979a;border-radius:999px;flex:none;padding:3px 7px;font-size:10px;font-weight:900}.board-editor-snapshot-actions{flex-wrap:wrap;gap:6px;display:flex}.board-editor-snapshot-actions button{color:#303538;cursor:pointer;min-height:30px;font:inherit;background:linear-gradient(#fff,#e0e2e2 52%,#bec2c2);border:1px solid #777c7f;border-radius:5px;padding:5px 9px;font-size:10px;font-weight:900;box-shadow:inset 1px 1px #fff,inset -1px -1px #898c8d,0 1px #777a7b}.board-editor-snapshot-actions button:hover:not(:disabled),.board-editor-snapshot-actions button:focus-visible{color:#244525;background:linear-gradient(#f4fff0,#d6efcf 52%,#aed9a5);border-color:#7fbd76;outline:none}.board-editor-snapshot-actions button:disabled{cursor:wait;opacity:.55}.board-editor-snapshot-actions .board-editor-primary{color:#254224;background:linear-gradient(#f5fff0,#d9f0d1 52%,#aed7a4);border-color:#6c9c65}.board-editor-snapshot-list{flex-wrap:wrap;gap:8px;min-height:68px;margin:0;padding:0;list-style:none;display:flex}.board-editor-snapshot-card{color:#596268;cursor:grab;background:#f5f6f6cc;border:1px solid #92979a;border-radius:6px;flex:0 0 118px;gap:5px;padding:6px;display:grid;box-shadow:inset 1px 1px #fff,inset -1px -1px #a6aaad}.board-editor-snapshot-card:active,.board-editor-snapshot-card.is-dragging{cursor:grabbing;opacity:.58;border-color:#6c9c65}.board-editor-snapshot-card-header{color:#4c555a;justify-content:space-between;align-items:center;font-size:11px;display:flex}.board-editor-snapshot-card-header button{color:#596268;cursor:pointer;width:20px;height:20px;font:inherit;background:#fff;border:1px solid #92979a;border-radius:4px;padding:0;font-size:15px;line-height:1}.board-editor-snapshot-card-header button:hover,.board-editor-snapshot-card-header button:focus-visible{color:#8b2020;background:#fff0f0;outline:none}.board-editor-snapshot-thumb{aspect-ratio:10/24;background:#02070d;border:1px solid #4d515a;grid-template-rows:repeat(24,1fr);grid-template-columns:repeat(10,1fr);width:100%;display:grid;overflow:hidden}.board-editor-snapshot-cell{background:#02070d;border:1px solid #31506b88;min-width:0;min-height:0}.board-editor-snapshot-cell.tile{background:var(--tile-image) center / 100% 100% no-repeat;border-color:#fff3}.board-editor-snapshot-cell.active-tile{filter:brightness(1.18);outline-offset:-1px;outline:1px solid #fff}.board-editor-snapshot-drag-hint{color:#697477;text-align:center;font-size:9px;font-weight:700}.board-editor-snapshot-empty{color:#697477;margin:0;font-size:10px;font-weight:700}.board-editor-playback{background:#fff9;border:1px solid #92979a;border-radius:6px;gap:8px;padding:10px;display:grid;overflow:hidden;box-shadow:inset 1px 1px #fff8,inset -1px -1px #a6aaad}.board-editor-playback-header{justify-content:space-between;align-items:start;gap:10px;display:flex}.board-editor-playback-header h3{color:#4c555a;margin:0;font-size:12px}.board-editor-playback-header p{color:#697477;margin:3px 0 0;font-size:10px;font-weight:700;line-height:1.35}.board-editor-playback-status{color:#596268;font-variant-numeric:tabular-nums;flex:none;font-size:11px;font-weight:900}.board-editor-playback-stage{aspect-ratio:10/24;background:#02070d;border:1px solid #4d515a;grid-template-rows:repeat(24,1fr);grid-template-columns:repeat(10,1fr);width:min(100%,180px);display:grid;overflow:hidden}.board-editor-playback-empty{color:#697477;text-align:center;background:#f5f6f6cc;border:1px dashed #92979a;place-items:center;min-height:38px;margin:0;padding:8px;font-size:10px;font-weight:700;display:grid}.board-editor-playback-cell{background:#02070d;border:1px solid #31506b88;min-width:0;min-height:0}.board-editor-playback-cell.tile{background:var(--tile-image) center / 100% 100% no-repeat;border-color:#fff3}.board-editor-playback-cell.active-tile{filter:brightness(1.18);outline-offset:-1px;outline:1px solid #fff}.board-editor-playback-actions{flex-wrap:wrap;gap:6px;display:flex}.board-editor-playback-actions button{color:#303538;cursor:pointer;min-height:30px;font:inherit;background:linear-gradient(#fff,#e0e2e2 52%,#bec2c2);border:1px solid #777c7f;border-radius:5px;padding:5px 8px;font-size:10px;font-weight:900;box-shadow:inset 1px 1px #fff,inset -1px -1px #898c8d,0 1px #777a7b}.board-editor-playback-actions button:hover:not(:disabled),.board-editor-playback-actions button:focus-visible{color:#244525;background:linear-gradient(#f4fff0,#d6efcf 52%,#aed9a5);border-color:#7fbd76;outline:none}.board-editor-playback-actions button:disabled{cursor:not-allowed;opacity:.45}.board-editor-playback-actions .board-editor-primary{color:#254224;background:linear-gradient(#f5fff0,#d9f0d1 52%,#aed7a4);border-color:#6c9c65}@media (max-width:700px) and (pointer: coarse){.board-editor-layout{grid-template-columns:minmax(0,1fr)}.board-editor-bevel{width:min(100%,270px)}.board-editor-controls{width:min(100%,430px);margin:0 auto}}