*{box-sizing:border-box}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0f1115;--panel:#171a21;--panel-2:#1e222b;--border:#2a2f3a;--text:#f2f3f5;--text-dim:#9aa1ad;--accent:#ffb545;--accent-2:#4fd1c5;--danger:#ff6b6b;--success:#6bffa0;--bubble-char:#232732;--bubble-user:#2f4a3f}html,body{height:100%}body{background:radial-gradient(circle at top, #1a1e27 0%, var(--bg) 60%);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:Segoe UI,system-ui,-apple-system,sans-serif}#app{justify-content:center;min-height:100vh;display:flex}.game{background:var(--panel);flex-direction:column;width:100%;max-width:480px;min-height:100vh;display:flex;position:relative;box-shadow:0 0 40px #00000080}.loading,.error{text-align:center;color:var(--text-dim);padding:3rem 1.5rem;font-size:1.05rem}.game-header{border-bottom:1px solid var(--border);background:linear-gradient(180deg, var(--panel-2), var(--panel));z-index:5;padding:1rem 1.1rem .85rem;position:sticky;top:0}.day-badge{letter-spacing:.06em;text-transform:uppercase;color:var(--bg);background:var(--accent);border-radius:999px;margin-bottom:.45rem;padding:.2rem .55rem;font-size:.75rem;font-weight:700;display:inline-block}.scenario-title{margin:0 0 .2rem;font-size:1.25rem;font-weight:700}.character-line{flex-direction:column;gap:.05rem;margin-bottom:.7rem;display:flex}.char-name{color:var(--accent-2);font-size:.95rem;font-weight:700}.char-persona{color:var(--text-dim);font-size:.8rem;line-height:1.25}.player-brief{color:var(--text-dim);margin:.5rem 0 0;font-size:.85rem;line-height:1.4}.house-rules{color:var(--text-dim);opacity:.85;margin:.4rem 0 0;font-size:.75rem;line-height:1.4}.meters:not(:has(*)){display:none}.meters{background:var(--panel);border:1px solid var(--border);border-radius:10px;justify-content:space-between;align-items:center;gap:.75rem;padding:.5rem .65rem;display:flex}.ask-display{text-align:right}.ask-value{color:var(--accent);font-size:1rem;font-weight:700}.ask-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);margin-bottom:.2rem;font-size:.65rem;display:block}.chat-log{flex-direction:column;flex:1;gap:.55rem;padding:.9rem .9rem .4rem;display:flex;overflow-y:auto}.bubble{white-space:pre-wrap;border-radius:14px;max-width:82%;padding:.55rem .75rem;font-size:.92rem;line-height:1.35;animation:.16s ease-out pop-in}@keyframes pop-in{0%{opacity:0;transform:translateY(4px)scale(.98)}to{opacity:1;transform:none}}.bubble.character{background:var(--bubble-char);color:var(--text);border-bottom-left-radius:4px;align-self:flex-start}.bubble.user{background:var(--bubble-user);color:var(--text);border-bottom-right-radius:4px;align-self:flex-end}.bubble.system{color:var(--text-dim);text-align:center;background:0 0;align-self:center;max-width:100%;font-size:.78rem}.bubble.typing{align-items:center;gap:.28rem;padding:.65rem .85rem;display:flex}.typing-dot{background:var(--text-dim);opacity:.6;border-radius:50%;width:6px;height:6px;animation:1s ease-in-out infinite typing-bounce}.typing-dot:nth-child(2){animation-delay:.15s}.typing-dot:nth-child(3){animation-delay:.3s}@keyframes typing-bounce{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}.input-row{padding:.75rem .9rem calc(.9rem + env(safe-area-inset-bottom));border-top:1px solid var(--border);background:var(--panel-2);gap:.5rem;display:flex;position:sticky;bottom:0}.input-field{flex:1;align-items:center;display:flex;position:relative}#chat-input{border:1px solid var(--border);background:var(--panel);width:100%;color:var(--text);border-radius:999px;outline:none;flex:1;padding:.6rem 3.4rem .6rem .95rem;font-size:.95rem}#chat-input:focus{border-color:var(--accent-2)}#chat-input:disabled{opacity:.5}.char-counter{color:var(--text-dim);pointer-events:none;font-variant-numeric:tabular-nums;font-size:.7rem;position:absolute;right:.85rem}.char-counter.warning{color:var(--accent)}.char-counter.over{color:var(--danger);font-weight:700}#send-btn{background:var(--accent);color:#221a08;cursor:pointer;border:none;border-radius:999px;padding:0 1.15rem;font-size:.92rem;font-weight:700}#send-btn:disabled{opacity:.45;cursor:not-allowed}.end-panel{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:10;background:#0a0b0fdb;justify-content:center;align-items:flex-end;display:flex;position:absolute;inset:0}.end-panel.hidden{display:none}.end-card{background:var(--panel-2);border-top:1px solid var(--border);width:100%;padding:1.4rem 1.3rem calc(1.6rem + env(safe-area-inset-bottom));border-radius:20px 20px 0 0;flex-direction:column;gap:.85rem;max-height:88vh;animation:.22s ease-out slide-up;display:flex;overflow-y:auto}@keyframes slide-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}.end-result{text-align:center}.end-outcome{margin:0 0 .15rem;font-size:1.5rem;font-weight:800}.end-outcome.deal{color:var(--success)}.end-outcome.no-deal{color:var(--danger)}.end-detail{color:var(--text-dim);margin:0;font-size:.9rem}.end-score{text-align:center;border-top:1px dashed var(--border);border-bottom:1px dashed var(--border);padding:.9rem 0}.end-score-number{color:var(--accent);font-size:2.4rem;font-weight:800;line-height:1}.end-score-label{color:var(--accent-2);margin-top:.2rem;font-weight:700}.end-percentile{color:var(--text-dim);margin-top:.3rem;font-size:.8rem}.end-meta{color:var(--text-dim);justify-content:space-between;font-size:.8rem;display:flex}.streak-badge,.handle-badge{color:var(--text);font-weight:700}.end-percentile{text-align:center;color:var(--text-dim);min-height:1.1em;font-size:.85rem}.end-percentile strong{color:var(--accent-2)}.history-box{color:var(--text-dim);font-size:.78rem}.history-title{color:var(--text);margin-bottom:.3rem;font-weight:700}.history-list{flex-direction:column;gap:.2rem;margin:0;padding:0;list-style:none;display:flex}.history-list li{justify-content:space-between;gap:.5rem;display:flex}.history-day{color:var(--text-dim);min-width:2.5rem}.history-label{color:var(--text);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.history-score{color:var(--accent-2);font-weight:700}.share-card{background:var(--panel);border:1px solid var(--border);white-space:pre-wrap;border-radius:12px;padding:.85rem;font-family:Courier New,monospace;font-size:.85rem;line-height:1.5}.end-actions{gap:.6rem;display:flex}.copy-btn,.countdown{flex:1}.copy-btn{background:var(--accent-2);color:#06231f;cursor:pointer;border:none;border-radius:10px;padding:.65rem .8rem;font-size:.9rem;font-weight:700}.copy-btn.copied{background:var(--success)}.countdown-box{text-align:center;color:var(--text-dim);font-size:.78rem}.countdown-value{color:var(--text);font-variant-numeric:tabular-nums;margin-top:.15rem;font-size:1rem;font-weight:700;display:block}.claimed-badge{background:var(--success);color:#05271a;vertical-align:middle;border-radius:50%;justify-content:center;align-items:center;width:1.05rem;height:1.05rem;margin-left:.3rem;font-size:.65rem;font-weight:800;display:inline-flex}.claim-box:empty{display:none}.claim-btn{border:1px dashed var(--accent);width:100%;color:var(--accent);cursor:pointer;background:0 0;border-radius:12px;padding:.65rem .8rem;font-size:.88rem;font-weight:700}.claim-btn:hover{background:#ffb54514}.claim-form{gap:.5rem;display:flex}.claim-form.hidden{display:none}.claim-email-input{border:1px solid var(--border);background:var(--panel);color:var(--text);border-radius:10px;outline:none;flex:1;min-width:0;padding:.6rem .75rem;font-size:.9rem}.claim-email-input:focus{border-color:var(--accent-2)}.claim-email-input:disabled{opacity:.5}.claim-submit-btn{background:var(--accent);color:#221a08;cursor:pointer;white-space:nowrap;border:none;border-radius:10px;padding:0 1rem;font-size:.85rem;font-weight:700}.claim-submit-btn:disabled{opacity:.5;cursor:not-allowed}.claim-status{min-height:0;margin:0;font-size:.8rem}.claim-status:empty{display:none}.claim-status.success{color:var(--success);font-weight:700}.claim-status.error{color:var(--danger)}.claim-status.pending{color:var(--text-dim)}.leaderboard-btn{border:1px solid var(--border);background:var(--panel);color:var(--text);cursor:pointer;border-radius:10px;align-self:flex-start;margin-top:.6rem;padding:.55rem .8rem;font-size:.82rem;font-weight:700}.leaderboard-btn:hover{border-color:var(--accent-2);color:var(--accent-2)}.end-actions .leaderboard-btn{text-align:center;flex:1;margin-top:0}.leaderboard-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:50;background:#06070ab3;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.leaderboard-card{background:var(--panel-2);border:1px solid var(--border);width:100%;max-width:480px;max-height:82vh;padding:1.2rem 1.2rem calc(1.4rem + env(safe-area-inset-bottom));border-radius:20px 20px 0 0;flex-direction:column;gap:.7rem;animation:.22s ease-out slide-up;display:flex;overflow:hidden}.leaderboard-head{justify-content:space-between;align-items:center;display:flex}.leaderboard-head h2{margin:0;font-size:1.1rem}.leaderboard-close{color:var(--text-dim);cursor:pointer;background:0 0;border:none;padding:.2rem .4rem;font-size:1.1rem}.leaderboard-close:hover{color:var(--text)}.leaderboard-tabs{gap:.5rem;display:flex}.lb-tab{border:1px solid var(--border);background:var(--panel);color:var(--text-dim);cursor:pointer;border-radius:999px;flex:1;padding:.5rem .6rem;font-size:.85rem;font-weight:700}.lb-tab.active{border-color:var(--accent);color:var(--accent);background:#ffb5451a}.leaderboard-body{overflow-y:auto}.leaderboard-loading,.leaderboard-empty{text-align:center;color:var(--text-dim);padding:1.5rem .5rem;font-size:.9rem}.leaderboard-list{flex-direction:column;gap:.35rem;margin:0;padding:0;list-style:none;display:flex}.leaderboard-row{background:var(--panel);border:1px solid var(--border);border-radius:10px;align-items:center;gap:.6rem;padding:.5rem .7rem;font-size:.88rem;display:flex}.lb-rank{text-align:center;width:1.6rem;color:var(--accent);flex-shrink:0;font-weight:800}.lb-handle{color:var(--text);text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:700;overflow:hidden}.lb-score{color:var(--accent-2);flex-shrink:0;font-weight:700}.lb-plays{color:var(--text-dim);text-align:right;flex-shrink:0;min-width:3.6rem;font-size:.78rem}.toast-banner{z-index:100;text-align:center;border-radius:12px;max-width:92vw;padding:.7rem 1.1rem;font-size:.88rem;font-weight:700;animation:.2s ease-out toast-in;position:fixed;top:1rem;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #00000059}.toast-banner.success{background:var(--success);color:#06271a}.toast-banner.error{background:var(--danger);color:#2a0808}.toast-banner.leaving{opacity:0;transition:opacity .3s ease-out}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%)}}@media (width>=1024px){#app{align-items:center;padding:2.5rem 2rem}.game{border:1px solid var(--border);border-radius:18px;grid-template-rows:1fr auto;grid-template-columns:360px 1fr;max-width:1080px;height:min(82vh,860px);min-height:0;display:grid;overflow:hidden}.game-header{border-bottom:none;border-right:1px solid var(--border);flex-direction:column;grid-area:1/1/3;gap:.5rem;padding:2rem 1.75rem;display:flex;position:static;overflow-y:auto}.scenario-title{margin-bottom:.5rem;font-size:1.7rem;line-height:1.2}.char-name{font-size:1.05rem}.char-persona,.player-brief{font-size:.95rem;line-height:1.5}.house-rules{font-size:.8rem}.meters{margin-top:auto}.day-badge{align-self:flex-start}.chat-log{grid-area:1/2;gap:.7rem;padding:1.4rem 1.6rem .6rem}.bubble{max-width:65%;padding:.65rem .95rem;font-size:1rem;line-height:1.45}.input-row{grid-area:2/2;padding:1rem 1.6rem 1.25rem;position:static}#chat-input{padding:.7rem 1.1rem;font-size:1rem}.end-panel{border-radius:18px;align-items:center}.end-card{border:1px solid var(--border);border-radius:20px;max-width:460px;max-height:80vh;padding:1.8rem 1.8rem 2rem}.leaderboard-overlay{align-items:center}.leaderboard-card{border-radius:20px;max-height:78vh}}