: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%}.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{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,.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}.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:2rem;border:1px solid rgba(255,229,184,.13);border-radius:999px;display:grid;place-items:center;color:var(--dim);background:#110b073d;font-size:.82rem;font-weight:800}.seat-row span.filled{border-color:#e4bd6761;color:var(--ink);background:#e4bd671f}.room-actions{margin-top:.75rem}.wide-command{width:100%}.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}}@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}}