:root{color:#2a241f;background:#efeae3;font-family:Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif;font-synthesis:none;--serif: "Fraunces", "Noto Serif SC", "Songti SC", serif;--cream: #f6f1e6;--ink: #2a241f;--leather: #53463e;--line: rgba(72, 54, 38, .14)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:radial-gradient(ellipse at top,#fbf8f4,#e7e1d8 68%)}button,input,select{font:inherit;color:inherit}button{cursor:pointer;background:transparent;border:0}button:disabled{cursor:not-allowed;opacity:.55}.shell{min-height:100dvh;display:flex;flex-direction:column;gap:12px;padding:14px 16px 12px}.topbar,.row,.join-row,.top-meta,.brand-lockup{display:flex;align-items:center;gap:10px}.topbar{justify-content:space-between}.brand-lockup strong{font-family:var(--serif);font-size:28px;font-weight:680;letter-spacing:.14em}.brand-lockup span,.top-meta em,.eyebrow,.quiet,.bankline,.hint{color:#6e6256;font-style:normal}.eyebrow{letter-spacing:.22em;font-size:12px;margin:0}.top-meta button,.text-button,.seat-list button,.booklet header button,.join-row button,.rules-toggles select{background:transparent;border:1px solid var(--line);border-radius:999px;padding:6px 12px}.dot{width:8px;height:8px;border-radius:50%;background:#b7aa9c}.dot.on{background:#3f8f62}.stage{flex:1;min-height:560px;display:grid;grid-template-columns:minmax(220px,280px) minmax(0,1fr) minmax(240px,320px);gap:14px;align-items:stretch}.shell.home .stage,.shell.lobby .stage,.shell.loading .stage{grid-template-columns:minmax(0,920px);justify-content:center}.board-slot{min-width:0;min-height:0;display:grid;place-items:center}.board{width:min(100%,calc(100dvh - 230px),920px);aspect-ratio:1;padding:16px;border-radius:22px;background:repeating-linear-gradient(90deg,#cbbba6 0,#cbbba6 3px,#b7a690 3px,#b7a690 7px,#d8c9b6 7px,#d8c9b6 10px);box-shadow:0 28px 60px #46301c29,inset 0 0 0 1px #fff6,inset 0 0 0 11px #6d5d50}.grid{height:100%;display:grid;grid-template-columns:1.45fr repeat(9,1fr) 1.45fr;grid-template-rows:1.45fr repeat(9,1fr) 1.45fr;gap:3px;padding:3px;background:#e4d9c8;border-radius:8px}.tile{position:relative;display:flex;min-width:0;min-height:0;padding:0;overflow:hidden;border:0;background:var(--cream);color:var(--ink);box-shadow:inset 0 0 0 1px #5a463214;text-align:center}.tile.top{flex-direction:column}.tile.bottom{flex-direction:column-reverse}.tile.left{flex-direction:row}.tile.right{flex-direction:row-reverse}.bar{display:block;flex:0 0 auto;background:#ccc}.tile.top .bar,.tile.bottom .bar{height:22%;width:100%}.tile.left .bar,.tile.right .bar{width:18%;height:100%}.tile-body{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;padding:2px;font-size:10px;line-height:1.15}.tname,.corner-go strong,.corner-jail strong,.corner-park strong,.corner-gojail strong{font-family:var(--serif);font-weight:680;white-space:nowrap}.tprice,.tile em,.mark small{color:#6d6258;font-style:normal}.mark b{font-family:var(--serif);font-size:1.3em}.tile.corner .tile-body{font-size:13px}.corner-go strong{color:#9c3b32}.houses,.hotel{display:flex;gap:1px}.houses i,.hotel{width:7px;height:5px;background:#2f6b45;border-radius:1px}.hotel{width:12px;background:#8d2f2f}.stamp{position:absolute;inset:auto 4px 4px auto;color:#9c3b32;font-family:var(--serif);opacity:.8}.tile.is-mortgaged{filter:grayscale(.35)}.tile.is-selected{outline:2px solid #8a5a3c;z-index:1}.pieces{position:absolute;display:flex;flex-wrap:wrap;gap:1px;max-width:70%;pointer-events:none}.tile.bottom .pieces{top:2px;left:2px}.tile.top .pieces{bottom:2px;left:2px}.tile.left .pieces{right:2px;bottom:2px}.tile.right .pieces{left:2px;bottom:2px}.piece{width:16px;height:16px;border-radius:50%;overflow:hidden;background:#fff;box-shadow:0 0 0 2px var(--ring, #fff)}.piece.is-turn{box-shadow:0 0 0 2px #fff7ea,0 0 0 4px var(--ring, #e2b657)}.avatar{display:block;width:100%;height:100%}.center{grid-column:2 / 11;grid-row:2 / 11;position:relative;overflow:hidden;background:radial-gradient(ellipse at 20% 0%,rgba(255,255,255,.08),transparent 42%),linear-gradient(160deg,#62564d,#463c36 55%,#5a4d44);color:#f6f0e6}.watermark{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%) rotate(-18deg);font-family:var(--serif);font-size:92px;letter-spacing:.28em;color:#f6f0e621;pointer-events:none;white-space:nowrap}.card-backs{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.back{position:absolute;width:18%;height:26%;border-radius:6px;border:1px solid rgba(246,240,230,.35)}.back.chance{right:8%;top:12%;transform:rotate(8deg);background:#efe2cf}.back.deed{right:16%;top:20%;transform:rotate(-10deg);background:#f4efe4}.center-content{position:relative;z-index:1;height:100%;overflow:auto;display:flex;align-items:center;justify-content:center;padding:5%}.menu,.hud{width:min(100%,460px)}.menu{text-align:center}.menu h1,.gate h1,.booklet h2{font-family:var(--serif);font-weight:680;letter-spacing:.04em;margin:6px 0 12px}.menu h1{font-size:28px;line-height:1.35;max-width:8em;margin-left:auto;margin-right:auto}.center:has(.menu) .card-backs,.center:has(.menu) .watermark{display:none}.join-row button{flex:none;color:var(--ink);background:var(--cream)}.menu input,.gate input,.hud input,.trade-form input,.trade-form select{width:100%;border:0;border-radius:12px;padding:10px 12px;background:var(--cream);color:var(--ink)}input[type=checkbox]{width:auto;flex:none;margin:0;accent-color:#c4a36a}.menu .solid,.hud .solid,.gate .solid,.confirm .solid{background:var(--cream);color:var(--ink);border:0;border-radius:999px;padding:10px 18px;box-shadow:0 6px #3a312b}.solid.big{width:100%;font-family:var(--serif);font-size:20px}.solid:active{transform:translateY(3px);box-shadow:0 3px #3a312b}.menu,.hud,.gate{display:flex;flex-direction:column;gap:10px}.join-row input{flex:1}.hud{background:#201a167a;border:1px solid rgba(246,240,230,.16);border-radius:18px;padding:14px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.dice{display:flex;justify-content:center;gap:10px}.die{width:52px;height:52px;border-radius:10px;background:#f7f3ea;color:#2a241f;display:grid;place-items:center;box-shadow:0 8px #00000040}.die.rolling{animation:shake .12s linear infinite}.pips{width:34px;height:34px;display:grid;grid-template-columns:repeat(3,1fr)}.pips i{width:7px;height:7px;border-radius:50%;justify-self:center;align-self:center}.pips i.on{background:#2a241f}@keyframes shake{50%{transform:rotate(8deg) translateY(-1px)}}.turn-line{text-align:center;margin:4px 0;font-family:var(--serif)}.drawn{margin:0;background:#f6f1e6;color:var(--ink);border-radius:12px;padding:10px 12px}.drawn span{display:block;letter-spacing:.16em;font-size:12px;color:#8a5a3c}.drawn.chest span{color:#3f5f86}.actions,.auction,.trade-note{display:flex;flex-direction:column;gap:8px}.hud button:not(.solid){background:transparent;color:#f6f0e6;border:1px solid rgba(246,240,230,.3);border-radius:999px;padding:8px 12px}.error{color:#ffd0c6;margin:0}.menu .error,.gate .error,.panel .error{color:#9c3b32}.panel{min-height:0;overflow:auto;display:flex;flex-direction:column;gap:12px;padding:4px}.bills{display:flex;flex-direction:column;gap:8px}.bill-total{font-family:var(--serif);font-size:32px}.bill-row{display:flex;gap:8px;min-height:54px}.bill{position:relative;width:72px;height:44px;border-radius:6px;display:grid;place-items:center;font-family:var(--serif);box-shadow:0 8px 16px #46301c14}.bill em{position:absolute;right:4px;bottom:2px;font-style:normal;font-size:11px}.d500{background:#e7a07a}.d100{background:#f0d56a}.d50{background:#d7c6e4}.d20{background:#f3e2c4}.d10{background:#f0c7c3}.d5{background:#d5e4cc}.log,.chat-log,.seat-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.log{background:#ffffff73;border-radius:14px;padding:10px 12px;max-height:280px;overflow:auto;font-size:13px}.seat-list li,.chat-log li{display:flex;justify-content:space-between;gap:8px}.seat-list li{justify-content:flex-start}.deed{background:var(--cream);border-radius:14px;overflow:hidden;box-shadow:0 12px 24px #46301c14}.deed header,.deed footer,.deed ul{padding:8px 12px}.deed header{color:#fff;display:flex;flex-direction:column}.deed header strong{font-family:var(--serif);font-size:18px}.deed ul{list-style:none;margin:0}.deed li{display:flex;justify-content:space-between;gap:8px;font-size:13px;padding:2px 0}.deed li.now{font-weight:700}.deed-note,.owner-line{margin:0;padding:0 12px 8px;font-size:13px;color:#6e6256}.deed-actions,.chips{display:flex;flex-wrap:wrap;gap:6px;padding:0 12px 12px}.deed-actions .text-button,.chips button,.chips label{border:1px solid var(--line);background:#fff;border-radius:999px;padding:5px 10px;color:var(--ink)}.portfolio h3{margin:0;font-family:var(--serif);font-weight:680}.text-button.danger{color:#9c3b32}.drawer{position:relative;display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;padding:10px 18px 12px;border-radius:16px 16px 20px 20px;background:linear-gradient(#d9cbb8,#c0ae98);box-shadow:inset 0 1px #fff6,0 10px 20px #46301c14}.compartments{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.compartment{display:flex;align-items:center;gap:8px;min-width:0;text-align:left;border:0;border-radius:12px;padding:6px;background:#ffffff47;color:var(--ink)}.compartment .avatar{width:46px;height:46px;flex:none}.compartment span{display:flex;flex-direction:column;min-width:0}.compartment strong,.compartment em{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compartment em{color:#6e6256;font-style:normal;font-size:12px}.compartment.mine{outline:2px solid #6d5d50}.compartment.turn{background:#ffffffb3}.compartment.broke{opacity:.45}.compartment .tag{margin-left:auto;font-style:normal;font-size:12px;color:#9c3b32}.knob{width:22px;height:22px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#f4f1ec,#8d8680 45%,#5c5854);box-shadow:0 2px #0003}.menu{background:#201a169e;border:1px solid rgba(246,240,230,.14);border-radius:18px;padding:14px 16px 16px}.menu .row button{color:#f6f0e6;border:1px solid rgba(246,240,230,.35);border-radius:999px;padding:6px 12px}.rules-toggles{display:flex;flex-direction:column;align-items:flex-start;gap:8px;width:max-content;max-width:100%;margin:8px auto 0;text-align:left;color:#f6f0e6}.rules-toggles label{display:inline-flex;align-items:center;justify-content:flex-start;gap:8px;width:auto;white-space:nowrap}.rules-toggles select{width:auto;color:var(--ink);background:var(--cream)}.gate{width:min(420px,100%);margin:12vh auto;text-align:center}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#2a241f59;display:grid;place-items:center;padding:20px;z-index:5}.booklet{width:min(560px,100%);max-height:min(80vh,720px);overflow:auto;background:#f7f1e6;color:var(--ink);border-radius:18px;padding:18px 20px 22px;box-shadow:0 24px 60px #2a241f33}.booklet header{display:flex;justify-content:space-between;align-items:center}.booklet p{line-height:1.65}@media(max-width:1100px){.stage{grid-template-columns:1fr;min-height:0}.board-slot{height:min(92vw,78vh)}.compartments{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){.die.rolling{animation:none}}