@import "https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700;900&family=Crimson+Pro:ital,wght@0,300;0,400;0,600;1,400&display=swap";:root{--gold:#c8960a;--gold-bright:#e1b23a;--gold-dim:#72580d;--gold-glow:#c8960a40;--ink:#070604;--ink-2:#0d0a07;--ink-3:#151008;--panel:#110d08;--panel-2:#191208;--text:#d2b87f;--muted:#876f49;--faint:#46371f;--danger:#a33a2b;--success:#7e9f70}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--ink);width:100%;height:100%;color:var(--text);font-family:Crimson Pro,Georgia,serif;overflow:hidden}button,input{font:inherit}button{color:inherit}.hidden{display:none!important}.screen{opacity:0;visibility:hidden;pointer-events:none;background:var(--ink);transition:opacity .45s;position:fixed;inset:0}.screen.active{opacity:1;visibility:visible;pointer-events:auto}.eyebrow{letter-spacing:.35em;text-transform:uppercase;color:var(--gold-dim);font-family:Cinzel,serif;font-size:9px}#transition-overlay{opacity:0;pointer-events:none;z-index:100;background:#000;position:fixed;inset:0}#screen-landing{justify-content:center;align-items:center;display:flex;overflow:hidden}.landing-bg-img{object-fit:cover;filter:brightness(.25)sepia(.35);opacity:0;width:100%;height:100%;transition:opacity 1.8s;position:absolute;inset:0}.landing-bg-img.visible{opacity:1}.landing-vignette{background:radial-gradient(circle,#07060414,#070604f5 78%);position:absolute;inset:0}.landing-content{z-index:2;text-align:center;flex-direction:column;align-items:center;display:flex;position:relative}.landing-eyebrow,.landing-title,.landing-subtitle,.landing-rule,.landing-enter{opacity:0;transition:opacity .8s,transform .8s;transform:translateY(7px)}.visible{opacity:1!important;transform:none!important}.landing-eyebrow{letter-spacing:.55em;text-transform:uppercase;color:var(--gold-dim);margin-bottom:14px;font-family:Cinzel,serif;font-size:10px}.landing-title{letter-spacing:.24em;color:var(--gold);text-shadow:0 0 45px var(--gold-glow);font-family:Cinzel,serif;font-size:clamp(34px,6vw,68px);font-weight:900}.landing-subtitle{letter-spacing:.25em;color:var(--muted);margin-top:10px;font-size:17px;font-style:italic}.landing-rule{align-items:center;gap:14px;width:min(340px,70vw);margin:28px 0;display:flex}.landing-rule span{background:linear-gradient(90deg,transparent,var(--gold-dim),transparent);flex:1;height:1px}.landing-rule b{color:var(--gold-dim)}.landing-enter,.gold-btn,.ghost-btn,.dm-control{border:1px solid var(--faint);cursor:pointer;letter-spacing:.16em;text-transform:uppercase;background:#0a08058c;padding:11px 18px;font-family:Cinzel,serif;font-size:9px;transition:all .2s}.landing-enter{letter-spacing:.4em;padding:13px 36px}.landing-enter:hover,.gold-btn:hover,.dm-control:hover{border-color:var(--gold);color:var(--gold-bright);box-shadow:0 0 18px var(--gold-glow)}.ember{background:var(--gold);opacity:0;border-radius:50%;width:2px;height:2px;animation:linear infinite emberFloat;position:absolute;bottom:0}@keyframes emberFloat{0%{opacity:0;transform:translate(0)}15%{opacity:.6}to{transform:translate(var(--dx),-140px);opacity:0}}#screen-charselect{background:radial-gradient(circle at 50% 15%,#171109 0,var(--ink) 55%);padding:42px 24px;overflow:auto}.charselect-wrap{width:min(980px,100%);margin:auto}.charselect-wrap>h1{color:var(--gold);margin:8px 0;font-family:Cinzel,serif;font-size:30px}.subcopy{color:var(--muted);margin-bottom:24px}.charselect-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.char-card{text-align:left;background:linear-gradient(145deg,var(--panel),#0a0805);border:1px solid var(--faint);cursor:pointer;flex-direction:column;align-items:flex-start;min-height:180px;padding:18px;transition:all .2s;display:flex;position:relative;overflow:hidden}.char-card:before{content:"";background:var(--char-color);width:2px;position:absolute;top:0;bottom:0;left:0}.char-card:hover{border-color:var(--char-color);background:linear-gradient(145deg,#171109,#0b0805);transform:translateY(-2px)}.char-glyph{color:var(--char-color);margin-bottom:14px;font-size:22px}.char-name{color:#dcc58f;font-family:Cinzel,serif;font-size:16px}.char-role{color:var(--char-color);margin:4px 0 12px;font-size:12px}.char-desc{color:var(--muted);font-size:14px;line-height:1.35}#screen-chamber{background:radial-gradient(circle at 70% 15%,#151007,var(--ink) 58%);flex-direction:column;display:flex}.chamber-topbar{border-bottom:1px solid var(--faint);background:#080604e6;justify-content:space-between;align-items:center;gap:16px;min-height:74px;padding:12px 22px;display:flex}.chamber-title{color:var(--gold);letter-spacing:.08em;margin-top:3px;font-family:Cinzel,serif;font-size:19px}.topbar-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.connection-pill{border:1px solid var(--faint);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);align-items:center;gap:7px;padding:7px 10px;font-family:Cinzel,serif;font-size:8px;display:flex}.connection-dot{background:var(--success);border-radius:50%;width:6px;height:6px;box-shadow:0 0 9px #7e9f708c}.connection-pill.offline .connection-dot{background:var(--danger)}.ghost-btn{padding:8px 11px}.gold-btn{border-color:var(--gold-dim);color:var(--gold)}.full{width:100%}.chamber-layout{flex:1;grid-template-columns:190px 1fr;min-height:0;display:grid}.presence-panel{border-right:1px solid var(--faint);background:#080604b3;padding:18px 14px;overflow-y:auto}.panel-label{letter-spacing:.26em;text-transform:uppercase;color:var(--gold-dim);margin-bottom:10px;font-family:Cinzel,serif;font-size:8px}.self-card,.presence-card{border-bottom:1px solid #46371f73;align-items:center;gap:10px;padding:9px 8px;display:flex}.self-card{border:1px solid var(--faint);background:#c8960a0a;margin-bottom:9px}.presence-glyph{border:1px solid var(--char-color);width:30px;height:30px;color:var(--char-color);flex:none;place-items:center;display:grid}.presence-card strong,.self-card strong{font-size:13px;font-weight:600;display:block}.presence-card small,.self-card small{color:var(--muted);font-size:11px;display:block}.presence-empty{color:var(--faint);padding:12px 4px;font-size:13px;font-style:italic}.puzzle-stage{justify-content:center;align-items:center;min-width:0;min-height:0;padding:28px;display:flex;overflow:auto}.waiting-state{text-align:center;max-width:480px;padding:40px 18px}.waiting-sigil{color:var(--gold-dim);opacity:.45;margin-bottom:12px;font-size:46px}.waiting-state h2{color:#cdb47f;margin:8px 0;font-family:Cinzel,serif;font-size:24px}.waiting-state p{color:var(--muted);line-height:1.5}.pulse-line{background:linear-gradient(90deg,transparent,var(--gold-dim),transparent);width:180px;height:1px;margin:28px auto;animation:2.5s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.25}}.puzzle-shell{border:1px solid var(--faint);background:linear-gradient(#161008eb,#090704f5);width:min(850px,100%);padding:22px;position:relative}.puzzle-shell:before{content:"";pointer-events:none;border:1px solid #72580d29;position:absolute;inset:7px}.puzzle-header{border-bottom:1px solid var(--faint);z-index:1;justify-content:space-between;align-items:flex-start;gap:20px;padding-bottom:16px;display:flex;position:relative}.puzzle-header h2{color:var(--gold);margin:4px 0 6px;font-family:Cinzel,serif;font-size:23px}.puzzle-header p{color:var(--muted);max-width:520px}.puzzle-status{letter-spacing:.18em;border:1px solid var(--danger);color:#b85d4f;white-space:nowrap;padding:7px 9px;font-family:Cinzel,serif;font-size:8px}.puzzle-status.solved{border-color:var(--success);color:var(--success)}.hint-panel{border-left:2px solid var(--gold-dim);color:#ab9361;z-index:1;background:#c8960a0e;margin:14px 0 0;padding:10px 12px;font-size:14px;position:relative}.hint-panel strong{color:var(--gold-bright)}.conduit-wrap{background:radial-gradient(circle,#c8960a0b,#0000 65%);max-width:620px;margin:22px auto 18px;padding:18px;position:relative}.conduit-grid{z-index:2;grid-template-columns:repeat(4,minmax(82px,1fr));gap:8px;display:grid;position:relative}.pipe-tile{aspect-ratio:1;color:#806622;background:#0c0905;border:1px solid #493819;justify-content:center;align-items:center;min-width:0;font-size:36px;display:flex;position:relative}.pipe-tile.fixed{cursor:default;color:#65501d;background:linear-gradient(145deg,#100c06,#080603)}.pipe-tile.movable{cursor:pointer;color:#c09019;transition:all .15s;box-shadow:inset 0 0 26px #c8960a09}.pipe-tile.movable:hover{border-color:var(--gold);color:var(--gold-bright);box-shadow:inset 0 0 30px #c8960a14,0 0 12px #c8960a17}.pipe-tile.movable:active{transform:scale(.98)}.pipe-tile.busy{opacity:.6;pointer-events:none}.pipe-tile small{letter-spacing:.1em;color:var(--muted);text-align:center;font-family:Cinzel,serif;font-size:7px;position:absolute;top:7px;left:6px;right:6px}.pipe-tile b{font-size:24px;font-weight:400}.pipe-tile.terminal b{color:#9c7a21;text-shadow:0 0 14px #c8960a59}.conduit-core{z-index:1;border:1px solid #c8960a1f;border-radius:50%;width:120px;height:120px;animation:18s linear infinite coreSpin;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.conduit-core:before,.conduit-core:after{content:"";border:1px solid #c8960a14;border-radius:50%;position:absolute;inset:12px}.conduit-core:after{inset:26px}@keyframes coreSpin{to{transform:translate(-50%,-50%)rotate(360deg)}}.puzzle-footer{border-top:1px solid var(--faint);color:var(--muted);justify-content:space-between;gap:14px;padding-top:12px;font-size:13px;display:flex}.last-actor{color:var(--faint);text-align:right}.solved-banner{color:#a9bd9d;letter-spacing:.15em;text-transform:uppercase;background:#7e9f700f;border:1px solid #7e9f7073;justify-content:center;gap:13px;margin-top:16px;padding:12px;font-family:Cinzel,serif;font-size:10px;display:flex}.solved-banner span{color:var(--gold-dim)}.dm-modal{z-index:200;background:#000000b8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.dm-box,.dm-panel{border:1px solid var(--gold-dim);background:#0d0a06;box-shadow:0 0 50px #000000bf}.dm-box{width:min(380px,100%);padding:22px}.dm-box h2,.dm-panel h2{color:var(--gold);margin:5px 0 14px;font-family:Cinzel,serif;font-size:18px}.dm-input{border:1px solid var(--faint);width:100%;color:var(--text);background:#080604;outline:none;margin-bottom:9px;padding:10px 11px}.dm-input:focus{border-color:var(--gold-dim)}.dm-message{min-height:18px;color:var(--muted);margin-top:8px;font-size:12px}.dm-panel{z-index:150;width:min(410px,100vw - 28px);max-height:calc(100vh - 104px);position:fixed;top:86px;right:14px;overflow:auto}.dm-panel-head{border-bottom:1px solid var(--faint);justify-content:space-between;align-items:center;padding:16px;display:flex}.dm-panel-head h2{margin:3px 0 0}.icon-btn{border:1px solid var(--faint);cursor:pointer;width:34px;height:34px;color:var(--muted);background:0 0;font-size:20px}.dm-panel-body{padding:16px}.dm-section+.dm-section{border-top:1px solid var(--faint);margin-top:20px;padding-top:16px}.dm-grid{grid-template-columns:1fr 1fr;gap:7px;display:grid}.dm-control{padding:10px;font-size:8px}.dm-control.danger{color:#b55e50;border-color:#5e2822}.notify-row{gap:7px;display:flex}.notify-row .dm-control{flex:1}.notification-bar{opacity:0;z-index:400;pointer-events:none;border:1px solid var(--gold-dim);color:#d2b87f;text-align:center;letter-spacing:.08em;background:#0b0805;min-width:280px;max-width:min(620px,90vw);padding:10px 16px;font-family:Cinzel,serif;font-size:9px;transition:all .25s;position:fixed;top:16px;left:50%;transform:translate(-50%,-14px)}.notification-bar.visible{opacity:1;transform:translate(-50%)}.notification-bar.warn{color:#dfb453;border-color:#91671a}.notification-bar.danger{border-color:var(--danger);color:#cf786a}.notification-bar.success{border-color:var(--success);color:#abc49f}@media (width<=760px){.charselect-grid{grid-template-columns:1fr 1fr}.chamber-layout{grid-template-columns:1fr}.presence-panel{display:none}.puzzle-stage{padding:15px}.conduit-grid{grid-template-columns:repeat(4,minmax(58px,1fr));gap:5px}.pipe-tile{font-size:27px}.puzzle-header{flex-direction:column}.puzzle-status{align-self:flex-start}.chamber-topbar{align-items:flex-start}.topbar-actions{max-width:50%}.puzzle-footer{flex-direction:column}.last-actor{text-align:left}}@media (width<=480px){.charselect-grid{grid-template-columns:1fr}.chamber-topbar{padding:10px 12px}.connection-pill{display:none}.ghost-btn,.gold-btn{padding:7px 8px;font-size:7px}.puzzle-shell{padding:14px}.conduit-wrap{padding:8px}.pipe-tile small{font-size:5px;top:4px}.dm-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.hint-stack{z-index:1;gap:7px;margin-top:14px;display:grid;position:relative}.hint-panel{grid-template-columns:auto 1fr;align-items:start;gap:10px;margin:0;display:grid}.hint-panel strong{letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;padding-top:2px;font-family:Cinzel,serif;font-size:8px}.hint-panel span{line-height:1.4}.objective-strip{color:#a58a59;z-index:1;background:#c8960a08;border:1px solid #72580d59;margin:14px 0 0;padding:10px 12px;font-size:13px;position:relative}.objective-strip strong,.objective-strip b{color:#cfaf63}.pipe-tile.blank{box-shadow:none;background:#07060459;border-color:#49381938}.pipe-tile.powered{text-shadow:0 0 12px #e1b23a73;color:#e2b638!important;background:radial-gradient(circle,#c8960a21,#0a0805e6)!important;border-color:#9f7813!important;box-shadow:inset 0 0 24px #c8960a1f,0 0 14px #c8960a17!important}.pipe-tile.terminal.powered b{color:#e2b638;text-shadow:0 0 16px #e1b23ab3}.feed-readout{flex-wrap:wrap;justify-content:center;gap:8px;margin:-4px 0 18px;display:flex}.feed-chip{border:1px solid var(--faint);letter-spacing:.08em;color:#6f5b39;padding:6px 10px;font-family:Cinzel,serif;font-size:8px}.feed-chip.online{color:#abc49f;background:#7e9f700d;border-color:#7e9f708c}.inscription-panel{z-index:1;background:linear-gradient(90deg,#c8960a09,#0000);border:1px solid #72580d61;align-items:center;gap:14px;max-width:680px;margin:18px auto 12px;padding:14px 16px;display:flex;position:relative}.inscription-mark{color:var(--gold-dim);font-size:26px}.inscription-panel p{color:#a99161;font-style:italic;line-height:1.5}.inscription-panel b{color:#d1b26c}.compass-key{grid-template-columns:repeat(4,1fr);gap:6px;max-width:680px;margin:0 auto 16px;display:grid}.compass-key span{text-align:center;color:#796440;letter-spacing:.08em;border:1px solid #46371f8c;padding:7px;font-family:Cinzel,serif;font-size:7px}.resonance-grid{grid-template-columns:repeat(4,minmax(110px,1fr));gap:12px;max-width:720px;margin:20px auto;display:grid}.resonance-ring{aspect-ratio:1;cursor:pointer;background:radial-gradient(circle,#171006 0,#0a0805 65%);border:1px solid #493819;border-radius:50%;grid-template-rows:auto 1fr auto auto;place-items:center;padding:15px;transition:all .18s;display:grid;position:relative}.resonance-ring:before,.resonance-ring:after{content:"";border:1px solid #72580d40;border-radius:50%;position:absolute;inset:8px}.resonance-ring:after{inset:18px}.resonance-ring:hover{border-color:var(--gold-dim);box-shadow:0 0 18px #c8960a14}.resonance-ring.aligned{border-color:#7e9f7094;box-shadow:0 0 18px #7e9f7014,inset 0 0 20px #7e9f700a}.resonance-ring small{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);z-index:2;font-family:Cinzel,serif;font-size:7px}.resonance-glyph{color:#b98e1d;z-index:2;align-self:end;font-size:34px}.direction-arrow{color:#d0aa46;z-index:2;font-size:22px;line-height:1}.resonance-ring em{color:#77623f;z-index:2;font-family:Cinzel,serif;font-size:8px;font-style:normal}.resonance-ring.aligned .resonance-glyph,.resonance-ring.aligned .direction-arrow{color:#9eb790;text-shadow:0 0 12px #7e9f7066}.harmonic-meter{border:1px solid var(--faint);max-width:560px;height:7px;margin:0 auto 18px;padding:1px}.harmonic-meter span{height:100%;width:var(--fill);background:linear-gradient(90deg,#72580d,#c8960a);transition:width .25s;display:block}.maintenance-notes{grid-template-columns:1fr 1fr;gap:8px;margin:18px 0;display:grid}.maintenance-notes>div{background:#c8960a06;border:1px solid #46371f8c;align-items:flex-start;gap:10px;padding:10px;display:flex}.maintenance-notes b{color:var(--gold-dim);padding-top:2px;font-family:Cinzel,serif;font-size:8px}.maintenance-notes span{color:#8c744a;font-size:13px;line-height:1.35}.maintenance-notes strong{color:#c5a65d}.reserve-readout{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;justify-content:center;align-items:baseline;gap:10px;margin:14px 0;font-family:Cinzel,serif;font-size:8px;display:flex}.reserve-readout strong{color:var(--gold);font-size:26px}.reserve-readout small{color:var(--faint)}.load-grid{grid-template-columns:1fr 1fr;gap:12px;margin:12px 0 20px;display:grid}.load-card{border:1px solid var(--faint);background:linear-gradient(145deg,#110d08,#090704);padding:13px}.load-card-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.load-card-head strong{color:#c9ad70;font-family:Cinzel,serif;font-size:10px;display:block}.load-card-head small{color:#6f5c3b;margin-top:3px;font-size:11px;display:block}.load-card-head>span{color:var(--gold);font-family:Cinzel,serif;font-size:18px}.load-bar{border:1px solid #46371f99;height:5px;margin:10px 0}.load-bar i{background:#8a6815;height:100%;transition:width .2s;display:block}.load-controls{grid-template-columns:44px 1fr 44px;align-items:center;gap:7px;display:grid}.load-controls button{border:1px solid var(--faint);color:#b68e25;cursor:pointer;background:#0a0805;height:40px;font-size:20px}.load-controls button:hover{border-color:var(--gold-dim);color:var(--gold-bright)}.load-controls b{text-align:center;color:#bda363;font-family:Cinzel,serif;font-size:15px}.overload-warning{border:1px solid var(--danger);color:#bf6c5e;text-align:center;margin-bottom:14px;padding:9px;font-size:12px}.dm-puzzle-list{gap:7px;display:grid}.dm-puzzle-choice{text-align:left;border:1px solid var(--faint);cursor:pointer;background:#090704;align-items:center;gap:10px;width:100%;padding:10px;display:flex}.dm-puzzle-choice>span{width:30px;height:30px;color:var(--gold-dim);border:1px solid #4a391a;flex:none;place-items:center;display:grid}.dm-puzzle-choice strong{letter-spacing:.05em;color:#ad955f;font-family:Cinzel,serif;font-size:8px;display:block}.dm-puzzle-choice small{color:#5e4c31;margin-top:2px;font-size:10px;display:block}.dm-puzzle-choice:hover,.dm-puzzle-choice.active{border-color:var(--gold-dim);background:#c8960a0a}.dm-puzzle-choice.active>span{color:var(--gold);border-color:var(--gold-dim)}@media (width<=760px){.resonance-grid,.compass-key{grid-template-columns:1fr 1fr}.maintenance-notes,.load-grid,.hint-panel{grid-template-columns:1fr}.hint-panel strong{padding:0}.pipe-tile.blank{min-height:58px}}@media (width<=480px){.resonance-grid{gap:8px}.resonance-ring{padding:10px}.resonance-glyph{font-size:28px}.direction-arrow{font-size:18px}.feed-chip{padding:5px 7px;font-size:6px}}