/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.static{position:static}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.block{display:block}.flex{display:flex}.hidden{display:none}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}:root{--ink:#f2ead9;--muted:#9ca8ae;--gold:#d9b56d;--gold-soft:#8a7245;--jade:#76aa92;--night:#07111c;--night-2:#0c1823;--panel:#0f1c27db;--line:#d9b56d33;--serif:"Songti SC", "STSong", "Noto Serif CJK SC", Georgia, serif;--sans:"Hiragino Sans GB", "PingFang SC", -apple-system, BlinkMacSystemFont, sans-serif}*{box-sizing:border-box}html{background:var(--night);scroll-behavior:smooth}body{background:radial-gradient(circle at 72% 8%, #132c38 0, var(--night) 35rem);color:var(--ink);font-family:var(--sans);margin:0}button,input,textarea{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.app-shell{min-height:100vh}.side-rail{z-index:30;border-right:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#050d16f0;flex-direction:column;align-items:center;width:86px;display:flex;position:fixed;inset:0 auto 0 0}.brand-mark{cursor:pointer;background:radial-gradient(circle at 36% 30%,#324d4e8c,#09141cf5 68%);border:1px solid #d9b56d47;border-radius:50%;place-items:center;width:54px;height:54px;margin:21px 0 38px;padding:0;transition:all .3s;display:grid;box-shadow:inset 0 0 0 4px #d9b56d06,0 8px 30px #00000042}.brand-mark:hover{border-color:#d9b56d9e;transform:translateY(-1px);box-shadow:inset 0 0 0 4px #d9b56d0a,0 0 26px #d9b56d1f}.brand-symbol{border:1px solid #d9b56d1c;border-radius:50%;width:40px;height:40px;display:block;position:relative}.brand-crescent{border:1.5px solid var(--gold);filter:drop-shadow(0 0 5px #d9b56d47);border-right-color:#0000;border-radius:50%;width:20px;height:20px;position:absolute;top:7px;left:7px;transform:rotate(-26deg)}.brand-crescent:after{content:"";background:#0d1c24;border-radius:50%;width:13px;height:14px;position:absolute;top:2px;left:4px}.brand-star{color:#e6cc92;text-shadow:0 0 7px #e6cc92b3;font-size:7px;font-style:normal;position:absolute;top:5px;right:6px}.brand-path{height:13px;font-style:normal;position:absolute;bottom:5px;left:14px;right:14px}.brand-path b{transform-origin:bottom;background:linear-gradient(#0000,#76aa92d1);width:1px;height:14px;position:absolute;bottom:0}.brand-path b:first-child{left:3px;transform:rotate(20deg)}.brand-path b:last-child{right:3px;transform:rotate(-20deg)}.side-rail nav{flex-direction:column;gap:7px;width:100%;display:flex}.side-rail nav button{color:#7f8c93;cursor:pointer;background:0 0;border:0;height:58px;font-size:11px;transition:all .2s;position:relative}.side-rail nav button span{color:#9a8761;font-size:18px;line-height:22px;display:block}.side-rail nav button:hover,.side-rail nav button.active{color:var(--ink);background:linear-gradient(90deg,#d9b56d1f,#0000)}.side-rail nav button.active:before{content:"";background:var(--gold);width:2px;box-shadow:0 0 14px var(--gold);position:absolute;top:10px;bottom:10px;left:0}.rail-progress{color:#69767d;text-align:center;margin-top:auto;padding:18px 0 24px;font-size:10px}.rail-progress strong{color:var(--gold);font-family:var(--serif);font-size:18px;display:block}.content-shell{min-height:100vh;margin-left:86px}.topbar{z-index:20;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#07111ce0;justify-content:space-between;align-items:center;height:76px;padding:0 4.5vw;display:flex;position:sticky;top:0}.brand-lockup{align-items:center;gap:12px;display:flex}.brand-lockup>div{flex-direction:column;display:flex}.brand-mini{display:none}.topbar strong{font-family:var(--serif);letter-spacing:.18em;font-size:19px}.eyebrow{color:var(--gold);letter-spacing:.26em;text-transform:uppercase;font-size:10px}.chapter-control{color:var(--muted);align-items:center;gap:12px;font-size:12px;display:flex}.chapter-control input[type=range]{width:min(18vw,220px);accent-color:var(--gold)}.chapter-number{border:1px solid var(--line);width:62px;color:var(--gold);text-align:center;background:#0c1822;border-radius:3px;padding:7px 5px}.hero{height:calc(100vh - 76px);min-height:660px;position:relative;overflow:hidden}.hero>img{object-fit:cover;object-position:center;filter:saturate(.72)contrast(1.06);width:100%;height:100%}.hero-shade{background:linear-gradient(90deg,#040b12f0 0%,#040b129e 44%,#040b122e 72%),linear-gradient(0deg,#07111c 0,#0000 38%);position:absolute;inset:0}.hero-copy{max-width:650px;position:absolute;top:18%;left:7vw}.hero-copy h1{font-family:var(--serif);letter-spacing:-.035em;text-shadow:0 4px 26px #000;margin:22px 0;font-size:clamp(48px,6.3vw,90px);font-weight:500;line-height:1.12}.hero-copy p{color:#c0c7c5;max-width:520px;font-family:var(--serif);margin:0 0 34px;font-size:18px;line-height:1.9}.primary{color:#07111c;cursor:pointer;background:linear-gradient(135deg,#b6914c,#725927);border:1px solid #d9b56d8c;padding:13px 18px;font-weight:700;box-shadow:0 8px 28px #00000042}.primary span{margin-left:15px}.primary:hover{filter:brightness(1.1)}.current-card{border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#08131cc7;width:min(330px,34vw);padding:22px 24px;position:absolute;bottom:7vh;right:5vw}.current-card span,.current-card em{color:var(--muted);font-size:11px;font-style:normal;display:block}.current-card strong{font-family:var(--serif);color:var(--ink);margin:6px 0;font-size:29px;display:block}.current-card em{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.progress-track{background:#26343b;height:2px;margin-top:17px}.progress-track i{background:var(--gold);min-width:3px;height:100%;box-shadow:0 0 8px var(--gold);display:block}.section-pad{padding:64px clamp(28px,5vw,88px) 100px}.dashboard-grid{background:linear-gradient(#07111c,#09141e);grid-template-columns:1.05fr .95fr;gap:22px;display:grid}.panel{border:1px solid var(--line);background:linear-gradient(145deg,#12222de6,#09141df0);box-shadow:0 22px 54px #0000002e}.panel-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:18px 22px;display:flex}.panel-heading>span{color:var(--gold);letter-spacing:.18em;font-size:11px}.panel-heading button,.panel-heading em{color:#7f9098;cursor:pointer;background:0 0;border:0;font-size:11px;font-style:normal}.latest-panel{min-height:360px}.event-spotlight{grid-template-columns:80px 1fr;gap:20px;padding:36px;display:grid}.event-spotlight>b{border:1px solid var(--gold-soft);width:68px;height:68px;color:var(--gold);border-radius:50%;place-items:center;font-size:27px;display:grid;box-shadow:inset 0 0 20px #d9b56d14}.event-spotlight small{color:var(--jade);letter-spacing:.12em;font-size:10px}.event-spotlight h2,.sound-panel h2{font-family:var(--serif);margin:8px 0 12px;font-size:27px;font-weight:500}.event-spotlight p,.sound-panel>p{color:#aeb8b9;margin:0;line-height:1.9}.next-lock{border-left:2px solid var(--gold-soft);color:#7f8c91;background:#d9b56d0f;justify-content:space-between;margin:0 36px 28px;padding:14px 18px;font-size:11px;display:flex}.next-lock strong{color:#b7b4a7}.sound-panel{padding-bottom:22px}.sound-panel h2,.sound-panel>p{margin-left:24px;margin-right:24px}.sound-panel h2{margin-top:26px}.sound-buttons{gap:9px;padding:20px 22px 10px;display:grid}.sound-buttons button{text-align:left;cursor:pointer;background:#ffffff06;border:1px solid #ffffff0f;align-items:center;gap:14px;padding:12px 14px;display:flex}.sound-buttons button:hover,.sound-buttons button.playing{border-color:var(--gold-soft);background:#d9b56d14}.sound-buttons button>span{width:32px;height:32px;color:var(--gold);background:#101f29;border-radius:50%;place-items:center;font-size:18px;display:grid}.sound-buttons strong,.sound-buttons small{display:block}.sound-buttons strong{font-family:var(--serif);font-size:14px;font-weight:500}.sound-buttons small{color:#73848c;margin-top:3px;font-size:10px}.text-button{color:var(--gold);cursor:pointer;background:0 0;border:0;margin-left:24px;font-size:11px}.companion-panel{grid-column:1/-1;padding-bottom:30px}.companion-intro{color:#9aa7a8;max-width:760px;font-family:var(--serif);margin:28px 34px 18px;font-size:16px;line-height:1.8}.lens-row{flex-wrap:wrap;gap:8px;margin:0 34px 18px;display:flex}.lens-row button{color:#7f8d91;cursor:pointer;background:0 0;border:1px solid #d9b56d29;border-radius:20px;padding:7px 12px;font-size:10px}.lens-row button:hover,.lens-row button.active{border-color:var(--gold-soft);color:var(--gold);background:#d9b56d14}.question-box{background:#030c1457;border:1px solid #d9b56d3d;margin:0 34px;padding:18px 20px 14px;box-shadow:inset 0 1px #ffffff06}.question-box textarea{resize:vertical;width:100%;min-height:112px;color:var(--ink);font-family:var(--serif);background:0 0;border:0;outline:none;padding:0;font-size:16px;line-height:1.75}.question-box textarea::placeholder{color:#596970}.question-box>div{border-top:1px solid #ffffff0d;justify-content:space-between;align-items:center;gap:14px;padding-top:12px;display:flex}.question-box>div>span{color:#5f6d73;letter-spacing:.08em;font-size:9px}.question-box .primary{min-width:132px}.companion-answer{border-left:2px solid var(--gold-soft);background:#d9b56d0b;align-items:flex-start;gap:18px;min-height:116px;margin:22px 34px 0;padding:24px 26px;display:flex}.companion-answer>span{color:var(--gold);font-size:21px}.companion-answer small{color:var(--jade);letter-spacing:.08em;margin-bottom:9px;font-size:9px;display:block}.companion-answer p{color:#c4cccb;max-width:920px;font-family:var(--serif);margin:0;font-size:17px;line-height:1.9}.save-exchange{color:var(--gold);cursor:pointer;background:0 0;border:0;border-bottom:1px solid #d9b56d59;margin-top:15px;padding:0;font-size:10px}.page{min-height:calc(100vh - 76px)}.page-title{max-width:760px;margin:20px 0 56px}.page-title h1{font-family:var(--serif);letter-spacing:-.03em;margin:15px 0;font-size:clamp(38px,5vw,64px);font-weight:500}.page-title p{color:#98a6a9;line-height:1.8}.volume-strip{grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:24px;display:grid}.volume-card{opacity:.52;background:#ffffff05;border:1px solid #ffffff0d;min-height:140px;padding:18px}.volume-card.open{border-color:var(--line);opacity:1}.volume-card small,.volume-card strong,.volume-card span{display:block}.volume-card small{color:var(--gold);font-size:10px}.volume-card strong{min-height:44px;font-family:var(--serif);margin:10px 0 5px;font-size:15px;font-weight:500}.volume-card span{color:#718088;font-size:9px}.volume-card>i{background:#26323a;height:2px;margin-top:14px;display:block}.volume-card>i b{background:var(--gold);height:100%;display:block}.world-layout{grid-template-columns:1.25fr .75fr;gap:22px;display:grid}.atlas-panel{margin-bottom:22px;overflow:hidden}.atlas-layout{grid-template-columns:minmax(0,1.55fr) minmax(280px,.45fr);min-height:590px;display:grid}.atlas-canvas{border-right:1px solid var(--line);background:radial-gradient(at 70% 28%,#5d7d6029,#0000 23%),radial-gradient(at 47% 58%,#b191551c,#0000 29%),repeating-radial-gradient(at 62% 46%,#0000 0 34px,#b8a67e0b 35px 36px),linear-gradient(145deg,#14252a 0%,#101e25 46%,#0c1821 100%);min-height:590px;position:relative;overflow:hidden}.atlas-canvas:before{content:"";pointer-events:none;opacity:.35;mix-blend-mode:screen;background:repeating-linear-gradient(118deg,#0000 0 18px,#ffffff03 19px 20px);position:absolute;inset:0}.atlas-canvas:after{content:"瓦 格 瑞 行 省";color:#dccb9d14;font-family:var(--serif);letter-spacing:.38em;white-space:nowrap;pointer-events:none;font-size:clamp(24px,4vw,48px);position:absolute;top:42%;left:43%;transform:rotate(-12deg)}.atlas-sea{background:repeating-radial-gradient(at 45% 100%,#558a951f 0 2px,#0000 3px 15px);border-top:1px solid #7faeb53d;border-radius:48% 58% 0 0;height:53%;position:absolute;bottom:-13%;left:-10%;right:58%;transform:rotate(-5deg)}.atlas-sea span{color:#97c3c557;font-family:var(--serif);letter-spacing:.35em;font-size:12px;position:absolute;top:30%;left:32%;transform:rotate(8deg)}.atlas-ridge{filter:drop-shadow(28px 12px #6d7f671c)drop-shadow(55px -4px #6d7f6714);border-bottom:39px solid #6d7f6729;border-left:18px solid #0000;border-right:18px solid #0000;width:46px;height:35px;position:absolute;transform:rotate(-8deg)}.ridge-one{top:25%;left:66%}.ridge-two{top:39%;left:72%;transform:scale(.78)rotate(9deg)}.ridge-three{top:18%;left:20%;transform:scale(.68)rotate(-16deg)}.atlas-compass{color:#d9b56d85;border:1px solid #d9b56d33;border-radius:50%;place-items:center;width:66px;height:66px;display:grid;position:absolute;bottom:24px;right:24px}.atlas-compass b{font-family:var(--serif);font-size:10px;font-weight:400;position:absolute;top:-18px}.atlas-compass i{background:linear-gradient(var(--gold-soft), transparent);width:1px;height:82px;position:absolute;transform:rotate(24deg)}.atlas-compass span{font-size:19px}.map-route{z-index:1;transform-origin:0;border-top:1px dashed #d7b97757;height:1px;position:absolute}.route-town-outskirts{width:17%;top:61%;left:46%;transform:rotate(24deg)}.route-outskirts-mountain{width:32%;top:65%;left:62%;transform:rotate(-63deg)}.route-mountain-valley{width:20%;top:36%;left:74%;transform:rotate(-55deg)}.route-town-bay{width:25%;top:61%;left:44%;transform:rotate(157deg)}.route-bay-abyss{width:16%;top:74%;left:23%;transform:rotate(42deg)}.route-bay-forest{width:49%;top:70%;left:23%;transform:rotate(-78deg)}.atlas-pin{z-index:4;color:#c9c5b4;text-align:center;cursor:pointer;background:0 0;border:0;min-width:104px;padding:0;position:absolute;transform:translate(-50%,-50%)}.atlas-pin>i{width:27px;height:27px;color:var(--gold);background:#102027;border:1px solid #d9b56d9e;border-radius:50%;place-items:center;margin:0 auto 5px;font-size:10px;font-style:normal;transition:all .25s;display:grid;box-shadow:0 0 0 5px #d9b56d0d,0 8px 24px #00000057}.atlas-pin>span,.atlas-pin>small{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#071117ad;padding:2px 6px;display:block}.atlas-pin>span{font-family:var(--serif);letter-spacing:.04em;font-size:12px}.atlas-pin>small{color:#73868a;font-size:8px}.atlas-pin:hover>i,.atlas-pin.selected>i{border-color:var(--gold);background:#1d302e;transform:scale(1.12);box-shadow:0 0 0 7px #d9b56d17,0 0 28px #d9b56d33}.atlas-pin.selected>span{color:var(--gold)}.atlas-pin.secret>i{color:#9bc4a9;border-color:#82ad92}.atlas-pin.coast>i,.atlas-pin.abyss>i{color:#93c1c8;border-color:#6094a1}.atlas-pin.locked{z-index:3;opacity:.36;cursor:default}.atlas-pin.locked>i{box-shadow:none;border-style:dashed}.atlas-fog-bank{z-index:2;color:#c0c7bf38;letter-spacing:.2em;background:linear-gradient(#a8b6ae24,#0000),repeating-linear-gradient(160deg,#ffffff05 0 12px,#0000 12px 24px);justify-content:center;align-items:flex-start;height:17%;padding-top:14px;font-size:8px;display:flex;position:absolute;top:0;left:0;right:0}.atlas-scale{color:#66777a;letter-spacing:.1em;align-items:center;gap:9px;font-size:8px;display:flex;position:absolute;bottom:22px;left:24px}.atlas-scale i{border-top:1px solid #d9b56d66;width:42px}.atlas-detail{background:linear-gradient(160deg,#d9b56d0e,#0000 48%);padding:50px 38px 34px}.atlas-detail>small{color:var(--jade);letter-spacing:.14em;font-size:9px}.atlas-detail h2{font-family:var(--serif);margin:12px 0 18px;font-size:34px;font-weight:500}.atlas-detail>p{color:#a8b4b3;font-family:var(--serif);margin:0;font-size:16px;line-height:1.9}.atlas-detail dl{margin:32px 0}.atlas-detail dl div{border-top:1px solid var(--line);padding:15px 0}.atlas-detail dt{color:var(--gold);letter-spacing:.12em;margin-bottom:7px;font-size:8px}.atlas-detail dd{color:#89999a;margin:0;font-size:11px;line-height:1.7}.atlas-note{border-left:1px solid var(--gold-soft);color:#6f7f81;background:#d9b56d09;padding:15px;font-size:9px;line-height:1.7;display:block}.timeline{padding:10px 30px 35px}.timeline-item{grid-template-columns:46px 1fr;gap:18px;min-height:116px;padding:20px 0;display:grid;position:relative}.timeline-item:before{content:"";background:var(--line);width:1px;position:absolute;top:54px;bottom:-22px;left:22px}.timeline-item:last-child:before{display:none}.timeline-mark{z-index:1;border:1px solid var(--gold-soft);width:45px;height:45px;color:var(--gold);background:#0c1822;border-radius:50%;place-items:center;display:grid}.timeline-item small{color:var(--jade);letter-spacing:.12em;font-size:9px}.timeline-item h3{font-family:var(--serif);margin:5px 0 7px;font-size:19px;font-weight:500}.timeline-item p{color:#89979b;margin:0;font-size:12px;line-height:1.7}.timeline-item.locked{opacity:.35}.world-side{align-content:start;gap:22px;display:grid}.rules-panel{padding-bottom:12px}.rule-card{border-left:2px solid var(--jade);background:#6da88e0e;margin:12px;padding:16px}.rule-card b,.rule-card strong{display:block}.rule-card b{color:var(--jade);letter-spacing:.1em;font-size:9px}.rule-card strong{font-family:var(--serif);margin:5px 0;font-size:14px}.rule-card p{color:#849396;margin:5px 0 0;font-size:11px;line-height:1.6}.rule-card.locked{color:#647177;opacity:.5;border-left-color:#3a464c}.people-layout{grid-template-columns:.85fr 1.15fr;gap:22px;display:grid}.people-list{gap:8px;display:grid}.people-list button{text-align:left;cursor:pointer;background:#ffffff05;border:1px solid #ffffff0d;grid-template-columns:44px 1fr 58px;align-items:center;gap:13px;min-height:72px;padding:10px 14px;display:grid}.people-list button:hover,.people-list button.selected{border-color:var(--gold-soft);background:#d9b56d0f}.people-list button.locked{opacity:.38;cursor:default}.people-list button strong,.people-list button small{display:block}.people-list button strong{font-family:var(--serif);font-weight:500}.people-list button small{color:#718087;margin-top:4px;font-size:9px}.people-list button em{color:var(--gold);white-space:nowrap;justify-self:end;font-size:10px;font-style:normal}.portrait-token{border:1px solid var(--gold-soft);width:42px;height:42px;font-family:var(--serif);color:var(--gold);border-radius:50%;place-items:center;display:grid}.portrait-token.jade{color:#90c5ad;border-color:#5e9b83}.portrait-token.ember{color:#d89169;border-color:#a46242}.portrait-token.violet{color:#aa9acb;border-color:#776895}.portrait-token.ice{color:#a3cad8;border-color:#608ca1}.portrait-token.rose{color:#d69ca7;border-color:#9c6670}.character-focus{text-align:center;outline:none;min-height:522px;padding:56px max(38px,8vw);scroll-margin-top:92px}.character-orb{border:1px solid var(--gold-soft);background:radial-gradient(circle,#d9b56d29,#0000 68%);border-radius:50%;place-items:center;width:120px;height:120px;margin:0 auto 28px;display:grid;box-shadow:0 0 70px #d9b56d1f}.character-orb span{font-family:var(--serif);color:var(--gold);font-size:45px}.character-focus>small{color:var(--jade);letter-spacing:.15em;font-size:9px}.character-focus h2{font-family:var(--serif);margin:8px 0 2px;font-size:38px;font-weight:500}.character-focus .alias{color:#78878c;font-size:11px}.character-focus dl{text-align:left;margin:35px 0 0}.character-focus dl div{border-top:1px solid var(--line);padding:17px 0}.character-focus dt{color:var(--gold);letter-spacing:.12em;font-size:9px}.character-focus dd{color:#aeb8b8;font-family:var(--serif);margin:7px 0 0;line-height:1.75}.relation-panel{margin-top:22px}.relation-stage{background:radial-gradient(circle,#5f947f1f,#0000 35%);min-height:420px;position:relative;overflow:hidden}.relation-stage:before,.relation-stage:after{content:"";background:linear-gradient(90deg, transparent, var(--gold-soft), transparent);opacity:.35;height:1px;position:absolute;inset:50% 10%;transform:rotate(16deg)}.relation-stage:after{transform:rotate(-20deg)}.relation-core,.relation-node{z-index:2;flex-direction:column;align-items:center;gap:5px;display:flex;position:absolute}.relation-core{top:50%;left:50%;transform:translate(-50%,-50%)}.relation-core span,.relation-node span{border:1px solid var(--gold-soft);width:64px;height:64px;color:var(--gold);font-family:var(--serif);background:#101f29;border-radius:50%;place-items:center;font-size:22px;display:grid;box-shadow:0 0 34px #07111c}.relation-core span{background:radial-gradient(circle,#203b39,#101f29);width:84px;height:84px;font-size:30px}.relation-core strong,.relation-node strong{font-family:var(--serif);font-size:13px;font-weight:500}.relation-node small{color:#77858a;font-size:8px}.node-1{top:18%;left:12%}.node-2{top:17%;right:12%}.node-3{bottom:16%;left:15%}.node-4{bottom:16%;right:15%}.node-5{top:8%;left:50%;transform:translate(-50%)}.battle-layout{grid-template-columns:1.15fr .85fr;gap:22px;display:grid}.arena-panel{min-height:570px;padding:28px}.arena{background:radial-gradient(at 50% 60%,#1b2930,#0a141d 68%);border:1px solid #ffffff0a;height:390px;position:relative;overflow:hidden}.arena:before{content:"";border:1px solid #d9b56d1f;border-radius:50%;position:absolute;inset:44% 8% 10%;transform:perspective(280px)rotateX(55deg)}.boss,.tank,.caster{z-index:2;justify-items:center;gap:5px;transition:all .45s;display:grid;position:absolute}.boss{transform-origin:50%;top:34px;left:50%;transform:translate(-50%)}.tank{top:205px;left:50%;transform:translate(-50%)}.caster.one{bottom:28px;left:18%}.caster.two{bottom:28px;right:18%}.boss span,.tank span,.caster span{color:#e3977a;width:62px;height:62px;font-family:var(--serif);background:radial-gradient(circle,#542a25,#181b20);border:1px solid #975749;border-radius:50%;place-items:center;font-size:21px;display:grid}.tank span{border-color:var(--gold-soft);width:50px;height:50px;color:var(--gold);background:#2c2b22}.caster span{color:#8dc3a8;background:#17302b;border-color:#548670;width:45px;height:45px}.caster.two span{color:#9dc9da;background:#172b34;border-color:#608aa0}.boss strong,.tank strong,.caster strong{color:#9aa6a8;font-size:9px;font-weight:400}.spell{z-index:1;transform-origin:0;background:linear-gradient(90deg,#76aa92,#b6f4d5,#0000);width:0;height:2px;transition:all .55s;position:absolute;bottom:78px;left:25%;transform:rotate(-34deg)scaleX(0);box-shadow:0 0 12px #76aa92}.spell-1{width:42%;transform:rotate(-34deg)scaleX(.65)}.spell-2{width:42%;transform:rotate(-34deg)scaleX(.85)}.spell-3{width:42%;transform:rotate(-34deg)scaleX(.5)}.spell-4{width:45%;transform:rotate(-34deg)scaleX(1)}.meters{grid-template-columns:repeat(3,1fr);gap:18px;margin-top:24px;display:grid}.meter div{color:#839095;justify-content:space-between;font-size:9px;display:flex}.meter div strong{color:#b8c0bf}.meter>i{background:#26333a;height:3px;margin-top:7px;display:block}.meter>i b{height:100%;transition:all .45s;display:block}.meter b.red{background:#a35f50}.meter b.gold{background:var(--gold)}.meter b.green{background:var(--jade)}.replay-panel{padding:44px}.step-time{color:var(--gold);font-family:var(--serif);font-size:34px}.replay-panel h2{font-family:var(--serif);margin:10px 0 15px;font-size:28px;font-weight:500}.replay-panel>p,.analysis-note p{color:#9aa7a8;line-height:1.8}.battle-timeline{justify-content:space-between;margin:40px 0 32px;display:flex}.battle-timeline button{color:#66767d;cursor:pointer;background:0 0;border:0;border-top:1px solid #314048;flex:1;padding:18px 2px 0;font-size:8px;position:relative}.battle-timeline button i{background:#526169;border-radius:50%;width:7px;height:7px;position:absolute;top:-4px;left:calc(50% - 4px)}.battle-timeline button.active{color:var(--gold)}.battle-timeline button.active i{background:var(--gold);box-shadow:0 0 12px var(--gold)}.analysis-note{border-left:2px solid var(--jade);background:#76aa920d;padding:18px}.analysis-note span{color:var(--jade);letter-spacing:.1em;font-size:10px}.analysis-note p{margin-bottom:0;font-size:12px}.technique-grid{text-align:center;grid-template-columns:1fr 30px 1fr 30px 1fr 30px 1.1fr;align-items:center;margin-top:22px;padding:28px;display:grid}.technique-grid small,.technique-grid strong{display:block}.technique-grid small{color:var(--gold);font-size:9px}.technique-grid strong{font-family:var(--serif);margin-top:6px;font-size:13px;font-weight:500}.technique-grid>span{color:#58666c}.technique-grid .result{border:1px solid var(--gold-soft);background:#d9b56d0f;padding:18px}.locked-page{text-align:center;color:#69777d;padding:80px}.locked-page>span{font-size:38px}.locked-page h2{font-family:var(--serif);color:#aab2b1}.journal-layout{grid-template-columns:1.05fr .95fr;gap:22px;display:grid}.checkpoint-card{padding:42px;position:relative;overflow:hidden}.checkpoint-number{color:#d9b56d0f;font-family:var(--serif);font-size:180px;position:absolute;top:-35px;right:-5px}.checkpoint-card>small{color:var(--gold);letter-spacing:.15em;font-size:9px}.checkpoint-card h2{font-family:var(--serif);margin:9px 0;font-size:30px;font-weight:500}.checkpoint-card>p{color:#849297;font-size:12px}.journal-field{z-index:1;margin-top:25px;display:block;position:relative}.journal-field span{color:#b9c1bf;font-family:var(--serif);margin-bottom:8px;font-size:14px;display:block}.journal-field textarea,.note-maker textarea{border:0;border-bottom:1px solid var(--line);resize:vertical;width:100%;min-height:74px;color:var(--ink);background:0 0;padding:12px 0;line-height:1.7}.journal-side{align-content:start;gap:22px;display:grid}.note-maker{padding-bottom:24px}.note-maker textarea{background:#ffffff05;border:1px solid #ffffff0d;width:calc(100% - 48px);min-height:130px;margin:18px 24px;padding:12px}.note-maker .primary{margin-left:24px}.notes-list{max-height:520px;overflow-y:auto}.saved-note{border-bottom:1px solid var(--line);margin:0 24px;padding:20px 0}.saved-note small{color:var(--jade);font-size:9px}.saved-note p{color:#b3bcba;font-family:var(--serif);margin:8px 0 0;line-height:1.75}.empty-note{color:#66757b;text-align:center;padding:35px}.gallery-grid{grid-template-columns:repeat(2,1fr);gap:22px;display:grid}.art-card{border:1px solid var(--line);background:var(--panel);margin:0}.art-card img,.art-fog{aspect-ratio:16/10;object-fit:cover;width:100%;display:block}.art-card img{filter:saturate(.78);transition:all .45s}.art-card:hover img{filter:saturate()}.art-fog{color:#5d6b70;background:radial-gradient(circle,#182731,#0a141d 65%),repeating-linear-gradient(145deg,#0000 0 8px,#ffffff05 8px 16px);align-content:center;place-items:center;gap:12px;display:grid}.art-fog span{font-size:36px}.art-fog strong{letter-spacing:.12em;font-size:10px;font-weight:400}.art-card figcaption{grid-template-columns:70px 1fr;padding:18px 20px;display:grid}.art-card figcaption small{color:var(--gold);grid-row:span 2;font-size:9px}.art-card figcaption strong{font-family:var(--serif);font-weight:500}.art-card figcaption span{color:#748389;font-size:9px}.art-card.locked{opacity:.6}.mobile-nav{display:none}@media (width<=980px){.volume-strip{grid-template-columns:repeat(3,1fr)}.world-layout,.battle-layout,.people-layout,.journal-layout,.atlas-layout{grid-template-columns:1fr}.atlas-canvas{border-right:0;border-bottom:1px solid var(--line)}.relation-stage{min-height:390px}.technique-grid{grid-template-columns:1fr;gap:12px}.technique-grid>span{transform:rotate(90deg)}}@media (width<=720px){.side-rail{display:none}.content-shell{margin-left:0;padding-bottom:66px}.topbar{height:70px;padding:0 17px}.topbar .eyebrow,.chapter-control label,.chapter-control input[type=range]{display:none}.brand-lockup{gap:10px}.brand-mini{place-items:center;width:35px;height:35px;display:grid}.brand-mini .brand-symbol{transform:scale(.82)}.topbar strong{letter-spacing:.12em;font-size:16px}.hero{height:calc(100svh - 70px);min-height:610px}.hero-copy{top:15%;left:24px;right:24px}.hero-copy h1{font-size:46px}.hero-copy p{font-size:15px}.current-card{width:auto;bottom:30px;left:24px;right:24px}.section-pad{padding:50px 18px 85px}.dashboard-grid,.gallery-grid{grid-template-columns:1fr}.companion-panel{grid-column:auto}.event-spotlight{grid-template-columns:52px 1fr;padding:25px 20px}.event-spotlight>b{width:48px;height:48px}.next-lock{gap:10px;margin:0 20px 22px}.companion-intro,.lens-row,.question-box,.companion-answer{margin-left:20px;margin-right:20px}.question-box{padding:16px}.question-box textarea{min-height:145px}.question-box>div{align-items:flex-end}.question-box .primary{min-width:118px;padding-left:14px;padding-right:14px}.companion-answer{padding:22px 18px}.volume-strip{display:flex;overflow-x:auto}.volume-card{min-width:158px}.page-title{margin-bottom:35px}.page-title h1{font-size:38px}.timeline{padding:10px 18px 28px}.atlas-canvas{min-height:520px}.atlas-detail{padding:30px 22px}.atlas-pin{min-width:86px}.atlas-pin>span{font-size:10px}.atlas-canvas:after{font-size:24px;left:38%}.atlas-compass{bottom:20px;right:16px;transform:scale(.78)}.atlas-scale{bottom:14px;left:16px}.character-focus{padding:42px 25px}.relation-stage{min-height:520px}.relation-core{top:50%}.node-1{top:14%;left:5%}.node-2{top:14%;right:5%}.node-3{bottom:14%;left:6%}.node-4{bottom:14%;right:6%}.node-5{top:5%}.arena-panel{min-height:500px;padding:14px}.arena{height:350px}.caster.one{left:8%}.caster.two{right:8%}.replay-panel,.checkpoint-card{padding:28px 22px}.meters{gap:8px}.meter div{display:block}.journal-field textarea{min-height:92px}.art-card figcaption{grid-template-columns:55px 1fr}.mobile-nav{z-index:40;border-top:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#060f18f5;grid-template-columns:repeat(6,1fr);height:66px;display:grid;position:fixed;inset:auto 0 0}.mobile-nav button{color:#718086;background:0 0;border:0;font-size:9px}.mobile-nav button span{color:#8c7b59;font-size:16px;display:block}.mobile-nav button.active{color:var(--ink);background:linear-gradient(#0000,#d9b56d1c)}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}