*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg: #0d0d1a;--color-surface: #16162a;--color-surface-2: #1e1e38;--color-border: #2a2a4a;--color-ai: #e94560;--color-human: #4a9eff;--color-tie: #a0a0c0;--color-text: #e0e0f0;--color-text-muted: #8080a0;--color-primary: #5a5aff;--color-primary-hover: #7070ff}html,body{min-height:100vh;background:var(--color-bg);color:var(--color-text);font-family:Segoe UI,system-ui,sans-serif;line-height:1.5}#root{display:flex;flex-direction:column;min-height:100vh;max-width:600px;margin:0 auto;padding:0 16px}.scoreboard{display:flex;align-items:center;justify-content:space-between;background:var(--color-surface);border-bottom:1px solid var(--color-border);padding:12px 16px;margin:0 -16px;gap:8px}.scoreboard-player{display:flex;flex-direction:column;gap:2px;min-width:120px}.scoreboard-ai{align-items:flex-start}.scoreboard-human{align-items:flex-end}.scoreboard-label{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.scoreboard-ai .scoreboard-label{color:var(--color-ai)}.scoreboard-human .scoreboard-label{color:var(--color-human)}.scoreboard-coins{font-size:15px;font-weight:600}.scoreboard-rounds{font-size:12px;color:var(--color-text-muted)}.scoreboard-center{text-align:center;flex-shrink:0}.scoreboard-rounds-left{font-size:12px;color:var(--color-text-muted);white-space:nowrap}.main-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 0;gap:24px}.btn{display:inline-block;border:none;border-radius:8px;padding:12px 32px;font-size:16px;font-weight:600;cursor:pointer;transition:background .15s,transform .1s}.btn:active{transform:scale(.97)}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-hover)}.setup{display:flex;flex-direction:column;align-items:center;gap:24px;text-align:center;padding:16px 0}.setup-title{font-size:48px;font-weight:800;letter-spacing:-1px;color:var(--color-ai)}.setup-tagline{font-size:18px;color:var(--color-text-muted);margin-top:-16px}.rules{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:20px 24px;text-align:left;width:100%}.rules h2{font-size:16px;font-weight:700;margin-bottom:12px;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.rules ul{list-style:disc;padding-left:20px;display:flex;flex-direction:column;gap:6px;font-size:14px}.rules-note{margin-top:12px;font-size:13px;color:var(--color-text-muted);font-style:italic}.rules-note a{color:var(--color-primary-hover);text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--color-primary-hover) 40%,transparent)}.rules-note a:hover{color:#fff;text-decoration-color:var(--color-primary-hover)}.loading{display:flex;flex-direction:column;align-items:center;gap:16px;color:var(--color-text-muted)}.spinner{width:40px;height:40px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.round-phase{display:flex;flex-direction:column;align-items:center;gap:24px;width:100%}.round-title{font-size:24px;font-weight:700}.round-prompt{color:var(--color-text-muted);font-size:16px}.coin-slider{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%}.coin-slider-value{font-size:48px;font-weight:800;color:var(--color-human);min-width:80px;text-align:center}.slider{width:100%;height:6px;accent-color:var(--color-human);cursor:pointer}.slider.locked{opacity:.5;cursor:not-allowed}.coin-slider-labels{display:flex;justify-content:space-between;width:100%;font-size:12px;color:var(--color-text-muted)}.coin-slider-forced{font-size:13px;color:var(--color-tie);font-style:italic;text-align:center}.ai-bid-bar{width:100%}.ai-bid-bar-labels{display:flex;justify-content:space-between;font-size:12px;color:var(--color-text-muted)}.ai-bid-bar-label{font-weight:700;color:var(--color-ai);letter-spacing:.05em;text-transform:uppercase;font-size:11px}.ai-bid-bar-track{width:100%;height:10px;border-radius:3px;overflow:hidden;display:flex;background:var(--color-surface-2)}.ai-bid-bar-solid{flex:1;background:var(--color-ai);opacity:.5}.ai-bid-bar-chart{width:100%;height:36px;display:flex;align-items:flex-end;gap:1px}.ai-bid-bar-chart-bar{flex:1;background:var(--color-ai);min-width:0;border-radius:1px 1px 0 0}.reveal-phase{display:flex;flex-direction:column;align-items:center;gap:24px;width:100%}.reveal-bids{display:flex;align-items:center;justify-content:center;gap:24px;width:100%}.reveal-bid{display:flex;flex-direction:column;align-items:center;gap:6px;flex:1;background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:16px}.reveal-bid-label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.reveal-bid-ai .reveal-bid-label{color:var(--color-ai)}.reveal-bid-human .reveal-bid-label{color:var(--color-human)}.reveal-bid-value{font-size:40px;font-weight:800}.reveal-vs{font-size:18px;color:var(--color-text-muted);flex-shrink:0}.reveal-result{font-size:22px;font-weight:700}.reveal-score{display:flex;gap:12px;font-size:18px;font-weight:600}.result-ai{color:var(--color-ai)}.result-human{color:var(--color-human)}.result-tie{color:var(--color-tie)}.score-ai{color:var(--color-ai)}.score-human{color:var(--color-human)}.score-sep{color:var(--color-text-muted)}.game-over{display:flex;flex-direction:column;align-items:center;gap:20px;width:100%}.game-over-result{font-size:36px;font-weight:800}.game-over-sub{color:var(--color-text-muted);font-size:15px;text-align:center}.game-over-score{display:flex;gap:12px;font-size:22px;font-weight:700}.ai-thinking{display:flex;flex-direction:column;align-items:center;gap:8px}.scoreboard-advantage{font-size:12px;font-weight:700;letter-spacing:.04em}.adv-ai{color:var(--color-ai)}.adv-human{color:var(--color-human)}.adv-even{color:var(--color-text-muted)}.strategy-toggle{background:none;border:1px solid var(--color-border);border-radius:6px;padding:6px 16px;font-size:13px;color:var(--color-text-muted);cursor:pointer;transition:border-color .15s,color .15s}.strategy-toggle:hover{border-color:var(--color-ai);color:var(--color-ai)}.strategy-note{font-size:12px;color:var(--color-text-muted);font-style:italic;text-align:center;align-self:stretch}.strategy-note a{color:var(--color-primary-hover);text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--color-primary-hover) 40%,transparent)}.strategy-note a:hover{color:#fff;text-decoration-color:var(--color-primary-hover)}.history-log{width:100%}.history-log h3{font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin-bottom:8px}.history-table{width:100%;border-collapse:collapse;font-size:14px}.history-table th{text-align:left;padding:6px 8px;color:var(--color-text-muted);border-bottom:1px solid var(--color-border);font-weight:600;font-size:12px}.history-table td{padding:6px 8px;border-bottom:1px solid var(--color-border)}.history-row-ai td:last-child{color:var(--color-ai);font-weight:600}.history-row-human td:last-child{color:var(--color-human);font-weight:600}.history-row-tie td:last-child{color:var(--color-tie)}