:root{color-scheme:dark;--bg:#0b111a;--panel:#111b26;--text:#f0eee5;--muted:#adb9c4;--line:#2c3946;--gold:#eac47e;--teal:#89d3c3;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.6}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.45;cursor:wait}button,a,select,input,summary{outline-offset:6px}:focus-visible{outline:2px solid var(--gold)}[hidden]{display:none!important}h1,h2,h3,p{margin:0}h1,h2{font-family:Georgia,"Times New Roman",serif;font-weight:400;line-height:1.07;letter-spacing:-.045em}h1{font-size:clamp(2.75rem,5.6vw,5.9rem)}h2{font-size:clamp(2.2rem,3.7vw,3.65rem)}h3{font-size:1.25rem;font-weight:550;line-height:1.3}p{color:var(--muted)}.skip{position:absolute;left:16px;top:-100px;z-index:100;background:var(--gold);color:var(--bg);padding:10px}.skip:focus{top:16px}.site-header{height:88px;padding:0 5.5%;display:flex;align-items:center;gap:40px;border-bottom:1px solid var(--line);background:#0b111af2}.wordmark{font-weight:800;letter-spacing:.06em;font-size:1.3rem;white-space:nowrap}.wordmark span{font-size:.7rem;letter-spacing:.2em;display:block;line-height:1;text-align:center;color:var(--gold)}nav{display:flex;gap:30px;margin:auto;font-size:.875rem;color:var(--muted)}nav a:hover,.text-link:hover{color:var(--gold)}.header-actions,.languages{display:flex;gap:24px;align-items:center}.languages{gap:6px;color:var(--muted);font-size:.875rem}.languages button{padding:8px 4px;background:none;border:0;color:var(--muted)}.languages button[aria-pressed=true]{color:var(--gold)}.button,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:1px solid var(--gold);background:var(--gold);color:#101722;min-height:52px;padding:12px 24px;font-weight:600;font-size:.95rem;transition:background .15s}.button:hover{background:#f5d9a6}.button.small{min-height:42px;padding:8px 20px;font-size:.875rem}.secondary{border-color:var(--line);background:var(--panel);color:var(--text);min-height:44px;padding:8px 16px;font-size:.875rem}.secondary:hover{border-color:var(--gold)}.text-link{font-size:.95rem;border-bottom:1px solid #71818c;padding-bottom:4px;display:inline-block}.hero{min-height:690px;height:min(790px,calc(100svh - 88px));position:relative;display:flex;align-items:center;isolation:isolate;overflow:hidden}.hero-art{position:absolute;z-index:-3;inset:0;width:100%;height:100%;object-fit:cover;object-position:65% center}.hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#070e18b8 0%,#070e1855 43%,transparent 75%),linear-gradient(0deg,var(--bg),transparent 18%)}.hero-copy{padding:65px 5.5%;max-width:780px}.eyebrow{font-size:.75rem;font-weight:650;letter-spacing:.16em;color:var(--gold);margin-bottom:26px;display:flex;align-items:center;gap:10px}.live-dot{width:6px;height:6px;border-radius:50%;background:var(--teal)}.hero-description{font-size:1.1rem;max-width:360px;margin-top:28px;line-height:1.65;color:#c8d0d6}.hero-actions{display:flex;gap:28px;align-items:center;margin:30px 0 18px}.micro{font-size:.8rem;color:var(--muted)}.art-label{position:absolute;bottom:30px;right:5.5%;font-size:.7rem;letter-spacing:.13em;color:#b4c2cc}.scroll-cue{position:absolute;left:50%;bottom:22px;color:var(--gold);font-size:1.4rem}.section{padding:100px 5.5%;max-width:1600px;margin:auto;scroll-margin-top:25px}.section-heading{max-width:620px}.section-heading>p:last-child{margin-top:25px}.section-heading.horizontal{max-width:none;display:flex;align-items:flex-end;justify-content:space-between;gap:50px}.horizontal>p{max-width:390px}.pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:48px;margin-top:55px}.pillars article{border-top:1px solid var(--line);padding-top:24px}.index{font-size:.8rem;color:var(--gold)}.pillars h3{margin:22px 0 14px}.development{margin-top:50px;display:grid;grid-template-columns:1fr 1fr;gap:40px;border:1px solid var(--line);padding:28px 32px}.development p{font-size:.95rem;margin-top:13px}.tag{display:inline-block;font-size:.73rem;letter-spacing:.08em;color:var(--teal);font-weight:600}.tag.muted{color:var(--muted)}.party-section{border-top:1px solid var(--line)}.roster{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:20px;margin-bottom:20px}.character{background:#111b26;border:1px solid var(--line);overflow:hidden}.portrait{height:230px;background-image:url('assets/class-portraits.png');background-size:400% auto;background-repeat:no-repeat;background-position-y:40%}.character-body{padding:24px 20px}.character h3{font-family:Georgia,serif;font-size:1.8rem;margin-bottom:8px}.role{font-size:.77rem;text-transform:uppercase;letter-spacing:.07em;color:var(--gold);min-height:40px}.character-description{font-size:.9rem;margin:14px 0 20px;min-height:88px}.character details{border-top:1px solid var(--line);padding-top:16px}.character summary{cursor:pointer;font-size:.875rem;color:var(--text)}.skill{margin-top:20px}.skill strong{display:block;font-size:.9rem}.skill p{font-size:.85rem;margin:6px 0}.skill .skill-meta{color:var(--gold);font-size:.75rem}.character .tip{font-size:.85rem;border-top:1px solid var(--line);padding-top:16px;margin-top:22px;color:var(--teal)}.version-context{font-size:.85rem;margin-top:22px;margin-bottom:18px}.guide-section{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;border-top:1px solid var(--line)}.guide-section .text-link{margin-top:30px;color:var(--gold)}.steps{counter-reset:step}.step{border-bottom:1px solid var(--line);padding:24px 0;display:grid;grid-template-columns:35px 1fr;gap:15px}.step:first-child{padding-top:0}.step:before{counter-increment:step;content:counter(step,decimal-leading-zero);color:var(--gold);font-size:.8rem;padding-top:3px}.step h3{font-size:1.05rem;margin-bottom:10px}.step p{font-size:.925rem}.demo-section{background:#101923;max-width:none}.demo-toolbar{margin-top:36px;display:flex;justify-content:space-between;gap:22px;align-items:center}.demo-toolbar label{display:block;font-size:.8rem;color:var(--muted);margin-bottom:8px}select{padding:12px 40px 12px 15px;background:#111e2b;color:var(--text);border:1px solid #4b5967;max-width:100%;width:min(640px,100%);font-size:.95rem}.play-shell{border:1px solid var(--line);background:#070d14}.demo-poster{position:relative;min-height:320px}.demo-poster img{display:block;width:100%;height:480px;object-fit:cover;object-position:center;filter:brightness(.6)}.poster-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:18px;background:linear-gradient(0deg,#06101bc9,transparent 45%)}.poster-overlay p{font-size:.8rem;color:#d2dce3}.game-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:14px}.game-controls>span{margin-right:auto;font-size:.85rem;color:var(--teal)}iframe{display:block;width:100%;height:740px;border:0;background:#07101a}.play-shell:fullscreen{overflow:auto}.play-shell:fullscreen iframe{height:calc(100vh - 80px)}.demo-footnote{display:flex;justify-content:space-between;gap:40px;margin-top:24px}.demo-footnote p{max-width:650px;font-size:.85rem}.demo-footnote a{white-space:nowrap;align-self:start}.notice{padding:18px;background:#291f16;border:1px solid #ad834c;color:#f4d5a5;font-size:.9rem;margin:18px 0}.demo-toolbar>div{min-width:0;flex:1}footer{padding:40px 5.5%;display:flex;align-items:center;justify-content:space-between;gap:30px;border-top:1px solid var(--line)}footer p{font-size:.85rem}.admin-page{max-width:1400px;margin:auto;padding:40px 5%}.admin-header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:45px}.admin-header h1{font-size:2.5rem}.login-card{max-width:440px;margin:80px auto;background:var(--panel);padding:35px;border:1px solid var(--line)}.login-card h2{font-size:2rem;margin-bottom:20px}.login-card label{display:block;margin:25px 0 7px}input{padding:13px;background:#0b111a;border:1px solid #647483;color:var(--text);max-width:100%;width:100%}.login-card button{margin-top:20px;width:100%}.admin-controls{display:flex;gap:20px;margin-bottom:25px;align-items:end}.admin-controls label{flex:1}.admin-controls input{margin-top:8px}.admin-list{display:grid;gap:16px}.admin-card{padding:24px;background:var(--panel);border:1px solid var(--line)}.admin-card h3{font-size:1.1rem;margin-bottom:10px}.admin-card .row-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}.admin-card p{font-size:.85rem;overflow-wrap:anywhere}.admin-card .tag{margin-bottom:10px}.admin-player{margin:25px 0}.admin-player iframe{height:700px}
@media(min-width:1500px){.hero-copy{margin-left:calc((100vw - 1500px)/2)}}@media(max-width:1050px){.site-header{gap:20px}nav{gap:18px}.roster{grid-template-columns:repeat(2,1fr)}.portrait{height:320px}.character-description{min-height:0}.role{min-height:0}.guide-section{gap:45px}.hero{min-height:650px}.hero-art{object-position:65%}.hero-shade{background:linear-gradient(90deg,#070e18e5,#070e1877 50%,#070e1811),linear-gradient(0deg,var(--bg),transparent 25%)}}
@media(max-width:700px){.site-header{height:75px;padding:0 6%;gap:15px}.site-header nav{display:none}.header-actions{margin-left:auto;gap:12px}.header-actions .small{display:none}.wordmark{font-size:1.1rem}.hero{height:auto;min-height:760px;align-items:flex-start}.hero-art{object-position:66% center;top:0;object-fit:cover}.hero-shade{background:linear-gradient(180deg,#07101ac9, #07101a88 45%,#07101a33 75%,var(--bg)),linear-gradient(90deg,#07101a66,transparent)}.hero-copy{padding:58px 6% 150px}.hero-copy .eyebrow{font-size:.65rem;margin-bottom:22px}.hero-description{font-size:1rem;max-width:310px}.hero-actions{gap:20px;flex-wrap:wrap}.art-label{bottom:35px;font-size:.65rem}.scroll-cue{left:6%;bottom:30px}.section{padding:65px 6%}.section-heading.horizontal{display:block}.horizontal>p{margin-top:24px}.pillars{grid-template-columns:1fr;gap:28px;margin-top:35px}.pillars h3{margin-top:12px}.development{grid-template-columns:1fr;gap:26px;padding:25px}.roster{gap:16px}.portrait{height:185px}.character-body{padding:18px 14px}.character h3{font-size:1.5rem}.role{font-size:.7rem;min-height:38px}.character-description{font-size:.85rem;min-height:110px}.guide-section{display:block}.steps{margin-top:45px}.demo-toolbar{display:block}.demo-toolbar>.tag{margin-top:16px}select{font-size:.85rem;width:100%}.demo-poster img{height:320px;object-fit:cover}.demo-footnote{display:block}.demo-footnote a{margin-top:18px}iframe{height:780px}.game-controls{gap:8px}.game-controls>span{width:100%}.game-controls .secondary{padding:8px 11px}.section-heading .eyebrow{margin-bottom:18px}footer{flex-wrap:wrap;padding:30px 6%}footer p{width:100%;order:3}.admin-header{align-items:start}.admin-header h1{font-size:2rem}.admin-controls{flex-direction:column;align-items:stretch}}
@media(max-width:380px){.roster{grid-template-columns:1fr}.portrait{height:330px}.role,.character-description{min-height:0}.hero-actions .text-link{font-size:.85rem}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
/* The review build is designed for a mobile portrait play surface. */
.roster{align-items:start}
#game-frame,#admin-frame{max-width:480px;height:840px;margin:0 auto}
.play-shell:fullscreen #game-frame{height:calc(100svh - 92px);width:min(480px,calc((100svh - 92px)*.57));min-height:0}
@media(max-width:700px){#game-frame,#admin-frame{height:780px}}
.play-shell:fullscreen,.play-shell.is-expanded{width:100%;height:100%;max-width:none;overflow:auto;background:#070d14}
.play-shell.is-expanded{position:fixed;inset:0;z-index:30;height:100dvh}
.play-shell:fullscreen #game-area,.play-shell.is-expanded #game-area{width:100%;min-width:0}
.play-shell.is-expanded #game-frame{height:calc(100svh - 160px);width:min(480px,calc((100svh - 160px)*.57));min-height:0}

.skill-heading{display:flex;align-items:center;gap:12px;margin-bottom:10px}.skill-icon{width:48px;height:48px;flex:0 0 48px;object-fit:contain;background:#101923;border-radius:6px}