:root{--vh: 1vh}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;overscroll-behavior:none;background-color:var(--bg, #0b1220)}html,body{touch-action:manipulation;overflow-x:hidden;max-width:100%}body{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;user-select:none;-webkit-user-select:none;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);box-sizing:border-box}input,textarea,[contenteditable],.selectable{user-select:text;-webkit-user-select:text;-webkit-touch-callout:default}button,[role=button],a,label,summary{touch-action:manipulation}button,input,select,textarea{font-family:inherit;font-size:inherit}input,textarea,select{font-size:max(16px,1em)}button,[role=button]{min-height:44px;min-width:44px;cursor:pointer}.board,.field,canvas,.drag-surface{touch-action:none}.control-layer{position:fixed;inset:0;z-index:30;pointer-events:none;touch-action:none}.control-layer>*{pointer-events:auto}.safe-inset{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:root{--paper: #efe3c8;--paper-deep: #e4d5b4;--panel: #f7eed6;--panel-deep: #e8dcbe;--ink: #26221b;--text: #2a251c;--muted: #5c5238;--sea: #5bb8e6;--hill: #8fce5a;--dusk: #f0a0c2;--market: #f4c020;--spring: #3fd0c0;--inn: #ff8a5c;--s0: #ffd166;--s1: #5aa0e6;--s2: #7bdc98;--s3: #d072b0;--s4: #ffb066;--radius: 14px;--font: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}[hidden]{display:none!important}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--paper);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;overscroll-behavior:none}#app{min-height:100vh;min-height:calc(var(--vh, 1vh) * 100);display:flex;flex-direction:column}.main-content{flex:1 0 auto;display:flex;flex-direction:column}.site-footer{flex-shrink:0;text-align:center;padding:10px 12px calc(10px + env(safe-area-inset-bottom));font-size:12px;color:var(--muted)}.site-footer a{color:var(--muted)}body.playing .site-footer{display:none!important}a{color:#a5591b}.btn{font:inherit;font-weight:600;border:2px solid var(--ink);background:var(--panel);color:var(--text);border-radius:var(--radius);padding:13px 18px;cursor:pointer;min-height:46px;transition:transform .06s ease,background .15s ease;touch-action:manipulation}.btn:active{transform:translateY(1px) scale(.99)}.btn.primary{background:var(--ink);color:var(--paper)}.btn.ghost{background:transparent;border-color:transparent;color:var(--muted)}.btn.pill{flex:1;padding:11px 8px;min-height:44px}.btn[aria-pressed=true]{background:var(--ink);color:var(--paper)}.screen{max-width:520px;margin:0 auto;width:100%;padding:22px 18px calc(18px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:14px}.title{font-size:clamp(38px,12vw,60px);margin:18px 0 0;letter-spacing:-.02em}.tagline{font-size:16px;color:var(--muted);margin:0 0 6px;line-height:1.5}.menu-actions{display:flex;flex-direction:column;gap:10px}.menu-row{display:flex;gap:10px}.menu-row>*{flex:1}.pills{gap:8px}.setup-label{margin:4px 0 -4px;font-size:13px;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.05em}.re-title{margin:8px 0 0}.re-sub{margin:0;color:var(--muted)}.modes{display:flex;flex-direction:column;gap:10px}.mode-btn{text-align:left;display:flex;flex-direction:column;gap:3px;padding:12px 15px}.mode-name{font-size:17px;font-weight:800}.mode-blurb{font-size:13px;font-weight:500;color:var(--muted);line-height:1.35}.mode-btn[aria-pressed=true] .mode-blurb{color:var(--paper-deep)}.game-wrap{flex:1 0 auto;display:flex;flex-direction:column;width:100%;max-width:560px;margin:0 auto;height:100%}.hud{display:flex;align-items:center;gap:8px;padding:calc(8px + env(safe-area-inset-top)) 12px 8px}.turn-chip{flex:1;font-weight:700;font-size:14px;display:flex;align-items:center;gap:7px;min-width:0}.seat-dot{width:14px;height:14px;border-radius:50%;border:2px solid var(--ink);flex-shrink:0}.seat-dot.s0{background:var(--s0)}.seat-dot.s1{background:var(--s1)}.seat-dot.s2{background:var(--s2)}.seat-dot.s3{background:var(--s3)}.seat-dot.s4{background:var(--s4)}.clock{font-variant-numeric:tabular-nums;font-weight:700;color:var(--muted)}.clock.urgent{color:#c0392b}.hud-btn{width:38px;height:38px;border-radius:10px;border:2px solid var(--ink);background:var(--panel);font-weight:700;font-size:17px;cursor:pointer;touch-action:manipulation}.stage{position:relative;flex:1 1 auto;min-height:0;margin:0 8px;border-radius:var(--radius);overflow:hidden}.stage canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none}.under{padding:8px 12px calc(10px + env(safe-area-inset-bottom))}.standings{display:flex;flex-wrap:wrap;gap:6px}.stand-row{display:flex;align-items:center;gap:7px;background:var(--panel);border:1.5px solid var(--panel-deep);border-radius:999px;padding:4px 11px 4px 4px;font-size:13px;font-weight:600}.stand-row.you{border-color:var(--ink)}.stand-row.done{opacity:.65}.pawn{width:22px;height:22px;border-radius:50%;border:2px solid var(--ink);background:var(--c, #ccc);color:#201c15;font-weight:800;font-size:12px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.stand-name{max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stand-score{font-variant-numeric:tabular-nums;color:var(--muted)}.overlay{position:fixed;inset:0;background:#1e180e80;display:flex;align-items:center;justify-content:center;padding:20px;z-index:50}.sheet{background:var(--panel);border:2px solid var(--ink);border-radius:18px;padding:22px;max-width:440px;width:100%;max-height:88vh;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.sheet h2{margin:0}.sheet p{margin:0;line-height:1.5}.help-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:9px}.help-list li{display:flex;gap:9px;align-items:flex-start;line-height:1.4;font-size:14px}.dot{width:15px;height:15px;border-radius:50%;border:2px solid var(--ink);flex-shrink:0;margin-top:2px}.dot.sea{background:var(--sea)}.dot.market{background:var(--market)}.dot.spring{background:var(--spring)}.dot.inn{background:var(--inn)}.muted{color:var(--muted)}.small{font-size:12px}.inn-sheet{gap:8px;max-width:360px}.inn-title{font-weight:800;font-size:17px}.inn-menu{display:flex;flex-direction:column;gap:8px}.dish{display:flex;justify-content:space-between;align-items:center;border:2px solid var(--ink);background:var(--paper);border-radius:12px;padding:12px 15px;font:inherit;font-weight:600;cursor:pointer;min-height:48px;touch-action:manipulation}.dish.gone{opacity:.4;border-style:dashed;cursor:default}.dish-val{font-weight:800;color:var(--inn)}.lobby-searching{display:flex;align-items:center;justify-content:center;gap:10px;padding:40px 0;color:var(--muted);font-weight:600}.spinner{width:22px;height:22px;border:3px solid var(--panel-deep);border-top-color:var(--ink);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.lobby-modes{display:flex;flex-direction:column;gap:8px;margin-top:10px}.host-pick{margin-top:10px;color:var(--muted)}.room-entry,.lobby{display:flex;flex-direction:column;gap:12px}.re-title,.lobby-title{font-size:clamp(24px,7vw,32px);margin:4px 0 0;font-weight:800}.re-sub,.lobby-sub{color:var(--muted);margin:0 0 4px}.re-divider{color:var(--muted);font-size:13px;margin:2px 0}.re-error{color:#c0392b;font-weight:600;font-size:13px}.re-note,.lobby-spectating{color:var(--muted);font-size:13px}.re-input,input.re-input{font:inherit;padding:12px 14px;border:2px solid var(--ink);border-radius:12px;background:var(--panel);color:var(--text);min-height:46px;min-width:0}.lobby-invite{display:flex;gap:8px;align-items:stretch}.lobby-link{flex:1;min-width:0;font:inherit;padding:11px 12px;border:2px solid var(--panel-deep);border-radius:12px;background:var(--panel);color:var(--muted)}.lobby-btn,.re-create,.re-go,.re-cancel,.re-browse{font:inherit;font-weight:700;border:2px solid var(--ink);background:var(--panel);color:var(--text);border-radius:12px;padding:11px 16px;min-height:46px;cursor:pointer;touch-action:manipulation}.lobby-btn.primary,.re-create{background:var(--ink);color:var(--paper)}.lobby-btn.ghost,.re-cancel{background:transparent;border-color:transparent;color:var(--muted)}.lobby-qr-toggle{align-self:center;border-radius:999px}.lobby-code{font-weight:800;letter-spacing:.06em}.lobby-players{list-style:none;padding:0;margin:6px 0;display:flex;flex-direction:column;gap:6px}.lobby-player{display:flex;align-items:center;gap:8px;padding:9px 12px;border:2px solid var(--panel-deep);border-radius:12px;background:var(--panel);font-weight:600}.lobby-player.is-self{border-color:var(--ink)}.lobby-badge{margin-left:auto;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.lobby-dot{width:12px;height:12px;border-radius:50%;background:var(--spring)}.lobby-dot.ready{background:var(--hill)}.lobby-qr{display:flex;justify-content:center;margin:6px 0}.lobby-qr svg{width:190px;height:190px;max-width:70vw}.lobby-flash{color:var(--hill);font-weight:700;min-height:18px;opacity:0;transition:opacity .2s}.lobby-flash.show{opacity:1}.lobby-actions{display:flex;flex-direction:column;gap:8px}.lobby-offer,.lobby-wait{color:var(--muted)}.results-title{margin:6px 0 2px;font-size:clamp(22px,6vw,30px)}.tally{margin:0;color:var(--muted);font-weight:600;font-size:13px}.results{display:flex;flex-direction:column;gap:9px}.result-card{border:2px solid var(--panel-deep);background:var(--panel);border-radius:14px;padding:11px 13px;display:flex;flex-direction:column;gap:8px}.result-card.you{border-color:var(--ink)}.result-card.win{background:#fbf1d0;border-color:var(--market)}.rc-head{display:flex;align-items:center;gap:9px}.rc-name{flex:1;font-weight:700;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rc-total{font-weight:800;font-size:20px;font-variant-numeric:tabular-nums}.rc-chips{display:flex;flex-wrap:wrap;gap:5px}.chip{font-size:12px;font-weight:700;padding:3px 9px;border-radius:999px;background:var(--panel-deep);color:var(--text)}.chip.sea{background:var(--sea)}.chip.market{background:var(--market)}.chip.spring{background:var(--spring)}.chip.inn{background:var(--inn);color:#201c15}.chip.bonus{background:var(--ink);color:var(--paper)}.waiting-note{color:var(--muted);font-weight:600;min-height:20px;margin:4px 0 0}.countdown{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;font-size:clamp(64px,22vw,130px);font-weight:800;color:var(--ink);z-index:60;pointer-events:none;text-shadow:0 3px 0 var(--paper-deep)}.countdown.pop{animation:cd .7s ease}@keyframes cd{0%{transform:scale(.5);opacity:0}30%{transform:scale(1.1);opacity:1}to{transform:scale(1);opacity:.9}}.netdebug{position:fixed;top:6px;right:6px;background:#14100ad9;color:#d7ffd7;font:11px/1.4 ui-monospace,monospace;white-space:pre;padding:6px 8px;border-radius:8px;z-index:100;pointer-events:none}@media(prefers-reduced-motion:reduce){.spinner,.countdown.pop{animation-duration:.01ms}}