:root{color-scheme:dark;--bg:#090e18;--panel:#111a28;--line:#27344a;--text:#edf2f8;--muted:#95a4b9;--blue:#90c5ff;--gold:#e8d4a9;--side:230px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.6 'Segoe UI',system-ui,sans-serif}button,input,select{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid var(--blue);outline-offset:4px}a{color:inherit;text-decoration:none}button{border:0}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.15}h1,h2{font-family:Georgia,serif;font-weight:400}h1{font-size:clamp(44px,5vw,78px);letter-spacing:-2.5px;margin-bottom:19px}h2{font-size:35px;margin-bottom:12px}h3{font-size:17px;font-weight:500}small,.subtle{color:var(--muted)}[hidden]{display:none!important}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--side);border-right:1px solid var(--line);padding:36px 22px;background:#0c121e;z-index:3}.brand{display:flex;align-items:center;gap:12px;font-size:24px;letter-spacing:3px;font-weight:600;line-height:1.15}.brand small{display:block;font-size:8px;letter-spacing:3px;margin-top:8px}.brand-mark{font-size:48px;color:#d4e4fb;line-height:1}.side-label{font-size:9px;letter-spacing:2px;color:#65738a;margin:62px 14px 15px}nav{display:grid;gap:9px}nav button{background:none;text-align:left;padding:13px 12px;border:1px solid transparent;color:#8c9db5;font-size:13px;display:flex;align-items:center;gap:12px;border-radius:3px}nav button span{font-size:19px;width:22px}nav button.active{color:#d4e8ff;background:#19283c;border-color:#314a69}nav button b{font-size:10px;margin-left:auto;background:#314864;padding:1px 6px;border-radius:3px}.side-bottom{position:absolute;bottom:28px;left:30px;right:20px;font-size:9px;letter-spacing:1.5px;color:#9dacc0}.side-bottom small{display:block;font-size:10px;letter-spacing:0;margin:10px 0 16px}.online-dot{display:inline-block;width:5px;height:5px;background:#9ec9b9;border-radius:50%;margin-right:8px}.text-button{display:block;background:none;padding:5px 0;color:var(--muted);font-size:11px;letter-spacing:0}.shell{margin-left:var(--side)}.topbar{height:85px;padding:0 44px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);font-size:10px;letter-spacing:1.6px;gap:15px}.build-label{color:#6a7d98;border-left:1px solid var(--line);margin-left:20px;padding-left:20px;font-size:9px}.resources{display:flex;gap:26px;align-items:center;white-space:nowrap}.resources b{color:var(--gold);font-size:15px;margin:0 7px}.resources small{font-size:8px}.resources button{background:none;color:var(--muted);font-size:12px}main{padding:32px 44px 55px;max-width:1700px;margin:auto}.eyebrow{font-size:10px;letter-spacing:3px;color:var(--blue);font-weight:600;margin-bottom:16px}.hero{position:relative;min-height:430px;overflow:hidden;border:1px solid #2d3e56;border-radius:4px;isolation:isolate;padding:48px 42px;display:flex;align-items:center;background:#15243a}.hero:before{content:'';position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#0b1421 0%,#0d1726e8 30%,#0e1a2a55 65%,#15283d33)}.hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#0b1421c7,transparent 40%)}.hero-text{max-width:510px}.hero-text>p:not(.eyebrow){color:#afbdd0;max-width:365px;font-size:14px;line-height:1.8}.hero h1 em{font-style:italic;color:#b3d3f6}.primary{background:#cfdef0;color:#101a2a;padding:13px 22px;border:1px solid #f1f6ff;border-radius:2px;font-weight:600;font-size:12px}.primary:hover{background:#e3efff}.outline{background:#111b2bcc;border:1px solid #3c506b;padding:11px 18px;color:#cfdded;border-radius:2px;font-size:12px}.outline:hover{border-color:#92bbeb}.hero-buttons{display:flex;gap:12px;margin-top:28px}.hero-caption{position:absolute;bottom:22px;right:26px;text-align:right;font-size:9px;letter-spacing:2px;color:#a7b9d0}.hero-caption span{display:block;color:#768aa5;font-size:8px;letter-spacing:1px}.stats{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-top:0;margin-bottom:32px}.stats>div{padding:20px 26px;border-right:1px solid var(--line);display:flex;align-items:center;gap:16px}.stats>div:last-child{border:0}.stat-icon{font-size:27px;color:#6e8cae}.stats strong{display:block;font-size:19px;font-weight:400}.stats small{font-size:9px;letter-spacing:1.5px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:26px 0 18px}.section-heading h2{font-family:inherit;font-size:19px;font-weight:500;margin:0}.section-heading small{font-size:11px}.dimension-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.dimension{position:relative;min-height:195px;text-align:left;background:linear-gradient(145deg,#192a40,#101925);border:1px solid #354a66;border-radius:3px;padding:20px 18px;overflow:hidden}.dimension:before{content:'◇';position:absolute;font-family:Georgia,serif;font-size:160px;color:#88b2e90c;right:-6px;top:-28px;transform:rotate(10deg)}.dimension.selected{border-color:#93bdeb;box-shadow:inset 0 0 0 1px #93bdeb33}.dimension.locked{background:#101722;opacity:.55}.dimension small{font-size:9px;letter-spacing:1.5px}.dimension .dim-number{font-family:Georgia,serif;font-size:43px;display:block;color:#a0b9d9;margin:7px 0}.dimension h3{font-size:13px;margin:0 0 8px}.dimension .dim-state{font-size:9px;color:#a8c7e8;letter-spacing:1px}.brief{display:flex;justify-content:space-between;align-items:center;gap:24px;background:#111d2c;border:1px solid #31415a;margin-top:16px;padding:24px}.brief p{margin:7px 0 0;color:var(--muted);max-width:650px;font-size:12px}.brief h3{margin:0}.notice{font-size:11px;color:#9cabc0;border-left:2px solid #526886;padding:3px 12px;margin:22px 0}.team-bar{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.team-slot{border:1px dashed #354359;background:#101824;padding:17px 12px;min-height:94px;position:relative;text-align:center}.team-slot strong{display:block;font-size:12px;font-weight:500}.team-slot small{font-size:10px}.team-slot.filled{border-style:solid;border-color:#344d6c}.team-slot .remove{position:absolute;right:5px;top:2px;background:none;color:#8197b3}.empty-symbol{font-size:25px;color:#58708f}.page-intro{display:flex;justify-content:space-between;align-items:end;gap:20px;margin:12px 0 30px}.page-intro h1{font-size:48px;margin-bottom:10px}.page-intro p{color:var(--muted);max-width:600px;font-size:13px}.filters{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0}.filters select,.filters input{background:#111c2b;border:1px solid #30435d;padding:10px 14px;color:#c6d3e3;border-radius:2px;min-width:120px}.filters input{flex:1}.card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.being-card{background:#111c2a;border:1px solid #2f415b;position:relative}.being-art{height:170px;background:radial-gradient(ellipse at 50% 55%,color-mix(in srgb,var(--aura) 16%,transparent),transparent 70%),linear-gradient(150deg,#1b2a3b,#0d1725);display:grid;place-items:center;position:relative;overflow:hidden}.being-art:before,.being-art:after{content:'';position:absolute;width:110px;height:110px;border:1px solid color-mix(in srgb,var(--aura) 30%,transparent);transform:rotate(45deg)}.being-art:after{width:85px;height:85px;transform:rotate(65deg)}.being-glyph{font:70px/1 Georgia,serif;color:var(--aura);text-shadow:0 0 35px color-mix(in srgb,var(--aura) 50%,transparent);z-index:1}.being-art .form-label{position:absolute;top:12px;left:12px;font-size:8px;letter-spacing:2px;color:#c0ccdc}.being-art .dimension-label{position:absolute;right:12px;bottom:9px;font-size:9px;color:#8da2bf}.being-info{padding:17px}.being-info h3{margin-bottom:5px}.being-info small{font-size:10px}.being-meta{display:flex;justify-content:space-between;font-size:10px;color:#a9bfd9;margin:13px 0}.card-actions{display:flex;gap:6px}.card-actions button{flex:1;padding:8px 4px;font-size:10px}.selected-card{border-color:#8db9ec}.locked-card{opacity:.45}.summon-stage{min-height:310px;display:flex;justify-content:space-between;align-items:center;gap:30px;border:1px solid #354d6b;background:radial-gradient(ellipse at 78% 50%,#284a704a,transparent 55%),#111b2a;padding:45px}.summon-stage h2{font-size:40px;max-width:400px}.summon-stage p{max-width:430px;color:#9fb1c8}.summon-orb{width:210px;height:210px;border:1px solid #537397;border-radius:50%;position:relative;display:grid;place-items:center;font:110px Georgia,serif;color:#bbdcff;text-shadow:0 0 60px #58a5ff;margin-right:35px;flex-shrink:0}.summon-orb:before{content:'';position:absolute;inset:23px;border:1px solid #6b8fb6;transform:rotate(45deg)}.summon-orb:after{content:'';position:absolute;inset:-15px;border:1px dashed #355475;border-radius:50%}.summon-results{margin-top:28px}.summon-results .card-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:9px}.summon-results .being-art{height:120px}.summon-results .being-glyph{font-size:42px}.summon-results .being-info{padding:10px}.summon-results .being-info h3{font-size:11px}.summon-results .being-art:before{width:70px;height:70px}.summon-results .being-art:after{width:55px;height:55px}.library-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.scene-card{background:#111b28;border:1px solid var(--line);padding:0;text-align:left;overflow:hidden}.scene-art{height:150px;background:radial-gradient(ellipse at 50% 80%,#365e84,#121c2c 70%);display:grid;place-items:center;color:#799ac0;font-size:45px}.scene-art.locked{filter:grayscale(1);opacity:.4}.scene-card .scene-info{padding:18px}.scene-card h3{font-size:15px;margin-bottom:8px}.scene-card small{font-size:10px}.studio-panel{border:1px solid var(--line);padding:27px;background:#101a27;margin:22px 0}.studio-panel p,.studio-panel li{color:var(--muted);font-size:13px}.studio-panel code{font-size:12px;color:#b5d3f7}.studio-panel h3{color:#dce9f8}.codex-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.slot-list{display:grid;gap:0}.slot-row{padding:12px 0;border-bottom:1px solid #24344a;display:flex;justify-content:space-between}.slot-row small{font-size:10px}.bottom-bar{border-top:1px solid #223048;padding:20px 44px;display:flex;justify-content:space-between;color:#647994;font-size:9px;letter-spacing:1.5px}.bottom-bar i{font-style:normal;margin:0 8px;color:#354a66}.bottom-bar span:last-child{letter-spacing:0}dialog{color:var(--text);background:#0c1522;border:1px solid #3a526f;max-width:840px;width:calc(100% - 32px);padding:0}dialog::backdrop{background:#020710db;backdrop-filter:blur(8px)}.encounter-layout{padding:36px}.encounter-layout>header{display:flex;justify-content:space-between;gap:20px}.encounter-layout>p{color:var(--muted);font-size:13px}.locked-team{display:flex;gap:8px;margin:25px 0}.locked-team>span{padding:8px;border:1px solid #304c6a;flex:1;text-align:center;font-size:11px}.puzzle{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:45px 0;position:relative}.puzzle:before{content:'';position:absolute;left:20px;right:20px;top:50%;height:2px;background:#294461}.puzzle button{z-index:1;width:76px;height:76px;border-radius:50%;background:#13243b;border:1px solid #6c90bc;font-size:26px;color:#c2ddff;box-shadow:0 0 30px #328df51a}.puzzle button.complete{background:#a3c6ef;color:#10223a;box-shadow:0 0 30px #68abff66}.puzzle button.hinted{outline:3px solid #d8c193;outline-offset:7px}.trial-footer{display:flex;justify-content:space-between;gap:20px;align-items:center;color:#9db4d1;font-size:12px}#cinema{max-width:none;width:100vw;height:100dvh;max-height:none;border:0;margin:0;background:#03070d;overflow:hidden}#film{width:100%;height:100%;object-fit:contain;position:absolute;inset:0}.cinema-header{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;gap:20px;padding:35px 40px;background:linear-gradient(#020711e8,transparent);z-index:2}.cinema-header h2{font-size:32px}.cinema-header .outline{align-self:start}.cinema-bottom{position:absolute;bottom:0;left:0;right:0;padding:25px 40px;display:flex;gap:20px;justify-content:space-between;background:linear-gradient(transparent,#020711e8);z-index:2}.cast-fallback{height:100%;display:grid;place-content:center;text-align:center;position:relative;isolation:isolate;background:radial-gradient(ellipse,#213e63,#07111e 65%)}.cast-symbol{font:180px/1 Georgia,serif;color:#b7d6ff;text-shadow:0 0 90px #518ae4;animation:cast-rise 4s ease-out both}.cast-fallback p{font-size:9px;letter-spacing:3px;color:#7b92b2;margin-top:50px}.cast-rings{position:absolute;width:300px;height:300px;left:calc(50% - 150px);top:calc(50% - 180px);border:1px solid #5c84b355;transform:rotate(45deg);z-index:-1;animation:cast-ring 4s ease-out infinite}.cast-rings:after{content:'';position:absolute;inset:-55px;border:1px solid #5c84b333;transform:rotate(22deg)}#cinema-progress{font-size:11px;letter-spacing:2px;color:#acc5e5}.result-body{text-align:center;padding:50px 30px}.result-star{font-size:80px;line-height:1;color:#c2dcff;margin:10px}.result-body p{color:var(--muted)}#result-reward{font-size:30px;color:var(--gold);margin:30px}#toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;border:1px solid #6686ac;background:#15243a;padding:13px 25px;z-index:20;max-width:90vw;transition:.2s}#toast.show{opacity:1;transform:translate(-50%,0)}@keyframes cast-rise{from{opacity:0;transform:scale(.65) translateY(25px)}30%{opacity:1}to{transform:scale(1.12) translateY(-10px)}}@keyframes cast-ring{to{transform:rotate(95deg) scale(1.4);opacity:0}}@media(min-width:1600px){.hero{min-height:490px}.card-grid{grid-template-columns:repeat(5,1fr)}}@media(max-width:1150px){:root{--side:190px}.sidebar{padding:30px 14px}.brand{font-size:19px}.brand-mark{font-size:38px}.brand small{font-size:7px}.topbar{padding:0 25px}.build-label{display:none}main{padding:25px}.dimension-grid{grid-template-columns:repeat(5,1fr);gap:8px}.dimension{padding:15px 10px;min-height:180px}.card-grid{grid-template-columns:repeat(3,1fr)}.summon-results .card-grid{grid-template-columns:repeat(4,1fr)}.hero{padding:35px 30px}.hero-text{max-width:420px}.hero-caption{display:none}.resources{gap:15px}.library-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){:root{--side:0px}.sidebar{position:sticky;top:0;width:100%;height:auto;padding:10px 14px;border-right:0;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:20px;overflow:auto}.brand{font-size:13px;letter-spacing:1px}.brand small{font-size:5px;margin-top:4px;letter-spacing:1px}.brand-mark{font-size:28px}.side-label,.side-bottom{display:none}nav{display:flex;gap:3px}nav button{padding:9px;font-size:0;white-space:nowrap}nav button span{font-size:20px}nav button b{display:none}.topbar{height:62px;padding:0 18px;font-size:8px;letter-spacing:1px}.resources small{display:none}.resources b{font-size:13px}.resources button{font-size:11px}.resources button span{display:none}main{padding:18px 16px 35px}.hero{padding:32px 24px;min-height:390px}.hero:before{background:linear-gradient(90deg,#0b1421f2,#0d17269a)}.hero h1{font-size:49px}.hero-text>p:not(.eyebrow){font-size:12px}.hero-buttons{flex-wrap:wrap}.stats>div{padding:14px 10px;gap:8px}.stat-icon{display:none}.stats strong{font-size:17px}.stats small{font-size:7px;letter-spacing:1px}.section-heading{gap:10px;align-items:start}.section-heading small{font-size:9px;text-align:right}.dimension-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.dimension{min-height:150px;padding:16px}.dimension .dim-number{font-size:35px;margin:3px 0}.brief{padding:20px;display:block}.brief button{margin-top:18px;width:100%}.team-bar{gap:5px}.team-slot{padding:12px 3px;min-height:80px}.team-slot strong{font-size:9px}.team-slot small{font-size:8px}.page-intro{align-items:start;flex-direction:column}.page-intro h1{font-size:40px}.card-grid{grid-template-columns:repeat(2,1fr);gap:10px}.being-art{height:145px}.being-info{padding:12px}.being-info h3{font-size:15px}.card-actions{flex-wrap:wrap}.card-actions button{min-width:40%}.summon-stage{padding:25px;display:block}.summon-stage h2{font-size:33px}.summon-orb{width:120px;height:120px;font-size:70px;margin:40px auto 5px}.summon-results .card-grid{grid-template-columns:repeat(2,1fr)}.library-grid,.codex-grid{grid-template-columns:1fr}.bottom-bar{padding:18px 16px;font-size:7px;letter-spacing:1px}.encounter-layout{padding:24px 18px}.encounter-layout>header{align-items:start}.encounter-layout h2{font-size:30px}.encounter-layout>header button{padding:8px}.locked-team{gap:4px}.locked-team>span{font-size:8px;padding:7px 2px}.puzzle{gap:8px;padding:40px 0}.puzzle button{width:49px;height:49px;font-size:20px}.trial-footer{font-size:10px;gap:12px}.trial-footer button{font-size:10px;padding:9px}.cinema-header{padding:24px 18px}.cinema-header h2{font-size:25px}.cinema-header button{padding:8px;font-size:9px}.cinema-bottom{padding:20px 18px;gap:10px}.cinema-bottom button{font-size:10px;padding:8px}.cast-symbol{font-size:140px}.cast-fallback p{font-size:7px;letter-spacing:1px}.cast-rings{width:210px;height:210px;left:calc(50% - 105px);top:calc(50% - 130px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}