:root{color-scheme:dark;--gold:#c4a878;--ivory:#eee4d0;--muted:#8c918b;--line:#75654766}*{box-sizing:border-box}body{margin:0;background:#101813;color:var(--ivory);font-family:Georgia,'Times New Roman',serif;overflow:hidden}button{font:inherit;cursor:pointer;color:inherit}button:focus-visible{outline:2px solid #f8dca1;outline-offset:4px}button:disabled{opacity:.5;cursor:wait}canvas{position:fixed;inset:0;width:100%;height:100%;image-rendering:pixelated} [hidden]{display:none!important}.overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#0b1716bb,#07110fed);backdrop-filter:blur(3px);z-index:3}.menu-panel{text-align:center;width:min(760px,95vw);padding:30px}.eyebrow{color:#a9b5a4;font:10px system-ui;letter-spacing:4px;margin-bottom:23px}h1{font-size:clamp(48px,8vw,86px);font-weight:400;letter-spacing:16px;margin:0 0 0 16px;color:#e4d4ac;text-shadow:0 3px 30px #a5843d44}h1 span{display:block;font-size:18px;letter-spacing:13px;margin:3px 0 0 -1px;color:#b89a66}.ornament{color:#8d774b;font-size:15px;margin:22px 0}.intro{font-size:16px;color:#b0b6a8;line-height:1.7;margin-bottom:29px}.choose-label{font:10px system-ui;letter-spacing:3px;color:#b4a78c;margin-bottom:15px}#classes{display:flex;gap:10px;margin:0 auto 24px;max-width:625px}.class-card{flex:1;min-width:0;background:linear-gradient(#28372d99,#18261e99);border:1px solid #6a6c4f55;padding:12px 5px 15px;transition:.2s}.class-card:hover,.class-card.selected{border-color:#b9a16b;background:linear-gradient(#45513b99,#253528aa)}.class-card canvas{position:static;width:100px;height:88px;max-width:100%;display:block;margin:auto}.class-card strong{display:block;font-weight:400;font-size:16px;margin:3px 0 8px}.class-card small{font:10px system-ui;display:block;color:#9ba591;line-height:1.6}.primary{background:linear-gradient(110deg,#a38a55,#ccad6d,#a38a55);color:#172019;border:1px solid #d4bc8a;font-size:17px;letter-spacing:2px;padding:15px 42px;min-width:270px;box-shadow:0 4px 40px #b4934133}.primary:hover{filter:brightness(1.15)}.run-info{font:9px system-ui;letter-spacing:1.6px;color:#969d8e;margin:21px 0}.run-info b{font-size:8px;color:#978052;padding:0 12px}.menu-bottom{display:flex;justify-content:center;gap:35px;margin-top:29px}.text-button{border:0;background:none;font-size:12px;color:#b9b29b;padding:8px}.text-button:hover{color:#ead5a8}.asset-note{font:10px system-ui;color:#758576;margin:22px 0 0}#hud{position:fixed;inset:0;pointer-events:none}header{height:73px;display:flex;align-items:center;justify-content:space-between;padding:0 35px;background:linear-gradient(#09100fed,#0d1611a6);border-bottom:1px solid var(--line)}.brand{font-size:22px;letter-spacing:4px;color:#d0be97}.brand span{display:block;font-size:8px;letter-spacing:5px;margin-top:3px}.clock{position:absolute;left:50%;transform:translateX(-50%);font-size:31px;font-variant-numeric:tabular-nums;color:#e8ddc2}.counters{font:10px system-ui;letter-spacing:2px;color:#a9ac98}.counters span{font:19px Georgia;color:#e3d3ad;letter-spacing:0;margin-right:7px}.counters i{font-style:normal;font-size:10px;padding:0 18px;color:#b69b62}.xp-track{height:4px;background:#121c16}#xp-fill{height:100%;background:linear-gradient(90deg,#536c9a,#a9c4e5);transition:width .2s;box-shadow:0 0 12px #9bb9ea66}.level-label{font:10px system-ui;letter-spacing:2px;text-align:center;margin-top:12px;color:#d0cbb4;text-shadow:0 2px 4px #000}footer{position:absolute;bottom:39px;left:28px;right:28px;display:flex;align-items:end;justify-content:space-between;gap:20px}.health-panel{width:210px;padding:13px 15px;background:#0b1411d9;border:1px solid var(--line)}.health-heading{font:9px system-ui;letter-spacing:2px;color:#a8af9b;display:flex;justify-content:space-between}.health-heading span{color:#d4ceba;letter-spacing:0}.health-track{height:7px;background:#301d1b;margin:9px 0}#hp-fill{height:100%;background:linear-gradient(90deg,#773d39,#c06e55);transition:width .2s}#dash-label{font:8px system-ui;color:#a4ad9b;letter-spacing:1.5px}#skills{display:flex;gap:7px;position:absolute;left:50%;transform:translateX(-50%)}.skill-slot{position:relative;width:49px;height:53px;border:1px solid #9b8b6666;background:#0b1411e6;display:flex;align-items:center;justify-content:center;font-size:25px}.skill-slot small{position:absolute;bottom:2px;right:5px;color:#e9dbb3;font:9px system-ui}.skill-slot.empty{opacity:.35}.icon-button{pointer-events:auto;width:43px;height:43px;background:#0c1612cc;border:1px solid var(--line);font-size:18px;color:#c4b58e}.hint{position:absolute;bottom:13px;width:100%;text-align:center;color:#bdb698;font:8px system-ui;letter-spacing:1.5px}.hint span{color:#7e8c79;margin-right:9px}#announcement{position:absolute;top:23%;width:100%;text-align:center;font-size:25px;color:#edcb8c;text-shadow:0 2px 20px #000;letter-spacing:4px;transition:opacity .5s;opacity:0}.dialog{width:min(800px,94vw);text-align:center;border:1px solid #76684899;background:linear-gradient(135deg,#1e2b21f5,#0e1915fa);padding:40px;box-shadow:0 15px 90px #0009}.dialog h2{font-size:32px;font-weight:400;color:#dfcca4;letter-spacing:3px;margin:8px 0 14px}.dialog p{color:#a6af9d;font-size:14px;line-height:1.6}.upgrade-grid{display:flex;gap:14px;margin:28px 0 10px}.upgrade-card{flex:1;min-width:0;text-align:left;background:#27342a77;border:1px solid #7e765866;padding:22px 18px;transition:.15s}.upgrade-card:hover{transform:translateY(-5px);border-color:#d5b874;background:#45523a66}.upgrade-icon{font-size:35px;display:block;margin-bottom:22px}.upgrade-card strong{font-size:19px;font-weight:400;display:block;color:#e1d1ac}.upgrade-card p{font:12px/1.7 system-ui;min-height:64px}.upgrade-card small{font:9px system-ui;letter-spacing:2px;color:#af9770}.dialog-actions{display:flex;justify-content:center;gap:20px;margin-top:25px}.stats{display:flex;justify-content:center;gap:40px;margin:25px 0}.stats strong{display:block;font-size:28px;font-weight:400;color:#dbc394}.stats small{font:9px system-ui;letter-spacing:2px;color:#99a38f}.legacy-row{display:flex;justify-content:space-between;align-items:center;text-align:left;padding:16px 0;border-bottom:1px solid var(--line)}.legacy-row strong{font-size:17px;font-weight:400}.legacy-row small{display:block;font:11px system-ui;color:#95a18b;margin-top:5px}.legacy-row button{background:#485337;border:1px solid #827551;padding:9px 15px;color:#e0cca1}.legacy-row button:disabled{cursor:default;opacity:.4}#toast{position:fixed;bottom:150px;width:100%;text-align:center;color:#e6bf84;pointer-events:none;font-size:16px;z-index:5}body.hurt canvas#world{filter:sepia(.2)}@media(max-width:650px){header{padding:0 15px}.brand{font-size:15px}.counters{letter-spacing:0}.counters i{padding:0 5px}.counters span{font-size:16px}footer{left:12px;right:12px;bottom:45px}.health-panel{width:150px}#skills{bottom:75px}.upgrade-grid{gap:6px}.upgrade-card{padding:14px 9px}.upgrade-card strong{font-size:16px}.dialog{padding:22px}.eyebrow{font-size:8px;letter-spacing:2px}.menu-panel{padding:15px}.class-card strong{font-size:13px}h1{font-size:52px}.intro{margin-bottom:15px}.menu-bottom{margin-top:12px}}@media(max-height:740px){.menu-panel{padding:12px}.eyebrow{margin-bottom:12px}h1{font-size:58px}.ornament{margin:12px}.intro{margin:12px 0 18px}.class-card canvas{height:68px}.menu-bottom{margin-top:8px}.asset-note{margin-top:10px}}