:root{color-scheme:dark;--ink: #fff3dd;--muted: #d8c1a0;--dim: #9f8768;--coal: #17110c;--charcoal: #241912;--panel: rgba(38, 27, 18, .82);--panel-strong: rgba(28, 20, 15, .92);--line: rgba(246, 221, 176, .18);--gold: #e4bd67;--grass: #8fa35d;--teal: #739a92;--red-clay: #c77b55;font-family:Avenir Next,PingFang SC,Microsoft YaHei,system-ui,sans-serif;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#root{margin:0;width:100%;min-height:100%}body{min-height:100vh;color:var(--ink);background:radial-gradient(circle at 16% 10%,rgba(143,163,93,.2),transparent 22rem),radial-gradient(circle at 84% 14%,rgba(115,154,146,.13),transparent 22rem),radial-gradient(circle at 52% 96%,rgba(199,123,85,.18),transparent 20rem),linear-gradient(135deg,#211811,#4b3321 48%,#17110c);overflow-x:hidden}button{font:inherit}.app-shell{position:relative;min-height:100vh;overflow:hidden}.app-shell:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.22;background-image:linear-gradient(32deg,transparent 0 48%,rgba(255,246,222,.22) 49% 50%,transparent 51%),linear-gradient(107deg,transparent 0 49%,rgba(35,23,14,.34) 50% 52%,transparent 53%),radial-gradient(circle,rgba(255,239,204,.12) 0 1px,transparent 1.6px);background-size:9rem 7.5rem,12rem 9rem,1.25rem 1.25rem;mix-blend-mode:soft-light}.landscape-gate{display:none}.result-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;place-items:center;padding:1rem;background:#110b076b;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.result-panel{width:min(20rem,calc(100vw - 2rem));padding:1.2rem;border:1px solid rgba(228,189,103,.38);border-radius:8px;background:linear-gradient(180deg,#4f3522e6,#1c140ff0),#1c140feb;box-shadow:0 1.4rem 3.6rem #0c070480,inset 0 1px #fff0ce1a;text-align:center}.result-panel span{color:var(--gold);font-size:.78rem;font-weight:800}.result-panel strong{display:block;margin-top:.35rem;color:var(--ink);font-size:1.65rem;line-height:1.15}.result-panel p{margin:.7rem 0 1rem;color:var(--muted);line-height:1.55}.result-panel .command-button{width:100%}.room-toast-stack{position:fixed;right:calc(min(22.5rem,calc(100vw - 2rem)) + 2.35rem);bottom:1.2rem;z-index:18;width:min(19rem,36vw);display:grid;gap:.55rem;pointer-events:none}.room-toast{min-width:0;padding:.7rem .82rem;border:1px solid rgba(228,189,103,.32);border-radius:8px;background:linear-gradient(135deg,#543822d1,#19110cc7),#140d09b8;box-shadow:0 .9rem 2rem #0c070447,inset 0 1px #fff0ce14;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:room-toast-in .26s ease both}.room-toast span{display:block;color:var(--gold);font-size:.74rem;font-weight:800;line-height:1.1}.room-toast strong{display:block;margin-top:.22rem;color:var(--ink);font-size:.86rem;line-height:1.35}@keyframes room-toast-in{0%{opacity:0;transform:translateY(.55rem) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.game-stage,.side-rail{position:relative;z-index:1}.game-stage{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;align-items:center;justify-content:flex-start;padding:1rem;overflow:hidden}.game-overlay{position:absolute;top:1.25rem;bottom:1.25rem;left:1.25rem;z-index:4;width:18rem;pointer-events:none}.brand-lockup{position:absolute;left:0;bottom:0;padding:.65rem .85rem .75rem;border-radius:8px;background:linear-gradient(90deg,#120b0694,#120b0600)}.brand-lockup span,.turn-badge span,.panel-kicker,.player-copy span{color:var(--gold);font-size:.8125rem;font-weight:800}.brand-lockup h1{margin:.2rem 0 0;font-size:2.35rem;line-height:.95;letter-spacing:0;text-shadow:0 .7rem 1.4rem rgba(18,11,6,.52),0 0 1rem rgba(18,11,6,.32)}.turn-badge,.status-panel,.player-card{border:1px solid var(--line);border-radius:8px;background:linear-gradient(180deg,#4e3522bd,#1c140fdb),var(--panel);box-shadow:0 1rem 2.8rem #0f09054d;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.turn-badge{position:absolute;top:0;left:0;min-width:9.4rem;padding:.65rem .75rem;align-self:flex-start}.turn-badge strong{display:block;margin-top:.2rem;font-size:1rem}.board-shell{position:relative;flex:0 0 auto;height:calc(100vh - 2rem);aspect-ratio:3 / 2;border-radius:8px;overflow:hidden;background:#3a2818;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;box-shadow:0 2rem 5rem #0d08048a,0 0 0 1px #ffe7b824,inset 0 0 0 1px #fff2d61f}.sound-dock{position:absolute;top:.85rem;right:max(.85rem,calc(100% - 100vw + min(22.5rem,calc(100vw - 2rem)) + 2.85rem));z-index:5;display:inline-flex;gap:.42rem;padding:.32rem;border:1px solid rgba(255,229,184,.22);border-radius:999px;background:linear-gradient(180deg,#312114a3,#110b0770),#110b0780;box-shadow:0 .7rem 1.8rem #10090447,inset 0 1px #fff0ce14;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);pointer-events:auto}.sound-toggle{width:2.35rem;height:2.35rem;border:1px solid rgba(255,229,184,.14);border-radius:999px;display:grid;place-items:center;color:var(--dim);background:#110b0757;cursor:pointer;transition:transform .15s ease,border-color .15s ease,background .15s ease,color .15s ease,opacity .15s ease}.sound-toggle[aria-pressed=true]{border-color:#e4bd6785;color:var(--ink);background:#e4bd672b}.sound-toggle:hover{transform:translateY(-1px);border-color:#ffe5b880}.sound-toggle[aria-pressed=false]{opacity:.72}.fullscreen-toggle,.pseudo-exit-toggle{display:none}.board-background{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;display:block;width:100%;height:100%;object-fit:cover;-webkit-user-select:none;user-select:none;pointer-events:none}.board-svg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:block;width:100%;height:100%;touch-action:manipulation;-webkit-user-select:none;user-select:none}.dust-canvas{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;pointer-events:none}.formed-line{fill:none;stroke:#ffdc7feb;stroke-width:14;stroke-linecap:round;stroke-linejoin:round;filter:url(#warmGlow);pointer-events:none}.formed-dots circle{fill:#ffdc7f1a;stroke:#ffdc7fd1;stroke-width:7;filter:url(#warmGlow);pointer-events:none}.piece-layer{pointer-events:none;transform-box:fill-box;transform-origin:center}.piece-layer.is-impacting{animation:pieceDrop .22s ease-out}.piece-layer.stick .piece-image{transform-box:fill-box;transform-origin:center;transform:rotate(var(--piece-rotate))}.piece-image{filter:url(#pieceShadow)}.selection-ring,.pending-ring,.mark-ring,.legal-dot{fill:none;pointer-events:none}.selection-ring{stroke:#ffe6a6d6;stroke-width:8;stroke-dasharray:18 14;filter:url(#warmGlow)}.pending-ring{stroke:#c77b55e6;stroke-width:6}.mark-ring{fill:#739a921a;stroke:#739a92f5;stroke-width:7;stroke-dasharray:10 9;filter:url(#warmGlow)}.piece-layer.is-marked .piece-image{opacity:.72}.legal-dot{fill:#ffeebf5c;stroke:#ffe8b1bf;stroke-width:5}.hit-target{cursor:pointer;pointer-events:all;touch-action:manipulation}.hit-target:focus,.hit-target:focus-visible{outline:none}.hit-target circle{fill:#fff0;stroke:transparent;stroke-width:4;pointer-events:all;transition:fill .15s ease,stroke .15s ease}.hit-target:hover circle,.hit-target:focus-visible circle{fill:#ffeab11f;stroke:#ffe7b175}.hit-target.can-remove:hover circle,.hit-target.can-remove:focus-visible circle{fill:#c77b5529;stroke:#dd8b61b8}@keyframes pieceDrop{0%{opacity:0;transform:translateY(-.8rem) scale(1.08)}to{opacity:1;transform:translateY(0) scale(1)}}.player-card{flex:1;min-width:0;display:grid;grid-template-columns:4rem minmax(0,1fr);grid-template-rows:auto auto;column-gap:.85rem;row-gap:.7rem;padding:.85rem}.player-card.active{border-color:#e4bd67ad;box-shadow:0 1rem 2.8rem #0f09054d,inset 0 0 0 1px #e4bd672e}.player-piece{width:4rem;height:4rem;display:grid;place-items:center;grid-row:span 2}.player-piece img{display:block;width:3.5rem;max-height:3.7rem;object-fit:contain;filter:drop-shadow(0 .55rem .6rem rgba(16,9,4,.38))}.player-card.stick .player-piece img{width:3.9rem}.player-copy{min-width:0}.player-copy strong{display:block;margin-top:.15rem;font-size:1.25rem}.piece-progress{display:grid;grid-template-columns:repeat(var(--piece-limit),minmax(0,1fr));gap:.25rem;align-self:end}.piece-progress span{height:.38rem;border-radius:999px;background:#ffebc329}.piece-progress span.filled{background:linear-gradient(90deg,var(--gold),var(--grass))}.side-rail{position:fixed;z-index:5;top:1rem;right:1rem;bottom:1rem;width:min(22.5rem,calc(100vw - 2rem));display:flex;flex-direction:column;gap:.85rem;overflow-y:auto;scrollbar-width:thin;padding:.85rem;border:1px solid rgba(246,221,176,.18);border-radius:8px;background:linear-gradient(180deg,#2c1e12e6,#120d0adb),#1b130edb;box-shadow:0 1.6rem 4rem #0c070470,inset 0 1px #fff0ce1a;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.players-stack{display:grid;gap:.75rem}.side-rail .player-card{flex:initial;background:linear-gradient(180deg,#5a3d2657,#1c140f2e),#ffefcc0a;box-shadow:none}.side-rail .player-card.active{box-shadow:inset 0 0 0 1px #e4bd6733}.status-panel{padding:1rem;background:linear-gradient(180deg,#5a3d2657,#1c140f2e),#ffefcc0a;box-shadow:none}.primary-panel{background:linear-gradient(180deg,#64422775,#1e150f38),#ffefcc0d}.panel-kicker{display:flex;align-items:center;gap:.45rem;margin-bottom:.7rem}.status-panel p{margin:0;color:var(--ink);line-height:1.65}.claim-notice{position:relative;margin-top:.85rem;padding:.8rem .9rem .85rem;border:1px solid rgba(228,189,103,.32);border-radius:8px;background:linear-gradient(135deg,#e4bd6729,#ffefcc0d),#110b0747;box-shadow:inset 0 0 0 1px #fff4da0f}.claim-notice:before,.claim-notice:after{content:"";position:absolute;top:.62rem;bottom:.62rem;width:2px;border-radius:999px;background:#e4bd677a}.claim-notice:before{left:.48rem}.claim-notice:after{right:.48rem}.claim-notice span{display:block;color:var(--gold);font-size:.75rem;font-weight:800}.claim-notice strong{display:block;margin-top:.12rem;font-size:1.28rem;line-height:1.1}.claim-notice em{display:block;margin-top:.35rem;color:var(--muted);font-size:.9rem;font-style:normal}.claim-notice.stick{border-color:#8fa35d61;background:linear-gradient(135deg,#8fa35d2e,#ffefcc0d),#110b0747}.claim-notice.stick:before,.claim-notice.stick:after{background:#8fa35d8c}.ledger-list{display:grid;gap:.55rem}.room-meta{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.3rem .75rem}.room-meta span{color:var(--gold);font-size:.78rem;font-weight:800}.room-meta strong{color:var(--ink);font-size:1.25rem;letter-spacing:.08em}.room-meta em{grid-column:1 / -1;color:var(--muted);font-size:.9rem;font-style:normal}.seat-row{display:grid;grid-template-columns:1fr 1fr;gap:.55rem;margin-top:.8rem}.seat-row span{min-height:2.7rem;border:1px solid rgba(255,229,184,.13);border-radius:7px;display:grid;align-content:center;justify-items:center;gap:.12rem;padding:.35rem .45rem;color:var(--dim);background:#110b073d}.seat-row span.filled{border-color:#e4bd6761;color:var(--ink);background:#e4bd671f}.seat-row span.offline.filled{border-color:#ffe5b829;color:var(--muted);background:#110b0747}.seat-row strong{color:currentColor;font-size:.82rem;line-height:1.1}.seat-row em{max-width:100%;color:var(--muted);font-size:.72rem;font-style:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spectator-row{margin-top:.75rem;padding:.58rem .65rem;border:1px solid rgba(255,229,184,.13);border-radius:7px;display:grid;grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:.45rem;color:var(--muted);background:#110b0738}.spectator-row svg{color:var(--gold)}.spectator-row span{color:var(--ink);font-size:.82rem;font-weight:800}.spectator-row em{min-width:0;font-size:.78rem;font-style:normal;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap}.reset-request{margin-top:.75rem;padding:.65rem;border:1px solid rgba(228,189,103,.34);border-radius:7px;background:linear-gradient(135deg,#e4bd6721,#ffefcc0d),#110b073d}.reset-request span,.reset-request strong,.reset-request em{display:block}.reset-request span{color:var(--gold);font-size:.74rem;font-weight:800}.reset-request strong{margin-top:.18rem;color:var(--ink);font-size:.92rem}.reset-request em{margin-top:.22rem;color:var(--muted);font-size:.78rem;font-style:normal}.room-actions{margin-top:.75rem}.wide-command{width:100%}.identity-panel{width:min(27rem,calc(100vw - 2rem))}.identity-panel p{margin-bottom:1rem}.nickname-field{display:grid;gap:.42rem;text-align:left}.nickname-field span{color:var(--gold);font-size:.78rem;font-weight:800}.nickname-field input{width:100%;min-height:2.9rem;border:1px solid rgba(255,229,184,.22);border-radius:6px;padding:0 .8rem;color:var(--ink);background:#110b0757;font:inherit;font-weight:800;outline:none}.nickname-field input:focus{border-color:#e4bd679e;box-shadow:0 0 0 3px #e4bd671f}.identity-actions{grid-template-columns:1fr 1fr;margin-top:1rem}.ledger-row{display:grid;grid-template-columns:minmax(4.6rem,auto) minmax(0,1fr) auto;align-items:center;gap:.55rem;min-height:2.45rem;padding:.55rem .65rem;border:1px solid rgba(255,229,184,.14);border-radius:7px;background:#110b0738}.ledger-row span{color:var(--gold);font-size:.82rem;font-weight:800}.ledger-row strong{min-width:0;color:var(--ink);font-size:.92rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ledger-row em{color:var(--muted);font-size:.82rem;font-style:normal}.ledger-row.stick span{color:var(--grass)}.rule-book-grid{display:grid;grid-template-columns:1fr 1fr;gap:.55rem}.rule-book-item{min-width:0;min-height:5rem;padding:.65rem;border:1px solid rgba(255,229,184,.13);border-radius:7px;background:#110b0738}.rule-book-item strong,.rule-book-item span,.rule-book-item em{display:block}.rule-book-item strong{color:var(--ink);font-size:1rem;line-height:1.1}.rule-book-item span{margin-top:.22rem;color:var(--gold);font-size:.78rem;font-weight:800}.rule-book-item em{margin-top:.35rem;color:var(--muted);font-size:.78rem;line-height:1.4;font-style:normal}.command-row{display:grid;grid-template-columns:1fr 1fr;gap:.65rem;margin-top:1rem}.play-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.command-button{min-height:2.75rem;border:1px solid rgba(255,229,184,.25);border-radius:6px;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;color:var(--ink);background:#ffe8b81a;font-weight:800;cursor:pointer;transition:transform .15s ease,border-color .15s ease,background .15s ease}.command-button:hover:not(:disabled){transform:translateY(-1px);border-color:#ffe5b885;background:#ffe8b82b}.command-button:disabled{cursor:not-allowed;opacity:.42}.danger-command{border-color:#c77b555c;color:#ffe6d4;background:#c77b5521}.danger-command:hover:not(:disabled){border-color:#dd8b61a3;background:#c77b5533}.rules-panel ul{margin:0;padding-left:1.15rem;color:var(--muted);line-height:1.65}.log-panel ol{margin:0;padding:0;color:var(--muted);line-height:1.65;list-style:none;counter-reset:move-log}.rules-panel li+li,.log-panel li+li{margin-top:.45rem}.log-panel li{counter-increment:move-log;display:grid;grid-template-columns:2.35rem minmax(0,1fr);align-items:baseline;column-gap:.35rem}.log-panel li:before{content:counter(move-log,decimal-leading-zero) ".";color:var(--teal);font-weight:700;font-size:1rem;line-height:inherit;letter-spacing:0;text-align:left}@media(orientation:portrait)and (max-width:900px){body{overflow:hidden}.landscape-gate{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.85rem;padding:max(1.25rem,env(safe-area-inset-top)) max(1.25rem,env(safe-area-inset-right)) max(1.25rem,env(safe-area-inset-bottom)) max(1.25rem,env(safe-area-inset-left));text-align:center;background:linear-gradient(180deg,#241912f0,#110b07f5),#17110c}.landscape-gate:before{content:"";position:absolute;top:1rem;right:1rem;bottom:1rem;left:1rem;border:1px solid rgba(246,221,176,.18);border-radius:8px;pointer-events:none}.landscape-device{width:5.4rem;height:3.55rem;border:2px solid rgba(228,189,103,.72);border-radius:.82rem;display:grid;place-items:center;color:var(--gold);background:#ffefcc0f;box-shadow:0 1rem 2.4rem #0c070452,inset 0 0 0 1px #fff4da12}.landscape-gate span{color:var(--gold);font-size:.82rem;font-weight:800}.landscape-gate strong{width:min(18rem,82vw);color:var(--ink);font-size:1.38rem;line-height:1.35;letter-spacing:0}.landscape-gate button{min-height:2.75rem;margin-top:.3rem;padding:0 1.1rem;border:1px solid rgba(255,229,184,.32);border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;color:var(--ink);background:#e4bd6724;font-weight:800}.landscape-actions{display:grid;gap:.6rem;margin-top:.35rem}.landscape-actions button{margin-top:0}}@media(orientation:landscape)and (max-height:560px){body{overflow:hidden}.app-shell{min-height:100vh;overflow:hidden}.game-stage{position:fixed;top:0;right:0;bottom:0;left:0;justify-content:flex-start;padding:.5rem;overflow:hidden}.game-overlay{top:.75rem;bottom:.75rem;left:.75rem;width:12rem}.brand-lockup h1{font-size:1.7rem}.turn-badge{min-width:8rem;padding:.5rem .6rem}.turn-badge strong{font-size:.9rem}.board-shell{width:auto;height:calc(100vh - 1rem)}.sound-dock{top:.5rem;right:max(.5rem,calc(100% - 100vw + min(16.5rem,32vw) + 1.5rem));transform:scale(.86);transform-origin:top right}.side-rail{position:fixed;z-index:5;top:.5rem;right:.5rem;bottom:.5rem;width:min(16.5rem,32vw);padding:.55rem;gap:.5rem;overflow-y:auto}.side-rail .player-card{grid-template-columns:2.7rem minmax(0,1fr);gap:.38rem .55rem;padding:.55rem}.player-piece{width:2.7rem;height:2.7rem}.player-piece img{width:2.35rem;max-height:2.45rem}.player-card.stick .player-piece img{width:2.6rem}.player-copy strong{font-size:.95rem}.piece-progress{gap:.16rem}.piece-progress span{height:.26rem}.status-panel{padding:.62rem}.panel-kicker{margin-bottom:.42rem}.status-panel p,.rules-panel ul,.log-panel ol{font-size:.78rem;line-height:1.45}.claim-notice{padding:.62rem .72rem}.claim-notice strong{font-size:1.05rem}.command-row{gap:.42rem;margin-top:.55rem}.command-button{min-height:2.2rem;font-size:.82rem}.rule-book-grid{grid-template-columns:1fr}.rule-book-item{min-height:auto;padding:.5rem}.rule-book-item em,.rules-panel{display:none}}@media(max-width:1080px){.game-stage{justify-content:center;padding:.75rem}.side-rail{width:20.5rem}.board-shell{height:calc(100vh - 1.5rem)}}@media(max-width:780px){body{overflow-y:auto}.app-shell{min-height:100vh;overflow:visible}.game-stage{position:relative;min-height:auto;padding:.75rem;overflow:visible}.game-overlay{top:1rem;bottom:1rem;left:1rem;right:1rem;width:auto;align-items:flex-start;justify-content:space-between}.turn-badge{min-width:0;width:auto}.board-shell{width:100%;height:auto}.sound-dock{top:.75rem;right:.75rem}.side-rail{position:relative;inset:auto;width:auto;padding:0 .75rem .75rem;overflow:visible}}@media(orientation:landscape)and (max-height:560px){body{overflow:hidden}.app-shell{min-height:100vh;overflow:hidden}.game-stage{position:fixed;top:0;right:0;bottom:0;left:0;min-height:100vh;justify-content:flex-start;padding:.5rem;overflow:hidden}.game-overlay{top:.75rem;bottom:.75rem;left:.75rem;right:auto;width:12rem}.turn-badge{width:auto;min-width:0;display:inline-flex;align-items:center;gap:.45rem;padding:.35rem .55rem;border-color:#f6ddb01a;background:#120b0647;box-shadow:0 .45rem 1.1rem #0f090529;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.turn-badge span{font-size:.72rem;line-height:1;white-space:nowrap}.turn-badge strong{display:inline-flex;align-items:center;gap:.45rem;margin-top:0;font-size:.82rem;line-height:1;white-space:nowrap}.turn-badge strong:before{content:"";width:1px;height:.9rem;background:#f6ddb02e}.brand-lockup{display:inline-flex;align-items:center;gap:.45rem;padding:.32rem .5rem;background:#120b0638;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.brand-lockup span{font-size:.72rem;line-height:1;white-space:nowrap}.brand-lockup h1{display:inline-flex;align-items:center;gap:.45rem;margin:0;font-size:.82rem;line-height:1;white-space:nowrap;text-shadow:none}.brand-lockup h1:before{content:"";width:1px;height:.9rem;background:#f6ddb024}.board-shell{width:auto;height:calc(100vh - 1rem)}.sound-dock{top:.35rem;right:max(.35rem,calc(100% - 100vw + min(16.5rem,32vw) + .75rem));gap:.22rem;padding:.2rem;border-color:#ffe5b829;background:#110b0757;box-shadow:0 .45rem 1rem #10090429;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.sound-toggle{width:1.76rem;height:1.76rem}.fullscreen-toggle{display:grid}.sound-toggle svg{width:.95rem;height:.95rem}.side-rail{position:fixed;inset:.5rem .5rem .5rem auto;width:min(16.5rem,32vw);padding:.55rem;overflow-y:auto}.result-modal{padding:.75rem;background:#110b0752}.result-panel{width:min(18rem,44vw);padding:.85rem}.result-panel strong{font-size:1.25rem}.result-panel p{margin:.45rem 0 .75rem;font-size:.82rem}.result-panel .command-button{min-height:2.25rem}}@media(orientation:landscape)and (max-height:560px){html,body,#root{height:100%}body{overflow:hidden}.app-shell{--mobile-edge: .45rem;--mobile-gap: .45rem;--mobile-rail-width: clamp(13.35rem, 28vw, 15.25rem);height:100vh;height:100svh;min-height:100vh;min-height:100svh;overflow:hidden}.game-stage{position:fixed;inset:0 auto 0 0;width:calc(100vw - var(--mobile-rail-width) - var(--mobile-gap) - var(--mobile-edge) - var(--mobile-edge));height:100vh;height:100svh;min-height:100vh;min-height:100svh;padding:var(--mobile-edge);display:flex;align-items:center;justify-content:center;overflow:hidden}.board-shell{width:100%;max-width:calc(177.777vh - 1.6rem);max-width:calc(177.777svh - 1.6rem);height:auto;max-height:calc(100vh - var(--mobile-edge) - var(--mobile-edge));max-height:calc(100svh - var(--mobile-edge) - var(--mobile-edge));aspect-ratio:16 / 9}.game-overlay{top:calc(var(--mobile-edge) + .25rem);bottom:calc(var(--mobile-edge) + .25rem);left:50%;width:min(100%,calc(177.777vh - 1.6rem));width:min(100%,calc(177.777svh - 1.6rem));transform:translate(-50%)}.turn-badge,.brand-lockup{border-radius:6px;background:#120b0633;box-shadow:0 .35rem .9rem #0f09051f}.sound-dock{top:.32rem;right:.32rem;gap:.18rem;padding:.18rem}.sound-toggle{width:1.58rem;height:1.58rem}.sound-toggle svg{width:.86rem;height:.86rem}.side-rail{position:fixed;z-index:5;top:var(--mobile-edge);right:var(--mobile-edge);bottom:var(--mobile-edge);width:var(--mobile-rail-width);padding:.48rem;gap:.42rem;overflow-y:auto}.room-toast-stack{right:calc(var(--mobile-rail-width) + var(--mobile-gap) + var(--mobile-edge) + .35rem);bottom:.7rem;width:min(13.5rem,36vw);gap:.4rem}.room-toast{padding:.48rem .58rem}.room-toast span{font-size:.68rem}.room-toast strong{font-size:.74rem;line-height:1.32}.side-rail .player-card{grid-template-columns:2.35rem minmax(0,1fr);min-height:0;padding:.48rem}.player-piece{width:2.35rem;height:2.35rem}.player-piece img{width:2rem;max-height:2.1rem}.player-card.stick .player-piece img{width:2.25rem}.player-copy span,.panel-kicker{font-size:.72rem}.player-copy strong{font-size:.84rem;line-height:1.25}.piece-progress{margin-top:.25rem;gap:.14rem}.piece-progress span{height:.22rem}.status-panel{padding:.52rem}.primary-panel p{font-size:.76rem;line-height:1.42}.room-meta{gap:.18rem .45rem}.room-meta strong{font-size:.95rem}.room-meta em,.spectator-row em,.reset-request em{font-size:.7rem}.seat-row{gap:.36rem;margin-top:.48rem}.seat-row span{min-height:2.25rem;padding:.28rem .35rem}.seat-row strong,.spectator-row span{font-size:.74rem}.spectator-row{grid-template-columns:auto auto;margin-top:.48rem;padding:.42rem .48rem}.spectator-row em{grid-column:1 / -1;width:100%;text-align:left}.reset-request{margin-top:.48rem;padding:.48rem}.command-button{min-height:2.05rem;gap:.28rem;font-size:.76rem}.play-actions{gap:.32rem}.ledger-panel,.rule-book-panel,.rules-panel,.log-panel{display:none}}@media(orientation:portrait)and (max-width:900px){.app-shell.is-pseudo-landscape{--mobile-edge: .45rem;--mobile-gap: .45rem;--mobile-rail-width: clamp(13.35rem, 28vh, 15.25rem);position:fixed;top:0;left:0;width:100vh;width:100svh;height:100vw;min-height:100vw;overflow:hidden;transform:rotate(90deg) translateY(-100%);transform-origin:top left}.app-shell.is-pseudo-landscape:before{position:absolute;top:0;right:0;bottom:0;left:0}.app-shell.is-pseudo-landscape .landscape-gate{display:none}.app-shell.is-pseudo-landscape .game-stage{position:fixed;inset:0 auto 0 0;width:calc(100vh - var(--mobile-rail-width) - var(--mobile-gap) - var(--mobile-edge) - var(--mobile-edge));width:calc(100svh - var(--mobile-rail-width) - var(--mobile-gap) - var(--mobile-edge) - var(--mobile-edge));height:100vw;min-height:100vw;padding:var(--mobile-edge);display:flex;align-items:center;justify-content:center;overflow:hidden}.app-shell.is-pseudo-landscape .board-shell{width:100%;max-width:calc(177.777vw - 1.6rem);height:auto;max-height:calc(100vw - var(--mobile-edge) - var(--mobile-edge));aspect-ratio:16 / 9}.app-shell.is-pseudo-landscape .game-overlay{top:calc(var(--mobile-edge) + .25rem);bottom:calc(var(--mobile-edge) + .25rem);left:50%;right:auto;width:min(100%,calc(177.777vw - 1.6rem));transform:translate(-50%)}.app-shell.is-pseudo-landscape .turn-badge{width:auto;min-width:0;display:inline-flex;align-items:center;gap:.45rem;padding:.35rem .55rem;border-color:#f6ddb01a;border-radius:6px;background:#120b0638;box-shadow:0 .35rem .9rem #0f09051f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.app-shell.is-pseudo-landscape .turn-badge span,.app-shell.is-pseudo-landscape .brand-lockup span{font-size:.72rem;line-height:1;white-space:nowrap}.app-shell.is-pseudo-landscape .turn-badge strong,.app-shell.is-pseudo-landscape .brand-lockup h1{display:inline-flex;align-items:center;gap:.45rem;margin-top:0;font-size:.82rem;line-height:1;white-space:nowrap;text-shadow:none}.app-shell.is-pseudo-landscape .turn-badge strong:before,.app-shell.is-pseudo-landscape .brand-lockup h1:before{content:"";width:1px;height:.9rem;background:#f6ddb029}.app-shell.is-pseudo-landscape .brand-lockup{display:inline-flex;align-items:center;gap:.45rem;padding:.32rem .5rem;border-radius:6px;background:#120b0633;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.app-shell.is-pseudo-landscape .sound-dock{top:.32rem;right:.32rem;gap:.18rem;padding:.18rem;border-color:#ffe5b829;background:#110b0757;box-shadow:0 .45rem 1rem #10090429;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.app-shell.is-pseudo-landscape .sound-toggle{width:1.58rem;height:1.58rem}.app-shell.is-pseudo-landscape .fullscreen-toggle,.app-shell.is-pseudo-landscape .pseudo-exit-toggle{display:grid}.app-shell.is-pseudo-landscape .sound-toggle svg{width:.86rem;height:.86rem}.app-shell.is-pseudo-landscape .side-rail{position:fixed;z-index:5;top:var(--mobile-edge);right:var(--mobile-edge);bottom:var(--mobile-edge);left:auto;width:var(--mobile-rail-width);padding:.48rem;gap:.42rem;overflow-y:auto}.app-shell.is-pseudo-landscape .room-toast-stack{right:calc(var(--mobile-rail-width) + var(--mobile-gap) + var(--mobile-edge) + .35rem);bottom:.7rem;width:min(13.5rem,36vw);gap:.4rem}.app-shell.is-pseudo-landscape .room-toast{padding:.48rem .58rem}.app-shell.is-pseudo-landscape .room-toast span{font-size:.68rem}.app-shell.is-pseudo-landscape .room-toast strong{font-size:.74rem;line-height:1.32}.app-shell.is-pseudo-landscape .side-rail .player-card{grid-template-columns:2.35rem minmax(0,1fr);min-height:0;padding:.48rem}.app-shell.is-pseudo-landscape .player-piece{width:2.35rem;height:2.35rem}.app-shell.is-pseudo-landscape .player-piece img{width:2rem;max-height:2.1rem}.app-shell.is-pseudo-landscape .player-card.stick .player-piece img{width:2.25rem}.app-shell.is-pseudo-landscape .player-copy span,.app-shell.is-pseudo-landscape .panel-kicker{font-size:.72rem}.app-shell.is-pseudo-landscape .player-copy strong{font-size:.84rem;line-height:1.25}.app-shell.is-pseudo-landscape .piece-progress{margin-top:.25rem;gap:.14rem}.app-shell.is-pseudo-landscape .piece-progress span{height:.22rem}.app-shell.is-pseudo-landscape .status-panel{padding:.52rem}.app-shell.is-pseudo-landscape .primary-panel p{font-size:.76rem;line-height:1.42}.app-shell.is-pseudo-landscape .room-meta{gap:.18rem .45rem}.app-shell.is-pseudo-landscape .room-meta strong{font-size:.95rem}.app-shell.is-pseudo-landscape .room-meta em,.app-shell.is-pseudo-landscape .spectator-row em,.app-shell.is-pseudo-landscape .reset-request em{font-size:.7rem}.app-shell.is-pseudo-landscape .seat-row{gap:.36rem;margin-top:.48rem}.app-shell.is-pseudo-landscape .seat-row span{min-height:2.25rem;padding:.28rem .35rem}.app-shell.is-pseudo-landscape .seat-row strong,.app-shell.is-pseudo-landscape .spectator-row span{font-size:.74rem}.app-shell.is-pseudo-landscape .spectator-row{grid-template-columns:auto auto;margin-top:.48rem;padding:.42rem .48rem}.app-shell.is-pseudo-landscape .spectator-row em{grid-column:1 / -1;width:100%;text-align:left}.app-shell.is-pseudo-landscape .reset-request{margin-top:.48rem;padding:.48rem}.app-shell.is-pseudo-landscape .command-button{min-height:2.05rem;gap:.28rem;font-size:.76rem}.app-shell.is-pseudo-landscape .play-actions{gap:.32rem}.app-shell.is-pseudo-landscape .ledger-panel,.app-shell.is-pseudo-landscape .rule-book-panel,.app-shell.is-pseudo-landscape .rules-panel,.app-shell.is-pseudo-landscape .log-panel{display:none}.app-shell.is-pseudo-landscape .result-modal{position:fixed;top:0;right:0;bottom:0;left:0;padding:.75rem;background:#110b0752}.app-shell.is-pseudo-landscape .result-panel{width:min(18rem,44vw);padding:.85rem}.app-shell.is-pseudo-landscape .result-panel strong{font-size:1.25rem}.app-shell.is-pseudo-landscape .result-panel p{margin:.45rem 0 .75rem;font-size:.82rem}.app-shell.is-pseudo-landscape .result-panel .command-button{min-height:2.25rem}}