:root{--bg:#efeee7;--ink:#202723;--muted:#7c8176;--forest:#1f3027;--deep:#131b16;--lime:#c1c994;--serif:'Playfair Display',Georgia,serif;--sans:'DM Sans',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;background:var(--bg);color:var(--ink);font:14px var(--sans)}a{color:inherit;text-decoration:none}button{font:inherit}.topbar{height:72px;padding:0 5.5%;display:flex;align-items:center;justify-content:space-between;background:#121a16;color:#f4f1e8;position:absolute;z-index:5;top:0;width:100%;border-bottom:1px solid #ffffff17}.brand{display:flex;gap:11px;align-items:center;font-size:12px;font-weight:700;letter-spacing:2px}.brand-mark{display:grid;place-items:center;width:33px;height:33px;border:1px solid #a8b18a;color:#c2c897;font:21px var(--serif)}.brand-sub{display:block;margin-top:4px;font-size:8px;font-weight:500;letter-spacing:1.5px;color:#91988b}.nav-links{display:flex;gap:35px;align-items:center;font-size:10px;color:#c1c4ba}.nav-links a{padding:29px 0;position:relative}.nav-links a:hover,.nav-links .active{color:#fff}.nav-links .active:after{content:'';position:absolute;left:0;right:0;bottom:17px;height:1px;background:#c1c897}.save-indicator{font-size:8px;letter-spacing:1px;color:#adb59e}.save-indicator span,.available-dot{color:#abc48b}.menu-toggle{display:none}.game-shell{padding-top:72px;min-height:890px;background:radial-gradient(ellipse at 74% 24%,#344a3b 0%,#25392e 35%,#1b2a22 75%);color:#f2efe5;display:grid;grid-template-columns:90px 1fr}.side-rail{background:#121a16a6;border-right:1px solid #ffffff14;display:flex;flex-direction:column;align-items:center;padding:27px 8px;gap:9px}.rail-label{font-size:6px;letter-spacing:1px;color:#7c897d;writing-mode:vertical-rl;transform:rotate(180deg);margin-bottom:17px}.rail-item{width:62px;height:62px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;color:#899488;border:1px solid transparent}.rail-item span{font-size:18px}.rail-item b{font-size:8px;font-weight:500}.rail-item.selected{background:#c2c997;color:#263329;border-color:#d3d7aa}.rail-bottom{margin-top:auto;display:grid;justify-items:center;gap:9px;text-align:center;color:#949e8e;font-size:7px;letter-spacing:.6px;line-height:1.6}.rail-bottom b{color:#d3d8c5}.avatar{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;border:1px solid #aab48e;color:#d4d8b4;font:17px var(--serif)}.game-main{max-width:1390px;width:100%;margin:auto;padding:47px 6.2% 54px}.game-topline{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:30px}.eyebrow,.section-label{font-size:8px;font-weight:700;letter-spacing:1.8px;color:#aeb995}.eyebrow{display:flex;align-items:center;gap:9px}.eyebrow span{width:20px;height:1px;background:#c1c994}.game-topline h1{font:500 38px/1.15 var(--serif);letter-spacing:-.7px;margin:12px 0 5px}.subhead{font-size:10px;color:#c3c9bc;margin:0}.day-chip{border:1px solid #ffffff30;padding:10px 13px;font-size:8px;letter-spacing:1px;color:#aeb6a4;display:flex;gap:9px;align-items:center}.day-chip b{color:#f3f0e6;font-size:10px}.day-chip span{color:#c5ca9a}.game-grid{display:grid;grid-template-columns:minmax(300px,.87fr) minmax(400px,1.13fr);gap:15px}.panel{border:1px solid #ffffff17;background:#18251edb;box-shadow:0 14px 38px #10181118}.core-panel,.actions-panel,.log-panel,.class-panel{padding:20px 21px}.panel-heading{display:flex;justify-content:space-between;align-items:center}.micro-label{font-size:7px;letter-spacing:1.5px;color:#9ca990}.panel-heading h2{font:500 20px var(--serif);margin:5px 0 0}.rank-badge{font-size:7px;letter-spacing:1px;border:1px solid #adb88a7a;padding:7px 9px;color:#c7ce9f}.core-display{height:242px;position:relative;display:grid;place-items:center;margin-top:1px;overflow:hidden;background:radial-gradient(ellipse at center,#62705234,transparent 63%)}.core-ring{position:absolute;border:1px solid #c9d1a944;border-radius:50%;transform:rotate(-23deg)}.ring-outer{width:220px;height:91px}.ring-inner{width:171px;height:124px;transform:rotate(54deg);border-color:#c9d1a92d}.core-spark{width:142px;height:142px;border-radius:50%;position:absolute;background:radial-gradient(circle,#c9d99a2e,#94a87015 42%,transparent 71%);filter:blur(4px)}.core-crystal{height:70px;width:61px;z-index:1;display:grid;place-items:center;clip-path:polygon(50% 0,91% 24%,100% 76%,50% 100%,0 76%,9% 24%);background:linear-gradient(145deg,#7b8173,#282f2c 52%,#0b0f0d);box-shadow:0 0 30px #d8e6a56b;transition:all .5s}.core-crystal span{font-size:32px;color:#f8f8e7;text-shadow:0 0 15px #ecf5b5}.rune{position:absolute;color:#ced5a3;font:18px var(--serif);opacity:.4}.rune-one{top:45px;left:24%}.rune-two{bottom:44px;right:23%}.orbit-dot{position:absolute;top:67px;right:30%;width:7px;height:7px;background:#dce9a1;border-radius:50%;box-shadow:0 0 12px #dce9a1}.progress-row>div:first-child{display:flex;justify-content:space-between;align-items:center;color:#c5cabb;font-size:9px}.progress-row b{font-size:9px;color:#e3e6d4}.progress-track,.mana-track{height:5px;background:#ffffff1d;margin-top:9px;overflow:hidden}.progress-track span{height:100%;display:block;width:0;background:linear-gradient(90deg,#78845e,#d3d79e);transition:width .3s}.core-stats{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #ffffff19;margin-top:20px;padding-top:15px}.core-stats>div{display:grid;gap:8px;border-right:1px solid #ffffff14;padding-left:12px}.core-stats>div:first-child{padding-left:0}.core-stats>div:last-child{border:0}.core-stats span,.mana-bar-row>span{font-size:6px;letter-spacing:1px;color:#9fa997}.core-stats b{font:19px var(--serif);font-weight:500}.core-stats small{font:8px var(--sans);color:#9fa997}.mana-bar-row{display:grid;grid-template-columns:40px 1fr auto;gap:10px;align-items:center;margin-top:17px}.mana-bar-row>span,.mana-bar-row>b{font-size:8px;color:#c9cebe}.mana-bar-row>b{font-weight:500;min-width:64px;text-align:right}.mana-track{margin:0;height:4px}.mana-track span{height:100%;display:block;width:100%;background:#91a780;transition:width .3s}.actions-panel{display:flex;flex-direction:column}.available-dot{font-size:7px;letter-spacing:.8px}.action-list{display:grid;gap:9px;margin-top:17px}.action-card{min-height:88px;border:1px solid #ffffff17;background:#ffffff06;padding:12px;display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:10px}.action-icon{width:36px;height:36px;display:grid;place-items:center;border:1px solid #c1ca9633;color:#c8d09c;font-size:17px}.spell{color:#dbab80;border-color:#dbab803b}.action-copy h3{font:16px var(--serif);margin:0 0 3px}.action-copy p{font-size:8px;color:#b0b9ac;margin:0 0 6px}.action-copy small{font-size:6px;letter-spacing:.65px;color:#99a68d}.action-button{height:31px;min-width:74px;padding:0 9px;border:1px solid #c1ca9666;background:#c0c795;color:#1e2921;font-size:8px;cursor:pointer;transition:transform .15s,background .15s}.action-button:hover,.action-button:focus-visible{background:#d1d5a5;transform:translateY(-1px)}.action-button span{margin-left:8px}.action-button:disabled{opacity:.42;cursor:not-allowed;transform:none}.trial-callout{margin-top:auto;padding:12px 11px;display:grid;grid-template-columns:29px 1fr auto;align-items:center;gap:9px;background:#1019148c;border:1px solid #ffffff12}.trial-lock{height:27px;width:27px;border:1px solid #ffffff25;display:grid;place-items:center;color:#a9af9d}.trial-callout b{font:13px var(--serif)}.trial-callout p{margin:3px 0 0;font-size:8px;color:#aab2a4}.trial-callout button{border:1px solid #ffffff25;background:#ffffff09;color:#9da694;padding:8px 10px;font-size:7px;letter-spacing:.7px;cursor:pointer}.trial-callout button.ready{color:#1b241c;background:#c7ce99;border-color:#c7ce99}.game-lower{display:grid;grid-template-columns:1.05fr .95fr;gap:15px;margin-top:15px}.log-panel,.class-panel{min-height:158px}.journal-icon{color:#c0c999;font-size:22px}.journal-entry{display:flex;gap:13px;align-items:flex-start;margin-top:17px}.journal-time{font-size:7px;letter-spacing:.9px;color:#bdc58e;padding-top:3px}.journal-entry p{font:italic 12px/1.55 var(--serif);color:#d6dacd;margin:0}.journal-hint{font-size:7px;color:#899487;margin:12px 0 0 37px}.class-options{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:14px}.class-option{background:#ffffff06;border:1px solid #ffffff16;color:#d9ddcf;display:grid;justify-items:center;gap:4px;padding:8px 3px;cursor:pointer}.class-option>span{font-size:17px;color:#b9c48e}.class-option>b{font:11px var(--serif)}.class-option small{font-size:6px;color:#a5ad9f}.class-option.chosen{border-color:#bdc892;background:#bfc7971c}.class-note{font-size:8px;color:#aeb7a6;line-height:1.5;margin:10px 0 0}.world-section{background:#efeee7;padding:78px 8% 82px}.world-wrap,.guide-wrap{max-width:1080px;margin:auto}.section-label{color:#838c77}.world-heading,.guide-heading{display:flex;align-items:end;justify-content:space-between;margin-top:22px}.world-heading h2,.guide-heading h2{font:500 40px/1.12 var(--serif);letter-spacing:-.8px;margin:0}.world-heading h2 em,.guide-heading h2 em{font-weight:500;color:#708063}.world-heading>p,.guide-heading>p{max-width:390px;font-size:10px;line-height:1.9;color:#74796f;margin:0 5% 3px 0}.continent-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-top:35px}.continent{height:202px;padding:17px 18px;display:flex;flex-direction:column;align-items:flex-start;color:#f0eee5;position:relative;overflow:hidden}.continent:before{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#141d18ed,#141d1840 82%)}.continent>*{position:relative}.dicathen{background:radial-gradient(ellipse at 70% 30%,#988d67,#56654e 45%,#273d31)}.alacrya{background:radial-gradient(ellipse at 68% 24%,#8b6455,#57403a 46%,#282a25)}.epheotus{background:radial-gradient(ellipse at 68% 28%,#858b9a,#535b69 47%,#2b3035)}.continent>span{font-size:6px;letter-spacing:1.1px;color:#c0c79f}.continent h3{font:25px var(--serif);margin:31px 0 5px}.continent p{font-size:8px;line-height:1.65;color:#d0d2c7;margin:0;max-width:270px}.continent>b{font-size:6px;letter-spacing:.8px;color:#c5cbab;margin-top:auto}.world-facts{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #d1d0c5;margin-top:24px;padding-top:16px;gap:15px}.world-facts>div{display:grid;gap:7px}.world-facts span{font-size:7px;letter-spacing:1px;color:#858a7e}.world-facts b{font:13px var(--serif);font-weight:500}.guide-section{background:#1c2b23;color:#f1efe5;padding:75px 8% 65px}.light{color:#b8c391}.guide-heading h2{font-size:39px}.guide-heading h2 em{color:#c1c994}.guide-heading>p{color:#c0c6b8}.rank-table{margin-top:32px;border-top:1px solid #ffffff30}.rank-row{min-height:39px;display:grid;grid-template-columns:1fr 1.1fr 2fr;align-items:center;border-bottom:1px solid #ffffff18;gap:20px;font-size:9px}.rank-row b{display:flex;align-items:center;gap:9px;font:13px var(--serif);font-weight:500}.rank-row>span{font-size:9px;color:#d4d8c9}.rank-row>small{font-size:8px;color:#adb6a8}.table-head{min-height:31px;color:#9fae94;font-size:7px;letter-spacing:1px}.rank-dot{height:11px;width:11px;border-radius:50%;display:inline-block;background:#5b6059;box-shadow:0 0 8px #ffffff36}.dot-red{background:#bc5548}.dot-orange{background:#d08948}.dot-yellow{background:#d1bd67}.dot-silver{background:#b6c0bc}.dot-white{background:#eeeedd}.dot-integration{background:#b5b899}.dot-aether{background:#9d82b6}.guide-note{border:1px solid #ffffff1c;background:#ffffff08;padding:13px 15px;display:flex;gap:12px;margin-top:19px;align-items:flex-start}.guide-note>span{color:#c4cb91;font-size:16px}.guide-note p{font-size:8px;line-height:1.8;color:#c0c7b8;margin:0}.guide-note b{color:#e0e3d6}.lore-footnote{font-size:7px;color:#9ca696;margin:14px 0 0}.toast{position:fixed;z-index:8;bottom:22px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#cfD4a0;color:#17211a;padding:11px 16px;font-size:10px;box-shadow:0 8px 25px #0004;transition:all .2s}.toast.show{opacity:1;transform:translate(-50%,0)}footer{background:#111914;color:#c8cbbf;min-height:79px;padding:17px 5.5%;display:flex;align-items:center;justify-content:space-between}footer>span{font:italic 11px var(--serif);color:#969d8d}.footer-brand{font-size:10px}.footer-brand .brand-mark{width:29px;height:29px;font-size:19px}.footer-right{font:7px var(--sans);letter-spacing:1px;color:#899184}.footer-right a{font-size:14px;margin-left:16px;color:#c3ca99}
@media(max-width:850px){.game-main{padding:37px 4%}.game-shell{grid-template-columns:68px 1fr}.rail-item{width:50px;height:53px}.game-grid{grid-template-columns:1fr;gap:12px}.core-display{height:195px}.actions-panel{min-height:365px}.game-lower{grid-template-columns:1fr}.world-section,.guide-section{padding-left:6%;padding-right:6%}.continent{height:225px}}
@media(max-width:600px){.topbar{height:64px;padding:0 5%}.brand{font-size:10px}.menu-toggle{display:block;background:none;border:0;color:#f1efe5;font-size:20px}.save-indicator{display:none}.nav-links{display:none;position:absolute;top:64px;left:0;right:0;background:#121a16;padding:8px 7% 16px;flex-direction:column;align-items:flex-start;gap:0}.nav-links.open{display:flex}.nav-links a{padding:12px 0;width:100%}.nav-links .active:after{display:none}.game-shell{padding-top:64px;display:block}.side-rail{display:none}.game-main{padding:30px 5% 38px}.game-topline{margin-bottom:20px}.game-topline h1{font-size:31px}.subhead{font-size:9px}.day-chip{padding:8px;font-size:7px}.core-panel,.actions-panel,.log-panel,.class-panel{padding:16px 14px}.core-stats>div{padding-left:6px}.core-stats span{font-size:5px;letter-spacing:.6px}.core-stats b{font-size:17px}.action-card{grid-template-columns:32px 1fr auto;gap:8px;padding:9px}.action-icon{width:31px;height:31px}.action-copy h3{font-size:14px}.action-copy p{font-size:7px}.action-copy small{font-size:5px}.action-button{min-width:62px;padding:0 6px;font-size:7px}.world-section{padding:57px 6%}.world-heading,.guide-heading{display:block}.world-heading h2,.guide-heading h2{font-size:34px}.world-heading>p,.guide-heading>p{margin:14px 0 0}.continent-cards{grid-template-columns:1fr;gap:9px;margin-top:23px}.continent{height:167px}.continent h3{margin-top:20px}.world-facts{grid-template-columns:1fr;gap:14px}.guide-section{padding:57px 6% 48px}.rank-row{grid-template-columns:.8fr 1.1fr 1.5fr;gap:9px;min-height:47px}.rank-row b{font-size:11px;gap:5px}.rank-row>span{font-size:7px}.rank-row>small{font-size:6px;line-height:1.4}.rank-dot{width:9px;height:9px}.table-head{min-height:28px;font-size:6px}.guide-note{padding:11px}.guide-note p{font-size:7px}footer{padding:15px 6%;gap:13px;flex-wrap:wrap}footer>span:nth-child(2){display:none}.footer-right{margin-left:auto}}