:root{--ink:#e9dfc7;--ink-dim:#b3a78c;--ink-faint:#7d735f;--gold:#e8b64a;--panel:#120e0beb;--panel-edge:#6b5433;--panel-edge-light:#a68655;--hp:#b3252a;--hp-hi:#e0453f;--sta:#3f8f3a;--sta-hi:#6cc05a;--xp:#7a4fc2;--xp-hi:#a57df0;--shadow:0 10px 40px #0009;--title:"Cinzel", Georgia, serif;--body:"EB Garamond", Georgia, serif}html,body{width:100%;height:100%;color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;background:#050507;margin:0;padding:0;overflow:hidden}#game{touch-action:none;outline:none;width:100%;height:100%;display:block}#ui{pointer-events:none;position:fixed;inset:0}#ui>*{pointer-events:none}.hidden{display:none!important}b{color:#fff3d6;font-weight:600}.gold{color:var(--gold)!important}.btn,.choice{pointer-events:auto;font-family:var(--title);letter-spacing:.06em;color:var(--ink);border:1px solid var(--panel-edge-light);cursor:pointer;background:linear-gradient(#3a2b1a,#22190f);border-radius:3px;padding:9px 20px;font-size:15px;transition:filter .12s,transform .12s;box-shadow:inset 0 1px #ffdca026,0 2px 6px #00000080}.btn:hover:not(:disabled),.choice:hover{filter:brightness(1.3)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:default}.btn.ghost{background:0 0}.btn.icon{padding:7px 12px;font-size:18px}.row-end{justify-content:flex-end;gap:10px;margin-top:18px;display:flex}.modal{background:#00000073;justify-content:center;align-items:center;animation:.18s ease-out fadein;display:flex;position:fixed;inset:0;pointer-events:auto!important}@keyframes fadein{0%{opacity:0}}.panel{background:var(--panel);border:1px solid var(--panel-edge);outline-offset:3px;box-shadow:var(--shadow);border-radius:4px;outline:1px solid #a6865540;min-width:360px;max-width:min(92vw,980px);max-height:88vh;padding:22px 28px 24px;overflow:auto}.panel-title{font-family:var(--title);letter-spacing:.08em;color:#f4dfae;text-align:center;text-shadow:0 2px 8px #000c;border-bottom:1px solid #a6865559;margin-bottom:16px;padding-bottom:12px;font-size:24px}.message .panel,.intro .panel{max-width:560px}.message-body{color:var(--ink);font-size:19px;line-height:1.45}.intro .message-body{font-size:20px}.menu-buttons{flex-direction:column;gap:10px;min-width:260px;display:flex}.menu-buttons .btn{padding:11px 20px;font-size:17px}.opt-row{pointer-events:auto;grid-template-columns:180px 1fr 50px;align-items:center;gap:12px;padding:7px 0;font-size:17px;display:grid}.opt-row input[type=range]{accent-color:var(--gold);pointer-events:auto}.opt-row select,.opt-row input{pointer-events:auto}.opt-row select{color:var(--ink);border:1px solid var(--panel-edge);font-family:var(--body);background:#22190f;padding:4px 6px;font-size:16px}.opt-val{color:var(--ink-dim);text-align:right;font-size:14px}table.controls{border-collapse:collapse;width:100%;font-size:17px}table.controls td{border-bottom:1px solid #a6865526;padding:4px 10px}table.controls td:first-child{color:var(--gold);font-family:var(--title);white-space:nowrap;font-size:14px}.main-menu{background:radial-gradient(at 50% 35%,#3c26128c,#050507f2 70%),linear-gradient(#0c0a0d,#050507);justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden;pointer-events:auto!important}.menu-inner{text-align:center;z-index:2;flex-direction:column;align-items:center;display:flex}.menu-title{font-family:var(--title);letter-spacing:.08em;color:#f2d49a;text-shadow:0 0 30px #ff963c59,0 4px 16px #000;font-size:clamp(44px,8vw,96px);font-weight:700}.menu-sub{color:var(--ink-dim);margin:6px 0 38px;font-size:21px;font-style:italic}.menu-foot{color:var(--ink-faint);margin-top:48px;font-size:14px}.embers{pointer-events:none;position:absolute;inset:0}.embers i{opacity:0;background:#ffae4a;border-radius:50%;width:3px;height:3px;animation:linear infinite ember;position:absolute;bottom:-10px;box-shadow:0 0 8px 2px #ff8c28cc}@keyframes ember{0%{opacity:0;transform:translate(0)}10%{opacity:1}to{opacity:0;transform:translate(40px,-105vh)}}.fade{opacity:0;background:#000;transition:opacity .3s;position:fixed;inset:0}.loading{z-index:10;background:radial-gradient(at 50% 40%,#1a120c,#050507 70%);flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.loading-title{font-family:var(--title);color:#f2d49a;letter-spacing:.08em;text-shadow:0 4px 16px #000;font-size:48px}.loading-sub{color:var(--ink-dim);margin:8px 0 26px;font-size:22px;font-style:italic}.loading-track{border:1px solid var(--panel-edge);background:#ffffff14;width:min(440px,70vw);height:6px}.loading-fill{background:linear-gradient(90deg, #8a5a22, var(--gold));width:0;height:100%;transition:width .25s}.loading-tip{color:var(--ink-faint);text-align:center;max-width:520px;margin-top:28px;font-size:17px}.click-hint{font-family:var(--title);letter-spacing:.1em;color:#fff0d2cc;background:#00000073;border-radius:3px;padding:8px 18px;font-size:16px;position:fixed;top:55%;left:50%;transform:translate(-50%)}.hud{position:fixed;inset:0}.hud-stats{align-items:flex-end;gap:12px;display:flex;position:absolute;bottom:22px;left:22px}.hud-level{border:2px solid var(--panel-edge-light);background:radial-gradient(circle at 40% 35%,#3b2c1a,#120d08);border-radius:50%;justify-content:center;align-items:center;width:62px;height:62px;display:flex;box-shadow:0 0 0 3px #0009,0 4px 14px #000000b3}.hud-level-num{font-family:var(--title);color:#f4dfae;text-shadow:0 2px 4px #000;font-size:26px}.hud-bars{flex-direction:column;gap:5px;width:min(340px,38vw);display:flex}.bar{background:#0a0806cc;border:1px solid #a6865599;height:18px;position:relative;overflow:hidden;box-shadow:0 2px 8px #0009}.bar-fill,.bar-lag{transition:width 80ms linear;position:absolute;top:0;bottom:0;left:0}.bar-hp .bar-fill{background:linear-gradient(180deg, var(--hp-hi), var(--hp) 60%, #7a1417)}.bar-hp .bar-lag{background:#ffd2a08c}.bar-sta{height:12px}.bar-sta .bar-fill{background:linear-gradient(180deg, var(--sta-hi), var(--sta))}.bar-sta.flash{animation:.4s staflash}@keyframes staflash{0%,to{border-color:#a6865599}50%{border-color:#ff6a4a;box-shadow:0 0 10px #ff6a4a}}.bar-xp{height:7px}.bar-xp .bar-fill{background:linear-gradient(90deg, var(--xp), var(--xp-hi))}.bar-text{font-size:13px;font-family:var(--title);color:#fff;text-shadow:0 1px 2px #000,0 0 4px #000;letter-spacing:.05em;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.bar-sta .bar-text{font-size:10px}.bar-xp .bar-text{display:none}.bar-xp:hover .bar-text{display:flex}.hud-res{font-family:var(--title);text-shadow:0 2px 6px #000;gap:18px;font-size:20px;display:flex;position:absolute;bottom:24px;right:24px}.hud-res small{color:var(--ink-dim);font-size:13px}.hud-gold{color:var(--gold);align-items:center;gap:7px;display:flex}.hud-potions{color:#f27a6a;align-items:center;gap:7px;display:flex}.ico-gold{background:radial-gradient(circle at 35% 35%,#fff2a8,#e2a21c 60%,#8c5a07);border-radius:50%;width:16px;height:16px;display:inline-block;box-shadow:0 0 6px #ffc83c99}.ico-potion{background:radial-gradient(circle at 40% 60%,#ff7a6a,#b3151a 70%);border-radius:40% 40% 50% 50%;width:12px;height:16px;display:inline-block;box-shadow:0 0 6px #ff3c3c99}.hud-keys{color:#e9dfc78c;text-shadow:0 1px 3px #000;gap:14px;font-size:14px;display:flex;position:absolute;top:18px;right:24px}.hud-keys b{font-family:var(--body);color:#fff0d2cc;border:1px solid #a6865580;margin-right:3px;padding:0 5px;font-size:13px;font-weight:600}.hud-prompt{color:#fff;text-shadow:0 2px 4px #000,0 0 8px #000;white-space:nowrap;align-items:center;gap:8px;font-size:19px;display:flex;position:fixed;top:0;left:0}.hud-prompt .key{font-family:var(--title);color:#1a1209;background:var(--gold);border-radius:3px;padding:1px 7px;font-size:13px;box-shadow:0 2px 6px #0009}.hud-toasts{flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;top:14%;left:50%;transform:translate(-50%)}.toast{color:var(--ink);text-shadow:0 1px 3px #000;background:#0a0806b3;border:1px solid #a6865566;border-radius:3px;padding:6px 18px;font-size:19px;transition:opacity .6s;animation:.25s ease-out toastin}.toast.fade{opacity:0}@keyframes toastin{0%{opacity:0;transform:translateY(-8px)}}.hud-vignette{opacity:0;background:radial-gradient(#0000 45%,#aa0000bf 100%);position:absolute;inset:0}.hud-poison{opacity:0;background:radial-gradient(#0000 55%,#28b41e73 100%);transition:opacity .5s;position:absolute;inset:0}.hud-poison.on{opacity:1;animation:1.2s infinite alternate poisonpulse}@keyframes poisonpulse{to{filter:brightness(1.4)}}.hud-banner{text-align:center;opacity:0;position:absolute;top:26%;left:50%;transform:translate(-50%)}.hud-banner.show{animation:3s ease-out banner}@keyframes banner{0%{opacity:0;transform:translate(-50%)scale(.8)}12%{opacity:1;transform:translate(-50%)scale(1.05)}20%{transform:translate(-50%)scale(1)}80%{opacity:1}to{opacity:0}}.banner-title{font-family:var(--title);color:#f7d98f;text-shadow:0 0 24px #ffbe50b3,0 3px 8px #000;letter-spacing:.1em;font-size:46px}.banner-sub{color:var(--ink);text-shadow:0 2px 6px #000;font-size:21px}.boss-bar{text-align:center;width:min(720px,80vw);position:absolute;top:28px;left:50%;transform:translate(-50%)}.boss-name{font-family:var(--title);letter-spacing:.12em;color:#f0c9c9;text-shadow:0 2px 6px #000,0 0 16px #a03cff80;margin-bottom:6px;font-size:22px}.boss-track{background:#0a060cd9;border:1px solid #7b5aa6;height:20px;box-shadow:0 0 18px #7832c873}.boss-fill{background:linear-gradient(#d24a8e,#7a1f6e);width:100%;height:100%;transition:width .2s}.enemy-bars,.fx-layer{position:absolute;inset:0;overflow:hidden}.ebar{text-align:center;width:86px;transition:opacity .3s;position:absolute;top:0;left:0}.ebar.dead{opacity:0}.ebar-name{color:#f4e3c0;text-shadow:0 1px 2px #000,0 0 3px #000;white-space:nowrap;font-size:12px;font-family:var(--title)}.ebar-name span{color:var(--ink-dim);font-size:11px}.ebar.elite .ebar-name{color:#ffd66b}.ebar-track{background:#000000bf;border:1px solid #000000e6;height:6px}.ebar-fill{background:linear-gradient(#e04a3a,#8e1c14);height:100%;transition:width .12s}.float-text{font-family:var(--title);text-shadow:0 2px 3px #000,0 0 6px #000000e6;white-space:nowrap;will-change:transform, opacity;font-weight:700;position:absolute;top:0;left:0}.tooltip{z-index:50;border:1px solid var(--panel-edge-light);min-width:220px;max-width:320px;box-shadow:var(--shadow);background:#0c0907f7;padding:10px 14px;font-size:16px;line-height:1.35;position:fixed}.tt-name{font-family:var(--title);margin-bottom:4px;font-size:17px}.tt-sub{color:var(--ink-dim);margin-bottom:6px;font-style:italic}.tt-affix{color:#8fb7ff}.tt-cmp{color:var(--ink-dim);margin-top:8px;font-size:14px}.tt-cmp .up{color:#6be36b}.tt-cmp .down{color:#ff6a5a}.tt-hint{color:var(--ink-faint);margin-top:8px;font-size:13px}.inv-wrap{gap:26px;display:flex}.inv-sub{font-family:var(--title);letter-spacing:.1em;color:var(--ink-dim);text-transform:uppercase;margin:4px 0 8px;font-size:14px}.eq-grid{grid-template-columns:repeat(2,84px);gap:10px 14px;display:grid}.eq-box{flex-direction:column;align-items:center;display:flex}.eq-label{color:var(--ink-faint);margin-bottom:3px;font-size:13px}.slot{pointer-events:auto;cursor:default;background:radial-gradient(circle at 50% 40%,#2a2016,#120d09);border:1px solid #4a3a26;justify-content:center;align-items:center;width:64px;height:64px;display:flex;position:relative;box-shadow:inset 0 0 12px #000c}.slot.eq{width:72px;height:72px}.slot.filled{cursor:pointer;border-color:var(--rarity);box-shadow:inset 0 0 14px #000000b3, 0 0 6px color-mix(in srgb, var(--rarity) 40%, transparent)}.slot.filled.r-common{border-color:#6d6452;box-shadow:inset 0 0 14px #000000b3}.slot.sel{outline:2px solid var(--gold);outline-offset:1px}.slot img{object-fit:contain;filter:drop-shadow(0 2px 3px #000000b3);pointer-events:none;width:88%;height:88%}.slot-ph{font-family:var(--title);color:#a6865540;font-size:22px}.slot-text{text-align:center;padding:2px;font-size:11px}.inv-grid{grid-template-columns:repeat(5,64px);gap:6px;display:grid}.inv-grid.small{grid-template-columns:repeat(6,64px)}.inv-stats{min-width:230px;margin-top:16px;font-size:16px}.inv-stats div{border-bottom:1px solid #a686551f;justify-content:space-between;gap:14px;padding:2px 0;display:flex}.inv-stats span{color:var(--ink-dim)}.inv-stats small{color:var(--ink-faint);font-weight:400}.trash{text-align:center;color:var(--ink-faint);pointer-events:auto;border:1px dashed #a686554d;margin-top:10px;padding:8px;font-size:14px}.dialogue{background:linear-gradient(#0000 40%,#0000008c);align-items:flex-end}.dlg{background:var(--panel);border:1px solid var(--panel-edge);outline-offset:3px;width:min(1040px,94vw);box-shadow:var(--shadow);pointer-events:auto;outline:1px solid #a6865540;gap:22px;margin-bottom:4vh;padding:18px;display:flex}.dlg-portrait{border:1px solid var(--panel-edge);background:#000;flex:none;width:210px;height:184px;overflow:hidden}.dlg-portrait.empty{display:none}.dlg-portrait video{object-fit:cover;width:100%;height:100%}.dlg-main{flex-direction:column;flex:1;min-height:184px;display:flex}.dlg-speaker{font-family:var(--title);color:var(--gold);letter-spacing:.06em;margin-bottom:6px;font-size:20px}.dlg-text{flex:1;font-size:21px;line-height:1.4}.dlg-choices{flex-direction:column;align-items:flex-start;gap:4px;margin-top:10px;display:flex}.choice{box-shadow:none;font-family:var(--body);letter-spacing:0;color:#f0d9a8;background:0 0;border:none;padding:3px 4px;font-size:19px}.choice:hover{color:#fff;filter:none;text-underline-offset:4px;text-decoration:underline}.choice .num{color:var(--ink-faint);margin-right:4px}.shop-intro{color:var(--ink-dim);text-align:center;margin-bottom:14px;font-size:18px;font-style:italic}.shop-item{background:#00000040;border:1px solid #a6865540;align-items:center;gap:16px;padding:12px;display:flex}.shop-icon.potion{background:radial-gradient(circle at 40% 60%,#ff7a6a,#b3151a 70%);border-radius:45% 45% 50% 50%;width:46px;height:58px;box-shadow:0 0 14px #ff3c3c80}.shop-info{flex:1}.shop-name{font-family:var(--title);font-size:18px}.shop-desc{color:var(--ink-dim);font-size:16px}.shop-count{color:var(--ink-dim);margin-top:4px;font-size:15px}.forge-wrap{gap:26px;min-height:360px;display:flex}.forge-list{max-width:440px}.forge-row{gap:6px;margin-bottom:10px;display:flex}.forge-detail{flex-direction:column;width:300px;display:flex}.forge-empty{color:var(--ink-dim);text-align:center;margin-top:30px;font-size:17px;font-style:italic}.forge-card{background:#0000004d;border:1px solid #a686554d;padding:10px 14px}.forge-card.next{border-color:var(--gold);box-shadow:0 0 12px #e8b64a33}.fc-label{text-transform:uppercase;letter-spacing:.12em;color:var(--ink-faint);font-size:12px;font-family:var(--title)}.fc-name{font-family:var(--title);margin:3px 0;font-size:17px}.fc-stat{font-size:16px}.fc-note{color:var(--ink-faint);margin-top:4px;font-size:13px}.forge-arrow{text-align:center;color:var(--gold);margin:4px 0;font-size:26px}.forge-status{color:#ff8b73;text-align:right;margin-top:6px;font-size:15px}.level-row{background:#0000004d;border:1px solid #a686554d;align-items:center;gap:12px;min-width:460px;margin-bottom:8px;padding:12px 14px;display:flex}.level-row.locked{opacity:.5}.level-info{flex:1}.level-name{font-family:var(--title);font-size:18px}.level-desc{color:var(--ink-dim);font-size:15px}#ui>.look-panel,.look-panel{z-index:50;color:#e9dfc7;background:#0e0b08e6;border:1px solid #a6865580;border-radius:6px;width:330px;max-height:calc(100% - 90px);padding:8px 12px 10px;font-family:system-ui,sans-serif;font-size:12px;position:absolute;top:60px;right:14px;overflow-y:auto;pointer-events:auto!important}.look-head{justify-content:space-between;align-items:center;margin-bottom:4px;font-size:13px;font-weight:600;display:flex}.look-x{color:#e9dfc7;cursor:pointer;background:0 0;border:none;font-size:18px;line-height:1}.look-sec{color:#d7b36a;text-transform:uppercase;letter-spacing:.06em;margin:8px 0 2px;font-size:11px;font-weight:600}.look-row{grid-template-columns:1fr 110px 40px;align-items:center;gap:6px;padding:2px 0;display:grid}.look-label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.look-row input{accent-color:#d7b36a;width:110px}.look-val{text-align:right;font-variant-numeric:tabular-nums}.look-bar{gap:8px;margin-top:10px;display:flex}.look-note{opacity:.6;margin-top:6px;font-size:11px}.btn.small{padding:4px 10px;font-size:12px}.vitals{pointer-events:none;width:min(720px,54vw);position:absolute;bottom:6px;left:50%;transform:translate(-50%)}.vitals-frame{z-index:0;aspect-ratio:2806/592;filter:drop-shadow(0 4px 10px #000000b3);background-position:50%;background-repeat:no-repeat;background-size:100% 100%;width:100%;position:relative}.globe{aspect-ratio:1;background:radial-gradient(circle at 50% 45%,#1a0f0a 0%,#070404 75%);border-radius:50%;width:16.4%;position:absolute;top:50.3%;overflow:hidden;transform:translate(-50%,-50%)}.globe-hp{left:9.9%}.globe-sta{left:89.8%}.globe-fill,.globe-lag{transition:height 60ms linear;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.globe-lag{background:#ffe1be59}.globe-sta .globe-lag{display:none}.globe-img{aspect-ratio:1;background-size:100% 100%;width:100%;position:absolute;bottom:0;left:0}.globe-fill:after{content:"";background:linear-gradient(90deg,#0000,#fff0d28c,#0000);height:3px;position:absolute;top:0;left:0;right:0}.globe-shine{pointer-events:none;background:radial-gradient(42% 28% at 38% 24%,#ffffff47,#0000 70%),radial-gradient(circle,#0000 58%,#0000008c 100%);border-radius:50%;position:absolute;inset:0}.globe-text{font-family:var(--title);color:#fff4df;text-shadow:0 1px 2px #000,0 0 6px #000;justify-content:center;align-items:center;font-size:clamp(11px,1.05vw,15px);font-weight:700;display:flex;position:absolute;inset:0}.globe-sta.flash{animation:.4s staflash}.xp-groove{background:#0805038c;border-radius:3px;width:52.8%;height:11.4%;position:absolute;top:67.8%;left:23.6%;overflow:hidden}.xp-fill{background-position:0;background-size:auto 100%;transition:width .3s ease-out;position:absolute;top:0;bottom:0;left:0;box-shadow:0 0 8px #5a96ff73}.xp-text{letter-spacing:.04em;color:#e9f1ff;text-shadow:0 1px 2px #000;justify-content:center;align-items:center;font-size:clamp(10px,.8vw,12px);display:flex;position:absolute;inset:0}.hotbar{z-index:1;justify-content:center;gap:5px;display:flex;position:absolute;bottom:44%;left:50%;transform:translate(-50%)}.slot-skill{aspect-ratio:1;color:#f0d7a4;background:radial-gradient(circle at 50% 40%,#3a2718,#150d08 80%);border:2px solid #7a5530;border-radius:6px;width:clamp(32px,3vw,44px);position:relative;overflow:hidden;box-shadow:inset 0 0 8px #000c,0 2px 6px #0009}.slot-ico{position:absolute;inset:14%}.slot-ico svg{filter:drop-shadow(0 1px 2px #000);width:100%;height:100%}.slot-cd{position:absolute;inset:0}.slot-cdtxt{color:#fff;text-shadow:0 1px 3px #000;justify-content:center;align-items:center;font-size:15px;font-weight:700;display:flex;position:absolute;inset:0}.slot-key{color:#ffe7b8;text-shadow:0 1px 2px #000,0 0 3px #000;font-size:11px;font-weight:700;position:absolute;top:1px;left:3px}.slot-count{color:#fff;text-shadow:0 1px 2px #000;font-size:13px;font-weight:700;position:absolute;bottom:1px;right:4px}.slot-potion{color:#ff8f8f}.slot-gap{width:14px}.slot-skill.locked{opacity:.35;filter:grayscale()}.slot-skill.nostam .slot-ico{opacity:.4}.slot-skill.deny{animation:.3s slotdeny}@keyframes slotdeny{0%,to{transform:translate(0)}25%{transform:translate(-3px)}75%{transform:translate(3px)}}.slot-skill.empty{opacity:.45}.points-badge{white-space:nowrap;color:#ffe7b0;background:#140c06d9;border:1px solid #a8803f;border-radius:10px;padding:1px 9px;font-size:12px;animation:1.6s ease-in-out infinite badgepulse;position:absolute;bottom:112%;left:50%;transform:translate(-50%);box-shadow:0 0 10px #ffbe5a59}.points-badge b{color:#ffd271}@keyframes badgepulse{50%{box-shadow:0 0 16px #ffbe5ab3}}.skills .panel{width:94vw;max-width:1060px}.skills-head{justify-content:space-between;align-items:baseline;margin-bottom:10px;display:flex}.skills-points{color:var(--ink);font-size:19px}.skills-points b{color:#ffd271;font-size:22px}.skills-hint{color:var(--ink-dim);font-size:14px;font-style:italic}.skills-cols{grid-template-columns:repeat(3,1fr);gap:14px;max-height:58vh;padding-right:4px;display:grid;overflow-y:auto}.skills-lane{font-family:var(--title);color:var(--gold);letter-spacing:.04em;margin-bottom:6px;font-size:18px}.skills-lane span{font-family:var(--body);color:var(--ink-dim);font-size:13px}.skill-card{background:#00000052;border:1px solid #a686554d;border-radius:4px;margin-bottom:8px;padding:8px 10px;transition:border-color .15s,box-shadow .15s}.skill-card.learned{border-color:#e8b64a8c}.skill-card.learned:has(.skill-pips){cursor:default}.skill-card.selected{border-color:#ffd271;box-shadow:0 0 14px #ffc86459}.skill-card.gated{opacity:.5}.skill-top{align-items:center;gap:9px;display:flex}.skill-ico{color:#f0d7a4;background:radial-gradient(circle at 50% 40%,#3a2718,#150d08 80%);border:1px solid #a6865580;border-radius:5px;flex:none;width:34px;height:34px;padding:4px}.skill-ico svg{width:100%;height:100%}.skill-titles{flex:1;min-width:0}.skill-name{font-family:var(--title);color:var(--ink);font-size:15px}.skill-pips{gap:3px;margin-top:3px;display:flex}.skill-pips i{background:#1a110a;border:1px solid #8a6a3a;border-radius:50%;width:9px;height:9px}.skill-pips i.on{background:radial-gradient(circle at 40% 35%,#ffe7a8,#d79a2a);border-color:#ffd271;box-shadow:0 0 5px #ffc85a99}.skill-learn{border:1px solid var(--gold);color:#ffe7b0;cursor:pointer;pointer-events:auto;background:#e8b64a26;border-radius:50%;flex:none;width:28px;height:28px;font-size:18px;line-height:1}.skill-learn:hover:not([disabled]){background:#e8b64a59}.skill-learn[disabled]{opacity:.25;cursor:default}.skill-desc{color:var(--ink);margin-top:6px;font-size:14px;line-height:1.3}.skill-next{color:#b9d58a;margin-top:3px;font-size:13px;line-height:1.25}.skill-req{color:#d88a6a;margin-top:4px;font-size:13px}.skill-meta{color:var(--ink-dim);margin-top:4px;font-size:12px}.skill-card.learned{cursor:pointer}.skills-bar{border-top:1px solid #a686554d;justify-content:space-between;align-items:center;gap:16px;margin-top:12px;padding-top:10px;display:flex}.skills-bar-label{color:var(--ink-dim);font-size:15px}.skills-bar-label b{color:#ffd271}.skills-slots{gap:8px;display:flex}.skills-slot{color:#f0d7a4;cursor:pointer;pointer-events:auto;background:radial-gradient(circle at 50% 40%,#3a2718,#150d08 80%);border:2px solid #7a5530;border-radius:6px;width:52px;height:52px;position:relative}.skills-slot.empty{opacity:.55}.skills-slot.target{border-color:#ffd271;box-shadow:0 0 10px #ffc86466}.devstart .panel{max-width:640px}.dev-note{color:var(--ink-dim);margin-bottom:10px;font-size:14px;font-style:italic}.dev-row{border-bottom:1px solid #a6865533;align-items:center;gap:8px;padding:7px 0;display:flex}.dev-info{flex:1}.dev-label{font-family:var(--title);color:var(--gold);font-size:17px}.dev-sub{color:var(--ink-dim);font-size:13px}#ui>.editor-panel,.editor-panel{z-index:60;color:#e9dfc7;background:#0c0a08eb;border:1px solid #a686558c;border-radius:6px;width:340px;padding:10px 12px;font-family:system-ui,sans-serif;font-size:12px;position:absolute;top:14px;left:14px;pointer-events:auto!important}.editor-title{color:#d7b36a;margin-bottom:8px;font-size:14px;font-weight:700}.editor-row{flex-wrap:wrap;gap:6px;margin:6px 0;display:flex}.editor-row .btn.on{background:#e8b64a59;border-color:#ffd271}.editor-info{word-break:break-all;min-height:30px;margin:6px 0}.ed-mod{color:#9fd8ff}.ed-count{color:#a99a7e;margin-top:2px}.ed-unsaved{color:#ffb86b}.editor-fields{grid-template-columns:repeat(3,1fr);gap:4px 8px;display:grid}.editor-fields label{color:#a99a7e;flex-direction:column;gap:2px;display:flex}.editor-fields input{color:#f0e2c4;background:#1b140d;border:1px solid #5b4528;border-radius:3px;width:100%;padding:3px 4px;font-size:12px}.editor-status{color:#9fe39f;min-height:16px;margin-top:6px}.editor-status.err{color:#ff8f7a}.editor-help{color:#8f826a;margin-top:6px;line-height:1.35}