:root{color-scheme:light;--bg: #e8dabd;--ink: #e9e0d8;--muted: #bcaea5;--faint: #857669;--zhuni: #c2553f;--gold: #f2c25a;--violet: #9a6cd0;--panel: rgba(14, 9, 11, .62);--hair: rgba(255, 255, 255, .08)}html,body,#root{margin:0;height:100%;background:var(--bg);color:var(--ink);font-family:-apple-system,PingFang HK,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased}.app{position:relative;height:100%;overflow:hidden}.ui{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:24px;pointer-events:auto;background:radial-gradient(circle at 50% 38%,#09070a2e,#09070abd)}.panel{pointer-events:auto;max-width:min(440px,92vw);padding:28px 30px;border-radius:18px;background:var(--panel);border:1px solid rgba(194,85,63,.3);-webkit-backdrop-filter:blur(16px) saturate(1.1);backdrop-filter:blur(16px) saturate(1.1);box-shadow:0 24px 80px #00000080,inset 0 1px #ffffff0d}.kicker{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--zhuni)}.title{margin:8px 0 6px;font-size:30px;font-weight:650;letter-spacing:.04em}.lead{margin:0 0 18px;font-size:13px;line-height:1.7;color:var(--muted)}.field{margin:14px 0}.field-label{display:block;margin-bottom:7px;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--faint)}.seg{display:flex;gap:6px}.seg button{flex:1;pointer-events:auto;padding:9px 8px;border-radius:10px;font:inherit;font-size:13px;color:var(--muted);background:#ffffff0a;border:1px solid var(--hair);cursor:pointer;transition:.18s}.seg button:hover{border-color:#c2553f66;color:var(--ink)}.seg button.on{color:#fff;background:linear-gradient(135deg,#c2553f80,#a8402a52);border-color:#c2553fb3;box-shadow:0 0 0 1px #c2553f4d,0 6px 18px #c2553f2e}.toggle{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--muted);cursor:pointer}.toggle input{width:16px;height:16px;accent-color:var(--zhuni)}.primary{width:100%;margin-top:10px;pointer-events:auto;padding:13px;border:none;border-radius:12px;font:inherit;font-size:15px;font-weight:600;letter-spacing:.05em;color:#fff;background:linear-gradient(135deg,#c2553f,#a8402a);box-shadow:0 10px 30px #c2553f47;cursor:pointer;transition:.18s}.primary:hover{filter:brightness(1.08);transform:translateY(-1px)}.result .title{color:var(--gold)}.hud{position:absolute;top:16px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none}.phase-pill{padding:8px 18px;border-radius:20px;font-size:13px;letter-spacing:.04em;color:var(--gold);background:#0e090b99;border:1px solid rgba(242,194,90,.3);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.phase-pill.thinking{color:#c8aef0;border-color:#9a6cd080}.hand-chip{padding:5px 14px;border-radius:16px;font-size:12px;color:var(--muted);background:#0e090b80;border:1px solid rgba(255,255,255,.07);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hand-chip b{color:var(--ink);font-weight:600}.tray{position:absolute;left:0;right:0;bottom:0;padding:14px 16px calc(16px + env(safe-area-inset-bottom));pointer-events:none;background:linear-gradient(to top,rgba(9,7,10,.55),transparent)}.tray-title{margin-bottom:8px;text-align:center;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--faint)}.chips{display:flex;flex-wrap:wrap;gap:7px;justify-content:center;max-width:760px;margin:0 auto}.chip{pointer-events:auto;padding:8px 11px;border-radius:10px;font:inherit;font-size:13px;color:#cbbfb4;background:#0e090b94;border:1px solid rgba(255,255,255,.09);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;transition:.16s}.chip:not(:disabled):hover{color:#fff;border-color:#c2553f99;transform:translateY(-2px);box-shadow:0 8px 20px #c2553f33}.chip:disabled{opacity:.4;cursor:default}