:root{--bg: #FAF8F4;--panel: #FFFFFF;--border: #DAD5C9;--ink: #241F17;--muted: #77705F;--amber: #D8952F;--amber-bg: #FBEFD9;--teal: #2A6F63;--teal-bg: #E3EEFB;--coral: #B4432F;--coral-bg: #FBE4E0;--purple: #6A4E8C;--purple-bg: #EFE5FA}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:-apple-system,Segoe UI,Roboto,sans-serif;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}#app{max-width:920px;margin:0 auto;padding:16px}h1.title{font-size:23px;font-weight:800;margin:4px 0 2px;letter-spacing:-.2px}p.sub{color:var(--muted);font-size:13px;margin:0 0 18px;line-height:1.5}.card{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:16px;margin-bottom:14px;box-shadow:0 1px 2px #241f170a,0 4px 14px #241f170d}.seat-row{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--border);flex-wrap:wrap}.seat-row:last-child{border-bottom:none}.swatch{width:30px;height:30px;border-radius:50%;flex-shrink:0;box-shadow:0 1px 3px #0000002e}.seat-label{width:56px;font-size:12px;color:var(--muted)}input[type=text]{font-size:14px;padding:8px 10px;border:1px solid var(--border);border-radius:8px;width:130px;transition:border-color .15s ease}input[type=text]:focus{outline:none;border-color:var(--teal)}select{font-size:13px;padding:7px 8px;border:1px solid var(--border);border-radius:8px;background:var(--panel)}.toggle-btn{border:1px solid var(--border);background:var(--panel);padding:6px 12px;border-radius:20px;font-size:12px;cursor:pointer;transition:all .15s ease}.toggle-btn:hover{border-color:var(--teal)}.toggle-btn.active{background:var(--teal-bg);border-color:var(--teal);color:var(--teal);font-weight:600}.btn{border:none;border-radius:12px;padding:12px 20px;font-size:15px;font-weight:700;cursor:pointer;min-height:44px;transition:transform .08s ease,box-shadow .15s ease;box-shadow:0 1px 2px #241f170f}.btn:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 3px 10px #241f171a}.btn:not(:disabled):active{transform:translateY(0)}.btn-amber{background:var(--amber-bg);color:#7a5610;border:1px solid var(--amber)}.btn-teal{background:var(--teal-bg);color:#1d4d45;border:1px solid var(--teal)}.btn-coral{background:var(--coral-bg);color:#7a2f1f;border:1px solid var(--coral)}.btn-plain{background:var(--panel);border:1px solid var(--border);color:var(--ink)}.btn:disabled{opacity:.4;cursor:default;transform:none;box-shadow:none}.btn-block{width:100%}label.field-label{font-size:12px;color:var(--muted);margin-right:8px}.setting-row{display:flex;align-items:center;gap:8px;margin-top:10px;flex-wrap:wrap}.turn-banner{display:flex;align-items:center;gap:10px;margin-bottom:10px;flex-wrap:wrap}.pill{border-radius:16px;padding:7px 16px;font-weight:700;font-size:14px;box-shadow:0 1px 2px #241f170d}.pill-amber{background:var(--amber-bg);color:#7a5610;border:1px solid var(--amber)}.pill-coral{background:var(--coral-bg);color:#7a2f1f;border:1px solid var(--coral)}.pill-timer{background:var(--panel);border:1px solid var(--border);color:var(--ink);font-variant-numeric:tabular-nums}.quit-btn{margin-left:auto}.game-layout{display:flex;gap:16px;align-items:flex-start;flex-wrap:wrap}.board-wrap{flex:1 1 440px;background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:8px;box-shadow:0 1px 2px #241f170a,0 4px 14px #241f170d}.side-col{width:165px;display:flex;flex-direction:column;gap:10px}.side-box{border-radius:12px;padding:10px;border:1px solid var(--border);min-height:60px;box-shadow:0 1px 2px #241f170a}.pile-tokens{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.mini-token{width:16px;height:16px;border-radius:50%;box-shadow:inset 0 0 0 2.5px #00000059}.actions{margin-top:14px}.action-row{display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:10px 12px;margin-bottom:6px;cursor:pointer;transition:border-color .15s ease,transform .08s ease}.action-row:hover{border-color:var(--teal);transform:translate(2px)}.action-desc{font-size:13.5px}.action-go{font-size:12px;font-weight:700;color:var(--teal)}.log{max-height:130px;overflow-y:auto;font-size:12.5px;color:var(--muted)}.log div{padding:3px 0;border-bottom:1px dashed var(--border)}.win-names{font-size:28px;font-weight:800;text-align:center;margin:10px 0 4px;letter-spacing:-.3px}.win-sub{text-align:center;color:var(--muted);font-size:13px;margin-bottom:16px}.confirm-btns{display:flex;gap:10px}.error-banner{background:var(--coral-bg);border:1px solid var(--coral);color:#7a2f1f;border-radius:10px;padding:10px 14px;margin-bottom:12px;font-size:13.5px}.loading-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 0;gap:14px}.spinner{width:28px;height:28px;border-radius:50%;border:3px solid var(--border);border-top-color:var(--teal);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 700px){.game-layout{flex-direction:column}.side-col{width:100%;flex-direction:row;flex-wrap:wrap}.side-box{flex:1 1 140px}}