:root{--ink: #1c2e27;--muted: #4d655b;--paper: #dff3ea;--board: #1f8a62;--board-dark: #146c4c;--wood: #f6ce7a;--coral: #ff5b4a;--sky: #2cb3b8;--btn: #ef6c3a;--btn-ink: #fff8ef;--ok: #1f8a62;--danger: #d64545;--shadow: 0 6px 0 rgba(28, 46, 39, .16)}*{box-sizing:border-box}html,body,#app{margin:0;min-height:100%;background:radial-gradient(circle at 20% 10%,rgba(255,255,255,.35),transparent 28%),linear-gradient(165deg,#7ad1c4,#3aa07a 48%,#f6b35a);color:var(--ink);font-family:Noto Sans SC,sans-serif;touch-action:manipulation}button,input{font-family:inherit}button{cursor:pointer}.page{width:min(480px,100%);margin:0 auto;min-height:100dvh;padding:10px 10px calc(10px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:8px}.brand{font-family:ZCOOL KuaiLe,cursive;font-size:42px;line-height:1;letter-spacing:2px;text-align:center;color:#fff8ef;text-shadow:0 4px 0 rgba(28,46,39,.25);margin:18px 0 4px}.sub{text-align:center;color:#1c2e27;font-size:14px;margin-bottom:8px}.field{display:flex;flex-direction:column;gap:6px;font-size:14px}.field input{height:52px;border:3px solid var(--ink);border-radius:16px;padding:0 14px;font-size:18px;background:#fff8ef}.btn{height:48px;border:3px solid var(--ink);border-radius:16px;background:var(--btn);color:var(--btn-ink);font-size:16px;font-weight:700;box-shadow:var(--shadow)}.btn:active{transform:translateY(2px);box-shadow:none}.btn:disabled{opacity:.5}.btn.secondary{background:var(--sky)}.btn.ok{background:var(--ok)}.btn.ghost{background:#fff8ef;color:var(--ink)}.btn.danger{background:var(--danger)}.btn.wide{width:100%}.btn.sm{height:36px;font-size:13px;border-width:2px;border-radius:12px;box-shadow:0 3px #1c2e2724;padding:0 12px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:8px;background:#fff8ef;border:3px solid var(--ink);border-radius:14px;padding:8px 10px;flex-shrink:0}.topbar b{font-family:ZCOOL KuaiLe,cursive;font-size:20px;line-height:1.1}.topbar .meta{margin-top:2px}.board-wrap{flex:0 0 auto;width:min(100%,calc(100dvh - 290px));max-width:100%;margin:0 auto;background:var(--board);border:3px solid var(--ink);border-radius:16px;padding:5px;box-shadow:var(--shadow)}.board{position:relative;width:100%;aspect-ratio:1;border-radius:10px;overflow:hidden;background:var(--board-dark)}.tile{position:absolute;margin:0;padding:0;border:1.5px solid var(--ink);border-radius:5px;background:var(--wood);display:flex;flex-direction:column;align-items:stretch;overflow:hidden;z-index:2;-webkit-tap-highlight-color:transparent}.tile.corner{background:#ffe29a;z-index:3}.tile.chance{background:#ffd0a8}.tile.tax{background:#f5b7b1}.tile.park{background:#b7e4c7}.tile.jail{background:#cfd8dc}.tile.goto{background:#ff8a7a}.tile.start{background:#ffd54a}.tile.active{outline:2px solid #fff;outline-offset:-2px;z-index:4}.tile.bottom,.tile.top,.tile.corner{flex-direction:column}.tile.top{flex-direction:column-reverse}.tile.left,.tile.right{flex-direction:row}.tile.right{flex-direction:row-reverse}.stripe{flex:0 0 auto;background:#999}.tile.bottom .stripe,.tile.top .stripe,.tile.corner .stripe{height:5px;width:100%}.tile.left .stripe,.tile.right .stripe{width:5px;height:100%}.tile-body{flex:1 1 auto;min-width:0;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1px 2px 10px;gap:0}.tile.top .tile-body{padding:10px 2px 1px}.tile.left .tile-body,.tile.right .tile-body{padding:1px 2px}.tile-name{font-size:clamp(7px,2.4vw,10px);line-height:1.05;font-weight:700;text-align:center;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;word-break:break-all;max-width:100%}.tile.corner .tile-name{font-size:clamp(8px,2.8vw,12px);-webkit-line-clamp:1}.tile-price{flex:0 0 auto;font-size:clamp(7px,2.2vw,9px);line-height:1.1;color:var(--muted);text-align:center;white-space:nowrap}.level{font-size:clamp(6px,1.8vw,8px);line-height:1;color:var(--ok);font-weight:700}.level.mort{color:var(--danger)}.tokens{position:absolute;left:1px;right:1px;bottom:1px;display:flex;flex-wrap:wrap;gap:1px;justify-content:center;pointer-events:none}.tile.top .tokens{bottom:auto;top:1px}.token{width:8px;height:8px;border-radius:50%;border:1px solid var(--ink);transition:transform .3s ease}.center{position:absolute;left:calc(100% / 11);top:calc(100% / 11);width:calc(100% * 9 / 11);height:calc(100% * 9 / 11);z-index:1;border-radius:10px;background:repeating-linear-gradient(-30deg,rgba(255,255,255,.08) 0 10px,transparent 10px 20px),var(--board-dark);color:#fff8ef;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:10px;gap:6px}.center-round{font-size:13px;opacity:.92}.center .who{font-family:ZCOOL KuaiLe,cursive;font-size:clamp(18px,6vw,26px);line-height:1.1}.center-phase{font-size:12px;opacity:.9}.dice-face{display:flex;gap:8px;font-size:28px;line-height:1}.panel{background:#fff8ef;border:3px solid var(--ink);border-radius:14px;padding:8px;flex-shrink:0}.players{display:flex;flex-direction:column;gap:6px;max-height:22vh;overflow:auto;-webkit-overflow-scrolling:touch}.player{display:grid;grid-template-columns:8px 1fr auto;gap:8px;align-items:start;padding:6px 8px;border-radius:10px;background:#1f8a6214}.player.me{background:#ef6c3a29}.player.out{opacity:.5}.dot{width:8px;height:100%;min-height:28px;border-radius:6px}.player h4{margin:0;font-size:14px;line-height:1.2}.meta{font-size:12px;color:var(--muted);line-height:1.35}.tag{display:inline-block;background:var(--coral);color:#fff;border-radius:6px;padding:0 5px;font-size:11px;margin-left:4px;vertical-align:middle}.log{height:72px;overflow:auto;font-size:12px;line-height:1.45;-webkit-overflow-scrolling:touch}.log div{padding:2px 0;border-bottom:1px dashed rgba(28,46,39,.12)}.actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;flex-shrink:0}.actions .btn{height:46px;font-size:15px}.actions.compact .btn{height:36px;font-size:13px;box-shadow:0 3px #1c2e2724}.mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#1c2e2773;display:flex;align-items:flex-end;justify-content:center;z-index:20}.sheet{width:min(480px,100%);background:#fff8ef;border:3px solid var(--ink);border-bottom:none;border-radius:24px 24px 0 0;padding:16px 14px calc(16px + env(safe-area-inset-bottom));max-height:80dvh;overflow:auto}.sheet h3{margin:0 0 10px;font-family:ZCOOL KuaiLe,cursive;font-size:24px}.choice{width:100%;text-align:left;margin-bottom:8px;padding:10px;border:2px solid var(--ink);border-radius:12px;background:#fff}.toast{position:fixed;left:50%;top:18%;transform:translate(-50%);background:var(--ink);color:#fff;padding:10px 16px;border-radius:999px;z-index:40;font-size:14px;max-width:80vw;text-align:center}.warn{background:#ffe8a3;border:2px solid var(--ink);border-radius:12px;padding:8px 10px;font-size:13px;flex-shrink:0}