:root{color:#e7eadf;background:#070806;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#app{min-height:100%}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 12% 6%,rgba(122,30,30,.42),transparent 24rem),radial-gradient(circle at 92% 12%,rgba(56,92,78,.24),transparent 28rem),linear-gradient(180deg,#12130f,#060706)}button,input,select,textarea{font:inherit}button{align-items:center;background:#b94932;border:1px solid #d36a4d;border-radius:.75rem;color:#fff5ec;cursor:pointer;display:inline-flex;font-weight:700;justify-content:center;min-height:2.75rem;padding:.65rem 1rem}button:hover{background:#c95b42}button:disabled{cursor:not-allowed;filter:grayscale(.8);opacity:.55}button.secondary{background:#ffffff0f;border-color:#ffffff29;color:#e7eadf}button.secondary:hover{background:#ffffff1c}input,select,textarea{background:#00000047;border:1px solid rgba(255,255,255,.16);border-radius:.65rem;color:#f4f0e7;display:block;margin-top:.4rem;outline:none;padding:.75rem .85rem;width:100%}textarea{resize:vertical}input:focus,select:focus,textarea:focus{border-color:#d36a4d;box-shadow:0 0 0 3px #d36a4d2e}label{color:#c8c6b9;display:block;font-size:.92rem;font-weight:700;margin-bottom:.95rem}.game-shell{margin:0 auto;max-width:1220px;padding:clamp(1rem,3vw,2.5rem)}.hero-panel,.panel{background:#0e0f0ce0;border:1px solid rgba(255,255,255,.12);box-shadow:0 24px 90px #00000054}.hero-panel{align-items:end;border-radius:1.5rem;display:flex;gap:1.5rem;justify-content:space-between;margin-bottom:1rem;overflow:hidden;padding:clamp(1.3rem,4vw,2.3rem);position:relative}.hero-panel:after{background:linear-gradient(135deg,transparent,rgba(185,73,50,.22));content:"";inset:0;pointer-events:none;position:absolute}.hero-panel>*{position:relative;z-index:1}.hero-panel h1{color:#fff8ed;font-size:clamp(2rem,5vw,4.2rem);letter-spacing:-.055em;line-height:.95;margin:0 0 1rem}.lead{color:#c8c6b9;font-size:1.08rem;line-height:1.65;margin:0;max-width:48rem}.eyebrow{color:#d9946d;font-size:.78rem;font-weight:800;letter-spacing:.15em;margin:0 0 .65rem;text-transform:uppercase}.user-card{background:#00000038;border:1px solid rgba(255,255,255,.13);border-radius:1rem;min-width:12rem;padding:1rem}.user-card span,.user-card small{color:#9e9b8f;display:block}.user-card strong{color:#fff8ed;display:block;font-size:1.35rem}.panel{border-radius:1.15rem;padding:1.2rem}.panel h2{color:#fff8ed;margin:0 0 .7rem}.grid{display:grid;gap:1rem;margin-top:1rem}.two-cols{grid-template-columns:repeat(2,minmax(0,1fr))}.play-grid{align-items:start}.login-panel{align-items:start;display:grid;gap:1.5rem;grid-template-columns:.8fr 1.2fr;margin-top:1rem}.form-grid{display:grid;gap:.8rem;grid-template-columns:repeat(2,minmax(0,1fr))}.button-row{align-items:center;display:flex;flex-wrap:wrap;gap:.7rem;grid-column:1 / -1;justify-content:flex-end}.inline-fields{display:grid;gap:.8rem;grid-template-columns:.55fr 1fr}.muted-text,.empty-state{color:#9e9b8f}.alert{border-radius:.9rem;margin:1rem 0;padding:.9rem 1rem}.success{background:#3a7c522e;border:1px solid rgba(94,181,122,.34);color:#bdf4c9}.danger{background:#97322a33;border:1px solid rgba(226,91,75,.36);color:#ffc3b9}.muted-alert{background:#ffffff0f;border:1px solid rgba(255,255,255,.13);color:#d9d7cd}.character-active{background:#b949321a;border:1px solid rgba(211,106,77,.22);border-radius:1rem;margin-bottom:1rem;padding:1rem}.character-active p{color:#c8c6b9;line-height:1.55;margin:0 0 .8rem}.character-active small{color:#9e9b8f}.character-list{display:flex;flex-wrap:wrap;gap:.6rem}.character-chip{border-radius:999px;min-height:2.25rem;padding:.45rem .8rem}.character-chip.active{background:#3f6f53;border-color:#73a981}.history-head{align-items:start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1rem}.timeline{display:grid;gap:.9rem;list-style:none;margin:0;padding:0}.timeline-item,.result-box,.event-box{border-radius:.9rem;padding:.9rem}.timeline-item{background:#ffffff0b;border:1px solid rgba(255,255,255,.1)}.timeline-top{align-items:center;color:#d9946d;display:flex;gap:.7rem;justify-content:space-between}.timeline-top time{color:#8f8b80;font-size:.82rem}.intent-text{color:#fff8ed;line-height:1.55;margin:.7rem 0;white-space:pre-wrap}.result-box{background:#3a7c521f;border:1px solid rgba(94,181,122,.24);margin-top:.7rem}.result-box p,.event-box p{color:#d9d7cd;line-height:1.5;margin:.35rem 0;white-space:pre-wrap}.result-box small{color:#9e9b8f}.event-box{background:#5b5b821f;border:1px solid rgba(132,132,186,.24);margin-top:.7rem}.compact-list ul{display:grid;gap:.65rem;list-style:none;margin:0;padding:0}.compact-list li{background:#ffffff0b;border-radius:.7rem;color:#d9d7cd;line-height:1.45;padding:.7rem}.footer-actions{display:flex;justify-content:flex-end;margin-top:1rem}@media(max-width:860px){.hero-panel,.login-panel{display:block}.user-card{margin-top:1rem}.two-cols,.form-grid,.inline-fields{grid-template-columns:1fr}.button-row{justify-content:stretch}.button-row button{flex:1 1 auto}}