:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#07110b;--panel:#101d15;--panel2:#16261b;--line:#294333;--text:#f5f7f3;--muted:#a8b7ac;--accent:#8df35f;--accent2:#d8ff53}*{box-sizing:border-box}html{background:var(--bg)}body{min-height:100vh;color:var(--text);background:radial-gradient(circle at top,#17331f 0,#07110b 42%,#040806 100%);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}.gameShell,.creatorShell{width:min(920px,100% - 28px);margin:0 auto;padding:34px 0 70px}.creatorShell{place-items:center;min-height:100vh;display:grid}.creatorCard,.eventCard,.resultCard,.gameHeader,.lastOutcome{border:1px solid var(--line);background:#101d15eb;border-radius:22px;box-shadow:0 24px 80px #00000047}.creatorCard,.resultCard{width:min(680px,100%);padding:34px}.brand,.eyebrow{color:var(--accent);letter-spacing:.14em;font-size:.75rem;font-weight:800;display:inline-block}h1,h2,p{margin-top:0}h1{letter-spacing:-.04em;margin:12px 0 14px;font-size:clamp(2rem,6vw,4rem);line-height:1}h2{margin:10px 0;font-size:clamp(1.55rem,4vw,2.4rem)}.subtitle,.gameHeader p,.eventCard p{color:var(--muted);line-height:1.65}.creatorForm{grid-template-columns:1fr 1fr;gap:16px;margin-top:28px;display:grid}.creatorForm label:first-child{grid-column:1/-1}.creatorForm label{color:var(--muted);gap:8px;font-size:.9rem;display:grid}input,select{border:1px solid var(--line);width:100%;color:var(--text);background:#09130d;border-radius:12px;outline:none;padding:14px 15px}input:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #8df35f1f}.primary,.secondary,.choices button{border-radius:13px;transition:all .18s}.primary{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#10200d;border:0;padding:14px 20px;font-weight:900}.primary:hover{filter:brightness(1.05);transform:translateY(-2px)}.secondary{border:1px solid var(--line);color:var(--text);background:#0b1710;padding:13px 18px}.secondary:hover{border-color:var(--accent)}.startButton{grid-column:1/-1;margin-top:8px}.gameHeader{margin-bottom:18px;padding:26px}.gameHeader h1{font-size:clamp(2rem,5vw,3.2rem)}.progressTrack{background:#07110b;border-radius:99px;height:8px;margin-top:22px;overflow:hidden}.progressTrack span{background:linear-gradient(90deg,var(--accent),var(--accent2));border-radius:inherit;height:100%;display:block}.statGrid{grid-template-columns:repeat(6,1fr);gap:10px;margin:18px 0;display:grid}.stat{background:var(--panel2);border:1px solid var(--line);text-align:center;border-radius:14px;padding:14px 10px}.stat span{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;display:block}.stat strong{margin-top:5px;font-size:1.55rem;display:block}.statGrid.large{grid-template-columns:repeat(4,1fr)}.eventCard{padding:30px}.eventAge{color:var(--accent2);letter-spacing:.1em;font-size:.75rem;font-weight:900}.choices{gap:12px;margin-top:26px;display:grid}.choices button{text-align:left;border:1px solid var(--line);color:var(--text);background:#0a150e;padding:17px}.choices button:hover{border-color:var(--accent);background:#12251a;transform:translate(3px)}.choices button strong,.choices button span{display:block}.choices button span{color:var(--muted);margin-top:6px;font-size:.82rem}.lastOutcome{align-items:center;gap:10px;margin-top:16px;padding:17px 20px;display:flex}.lastOutcome span{color:var(--accent);text-transform:uppercase;font-size:.75rem;font-weight:900}.resultCard{margin:20px auto 0}.rank{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#10200d;border-radius:99px;margin:4px 0 18px;padding:8px 14px;font-weight:900;display:inline-block}.timeline{margin:28px 0}.timeline h2{font-size:1.2rem}.timelineItem{border-bottom:1px solid var(--line);gap:5px;padding:13px 0;display:grid}.timelineItem span{color:var(--muted)}.actions{flex-wrap:wrap;gap:10px;display:flex}.linkButton{align-items:center;display:inline-flex}.notice{color:var(--accent);margin-top:14px}@media (max-width:700px){.creatorCard,.resultCard,.eventCard,.gameHeader{padding:22px}.creatorForm{grid-template-columns:1fr}.creatorForm label:first-child,.startButton{grid-column:auto}.statGrid{grid-template-columns:repeat(3,1fr)}.statGrid.large{grid-template-columns:repeat(2,1fr)}.lastOutcome{flex-direction:column;align-items:flex-start}}
