.btn{border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--bg-raised);cursor:pointer;transition:background .12s,border-color .12s}.btn:hover:not(:disabled){background:var(--border);border-color:var(--accent-dim)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--md{padding:var(--space-2) var(--space-4)}.btn--sm{padding:2px var(--space-2);font-size:var(--text-sm)}.btn--primary{background:var(--accent-dim);border-color:var(--accent)}.btn--primary:hover:not(:disabled){background:var(--accent);color:var(--bg)}.btn--danger{border-color:var(--danger);color:var(--danger)}.token-icon{display:inline-flex;align-items:center;gap:1px;vertical-align:middle}.token-icon__count{font-size:var(--text-sm);font-variant-numeric:tabular-nums;color:var(--text-dim)}.token-icon--lacking svg{opacity:.55}.token-icon--lacking .token-icon__count{color:var(--danger);font-weight:600}.shortage-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:0 var(--space-1);border:1px solid var(--danger);border-radius:var(--radius);background:#f7768e1f;font-size:var(--text-sm);white-space:nowrap}.shortage-badge__label{color:var(--danger);font-size:10px;letter-spacing:.04em}.suggest-badge{display:inline-flex;align-items:center;padding:0 var(--space-1);border:1px solid var(--warn);border-radius:var(--radius);background:#e0af6824;color:var(--warn);font-size:10px;font-weight:700;letter-spacing:.04em;white-space:nowrap}.tooltip-anchor{display:inline-flex;align-items:center}.tooltip{position:fixed;z-index:var(--z-tooltip);max-width:320px;padding:var(--space-2) var(--space-3);transform:translate(-50%,-100%);border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--bg-raised);color:var(--text);font-size:var(--text-sm);line-height:1.5;box-shadow:0 6px 24px #00000073;pointer-events:none}.tooltip--below{transform:translate(-50%)}.tooltip strong{display:block;margin-bottom:2px}.tooltip em{color:var(--text-dim);font-style:normal}.vp-badge{display:inline-block;padding:0 var(--space-2);border-radius:var(--radius);background:var(--accent-dim);color:var(--text);font-size:var(--text-sm);font-variant-numeric:tabular-nums;font-weight:600}.vp-badge__target{opacity:.65;font-weight:500}.vp-badge--negative{background:var(--danger);color:var(--bg)}.vp-float{position:absolute;right:0;top:0;font-size:var(--text-sm);font-weight:700;font-variant-numeric:tabular-nums;color:var(--ok);pointer-events:none}.vp-float--negative{color:var(--danger)}.worker-pips{display:inline-flex;gap:2px;vertical-align:middle}.resource-bag{display:inline-flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.resource-bag--empty{color:var(--text-faint);font-size:var(--text-sm)}.card-face{display:flex;flex-direction:column;gap:var(--space-2);align-items:flex-start;min-width:130px;padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-raised);text-align:left}.card-face--clickable{cursor:pointer}.card-face--clickable:hover{border-color:var(--legal);box-shadow:0 0 0 2px var(--legal-glow)}.card-face--selected{border-color:var(--target);box-shadow:0 0 0 2px var(--target-glow)}.card-face--disabled{opacity:.4;cursor:default}.card-face__name{font-weight:600}.card-face--suggested{border-color:var(--warn)}@media (max-width: 700px){.card-face{flex:0 0 124px;min-width:124px;gap:var(--space-1);padding:var(--space-1) var(--space-2);border-radius:var(--radius)}.card-face__name{line-height:1.25}}.formula{display:inline-flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.formula__arrow{color:var(--text-faint)}.formula__optional{display:inline-flex;align-items:center;gap:var(--space-1);color:var(--text-muted)}.tile3d{display:flex;flex-direction:column;align-items:center;gap:2px;width:180px;pointer-events:none;-webkit-user-select:none;user-select:none;text-align:center;text-shadow:0 1px 3px rgb(0 0 0 / 85%)}.tile3d__head{display:flex;align-items:center;gap:var(--space-1);color:var(--text-dim)}.tile3d__label{color:var(--text);font-size:var(--text-sm);font-weight:700;white-space:nowrap}.tile3d--legal .tile3d__label{color:var(--legal)}.tile3d--targetable .tile3d__label{color:var(--target)}.tile3d--blocked{opacity:.72}.tile3d__slots{color:var(--text-faint);font-size:11px;font-variant-numeric:tabular-nums}.tile3d__reason{color:var(--text-dim);font-size:11px;line-height:1.3}.tile3d--suggested{outline:1px solid var(--warn);outline-offset:1px}.convertzone3d__label{font-size:var(--text-sm);letter-spacing:.08em;color:var(--accent);text-shadow:0 1px 3px rgb(0 0 0 / 85%);white-space:nowrap;pointer-events:none;-webkit-user-select:none;user-select:none}.supply3d__count{font-size:var(--text-sm);font-variant-numeric:tabular-nums;color:var(--text-dim);text-shadow:0 1px 3px rgb(0 0 0 / 85%);pointer-events:none;-webkit-user-select:none;user-select:none}.supply3d__count--empty{color:var(--danger);font-weight:700}.zone3d__count{font-size:var(--text-sm);font-weight:700;font-variant-numeric:tabular-nums;color:var(--text);text-shadow:0 1px 3px rgb(0 0 0 / 90%);pointer-events:none;-webkit-user-select:none;user-select:none}.zone3d__name{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-sm);font-weight:700;white-space:nowrap;text-shadow:0 1px 3px rgb(0 0 0 / 90%);pointer-events:none;-webkit-user-select:none;user-select:none}.zone3d__name--active:before{content:"▶";font-size:10px}.zone3d__you,.zone3d__vp,.zone3d__empty{padding:0 4px;border-radius:3px;background:#0000008c;color:var(--text);font-size:10px;font-weight:600}.zone3d__empty{color:var(--text-dim);font-weight:400}.board3d{position:relative;flex:1;min-height:420px;border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;background:var(--bg-sunken)}.board3d canvas{display:block;touch-action:none}.board3d__tooltip{position:fixed;z-index:var(--z-tooltip);max-width:320px;padding:var(--space-2) var(--space-3);transform:translate(-50%,calc(-100% - 14px));border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--bg-raised);font-size:var(--text-sm);line-height:1.5;box-shadow:0 6px 24px #00000073;pointer-events:none}.board3d__tooltip strong{display:block}.board3d__tooltip em{color:var(--text-dim);font-style:normal}@media (max-width: 700px){.board3d{flex:0 0 auto;min-height:clamp(360px,56dvh,560px);border-radius:var(--radius)}.board3d__tooltip{max-width:calc(100vw - 24px);font-size:11px}}.hand__heading{display:flex;align-items:baseline;gap:var(--space-3);margin:0 0 var(--space-2);color:var(--text-dim);font-size:var(--text-sm);font-weight:600;letter-spacing:.06em}.hand__prompt{color:var(--warn);font-weight:400;letter-spacing:0}.hand__cards{display:flex;flex-wrap:wrap;gap:var(--space-2)}.hand__empty{color:var(--text-faint);font-size:var(--text-sm)}@media (max-width: 700px){.hand__heading{gap:var(--space-2);margin-bottom:var(--space-1);font-size:11px;line-height:1.2}.hand__cards{flex-wrap:nowrap;gap:var(--space-1);overflow-x:auto;padding-bottom:var(--space-1)}}.lobby{max-width:560px;margin:0 auto;padding:var(--space-5)}.lobby__title{margin:0 0 var(--space-2);font-size:28px;letter-spacing:.08em}.lobby__hint{color:var(--text-dim);font-size:var(--text-sm)}.lobby__hint code{display:block;margin-top:var(--space-1);padding:var(--space-1) var(--space-2);border-radius:var(--radius);background:var(--bg-sunken);font-family:var(--font-mono);word-break:break-all}.lobby__seats{margin:var(--space-4) 0;padding:0;list-style:none}.lobby__seat{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-panel)}.lobby__seat+.lobby__seat{margin-top:var(--space-2)}.lobby__dot{width:10px;height:10px;border-radius:50%}.lobby__name{flex:1}.lobby__tag{padding:0 var(--space-1);border-radius:3px;background:var(--border);color:var(--text-dim);font-size:10px}.lobby__tag--bot{background:var(--accent-dim);color:var(--text)}.lobby__tag--away{background:var(--danger);color:var(--bg)}.lobby__actions{display:flex;flex-direction:column;gap:var(--space-3)}.lobby__bot{display:flex;gap:var(--space-2)}.lobby__bot select{flex:1;padding:var(--space-2);border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--bg-raised);color:var(--text);font:inherit}.lobby__suggest{display:flex;align-items:center;gap:var(--space-2);color:var(--text-dim);font-size:var(--text-sm)}.log{display:flex;flex-direction:column;min-height:0}.log__heading{margin:0 0 var(--space-2);color:var(--text-dim);font-size:var(--text-sm);font-weight:600;letter-spacing:.06em}.log__lines{flex:1;overflow-y:auto;padding:var(--space-2);border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-sunken);font-family:var(--font-mono);font-size:var(--text-sm);line-height:1.5}.log__line{white-space:pre-wrap;word-break:break-word}.log__line--detail{padding-left:var(--space-3);color:var(--text-dim)}.wizard{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);border:1px solid var(--target);border-radius:var(--radius-lg);background:var(--bg-panel);box-shadow:0 0 0 2px var(--target-glow)}.wizard__head{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2)}.wizard__label{margin:0;color:var(--text-dim);font-size:var(--text-sm)}.wizard__options{display:flex;flex-wrap:wrap;gap:var(--space-2)}.wizard__option{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--bg-raised);cursor:pointer}.wizard__option:hover{border-color:var(--target);background:var(--border)}.wizard__confirm{margin:0;font-size:var(--text-sm)}.wizard__option--suggested{border-color:var(--warn)}@media (max-width: 700px){.wizard{gap:var(--space-1);padding:var(--space-2);border-radius:var(--radius)}.wizard__head{align-items:center}.wizard__label,.wizard__confirm{margin:0;line-height:1.35}.wizard__options{flex-wrap:nowrap;gap:var(--space-1);overflow-x:auto;padding-bottom:2px}.wizard__option{flex:0 0 auto;min-height:36px;padding:var(--space-1) var(--space-2);white-space:nowrap}}.players{display:flex;flex-direction:column;gap:var(--space-2)}.player{padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-left:3px solid var(--border);border-radius:var(--radius);background:var(--bg-panel)}.player--active{border-left-color:var(--legal);background:var(--bg-raised)}.player--me .player__name{font-weight:700}.player__head{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2)}.player__you{margin-left:var(--space-1);padding:0 4px;border-radius:3px;background:var(--border);color:var(--text-dim);font-size:10px;font-weight:400}.player__first{flex:0 0 auto;margin-right:auto;padding:0 4px;border-radius:3px;background:var(--accent-dim);color:var(--text);font-size:10px}.player__meta{display:flex;align-items:center;gap:var(--space-2);margin:var(--space-1) 0;color:var(--text-dim);font-size:var(--text-sm)}.player__taboo{color:var(--danger)}.player__vp{position:relative}@media (max-width: 700px){.players{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-1)}.player{min-width:0;padding:var(--space-1) var(--space-2);border-left-width:2px}.player__head{gap:var(--space-1)}.player__name{min-width:0;overflow:hidden;font-size:var(--text-sm);line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.player__you{margin-left:2px;padding:0 3px;font-size:9px}.player__first{padding:0 3px;font-size:9px}.player__meta{flex-wrap:wrap;gap:2px var(--space-1);margin:2px 0;font-size:11px;line-height:1.2}.player .resource-bag{gap:2px;max-height:22px;overflow:hidden}}.supply__heading{margin:0 0 var(--space-2);color:var(--text-dim);font-size:var(--text-sm);font-weight:600;letter-spacing:.06em}.supply__tokens{display:flex;flex-direction:column;gap:var(--space-2)}.supply__group{padding:var(--space-1) var(--space-2) var(--space-2);border:1px solid var(--border);border-radius:var(--radius)}.supply__group--debt{border-color:var(--token-taboo)}.supply__group-label{display:block;margin-bottom:var(--space-1);color:var(--text-dim);font-size:11px;letter-spacing:.06em}.supply__group-tokens{display:flex;flex-wrap:wrap;gap:var(--space-2)}.supply__entry{display:inline-flex;align-items:center;gap:2px;padding:1px var(--space-1);border:1px solid transparent;border-radius:var(--radius);background:var(--bg-sunken);font-size:var(--text-sm);font-variant-numeric:tabular-nums}.supply__entry--empty{border-color:var(--danger);color:var(--danger);opacity:.75}.supply__count{color:var(--text-dim)}@media (max-width: 700px){.supply__heading{margin-bottom:var(--space-1);font-size:11px;line-height:1.2}.supply__tokens{flex-direction:row;flex-wrap:nowrap;gap:var(--space-1);overflow-x:auto;padding-bottom:2px}.supply__group{flex:0 0 auto;padding:0 var(--space-1) var(--space-1)}.supply__group-label{margin-bottom:0;line-height:1.4}.supply__group-tokens{flex-wrap:nowrap;gap:var(--space-1)}.supply__entry{flex:0 0 auto;padding:0 var(--space-1);font-size:11px;line-height:1.4}}.game{display:flex;flex-direction:column;height:100vh;height:100dvh;overflow:hidden}.game__bar{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--border);background:var(--bg-panel)}.game__round{font-weight:600}.game__turn--mine{color:var(--legal);font-weight:600}.game__result{color:var(--warn);font-weight:600}.game__warn{padding:0 var(--space-2);border-radius:var(--radius);background:var(--warn);color:var(--bg);font-size:var(--text-sm)}.game__spacer{flex:1}.game__skip{display:inline-flex;align-items:center;gap:var(--space-1);color:var(--text-dim);font-size:var(--text-sm)}.game__log-toggle{display:none}.game__body{display:grid;grid-template-columns:260px minmax(0,1fr) 300px;gap:var(--space-4);flex:1;min-height:0;padding:var(--space-4)}.game__side,.game__main,.game__log{min-height:0;overflow-y:auto}.game__main,.game__side{display:flex;flex-direction:column;gap:var(--space-4)}.game__log{display:flex;overflow:hidden}.game__footer{padding:var(--space-3) var(--space-4);border-top:1px solid var(--border)}@media (max-width: 1100px){.game__bar{flex-wrap:wrap;gap:var(--space-2);padding:var(--space-2)}.game__round,.game__turn,.game__result{line-height:1.2}.game__spacer{min-width:var(--space-2)}.game__log-toggle{display:inline-flex}.game__body{grid-template-columns:1fr;align-content:start;gap:var(--space-2);overflow-y:auto;padding:var(--space-2)}.game__side,.game__main{gap:var(--space-2);overflow:visible}.game__log{display:none;height:240px}.game__log--open{display:flex;height:min(36dvh,260px);min-height:160px}}@media (max-width: 700px){.game__bar{font-size:var(--text-sm)}.game__skip{font-size:11px}}.room__status,.room__error{padding:var(--space-2) var(--space-4);font-size:var(--text-sm);text-align:center}.room__status{background:var(--bg-raised);color:var(--text-dim)}.room__error{background:var(--danger);color:var(--bg)}.title{display:flex;flex-direction:column;gap:var(--space-4);max-width:420px;margin:0 auto;padding:12vh var(--space-5) var(--space-5)}.title__logo{margin:0;font-size:44px;letter-spacing:.14em}.title__lead{margin:0;color:var(--text-dim);font-size:var(--text-sm)}.title__field{display:flex;flex-direction:column;gap:var(--space-1);color:var(--text-dim);font-size:var(--text-sm)}.title input{padding:var(--space-2) var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--bg-panel);color:var(--text);font:inherit}.title__actions{display:flex;flex-direction:column;gap:var(--space-3)}.title__join{display:flex;gap:var(--space-2)}.title__join input{flex:1;font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase}.title__error{color:var(--danger);font-size:var(--text-sm)}.title__theme{margin-top:var(--space-4)}.title select{padding:var(--space-2) var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--bg-panel);color:var(--text);font:inherit}:root{color-scheme:dark;--bg: #12131a;--bg-panel: #1b1d27;--bg-raised: #242736;--bg-sunken: #0d0e13;--border: #333748;--border-strong: #4a4f66;--text: #e8e9f0;--text-dim: #bcc1d4;--text-faint: #969db4;--accent: #7aa2f7;--accent-dim: #3d5a8f;--ok: #9ece6a;--warn: #e0af68;--danger: #f7768e;--legal: #9ece6a;--legal-glow: rgba(158, 206, 106, .22);--target: #7aa2f7;--target-glow: rgba(122, 162, 247, .25);--token-earth: #b08968;--token-fire: #f7768e;--token-water: #7dcfff;--token-gold: #e0af68;--token-philosopherStone: #ff9e64;--token-homunculus: #9ece6a;--token-taboo: #6b7089;--radius: 6px;--radius-lg: 10px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--font: system-ui, -apple-system, "Hiragino Kaku Gothic ProN", "Noto Sans JP", sans-serif;--font-mono: ui-monospace, "SFMono-Regular", Menlo, monospace;--text-sm: 12px;--text-base: 14px;--text-lg: 18px;--z-tooltip: 100;--z-modal: 200}:root[data-theme=vrchat]{--token-earth: #eef1f7;--token-fire: #ffd23f;--token-water: #f5792a;--token-gold: #3fa9f5;--token-philosopherStone: #b07af0;--token-homunculus: #5fd38d;--token-taboo: #ff00ff}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:var(--text-base);line-height:1.6}button{font:inherit;color:inherit}