@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,700;1,700&display=swap";:root{font-family:DM Sans,sans-serif;color:#f7f1e8;background:#100b19;font-synthesis:none;--ink: #100b19;--cream: #f5eddf;--gold: #f2b84b;--coral: #ef6b58;--violet: #6546a4;--muted: #aca2b7}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 70% 20%,#2b1744 0,#100b19 43%,#090710)}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #fff;outline-offset:3px}button:disabled{cursor:not-allowed;opacity:.45}.skip-link{position:fixed;top:-100px;left:1rem;z-index:99;background:#fff;color:#000;padding:.7rem}.skip-link:focus{top:1rem}.app-shell{min-height:100vh;overflow:hidden}.topbar{height:76px;padding:0 clamp(1rem,4vw,4rem);display:flex;align-items:center;gap:.9rem;letter-spacing:.13em;font-size:.83rem;border-bottom:1px solid #ffffff1f}.brand-mark{width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--gold);color:var(--gold);font-family:Playfair Display;font-style:italic}.topbar-line{flex:1;height:1px;background:linear-gradient(90deg,#ffffff25,transparent)}.hero-layout,.creation-layout{max-width:1440px;min-height:calc(100vh - 76px);margin:auto;padding:clamp(3rem,7vw,7rem) clamp(1.2rem,6vw,6rem);display:grid;grid-template-columns:minmax(0,1.05fr) minmax(300px,.95fr);gap:5vw;align-items:center}.eyebrow{color:var(--gold);letter-spacing:.17em;font-size:.72rem;font-weight:700;text-transform:uppercase}h1,h2{font-family:Playfair Display,serif;margin:0;line-height:.98}.hero-copy h1,.creation-layout h1{font-size:clamp(3rem,6.4vw,6.9rem);max-width:900px;letter-spacing:-.045em}.lead{color:#d0c7d8;max-width:650px;font-size:clamp(1rem,1.25vw,1.2rem);line-height:1.7}.menu-actions,.form-actions{display:flex;gap:.8rem;flex-wrap:wrap;margin:2.2rem 0}.primary,.secondary,.text-button{border:0;padding:1rem 1.25rem;font-weight:700}.primary{background:var(--gold);color:var(--ink);box-shadow:0 12px 30px #f2b84b20;display:inline-flex;align-items:center;justify-content:space-between;gap:2rem}.primary:hover{background:#ffd171;transform:translateY(-1px)}.secondary{background:#ffffff0c;border:1px solid #ffffff30;color:#fff}.text-button{color:#d7cfdd;background:transparent}.principles{display:grid;grid-template-columns:repeat(3,1fr);list-style:none;padding:0;margin:3rem 0 0;border-top:1px solid #ffffff21}.principles li{padding:1.2rem .8rem 0 0;color:#bdb3c7;font-size:.8rem;line-height:1.45}.principles span{display:block;color:var(--coral);font-weight:700;margin-bottom:.35rem}.poster-stack{height:min(70vh,680px);position:relative;perspective:1000px}.poster{position:absolute;width:58%;height:78%;padding:2rem;display:flex;flex-direction:column;justify-content:flex-end;box-shadow:0 25px 80px #0009;border:1px solid #ffffff30;overflow:hidden}.poster:before{content:"";position:absolute;inset:0;background:linear-gradient(160deg,transparent,#000c),repeating-linear-gradient(135deg,#ffffff08 0 1px,transparent 1px 9px)}.poster>*{position:relative}.poster span{font-size:1rem;letter-spacing:.3em}.poster strong{font-family:Playfair Display;font-size:clamp(2.4rem,4vw,4.5rem);line-height:.8}.poster small{margin-top:1.5rem;color:#ddd}.poster-one{left:4%;top:2%;transform:rotate(-6deg);background:linear-gradient(160deg,#13253a,#bd4d3e)}.poster-two{right:3%;bottom:1%;transform:rotate(7deg);background:linear-gradient(160deg,#8e5d28,#28123c)}.starburst{position:absolute;right:38%;top:40%;z-index:2;width:110px;height:110px;border-radius:50%;display:grid;place-content:center;text-align:center;background:var(--gold);color:var(--ink);font-size:2rem;font-weight:800;transform:rotate(-8deg);box-shadow:0 8px 30px #0008}.starburst small{font-size:.62rem;letter-spacing:.15em}.creation-layout{align-items:start}.creation-card{background:#f5eddf;color:var(--ink);padding:clamp(1.5rem,4vw,3.5rem);box-shadow:0 28px 70px #0007}.creation-card label,.creation-card legend{display:grid;gap:.55rem;font-size:.8rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.creation-card input,.creation-card select{width:100%;border:0;border-bottom:2px solid #2f2638;background:transparent;padding:.9rem .1rem;color:var(--ink);font-size:1rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.4rem;margin:1.8rem 0}fieldset{border:0;margin:1.5rem 0;padding:0}.avatar-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.7rem;margin-top:.8rem}.avatar{aspect-ratio:1;border:2px solid transparent;background:#d6c9d1;font-family:Playfair Display;font-size:1.5rem;color:var(--ink)}.avatar.selected{border-color:var(--coral);background:var(--gold)}.form-actions{justify-content:space-between;margin-bottom:0}.game-layout{min-height:calc(100vh - 76px);display:grid;grid-template-columns:260px minmax(0,1fr) 280px}.player-panel,.world-panel{padding:2rem 1.4rem;background:#0d0915dd;border-right:1px solid #ffffff18}.world-panel{border-right:0;border-left:1px solid #ffffff18}.portrait{width:88px;height:108px;display:grid;place-items:center;background:linear-gradient(145deg,var(--coral),#41234c);font-family:Playfair Display;font-size:2rem;position:relative;margin-bottom:1.5rem}.portrait span{position:absolute;right:-10px;bottom:-10px;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--gold);color:var(--ink);font:700 .75rem DM Sans}.player-panel h2{font-size:2.1rem}.career-line,.muted{color:var(--muted);font-size:.83rem;line-height:1.45}.stats{margin-top:2rem}.stat{display:flex;justify-content:space-between;align-items:baseline;padding:.75rem 0;border-bottom:1px solid #ffffff12}.stat span{color:var(--muted);font-size:.75rem}.stat strong{font-size:.93rem}.debt{color:#ff8f80;font-size:.8rem}.save-button{width:100%;margin-top:1.5rem}.board-stage{position:relative;padding:2.2rem clamp(1.2rem,3vw,3rem);min-width:0;overflow:hidden;background:radial-gradient(circle at 50% 50%,#332050 0,#171025 53%,#100b19)}.turn-header{display:flex;justify-content:space-between;align-items:end}.turn-header h1{font-size:clamp(2.5rem,5vw,5rem)}.position-readout{text-align:right}.position-readout span{display:block;color:var(--muted);font-size:.7rem;text-transform:uppercase}.position-readout strong{font-size:2rem}.position-readout small{color:var(--muted);font-size:.8rem}.board-track{display:flex;align-items:center;gap:.55rem;overflow:hidden;min-height:270px;margin:2rem -1rem;padding:2rem 1rem}.board-space{flex:0 0 102px;height:145px;padding:.75rem;background:#ffffff0d;border:1px solid #ffffff23;transform:rotate(-2deg);display:flex;flex-direction:column;justify-content:space-between;position:relative;transition:.3s}.board-space:nth-child(2n){transform:rotate(2deg) translateY(18px)}.board-space span{color:#ffffff80;font-size:.67rem}.board-space strong{font-size:.68rem;text-transform:uppercase;word-break:break-word}.board-space.current{flex-basis:132px;height:185px;transform:rotate(0) translateY(0);background:var(--gold);color:var(--ink);border-color:#fff;box-shadow:0 14px 50px #0009;z-index:2}.token{position:absolute;top:-23px;right:-14px;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--coral);color:#fff;border:3px solid white;font-family:Playfair Display}.zone-1,.zone-4{background-color:#392268}.zone-2,.zone-5{background-color:#60332f}.zone-3,.zone-6{background-color:#214452}.board-meta{display:grid;grid-template-columns:auto 1fr auto;gap:1rem;align-items:center;font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;color:#aaa0b5}.progress{height:3px;background:#ffffff20}.progress i{display:block;height:100%;background:var(--gold)}.action-dock{min-height:190px;display:grid;place-content:center;justify-items:center;gap:1.2rem}.die{width:74px;height:74px;display:grid;place-items:center;background:var(--cream);color:var(--ink);border-radius:15px;box-shadow:0 15px 30px #0008;font-size:2rem}.roll-button{min-width:240px}.event-overlay{position:absolute;inset:0;z-index:8;display:grid;place-items:center;padding:1.5rem;background:#07050dcc;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}.event-card{max-width:950px;width:100%;max-height:90vh;overflow:auto;display:grid;grid-template-columns:minmax(220px,.72fr) 1.28fr;background:var(--cream);color:var(--ink);box-shadow:0 25px 80px #000c}.event-art{min-height:480px;position:relative;overflow:hidden;display:flex;align-items:end;padding:1.4rem;background:linear-gradient(160deg,#1d5970,#f0785b 60%,#e7b64e)}.event-art:before{content:"HOLLYWOOD";position:absolute;top:15%;left:-10%;font-family:Playfair Display;font-size:4rem;transform:rotate(-18deg);opacity:.24}.event-art span{position:relative;z-index:1;color:#fff;font-size:.7rem;text-transform:uppercase;letter-spacing:.15em}.spotlight{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 30%,#fff7 0,transparent 30%)}.event-content{padding:clamp(1.5rem,4vw,3rem)}.event-content .eyebrow{color:#995027}.event-content h2{font-size:clamp(2rem,4vw,3.6rem)}.event-content>p:not(.eyebrow){line-height:1.6;color:#403848}.choices{display:grid;gap:.65rem;margin-top:1.5rem}.choices button{border:1px solid #bcb1a5;background:#fffaf2;color:var(--ink);padding:.9rem;display:grid;grid-template-columns:34px 1fr auto;gap:.8rem;align-items:center;text-align:left}.choices button:hover{border-color:var(--coral);background:#fff;transform:translate(3px)}.choices button>span{width:30px;height:30px;display:grid;place-items:center;background:var(--ink);color:#fff;font-weight:700}.choices strong,.choices small{display:block}.choices small{color:#6d626f;margin-top:.2rem}.consequence-card{max-width:720px;margin:3rem auto;padding:2rem;background:#f5eddf;color:var(--ink)}.consequence-card h2{font-size:2rem;line-height:1.15}.effects{display:flex;gap:.5rem;flex-wrap:wrap;margin:1.5rem 0}.effects span{background:#e0d5c6;padding:.45rem .7rem;font-size:.75rem}.section-title{margin:1rem 0;padding-bottom:.7rem;border-bottom:1px solid #ffffff20;font:700 .75rem DM Sans;text-transform:uppercase;letter-spacing:.12em;display:flex;justify-content:space-between}.section-title span{color:var(--gold)}.project-mini{display:grid;gap:.25rem;padding:.8rem 0;border-bottom:1px solid #ffffff12}.project-mini span,.project-mini small{color:var(--muted);font-size:.66rem}.project-mini strong{font-family:Playfair Display}.timeline p{display:grid;grid-template-columns:10px 1fr;gap:.7rem;color:#bdb4c4;font-size:.75rem;line-height:1.4}.timeline i{width:7px;height:7px;margin-top:.3rem;border-radius:50%;background:var(--coral)}.final-layout{max-width:1000px;margin:auto;padding:6rem 1.5rem}.final-layout>h1{font-size:clamp(3rem,7vw,6rem);margin-bottom:3rem}.career-record{display:grid;grid-template-columns:auto 1fr auto;gap:1.5rem;background:var(--cream);color:var(--ink);padding:2rem;margin-bottom:1rem}.career-record .rank{color:var(--coral);font-size:1.4rem;font-weight:800}.career-record h2{font-size:2rem}.career-record>strong{font-size:2.2rem;text-align:right}.career-record>strong small{display:block;font:.6rem DM Sans;text-transform:uppercase;color:#6f6670}.career-record li{margin:.4rem 0}@media(max-width:1050px){.game-layout{grid-template-columns:220px minmax(0,1fr)}.world-panel{grid-column:1 / -1;display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.event-card{grid-template-columns:1fr}.event-art{min-height:170px}.event-art:before{font-size:3rem}}@media(max-width:760px){.topbar{height:62px}.hero-layout,.creation-layout{min-height:auto;grid-template-columns:1fr;padding-top:3rem}.poster-stack{height:460px}.hero-copy h1,.creation-layout h1{font-size:3.25rem}.principles{grid-template-columns:1fr}.game-layout{display:block}.player-panel{display:grid;grid-template-columns:76px 1fr;gap:.2rem 1rem;padding:1rem}.portrait{width:66px;height:78px;grid-row:span 3}.player-panel .eyebrow,.player-panel h2,.career-line{margin:0}.stats{grid-column:1 / -1;display:grid;grid-template-columns:repeat(3,1fr);margin-top:.7rem}.stat{display:grid}.save-button,.debt{grid-column:1 / -1}.world-panel{display:block}.board-stage{min-height:650px}.event-overlay{position:fixed;top:62px;padding:.7rem}.event-content{padding:1.4rem}.event-content h2{font-size:2.3rem}.form-grid{grid-template-columns:1fr}.avatar-grid{grid-template-columns:repeat(4,1fr)}.career-record{grid-template-columns:auto 1fr}.career-record>strong{grid-column:2;text-align:left}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
