.rules-overlay{z-index:1200;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#1820149e;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.rules-book{background:#fffaf0;border:1px solid #e7d9ba;border-radius:26px;flex-direction:column;width:min(920px,100%);max-height:92vh;display:flex;overflow:hidden;box-shadow:0 28px 80px #0a11086b}.rules-book-header{background:radial-gradient(circle at 8% 20%,#ffd66b4d,#0000 36%),linear-gradient(135deg,#fffaf0,#f7efdc);border-bottom:1px solid #eee1c8;justify-content:space-between;align-items:flex-start;gap:16px;padding:20px 24px 16px;display:flex}.rules-eyebrow{color:#8e7b5e;letter-spacing:.12em;text-transform:uppercase;margin:0 0 3px;font-size:10px;font-weight:700}.rules-book-header h2{color:#2f4329;letter-spacing:.02em;margin:0;font-family:Georgia,Songti SC,SimSun,serif;font-size:clamp(22px,3vw,30px);font-weight:600}.rules-close{color:#75674f;cursor:pointer;background:#fffdf6;border:1px solid #d8c7a7;border-radius:50%;flex:none;width:34px;height:34px;font-size:22px;line-height:1}.rules-close:hover{background:#f3e8d4}.rules-page{color:#44503a;padding:20px 24px 26px;font-size:15.5px;line-height:1.8;overflow-y:auto}.rules-page p{margin:0 0 10px}.rules-hero{background:radial-gradient(circle at 88% 18%,#ffd4002e,#0000 32%),linear-gradient(140deg,#fffdf4,#f8efd9);border:1px solid #e8d7b2;border-radius:22px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;padding:20px;display:grid}.rules-hero-kicker{color:#9a6b22;letter-spacing:.08em;margin:0 0 3px;font-size:11px;font-weight:700}.rules-hero h3{color:#3d5a2e;margin:0 0 10px;font-family:Georgia,Songti SC,SimSun,serif;font-size:clamp(24px,4vw,34px);font-weight:600}.rules-hero-copy p{color:#5c624f;max-width:620px}.rules-hero-art{justify-content:center;align-items:center;gap:6px;display:flex}.rules-hero-art .tile-preview{border-radius:12px;transform:rotate(-4deg);box-shadow:0 8px 18px #2f372329}.rules-hero-art .tile-preview:nth-child(2){transform:rotate(3deg)translateY(8px)}.rules-hero-art .tile-preview:nth-child(3){transform:rotate(7deg)}.rules-section{border-radius:22px;margin-top:16px;padding:20px}.rules-section-blue{background:#eaf4fb;border:1px solid #cfe3f1}.rules-section-green{background:#edf7e8;border:1px solid #d3e8c8}.rules-section-yellow{background:#fff6d9;border:1px solid #f1e0ae}.rules-section-pink{background:#ffeef0;border:1px solid #f4d6da}.rules-section-purple{background:#f2ecfb;border:1px solid #ded2ef}.rules-section-title{align-items:center;gap:8px;margin-bottom:12px;display:flex}.rules-section-title span{background:#ffffffa8;border-radius:12px;place-items:center;width:34px;height:34px;font-size:19px;display:grid}.rules-section-title h3{color:#354b2d;margin:0;font-family:Georgia,Songti SC,SimSun,serif;font-size:21px;font-weight:600}.rules-steps{grid-template-columns:1fr 1fr;gap:10px;display:grid}.rules-step{background:#ffffffb8;border:1px solid #ffffffe6;border-radius:16px;padding:14px 14px 10px 48px;position:relative}.rules-step-number{color:#fffdf4;background:#3d6332;border-radius:50%;place-items:center;width:25px;height:25px;font-size:12px;font-weight:700;display:grid;position:absolute;top:13px;left:14px}.rules-step h4{color:#354b2d;margin:0 0 3px;font-size:15px}.rules-step p{color:#5c654f;margin:0;font-size:13.5px;line-height:1.7}.rules-mini-art{justify-content:center;align-items:center;gap:5px;min-height:74px;margin-top:6px;display:flex}.rules-pair .tile-preview:first-child{transform:translate(7px)rotate(-3deg)}.rules-pair .tile-preview:last-child{transform:translate(-7px)rotate(3deg)}.rules-mini-points{color:#8d6a22;gap:2px;font-size:18px}.rules-mini-points strong{font-size:25px}.rules-tiny-meeple{background:#fff1b9;border-radius:50%;place-items:center;width:30px;height:30px;font-size:18px;display:inline-grid}.rules-two-column{grid-template-columns:minmax(0,1fr) 270px;align-items:center;gap:16px;display:grid}.rules-diagram{width:min(100%,260px);height:auto;margin:0 auto;display:block}.rules-diagram-note{fill:#5b654e;font-size:9px;font-weight:600}.rules-diagram-caption{fill:#5b654e;font-size:10px;font-weight:700}.rules-spot{fill:#fffdf4db;stroke:#3d6332;stroke-width:2px;stroke-dasharray:4 3}.rules-spot-label{fill:#3d6332;text-anchor:middle;font-size:11px;font-weight:700}.rules-majority{width:min(100%,280px)}.rules-tip-box{color:#5b654e;background:#ffffffad;border-radius:12px;flex-wrap:wrap;align-items:flex-start;gap:7px;margin-top:12px;padding:10px 12px;font-size:13px;line-height:1.7;display:flex}.rules-tip-box strong{color:#3d6332}.rules-callout{color:#66573a;background:#ffffff9e;border-left:4px solid #d7a933;border-radius:8px;padding:10px 12px;font-size:14px}.rules-callout strong{color:#8a5b1b}.rules-score-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.rules-score-card{background:#ffffffb8;border-radius:15px;align-items:center;gap:10px;padding:10px;display:flex}.rules-score-card>div{min-width:0}.rules-score-card strong{color:#354b2d;font-size:14px;display:block}.rules-score-points{color:#9a6522;font-size:13px;font-weight:700;display:block}.rules-score-card p{color:#69705b;margin:2px 0 0;font-size:12.5px;line-height:1.6}.rules-book-footer{color:#7d6d52;background:#fbf4e6;border-top:1px solid #eadcc3;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 24px;font-size:13px;display:flex}.rules-done{color:#fffdf4;cursor:pointer;background:#3d6332;border:0;border-radius:11px;padding:10px 16px;font-size:13px;font-weight:700}.rules-done:hover{background:#315328}.rules-topbar-button,.room-rules-button,.lockstep-rules-button{color:#6a5a40;cursor:pointer;background:#fffaf0;border:1px solid #d7c7a8;border-radius:10px;font-size:11.5px;font-weight:700}.rules-topbar-button{padding:8px 11px}.room-rules-button{padding:7px 11px}.lockstep-rules-button{padding:5px 9px;font-size:10.5px}.rules-topbar-button:hover,.room-rules-button:hover,.lockstep-rules-button:hover{background:#f4ead7}.room-header-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}@media (width<=760px){.rules-overlay{padding:8px}.rules-book{border-radius:18px;max-height:96vh}.rules-book-header,.rules-page,.rules-book-footer{padding-left:15px;padding-right:15px}.rules-page{font-size:15px}.rules-hero,.rules-two-column{grid-template-columns:1fr}.rules-hero-art{justify-content:flex-start}.rules-steps,.rules-score-grid{grid-template-columns:1fr}.rules-diagram{width:min(100%,230px)}}.lockstep-panel{background:linear-gradient(155deg,#fffcf4f5,#f4eddef0);border:1px solid #74684e3d;border-radius:16px;margin-top:14px;padding:16px;box-shadow:inset 0 1px #fff9}.lockstep-heading{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:11px;display:flex}.lockstep-eyebrow{color:#8a7f69;letter-spacing:.09em;text-transform:uppercase;margin:0 0 3px;font-size:9.5px;font-weight:700}.lockstep-heading h3{color:#293b25;margin:0;font-family:Georgia,Songti SC,SimSun,serif;font-size:22px;font-weight:600}.lockstep-badges{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.lockstep-status,.lockstep-role,.lockstep-phase,.lockstep-you,.lockstep-wait{border-radius:999px;padding:4px 8px;font-size:10px;font-weight:700}.lockstep-status{color:#716752;background:#ece5d5}.lockstep-status.status-playing{color:#476b3a;background:#e3eeda}.lockstep-status.status-aborted{color:#93493c;background:#f6e1db}.lockstep-status.status-finished{color:#6d6148;background:#e9e3d0}.lockstep-role{color:#6d6350;border:1px solid #ddd2bc}.lockstep-start{background:#f9f3e7;border:1px dashed #d0c3aa;border-radius:12px;padding:16px}.lockstep-start strong{color:#35472c;font-size:15px}.lockstep-start p{color:#7d745f;margin:5px 0 0;font-size:11.5px;line-height:1.6}.lockstep-hint{color:#7f765f;margin:8px 0 0;font-size:11.5px;line-height:1.55}.lockstep-alert{color:#88463a;background:#f9e8e3;border:1px solid #e4c4bb;border-radius:9px;margin-top:9px;padding:9px 10px;font-size:11px;line-height:1.5}.lockstep-alert p{margin:0 0 7px}.lockstep-waiting{color:#7f622c;background:#fbf1da;border:1px solid #e3d1a6;border-radius:8px;margin-bottom:8px;padding:8px 9px;font-size:10.5px}.lockstep-player-strip{grid-template-columns:1fr 1fr auto;gap:8px;margin-bottom:10px;display:grid}.lockstep-player{background:#f1e9d8;border:2px solid #0000;border-radius:10px;grid-template-columns:auto 1fr auto;align-items:center;gap:6px;padding:8px 9px;display:grid}.lockstep-player.current{background:#fffaf0}.lockstep-player-dot{border-radius:50%;width:8px;height:8px}.lockstep-player-name{text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600;overflow:hidden}.lockstep-player strong{color:#3b512e;font-family:Georgia,Songti SC,serif;font-size:16px}.lockstep-player-meeples{color:#8b816d;grid-column:2/-1;font-size:9.5px}.lockstep-turn-meta{color:#6b6250;white-space:nowrap;border:1px solid #ded3be;border-radius:9px;flex-direction:column;justify-content:center;gap:3px;padding:7px 10px;font-size:10.5px;display:flex}.lockstep-turn-meta span{color:#968b75;font-size:9.5px}.lockstep-layout{grid-template-columns:minmax(0,1.18fr) minmax(280px,.82fr);align-items:start;gap:10px;display:grid}.lockstep-board{background:#26361f;border-radius:13px;min-width:0;padding:9px}.lockstep-board .board-frame{width:100%;max-width:560px;margin:0 auto}.lockstep-side{background:#fffcf5b8;border:1px solid #e1d6c1;border-radius:11px;min-width:0;padding:11px}.lockstep-phase-line{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.lockstep-phase{color:#4d6a40;background:#e8eedf}.lockstep-phase.phase-placeMeeple{color:#7d6029;background:#f1e6cc}.lockstep-phase.phase-turnSummary{color:#6d624d;background:#e7e1d0}.lockstep-phase.phase-gameOver{color:#5b523f;background:#e9e3d2}.lockstep-you{color:#446237;background:#dcebd1}.lockstep-wait{color:#887d68;background:#ece5d7}.lockstep-tile-panel{margin-top:7px}.lockstep-tile-row{background:#f7f0e2;border:1px solid #e4d9c4;border-radius:9px;align-items:center;gap:10px;padding:8px;display:flex}.lockstep-tile-row strong{color:#3c4831;font-size:13px}.lockstep-muted{color:#8b816d;margin:3px 0 0;font-size:10px;line-height:1.5}.lockstep-rotation{grid-template-columns:1fr auto 1fr;align-items:center;gap:6px;margin:9px 0 4px;display:grid}.lockstep-rotation>span{color:#796f5a;text-align:center;min-width:34px;font-family:ui-monospace,Cascadia Code,monospace;font-size:10px}.lockstep-button{color:#5a5344;cursor:pointer;background:#fffaf0;border:1px solid #cfc3ab;border-radius:7px;padding:7px 9px;font-size:11px;font-weight:600}.lockstep-button:hover:not(:disabled){background:#f2e8d5}.lockstep-button:disabled{cursor:not-allowed;opacity:.45}.lockstep-button.primary{color:#fff9e9;background:#3c6237;border-color:#31542f}.lockstep-button.primary:hover:not(:disabled){background:#31522d}.lockstep-button.wide{width:100%;margin-top:8px}.lockstep-button.tiny{padding:3px 7px;font-size:9.5px}.lockstep-meeples{flex-direction:column;gap:5px;margin-top:8px;display:flex}.lockstep-meeple-option{color:#413d32;text-align:left;cursor:pointer;background:#fffaf0;border:1px solid #dfd3bd;border-radius:8px;flex-direction:column;gap:2px;padding:7px 8px;display:flex}.lockstep-meeple-option:hover:not(:disabled){background:#f7eedb}.lockstep-meeple-option:disabled{cursor:not-allowed;opacity:.5}.lockstep-meeple-option span{font-size:11.5px;font-weight:600}.lockstep-meeple-option small{color:#8b816d;font-size:9.5px}.lockstep-tag{color:#4b6b3d;background:#e2edda;border-radius:999px;margin-left:5px;padding:1px 5px;font-size:8.5px}.lockstep-summary h4{color:#384a2e;margin:0 0 7px;font-family:Georgia,Songti SC,serif;font-size:15px}.lockstep-scores{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.lockstep-scores li{color:#6d6451;background:#f2eadb;border-radius:7px;grid-template-columns:1fr auto 1fr;gap:7px;padding:5px 7px;font-size:10px;display:grid}.lockstep-scores strong{color:#3d6433}.lockstep-scores span:last-child{text-align:right}.lockstep-summary-meta{color:#8b816d;justify-content:space-between;gap:8px;margin-top:8px;font-size:9.5px;display:flex}.lockstep-final-scores{border-top:1px solid #e4dac6;flex-direction:column;gap:4px;margin-top:9px;padding-top:8px;display:flex}.lockstep-final-scores>div{color:#5e5647;align-items:center;gap:7px;font-size:11px;display:flex}.lockstep-final-scores strong{color:#36552c;margin-left:auto}.lockstep-bottom{grid-template-columns:1fr 1fr;gap:10px;margin-top:10px;display:grid}.lockstep-hash-card,.lockstep-log{background:#fffcf5b8;border:1px solid #e0d5c0;border-radius:10px;min-width:0;padding:10px}.lockstep-hash-heading,.lockstep-log-heading{color:#4f493c;justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;font-size:11.5px;display:flex}.hash-status{border-radius:999px;padding:2px 6px;font-size:9px;font-weight:700}.hash-idle{color:#837862;background:#ece5d5}.hash-waiting{color:#806228;background:#fbf0d5}.hash-match{color:#3f6a35;background:#e3efdb}.hash-mismatch{color:#93473b;background:#f8e2dc}.lockstep-hash-row{color:#8b816d;grid-template-columns:34px 1fr;gap:6px;padding:3px 0;font-size:9.5px;display:grid}.lockstep-hash-row code{overflow-wrap:anywhere;color:#4d5d42;font-family:ui-monospace,Cascadia Code,monospace;font-size:9.5px}.lockstep-hash-note{color:#9b917c;margin:7px 0 0;font-size:9.5px;line-height:1.5}.lockstep-log{max-height:172px;overflow-y:auto}.lockstep-log-line{color:#776f5d;grid-template-columns:54px 1fr;gap:5px;padding:2px 0;font-family:ui-monospace,Cascadia Code,monospace;font-size:9px;line-height:1.45;display:grid}.lockstep-log-line.tone-error{color:#a14c3f}.lockstep-log-line.tone-warn{color:#866526}.lockstep-log-line.tone-hash{color:#4b6e3d}.lockstep-log-line.tone-action{color:#4e625f}.lockstep-abort-inline{color:#844235;background:#f8e5e0;border:1px solid #e4bdb4;border-radius:9px;margin-top:9px;padding:9px 10px;font-size:11px}.lockstep-abort-inline strong{font-size:12px}.lockstep-abort-inline p{margin:3px 0 0}.lockstep-modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#171c1394;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.lockstep-modal{background:#fffaf0;border:1px solid #d7c9b1;border-radius:16px;width:min(560px,100%);padding:20px;box-shadow:0 24px 70px #10150d57}.lockstep-modal h3{color:#843f34;margin:0 0 7px;font-family:Georgia,Songti SC,serif;font-size:20px}.lockstep-modal>p{color:#756b57;font-size:11.5px;line-height:1.55}.lockstep-modal-hashes{flex-direction:column;gap:6px;margin:11px 0;display:flex}.lockstep-modal-hashes>div{background:#f4ecdd;border-radius:8px;flex-direction:column;gap:2px;padding:8px;display:flex}.lockstep-modal-hashes span{color:#8e846f;font-size:9.5px}.lockstep-modal-hashes code{overflow-wrap:anywhere;color:#574c3d;font-family:ui-monospace,Cascadia Code,monospace;font-size:11px}.lockstep-modal-actions{justify-content:flex-end;gap:7px;display:flex}@media (width<=1100px){.lockstep-layout{grid-template-columns:1fr}.lockstep-board .board-frame{max-width:620px}}@media (width<=720px){.lockstep-player-strip{grid-template-columns:1fr}.lockstep-turn-meta{flex-direction:row;justify-content:space-between}.lockstep-bottom{grid-template-columns:1fr}}.room-panel{background:linear-gradient(145deg,#fffdf6f5,#f5eedff0);border:1px solid #796e563d;border-radius:20px;margin-top:20px;padding:18px;box-shadow:0 16px 38px #3d37261a}.room-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.room-eyebrow{color:#7d735e;letter-spacing:.1em;text-transform:uppercase;margin:0 0 4px;font-size:10.5px;font-weight:700}.room-header h2{letter-spacing:.03em;color:#293b25;margin:0;font-family:Georgia,Songti SC,SimSun,serif;font-size:26px;font-weight:600}.room-lead{color:#726a58;max-width:640px;margin:5px 0 0;font-size:12px;line-height:1.55}.room-phase{color:#675f4e;white-space:nowrap;background:#fffaf0;border:1px solid #d8cdb7;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:600}.room-phase-ready{color:#3c6331;background:#e8f1df;border-color:#9fbe8e}.room-phase-failed{color:#8e463b;background:#f8e6e2;border-color:#dfb0a8}.room-phase-waiting,.room-phase-signing,.room-phase-connecting{color:#806228;background:#fbf1d9;border-color:#d8c79a}.room-join-card,.room-status-card,.room-ready-card{background:#fffcf4d1;border:1px solid #897c6233;border-radius:14px;margin-top:14px;padding:14px}.room-join-card label{color:#5f5747;margin-bottom:7px;font-size:11px;font-weight:700;display:block}.room-join-row{flex-wrap:wrap;gap:8px;display:flex}.room-join-row input{color:#293b25;letter-spacing:.08em;background:#fffdf7;border:1px solid #cdbfa5;border-radius:10px;outline:none;flex:220px;min-width:0;padding:10px 12px;font-family:ui-monospace,Cascadia Code,monospace;font-size:15px}.room-join-row input:focus{border-color:#7fa06f;box-shadow:0 0 0 3px #7fa06f2e}.room-help{color:#958a74;margin:8px 0 0;font-size:10.5px;line-height:1.55}.room-button{cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:10px;padding:9px 14px;font-size:11.5px;font-weight:700;transition:background .16s,transform .16s}.room-button:disabled{cursor:not-allowed;opacity:.55}.room-button.primary{color:#f8f4e8;background:#3d6332}.room-button.primary:hover:not(:disabled){background:#315328}.room-button.secondary{color:#665c49;background:#fffdf7;border-color:#cdbfa5}.room-button.secondary:hover:not(:disabled){background:#f3ecdd}.room-status-card{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.room-status-card>div{flex:260px}.room-status-card strong,.room-ready-card strong{color:#34452b;font-size:13px}.room-status-card p,.room-ready-card p{color:#726a58;margin:4px 0 0;font-size:11.5px;line-height:1.55}.room-spinner{border:2px solid #d8c79a;border-top-color:#806228;border-radius:50%;flex:none;width:16px;height:16px;animation:.8s linear infinite room-spin}@keyframes room-spin{to{transform:rotate(360deg)}}.room-ready-card{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.room-ready-card>div:first-child{flex:260px}.room-identity{flex-wrap:wrap;gap:5px;display:flex}.room-identity span{color:#786e5a;background:#f4eddf;border-radius:7px;padding:4px 7px;font-size:9.5px}.room-identity code{font-family:ui-monospace,Cascadia Code,monospace;font-size:9.5px}.room-alert{border-radius:9px;margin:9px 0 0;padding:9px 11px;font-size:11.5px;line-height:1.55}.room-alert.error{color:#8e463b;background:#f8e6e2;border:1px solid #dfb0a8}.room-note{color:#655d4b;background:#efe8d8;border-radius:10px;flex-wrap:wrap;gap:5px;margin-top:12px;padding:10px 12px;font-size:11.5px;line-height:1.55;display:flex}.room-note strong{color:#5c5342}@media (width<=760px){.room-panel{border-radius:16px;padding:14px}.room-header h2{font-size:22px}}:root{color:#2d2b23;font-synthesis:none;text-rendering:optimizelegibility;background:#f1ebdc;font-family:Segoe UI,PingFang SC,Microsoft YaHei,Noto Sans SC,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{background:radial-gradient(circle at 15% 0,#ffffffbf,#0000 36%),radial-gradient(circle at 90% 20%,#cbb27a2e,#0000 32%),linear-gradient(160deg,#f6f0e2 0%,#e9e0cb 100%);min-width:320px;min-height:100vh;margin:0}button{font:inherit}button:focus-visible{outline-offset:2px;outline:3px solid #30663566}.app-shell{max-width:1500px;margin:0 auto;padding:18px 22px 30px}.topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:8px 4px 18px;display:flex}.topbar h1{letter-spacing:.12em;color:#26351f;margin:0;font-family:Georgia,Songti SC,SimSun,serif;font-size:clamp(28px,3vw,42px)}.subtitle{color:#6c6758;letter-spacing:.04em;margin:4px 0 0;font-size:13px}.mode-switch{background:#fffcf4b8;border:1px solid #d2c5ae;border-radius:11px;align-items:center;gap:3px;padding:3px;display:inline-flex}.mode-switch button{color:#6f6653;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:7px 12px;font-size:11.5px;font-weight:600;transition:background .12s,color .12s}.mode-switch button:hover{background:#f0e7d5}.mode-switch button.active{color:#fff8e8;background:#365b32}.topbar-meta{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.meta-pill{color:#5c5648;font-variant-numeric:tabular-nums;background:#fffcf4b3;border:1px solid #d7cdb8;border-radius:999px;padding:7px 11px;font-size:12px}.layout{grid-template-columns:minmax(0,1fr) 370px;align-items:start;gap:18px;display:grid}.board-panel{background:linear-gradient(160deg,#253520,#192617);border:1px solid #1c2919;border-radius:22px;min-width:0;padding:14px;box-shadow:0 18px 45px #252b1c38,inset 0 1px #ffffff0f}.board-frame{aspect-ratio:1;border-radius:16px;width:min(100%,100vh - 220px);margin:0 auto;position:relative;overflow:hidden}.board{cursor:grab;touch-action:none;width:100%;height:100%;display:block}.board.is-dragging{cursor:grabbing}.board-view-controls{z-index:3;color:#d7e2c9;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#192617d1;border:1px solid #f2d36b42;border-radius:9px;align-items:center;gap:6px;padding:4px 5px 4px 8px;font-family:ui-monospace,Cascadia Code,monospace;font-size:10px;display:flex;position:absolute;top:10px;right:10px}.board-view-reset{color:#f2d36b;font:inherit;cursor:pointer;background:0 0;border:1px solid #f2d36b4d;border-radius:6px;padding:3px 6px}.board-view-reset:hover{background:#f2d36b1f}.placement-target,.meeple-target{cursor:pointer}.meeple-target circle{fill:#f2d36b;fill-opacity:.16;stroke:#f2d36b;stroke-width:1.6px;stroke-dasharray:3 2;transition:fill-opacity .12s}.meeple-target:hover circle{fill-opacity:.4}.meeple-target-glyph{fill:#f7e6a8;pointer-events:none;font-size:13px;font-weight:700}.meeple-target-label{fill:#f7e6a8;paint-order:stroke;stroke:#30422b;stroke-width:2px;pointer-events:none;font-size:5.5px;font-weight:600}.meeple-target-city circle{stroke:#ffd400}.meeple-target-road circle{stroke:#f1e7cf}.meeple-target-field circle{stroke:#9cc87a}.meeple-target-monastery circle{stroke:#e8b95b}.tile-info-backdrop{z-index:4;cursor:default;background:#0911084d;border:0;position:absolute;inset:0}.tile-info-panel{z-index:5;color:#3d4932;background:linear-gradient(150deg,#fffdf5,#f4ecd9);border:1px solid #f2d36b59;border-radius:14px;width:min(340px,100% - 32px);max-height:calc(100% - 32px);padding:15px;position:absolute;top:16px;left:16px;overflow:auto;box-shadow:0 18px 42px #08100766}.tile-info-heading{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.tile-info-eyebrow{color:#8d8067;letter-spacing:.12em;text-transform:uppercase;margin:0 0 3px;font-size:9px;font-weight:700}.tile-info-heading h3{color:#2d3e28;margin:0;font-family:Georgia,Songti SC,SimSun,serif;font-size:20px;font-weight:600}.tile-info-position{color:#8d8067;margin:4px 0 0;font-family:ui-monospace,Cascadia Code,monospace;font-size:9.5px}.tile-info-close{color:#6f634e;cursor:pointer;background:#fffaf0;border:1px solid #d7c9ad;border-radius:7px;flex:none;width:24px;height:24px;font-size:17px;line-height:1}.tile-info-close:hover{background:#f0e6d3}.tile-info-edges,.tile-info-terrain{flex-wrap:wrap;gap:4px;margin-top:10px;display:flex}.tile-info-edges .edge-kind,.tile-info-terrain span{color:#6e624d;background:#eee6d6;border-radius:6px;padding:3px 6px;font-size:9.5px}.tile-info-edges .edge-city{color:#80621a;background:#fff2b8}.tile-info-edges .edge-road{color:#7f6845;background:#f2e7d3}.tile-info-edges .edge-field{color:#4f6b3b;background:#e6efdc}.tile-info-meeples{border-top:1px solid #e2d6c0;margin-top:12px;padding-top:10px}.tile-info-meeples strong{color:#4d5c3d;margin-bottom:5px;font-size:11px;display:block}.tile-info-meeples ul{margin:0;padding:0;list-style:none}.tile-info-meeples li{color:#5d654e;align-items:center;gap:6px;margin-top:4px;font-size:11px;display:flex}.tile-info-player-dot{border-radius:50%;flex:none;width:8px;height:8px}.tile-info-empty{color:#988c76;font-size:10.5px}.placement-target rect{transition:fill-opacity .12s}.placement-target:hover rect{fill-opacity:.36}.meeple-token{pointer-events:none}.board-caption{color:#cbd4c0;flex-wrap:wrap;align-items:center;gap:10px;padding:12px 6px 2px;font-size:12.5px;line-height:1.5;display:flex}.phase-badge{color:#efe3c4;white-space:nowrap;background:#fff9e814;border:1px solid #eaddb74d;border-radius:999px;padding:4px 9px}.sidebar{flex-direction:column;gap:12px;min-width:0;display:flex}.panel{background:#fffcf4e6;border:1px solid #796e5638;border-radius:16px;box-shadow:0 9px 24px #42392614}.players-panel{grid-template-columns:1fr 1fr;gap:9px;padding:9px;display:grid}.player-card{background:#f2ead9;border:2px solid #0000;border-radius:12px;padding:10px 11px;transition:border-color .15s,background .15s,transform .15s}.player-card.active{background:#fffaf0;transform:translateY(-1px)}.player-heading{align-items:center;gap:7px;min-width:0;display:flex}.player-dot{border-radius:50%;flex:none;width:10px;height:10px;display:inline-block;box-shadow:0 0 0 2px #ffffffb3}.player-heading strong{font-size:14px}.turn-tag{color:#6e644f;letter-spacing:.04em;white-space:nowrap;background:#e6ddc8;border-radius:999px;margin-left:auto;padding:2px 6px;font-size:9.5px}.player-stats{justify-content:space-between;align-items:baseline;gap:8px;margin-top:9px;display:flex}.player-stats .score{color:#2f3e25;font-family:Georgia,Songti SC,serif;font-size:22px}.muted{color:#817966;font-size:12px;line-height:1.55}.turn-panel{padding:17px}.panel-eyebrow{color:#7a715e;letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:7px;margin-bottom:2px;font-size:11px;font-weight:600;display:flex}.turn-panel h2{color:#2c3c24;margin:3px 0 14px;font-family:Georgia,Songti SC,SimSun,serif;font-size:22px;font-weight:600}.tile-preview-row{background:#f5eddd;border:1px solid #e2d8c2;border-radius:14px;align-items:center;gap:14px;padding:10px;display:flex}.tile-preview-row.compact{padding:8px}.tile-preview{border-radius:10px;flex:none;box-shadow:0 5px 14px #38301f2e}.tile-info{flex-direction:column;gap:5px;min-width:0;display:flex}.tile-info strong{font-size:15px}.rotation-row{grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;margin:12px 0;display:grid}.rotation-label{text-align:center;color:#6e654f;min-width:42px;font-family:ui-monospace,Cascadia Code,monospace;font-size:12px}.primary-button,.secondary-button,.ghost-button{cursor:pointer;border-radius:10px;transition:background .12s,transform .12s,opacity .12s}.primary-button{color:#fff8e8;background:#365b32;border:1px solid #2d492b;padding:11px 14px;font-weight:600}.primary-button:hover{background:#2c4b29}.primary-button:active{transform:translateY(1px)}.secondary-button{color:#4c4638;background:#fffaf0;border:1px solid #cfc2a9;padding:9px 12px}.secondary-button:hover{background:#f4ead7}.ghost-button{color:#514b3d;background:0 0;border:1px solid #cfc2a9;padding:8px 12px}.ghost-button:hover{background:#fffcf4a6}.primary-button.wide{width:100%;margin-top:13px}.instruction{color:#536148;background:#edf2e6;border-radius:10px;margin:4px 0 0;padding:9px 11px;font-size:12.5px;line-height:1.55}.notice{color:#695d45;background:#f4ebd5;border-radius:10px;margin:8px 0 0;padding:10px 11px;font-size:12.5px;line-height:1.55}.notice.danger{color:#7c4335;background:#f7e4dc}.notice p{margin:0 0 9px}.meeple-options{flex-direction:column;gap:8px;max-height:310px;padding-right:2px;display:flex;overflow-y:auto}.meeple-option{text-align:left;color:#3b382e;cursor:pointer;background:#fffaf0;border:1px solid #dfd3bc;border-left:4px solid #999;border-radius:9px;flex-direction:column;gap:4px;padding:10px 11px;display:flex}.meeple-option:hover:not(:disabled){background:#f8efdc;transform:translate(1px)}.meeple-option:disabled{opacity:.52;cursor:not-allowed}.meeple-option-title{align-items:center;gap:7px;font-size:13px;font-weight:600;display:flex}.meeple-option-detail{color:#817966;font-size:11.5px;line-height:1.45}.tag{color:#4f6c42;background:#e5eddc;border-radius:999px;padding:1px 5px;font-size:9.5px;font-weight:600}.score-list{flex-direction:column;gap:7px;margin:0;padding:0;list-style:none;display:flex}.score-list li{background:#f5eddd;border-radius:9px;grid-template-columns:8px 58px 52px 1fr;align-items:center;gap:7px;padding:8px 9px;font-size:12px;display:grid}.kind-dot{border-radius:50%;width:7px;height:7px}.kind-city{background:#b78d4d}.kind-road{background:#9c927d}.kind-field{background:#6e9850}.kind-monastery{background:#a44b3d}.score-kind{font-weight:600}.score-points{color:#2f5930;font-weight:700}.score-winners{color:#6d6451;text-align:right}.summary-foot{color:#7b725f;border-top:1px solid #e6dcc7;justify-content:space-between;gap:10px;margin-top:12px;padding-top:10px;font-size:11.5px;display:flex}.final-panel h2{margin-bottom:8px}.final-scores{border-top:1px solid #e6dcc7;flex-direction:column;gap:7px;margin-top:14px;padding-top:12px;display:flex}.final-score-row{align-items:center;gap:9px;padding:7px 4px;font-size:13px;display:flex}.final-score-row strong{color:#2f4c2b;margin-left:auto;font-family:Georgia,Songti SC,serif;font-size:20px}.ai-thinking-inline{color:#f3e4ae;align-items:center;gap:7px;font-weight:600;display:inline-flex}.ai-pulse{background:#ffd400;border-radius:50%;flex:none;width:8px;height:8px;animation:1.25s ease-out infinite ai-pulse;display:inline-block;box-shadow:0 0 #ffd4008c}.ai-thinking-card{color:#67531f;background:#fff6d9;border:1px solid #e0c46f;border-radius:10px;align-items:flex-start;gap:10px;margin-top:11px;padding:11px;display:flex}.ai-thinking-card .ai-pulse{background:#c18d11;margin-top:4px}.ai-thinking-card strong{font-size:12.5px}.ai-thinking-card p{color:#8a763f;margin:3px 0 0;font-size:11px;line-height:1.5}.ai-auto-next{color:#755d22;background:#fff6d9;border:1px solid #e0c46f;border-radius:9px;align-items:center;gap:8px;margin-top:12px;padding:10px;font-size:11.5px;line-height:1.45;display:flex}.ai-auto-next .ai-pulse{background:#c18d11}.ai-error-panel{color:#87463a;background:#f9e8e3;border-color:#e5c2b8;padding:11px 13px;font-size:11.5px}@keyframes ai-pulse{0%{box-shadow:0 0 #ffd4008c}70%{box-shadow:0 0 0 7px #ffd40000}to{box-shadow:0 0 #ffd40000}}.legend-panel{padding:14px 16px}.legend-panel h3{letter-spacing:.05em;color:#716852;margin:0 0 7px;font-size:12px}.legend-panel p{color:#7f7663;margin:0 0 7px;font-size:11.5px;line-height:1.6}.legend-panel p:last-child{margin-bottom:0}@media (width<=1000px){.app-shell{padding:14px}.layout{grid-template-columns:1fr}.board-frame{width:min(100%,720px)}.sidebar{grid-template-columns:1fr 1fr;align-items:start;display:grid}.players-panel,.legend-panel{grid-column:1/-1}.turn-panel{grid-column:span 1}}@media (width<=640px){.topbar{flex-direction:column;align-items:flex-start;gap:10px}.topbar-meta{justify-content:flex-start}.mode-switch{width:100%}.mode-switch button{flex:1}.sidebar{display:flex}.players-panel{grid-template-columns:1fr}.board-panel{padding:9px}}