:root{--ink:#090907;--surface:#11110e;--panel:#171713;--bone:#e4dfcf;--muted:#918c7e;--ember:#c65e32;--gold:#b69a61;--signal:#84bcae;--line:rgba(228,223,207,.13)}*{box-sizing:border-box}html{background:var(--ink);color:var(--bone);font-family:Inter,system-ui,sans-serif}body{margin:0;min-height:100vh;background:radial-gradient(circle at 18% 12%,rgba(198,94,50,.08),transparent 28%),linear-gradient(#0b0b08,#080806)}button,input,textarea,select{font:inherit}button{cursor:pointer}.grain{position:fixed;inset:0;opacity:.055;pointer-events:none;z-index:20;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}.topbar{height:82px;display:flex;align-items:center;gap:38px;padding:0 4vw;border-bottom:1px solid var(--line);background:rgba(8,8,6,.92);position:sticky;top:0;z-index:10;backdrop-filter:blur(15px)}.brand{color:var(--bone);text-decoration:none;display:flex;align-items:center;gap:12px;min-width:250px}.brand-mark{width:39px;height:39px;display:grid;place-items:center;border:1px solid var(--ember);transform:rotate(45deg);font-family:Cinzel;color:var(--ember)}.brand b,.brand small{display:block;letter-spacing:.19em;font-family:Cinzel}.brand b{font-size:12px}.brand small{font-size:7px;color:var(--muted);margin-top:5px}nav{display:flex;align-self:stretch;margin:auto}.nav-button{padding:0 20px;border:0;border-bottom:2px solid transparent;background:none;color:var(--muted);font-size:11px;letter-spacing:.12em;text-transform:uppercase}.nav-button:hover,.nav-button.active{color:var(--bone);border-color:var(--ember)}.director-link{color:var(--gold)}.live-indicator{font-size:9px;color:var(--signal);letter-spacing:.15em;white-space:nowrap}.live-indicator i,.system-health i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--signal);box-shadow:0 0 12px var(--signal);margin-right:7px}main{min-height:calc(100vh - 82px)}.view{display:none}.view.active{display:block;animation:appear .45s ease}@keyframes appear{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.companion-shell{max-width:1280px;min-height:calc(100vh - 82px);margin:auto;display:grid;grid-template-columns:42% 58%}.presence-panel{padding:8vh 7vw 6vh 5vw;border-right:1px solid var(--line);position:relative;overflow:hidden}.presence-panel:after{content:"";position:absolute;width:520px;height:520px;border:1px solid rgba(198,94,50,.11);border-radius:50%;left:-270px;top:140px;box-shadow:0 0 100px rgba(198,94,50,.04)}.eyebrow{font-size:9px;letter-spacing:.25em;color:var(--ember);font-weight:600}.sigil{width:190px;height:190px;margin:42px 0 25px;position:relative;border:1px solid rgba(182,154,97,.28);border-radius:50%;box-shadow:inset 0 0 45px rgba(198,94,50,.08),0 0 60px rgba(198,94,50,.06)}.sigil:before,.sigil:after,.sigil span,.sigil i{content:"";position:absolute;inset:21%;border:1px solid rgba(198,94,50,.55);transform:rotate(45deg)}.sigil:after{inset:35%;border-radius:50%;transform:none;background:radial-gradient(circle,var(--ember),transparent 12%)}.sigil span{inset:8% 49%;transform:none;border-width:0 1px}.sigil i{inset:49% 8%;transform:none;border-width:1px 0}h1,h2,h3{font-family:Cinzel,Georgia,serif;font-weight:500}.presence-panel h1{font-size:clamp(38px,5vw,66px);line-height:1.02;margin:0;letter-spacing:-.03em}.presence-panel h1 em{color:var(--ember);font-style:normal}.presence-panel>p{color:var(--muted);line-height:1.7;font-size:13px;max-width:410px;margin:25px 0 40px}.connection-meter span{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.16em}.connection-meter strong{color:var(--ember)}.connection-meter>div{height:2px;background:#27271f;margin-top:11px}.connection-meter i{display:block;height:100%;background:linear-gradient(90deg,#71331e,var(--ember));box-shadow:0 0 10px var(--ember);transition:width .6s}.presence-stats{margin:26px 0 0}.presence-stats div{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px solid var(--line);font-size:11px}.presence-stats dt{color:var(--muted)}.presence-stats dd{margin:0;color:var(--bone)}.chat-panel{min-width:0;display:flex;flex-direction:column;padding:0 5vw 25px;max-height:calc(100vh - 82px)}.chat-panel>header{height:74px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.chat-panel>header>div{display:flex;align-items:center;gap:12px}.chat-panel header b,.chat-panel header small{display:block;letter-spacing:.15em}.chat-panel header b{font-size:10px}.chat-panel header small{font-size:7px;color:var(--muted);margin-top:5px}.pulse{width:9px;height:9px;border-radius:50%;background:var(--ember);box-shadow:0 0 16px var(--ember)}.icon-button{border:1px solid var(--line);color:var(--muted);background:none;width:32px;height:32px}.messages{overflow:auto;flex:1;padding:28px 7px 18px;scrollbar-width:thin;scrollbar-color:#3c392f transparent}.message{max-width:74%;margin-bottom:24px}.message small{font-size:7px;letter-spacing:.18em;color:var(--ember)}.message p{margin:7px 0 0;line-height:1.7;font-family:Georgia,serif;font-size:16px}.message.participant{margin-left:auto;text-align:right}.message.participant small{color:var(--muted)}.message.participant p{display:inline-block;background:#1b1a15;border:1px solid var(--line);padding:11px 15px}.message.directed{border-left:1px solid var(--gold);padding-left:14px}.message.directed small{color:var(--gold)}.choice-card{border:1px solid rgba(182,154,97,.25);background:linear-gradient(120deg,rgba(182,154,97,.06),transparent);padding:18px;margin-bottom:15px;transition:.4s}.choice-card.answered{display:none}.choice-card>span{font-size:8px;color:var(--gold);letter-spacing:.18em}.choice-card p{font-family:Georgia,serif;font-size:13px;margin:8px 0 14px}.choice-card div{display:flex;gap:7px;flex-wrap:wrap}.choice-card button{border:1px solid var(--line);background:#11110e;color:var(--muted);font-size:10px;padding:9px 11px}.choice-card button:hover{color:var(--bone);border-color:var(--ember)}.composer{display:flex;border:1px solid rgba(228,223,207,.18);background:#10100d}.composer input{min-width:0;flex:1;padding:16px;background:transparent;border:0;outline:0;color:var(--bone)}.composer button,.primary-button{border:0;background:var(--ember);color:#100a07;font-weight:700;font-size:9px;letter-spacing:.11em;padding:0 19px}.composer button span{margin-left:8px}.privacy-note{text-align:center;color:#5f5c52;font-size:8px;margin:10px 0 0}.page-heading{max-width:1280px;margin:auto;padding:58px 4vw 38px;display:flex;align-items:end;justify-content:space-between;border-bottom:1px solid var(--line)}.page-heading h1{font-size:48px;margin:8px 0 0}.page-heading>p{color:var(--muted);font-family:Georgia,serif;max-width:410px;line-height:1.7;font-size:13px}.archive-layout{max-width:1280px;margin:auto;padding:46px 4vw 80px;display:grid;grid-template-columns:350px 1fr;gap:35px;align-items:start}.archive-card{position:sticky;top:125px;overflow:hidden;border:1px solid rgba(182,154,97,.42);padding:17px;background:linear-gradient(150deg,#1e1b14,#0d0d0a 60%,#21150f);box-shadow:0 30px 80px rgba(0,0,0,.55)}.archive-card:after{content:"";position:absolute;left:55%;top:-10%;height:120%;border-left:1px solid rgba(198,94,50,.25);transform:rotate(-17deg);box-shadow:0 0 6px var(--ember)}.card-noise{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(255,255,255,.012) 4px);pointer-events:none}.card-heading,.archive-card footer{position:relative;z-index:1;display:flex;justify-content:space-between;font-size:7px;letter-spacing:.16em}.card-heading b{color:var(--ember)}.portrait{height:270px;margin:16px 0;position:relative;border:1px solid var(--line);overflow:hidden;background:radial-gradient(circle at 50% 35%,rgba(198,94,50,.22),transparent 8%),radial-gradient(ellipse at 50% 60%,#282118,transparent 53%)}.portrait-sigil{position:absolute;inset:0;display:grid;place-items:center;font-size:160px;color:rgba(182,154,97,.08)}.silhouette{position:absolute;width:130px;height:215px;bottom:-30px;left:50%;transform:translateX(-50%);border-radius:50% 50% 10% 10%;background:linear-gradient(#050504,#13100c);filter:blur(2px)}.card-title{position:relative;z-index:1;text-align:center}.card-title small{font-size:7px;letter-spacing:.2em;color:var(--muted)}.card-title h2{font-size:29px;margin:6px 0 15px;color:#d1b678}.card-stats{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--line);padding:12px 0}.card-stats div{text-align:center;border-right:1px solid var(--line)}.card-stats div:last-child{border:0}.card-stats b,.card-stats span{display:block}.card-stats b{font-family:Cinzel;font-size:19px}.card-stats span{font-size:6px;color:var(--muted);letter-spacing:.1em;margin-top:4px}.archive-card>p{position:relative;z-index:1;color:var(--muted);font:italic 11px/1.6 Georgia;margin:14px 5px}.archive-card footer{border-top:1px solid var(--line);padding-top:12px}.archive-card footer b{color:var(--signal)}.archive-content{display:grid;gap:18px}.panel{border:1px solid var(--line);background:rgba(18,18,14,.75);padding:22px}.panel>header,.panel-dark>header{display:flex;justify-content:space-between;align-items:start;margin-bottom:20px}.panel header span,.panel-dark header span{font-size:9px;letter-spacing:.18em;color:var(--gold)}.panel header small,.panel-dark header small{display:block;color:var(--muted);font-size:8px;margin-top:4px}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line)}.stat-grid>div{background:#11110e;padding:17px}.stat-grid span,.stat-grid b{display:block}.stat-grid span{font-size:8px;color:var(--muted);margin-bottom:9px}.stat-grid b{font-family:Cinzel;font-weight:500}.stat-grid .locked{opacity:.35}.memory-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.memory-grid article{display:flex;gap:14px;border:1px solid var(--line);padding:15px}.memory-grid article>span{color:var(--ember);font:11px Cinzel}.memory-grid b,.memory-grid small{display:block}.memory-grid b{font:13px Georgia}.memory-grid small{font-size:7px;color:var(--muted);margin-top:7px;letter-spacing:.08em}.chronicle article{display:grid;grid-template-columns:78px 13px 1fr;gap:9px;min-height:64px}.chronicle time{font-size:8px;color:var(--muted);padding-top:2px}.chronicle i{width:7px;height:7px;border:1px solid var(--ember);border-radius:50%;position:relative}.chronicle i:after{content:"";position:absolute;height:55px;border-left:1px solid var(--line);left:2px;top:8px}.chronicle article:last-child i:after{display:none}.chronicle b{font:13px Georgia}.chronicle p{color:var(--muted);font-size:10px;margin:5px 0}.director-view{background:#080a09;min-height:calc(100vh - 82px);padding-bottom:60px}.director-bar{padding:30px 4vw 24px;border-bottom:1px solid rgba(132,188,174,.16);display:flex;justify-content:space-between;align-items:center;background:linear-gradient(90deg,rgba(132,188,174,.05),transparent)}.director-bar>div:first-child{display:flex;gap:15px;align-items:center}.director-seal{width:42px;height:42px;border:1px solid var(--signal);display:grid;place-items:center;color:var(--signal);font:10px Cinzel}.director-bar small{font-size:7px;color:var(--signal);letter-spacing:.2em}.director-bar h1{font-size:24px;margin:4px 0 0}.system-health{display:flex;gap:24px;font-size:8px;letter-spacing:.13em;color:var(--muted)}.system-health span:first-child{color:var(--signal)}.system-health b{color:var(--signal)}.metric-row{padding:22px 4vw;display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:rgba(132,188,174,.1)}.metric-row>div{background:#0d100f;padding:17px;display:grid;grid-template-columns:28px auto;grid-template-rows:auto auto}.metric-icon{grid-row:1/3;color:var(--signal);font-size:17px;align-self:center}.metric-row b{font:24px Cinzel}.metric-row small{font-size:8px;color:var(--muted)}.director-grid{padding:24px 4vw;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.75fr);gap:18px;max-width:1600px;margin:auto}.panel-dark{border:1px solid rgba(132,188,174,.15);background:#0c0e0d;padding:19px;min-width:0}.world-map{grid-row:span 2}.map-stage{height:470px;position:relative;overflow:hidden;border:1px solid rgba(132,188,174,.09);background:radial-gradient(circle at 40% 50%,rgba(132,188,174,.06),transparent 35%),linear-gradient(rgba(132,188,174,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(132,188,174,.025) 1px,transparent 1px);background-size:auto,32px 32px,32px 32px}.map-stage:after{content:"";position:absolute;inset:10%;border:1px dashed rgba(132,188,174,.11);border-radius:46% 54% 34% 66%}.location-label{position:absolute;font-size:7px;letter-spacing:.16em;color:#536d66}.l1{left:10%;top:12%}.l2{right:12%;top:14%}.l3{left:22%;bottom:14%}.l4{right:7%;bottom:13%}.character-node{position:absolute;z-index:2;transform:translate(-50%,-50%);border:0;background:none;color:var(--bone);text-align:left;min-width:100px}.character-node i{display:block;width:11px;height:11px;border-radius:50%;background:var(--signal);border:3px solid #182320;box-shadow:0 0 18px var(--signal);margin-bottom:6px}.character-node span,.character-node small{display:block}.character-node span{font:9px Cinzel}.character-node small{font-size:7px;color:var(--signal);margin-top:3px}.zone-list{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:10px}.zone-list>div{border:1px solid rgba(132,188,174,.1);padding:10px;display:grid;grid-template-columns:10px auto 20px}.zone-list i{width:5px;height:5px;background:var(--signal);border-radius:50%;align-self:center}.zone-list span{font-size:7px}.zone-list b{font-size:11px;text-align:right}.zone-list small{grid-column:2/4;color:var(--muted);font-size:7px;margin-top:5px}.mini-button{font-size:7px;color:var(--signal);border:1px solid rgba(132,188,174,.3);background:none;padding:6px 9px}.timeline{max-height:310px;overflow:auto}.timeline article{display:grid;grid-template-columns:52px 10px 1fr;gap:8px;padding:9px 0;border-bottom:1px solid rgba(132,188,174,.08)}.timeline time{font-size:7px;color:#52625e}.timeline i{width:6px;height:6px;background:var(--signal);border-radius:50%;margin-top:3px}.timeline p{font-size:9px;color:var(--muted);line-height:1.45;margin:0}.timeline .broadcast i,.timeline .mission i{background:var(--ember)}.broadcast form,.mission form{display:grid;gap:12px}.broadcast label{font-size:7px;letter-spacing:.12em;color:var(--muted)}select,textarea{width:100%;margin-top:6px;background:#090b0a;color:var(--bone);border:1px solid rgba(132,188,174,.17);outline:0;padding:11px;font-size:11px}textarea{resize:vertical;min-height:80px;line-height:1.55}.safety-strip,.guardrails{display:flex;gap:10px;flex-wrap:wrap}.safety-strip span,.guardrails span{font-size:7px;color:var(--signal)}.primary-button{min-height:39px;background:var(--signal);color:#06100d}.result-line{color:var(--signal);font-size:8px;min-height:11px;margin-top:10px}.mission{grid-column:2}.mission-plan{margin-top:14px;border:1px solid rgba(132,188,174,.14);padding:15px}.mission-plan.empty{text-align:center;color:var(--muted);font-size:9px}.mission-status{font-size:7px;color:var(--ember);letter-spacing:.16em}.mission-plan h3{font-size:16px;margin:8px 0 12px}.mission-plan dl{margin:0}.mission-plan dl>div{display:flex;justify-content:space-between;gap:10px;padding:7px 0;border-bottom:1px solid rgba(132,188,174,.08);font-size:8px}.mission-plan dt{color:var(--muted)}.mission-plan dd{margin:0;text-align:right}.signal-box{margin:12px 0;padding:10px;background:rgba(132,188,174,.05)}.signal-box b,.signal-box span{display:block;font-size:7px}.signal-box b{color:var(--signal);margin-bottom:7px}.signal-box span{color:var(--muted);margin-top:4px}.intent{font:italic 11px/1.5 Georgia;color:var(--bone)}.mission-plan .primary-button{width:100%;margin-top:13px}.mission-plan.active{border-color:rgba(132,188,174,.4);box-shadow:inset 0 0 30px rgba(132,188,174,.04)}.active-mission{opacity:.7}.toast{position:fixed;z-index:50;right:24px;bottom:24px;background:#1a1b16;border:1px solid var(--gold);padding:13px 17px;color:var(--bone);font-size:10px;transform:translateY(100px);opacity:0;transition:.3s}.toast.show{transform:none;opacity:1}
@media(max-width:900px){.topbar{padding:0 16px;height:auto;min-height:70px;flex-wrap:wrap;gap:0}.brand{min-width:0}.live-indicator{display:none}nav{order:3;width:100%;height:44px}.nav-button{flex:1;padding:0 5px;font-size:8px}.companion-shell{grid-template-columns:1fr}.presence-panel{padding:45px 24px;border-right:0;border-bottom:1px solid var(--line)}.sigil{width:120px;height:120px;margin:25px 0}.chat-panel{padding:0 18px 20px;max-height:none;min-height:700px}.page-heading{padding:40px 20px;display:block}.archive-layout{grid-template-columns:1fr;padding:28px 20px}.archive-card{position:relative;top:auto;max-width:380px;margin:auto}.stat-grid{grid-template-columns:1fr 1fr}.memory-grid{grid-template-columns:1fr}.director-grid{grid-template-columns:1fr;padding:15px}.world-map,.mission{grid-row:auto;grid-column:auto}.metric-row{grid-template-columns:1fr 1fr}.map-stage{height:400px}.zone-list{grid-template-columns:1fr 1fr}.system-health{display:none}}@media(max-width:520px){.brand small{display:none}.topbar{position:relative}.presence-panel h1{font-size:42px}.choice-card div{display:grid}.choice-card button{text-align:left}.composer{display:grid}.composer button{height:42px}.metric-row{grid-template-columns:1fr}.map-stage{height:340px}.character-node span{font-size:7px}.page-heading h1{font-size:36px}}