.items-ui{--panel-solid:#120a20;--edge:#3b2566;--ink:#0c0618;--good:#6fdc5a;--bad:#ff7a8a;--risk:#ffb238;--ui:"Silkscreen", monospace;--read:"Pixelify Sans", "Silkscreen", system-ui, sans-serif;font-family:var(--ui);font-size:13px;line-height:1.35}.items-overlay{z-index:8;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:auto;background:#0301088c;place-items:center;padding:16px;animation:.2s ease-out both fade-in;display:grid;position:absolute;inset:0;overflow:auto}.items-ui .items-row{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:16px;display:flex}.items-ui .equip,.items-ui .satchel{width:min(420px,94vw)}.items-ui .kindling{width:min(900px,96vw);max-height:94vh;overflow:auto}.items-ui .worn-mage{z-index:1;width:120px;height:168px;filter:drop-shadow(0 0 18px color-mix(in srgb, var(--accent) 55%, transparent));position:relative}.items-ui .islot.selected{outline:2px solid var(--gold);outline-offset:1px}.items-ui .win-head{position:relative}.items-ui .xbtn{color:var(--muted);cursor:pointer;background:0 0;border:0;font-size:14px;position:absolute;top:-6px;right:-4px}.items-ui .xbtn:hover{color:var(--text)}.items-ui .notice.warn{color:#ffd98a}.items-ui .pouch{grid-template-columns:repeat(auto-fit,minmax(118px,1fr))}.tip-float{z-index:30;pointer-events:none;width:320px;max-width:calc(100vw - 16px);position:fixed}.items-ui.satchel-btn{cursor:pointer;height:56px;color:var(--text);background:var(--panel);box-shadow:inset -2px -2px 0 #0c0618, inset 2px 2px 0 var(--panel-edge), 0 0 0 2px #0c0618;pointer-events:auto;border:0;align-items:center;gap:6px;padding:0 12px 0 8px;display:flex;position:absolute;bottom:16px;left:calc(50% + 148px)}.items-ui.satchel-btn img{width:36px;height:36px}.items-ui.satchel-btn span{color:var(--muted);font-size:11px}.items-ui.satchel-btn:hover{filter:brightness(1.2)}.items-ui.toasts{z-index:7;pointer-events:none;justify-items:end;gap:6px;display:grid;position:absolute;bottom:120px;right:16px}@media (width<=760px){.items-ui .kwrap,.items-ui .kgrid{grid-template-columns:1fr}.items-ui .klist{max-height:220px}.items-ui .stats{grid-template-columns:1fr}.items-ui.satchel-btn{bottom:90px;left:auto;right:14px}}@media (prefers-reduced-motion:reduce){.items-ui *,.items-ui :before,.items-ui :after{transition:none!important;animation:none!important}}.items-ui .px{image-rendering:pixelated}.items-ui button{font:inherit;color:inherit}.items-ui .muted{color:var(--muted)}.items-ui .gold{color:var(--gold)}.items-ui .bad{color:var(--bad)}.items-ui .hol{color:#ff5a6a}.items-ui .small{font-size:11px}.items-ui .panel{background:var(--panel);box-shadow:inset -2px -2px 0 var(--ink), inset 2px 2px 0 var(--edge), 0 0 0 2px var(--ink)}.items-ui .win{align-content:start;gap:12px;padding:14px 16px 16px;display:grid}.items-ui .win-head{border-bottom:2px solid #2a1a48;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:10px;padding-bottom:8px;display:flex}.items-ui .win-head h2{font-family:var(--pixel);color:var(--gold);text-shadow:0 0 10px #ffd16680;margin:0;font-size:13px}.items-ui .hint{color:var(--muted);margin:0;font-size:11px}.items-ui .islot{--r:#2a1a48;cursor:pointer;width:52px;height:52px;box-shadow:inset 0 0 0 2px var(--r), inset 0 0 0 4px #00000059, 0 0 0 2px var(--ink);background:#0b0616;border:0;flex:none;place-items:center;padding:0;display:grid;position:relative}.items-ui .islot img{width:48px;height:48px}.items-ui .islot.empty{cursor:default;box-shadow:inset 0 0 0 2px #1f1436, 0 0 0 2px var(--ink)}.items-ui .islot .glyph{opacity:1}.items-ui .islot.locked{background:repeating-linear-gradient(45deg,#0b0616 0 4px,#140c22 4px 8px)}.items-ui .islot.glow{box-shadow:inset 0 0 0 2px var(--r), inset 0 0 14px -4px var(--r), 0 0 0 2px var(--ink), 0 0 12px -2px var(--r)}.items-ui .islot.hollowed{animation:1.8s steps(2,end) infinite items-hunger}.items-ui .islot:not(.empty):hover{filter:brightness(1.2)}.items-ui .islot.dim{opacity:.28}.items-ui .islot .aura{pointer-events:none;width:52px;height:52px;position:absolute;inset:0}.items-ui .islot .ench{font-family:var(--pixel);color:var(--gold);text-shadow:1px 1px #000,-1px -1px #000,1px -1px #000,-1px 1px #000;font-size:8px;position:absolute;bottom:2px;right:3px}.items-ui .islot .req{border-top:9px solid var(--bad);border-right:9px solid #0000;width:0;height:0;position:absolute;top:2px;left:2px}.items-ui .doll{grid-template-columns:auto 1fr auto;align-items:center;gap:10px;display:grid}.items-ui .eqcol{gap:6px;display:grid}.items-ui .eqcell{justify-items:center;gap:2px;display:grid}.items-ui .eqlab{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:9px}.items-ui .dollmid{align-content:center;justify-items:center;min-height:220px;display:grid;position:relative}.items-ui .plinth{background:radial-gradient(closest-side,#7ef9ff59,#0000);width:110px;height:14px;margin-top:-10px}.items-ui .gearlvl{box-shadow:0 0 0 2px var(--ink);background:#0b0616;justify-content:space-between;align-items:baseline;padding:6px 8px;display:flex}.items-ui .gearlvl b{font-family:var(--pixel);color:var(--gold);font-size:14px}.items-ui .stats{grid-template-columns:1fr 1fr;gap:4px 14px;margin:0;display:grid}.items-ui .stats div{border-bottom:1px dotted #2a1a48;justify-content:space-between;gap:6px;padding-block:2px;display:flex}.items-ui .stats div.wide{grid-column:1/-1}.items-ui .stats dt{color:var(--muted)}.items-ui .stats dd{text-align:right;font-variant-numeric:tabular-nums;margin:0}.items-ui .stats small{color:#7f6fa6;font-size:9px;display:block}.items-ui .bag{grid-template-columns:repeat(auto-fill,52px);justify-content:space-between;gap:8px;display:grid}.items-ui .chips,.items-ui .kmodes{flex-wrap:wrap;gap:6px;display:flex}.items-ui .chip{cursor:pointer;box-shadow:0 0 0 2px var(--ink), inset 0 0 0 1px #3b2566;color:var(--muted);background:#1b1030;border:0;padding:5px 9px;font-size:11px}.items-ui .chip.on{color:var(--text);box-shadow:0 0 0 2px var(--ink), inset 0 0 0 1px #9b6cff;background:#3a2170}.items-ui .pouch{grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:6px;display:grid}.items-ui .reag{box-shadow:0 0 0 2px var(--ink);background:#0b0616;grid-template-rows:auto auto;grid-template-columns:32px 1fr;align-items:center;column-gap:6px;padding:4px 6px;display:grid}.items-ui .reag img{grid-row:span 2;width:32px;height:32px}.items-ui .reag b{font-variant-numeric:tabular-nums;font-size:12px}.items-ui .reag span{color:var(--muted);font-size:9px;line-height:1.1}.items-ui .pxb{font-family:var(--ui);cursor:pointer;box-shadow:inset -2px -2px 0 var(--ink), inset 2px 2px 0 #4a3380, 0 0 0 2px var(--ink);background:#1b1030;border:0;padding:7px 12px;font-size:12px}.items-ui .pxb:hover:not(:disabled){filter:brightness(1.25)}.items-ui .pxb:active:not(:disabled){transform:translateY(1px)}.items-ui .pxb:disabled{opacity:.45;cursor:default}.items-ui .pxb.primary{box-shadow:inset -2px -2px 0 #2e1466, inset 2px 2px 0 #9b6cff, 0 0 0 2px var(--ink);background:#5b2bb0}.items-ui .pxb.danger{box-shadow:inset -2px -2px 0 #2a0810, inset 2px 2px 0 #b03040, 0 0 0 2px var(--ink);background:#5a1420}.items-ui .pxb.big{font-family:var(--pixel);padding:13px 22px;font-size:12px}.items-ui .pinwrap{width:min(330px,100%)}.items-ui .tt{--c:#c9c1d9;box-shadow:inset 0 2px 0 var(--c), inset -2px -2px 0 var(--ink), inset 2px 0 0 #2a1a48, 0 0 0 2px var(--ink), 0 8px 24px #0009;background:#0a0514f7;gap:7px;padding:12px 12px 10px;font-size:12px;display:grid}.items-ui .tt-head{grid-template-columns:48px 1fr;align-items:center;gap:10px;display:grid}.items-ui .tt-icon{width:48px;height:48px;box-shadow:inset 0 0 0 2px var(--c), 0 0 0 2px var(--ink);background:#0b0616}.items-ui .tt-name{color:var(--c);text-wrap:balance;font-size:14px;line-height:1.2}.items-ui .tt-type{color:var(--muted);margin-top:2px;font-size:11px}.items-ui .rtag{white-space:nowrap}.items-ui .tt-row{justify-content:space-between;gap:8px;font-size:11px;display:flex}.items-ui .tt-sec{border-top:1px solid #241638;gap:2px;padding-top:6px;display:grid}.items-ui .tt-sec .imp{color:#fff}.items-ui .tt-sec .aff{color:#8fc0ff}.items-ui .tt-sec .offs{color:#5f6f96}.items-ui .tt-sec .off{color:#7f6fa6;margin-left:4px;font-size:9px}.items-ui .tt-sec.power{color:#ffb45a;font-family:var(--read);font-size:13px;line-height:1.35;display:block}.items-ui .tt-sec.power .dia{color:var(--c)}.items-ui .tt-sec.hol{font-family:var(--read);font-size:12.5px}.items-ui .tt-cap{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:2px;font-size:10px}.items-ui .cmp .up{color:var(--good)}.items-ui .cmp .down{color:var(--bad)}.items-ui .flavor{font-family:var(--read);color:#8f80b0;font-size:12.5px}.items-ui .tt-foot{color:#7f6fa6;border-top:1px solid #241638;padding-top:6px;font-size:10px}.items-ui .tt-mem .mbar{height:6px;box-shadow:0 0 0 1px var(--ink);background:#0b0616;margin-top:3px}.items-ui .tt-mem .mbar i{background:linear-gradient(90deg,#7a3f0a,#ffa53a);height:100%;display:block}.items-ui .sockets{align-items:center;gap:6px;font-size:10px;display:flex}.items-ui .sock{width:12px;height:12px;box-shadow:inset 0 0 0 2px #3a3046, 0 0 0 1px var(--ink);background:#1a1026}.items-ui .sock.set{background:var(--g);box-shadow:inset 0 0 0 2px #fff6, 0 0 0 1px var(--ink), 0 0 8px var(--g)}.items-ui .tt-actions{border-top:1px solid #241638;flex-wrap:wrap;gap:8px;padding-top:8px;display:flex}.items-ui .toast{--c:#efe7ff;box-shadow:inset 3px 0 0 var(--c), 0 0 0 2px var(--ink);background:#0a0514f2;align-items:center;gap:6px;max-width:min(380px,100vw - 32px);padding:7px 10px;font-size:12px;animation:.25s ease-out both items-tin;display:flex}.items-ui .toast .ti{width:32px;height:32px}.items-ui .toast.out{opacity:0;transition:opacity .4s}.items-ui .kwrap{grid-template-columns:minmax(200px,250px) 1fr;gap:16px;display:grid}.items-ui .klist{align-content:start;gap:4px;max-height:470px;padding:2px;display:grid;overflow:auto}.items-ui .krow{--r:#c9c1d9;text-align:left;cursor:pointer;box-shadow:inset 2px 0 0 var(--r);background:#0b0616;border:0;grid-template-columns:32px 1fr auto;align-items:center;gap:8px;padding:3px 6px 3px 3px;font-size:11px;display:grid}.items-ui .krow img{width:32px;height:32px}.items-ui .krow .kname{color:var(--r);line-height:1.15}.items-ui .krow .worn{color:var(--muted);font-size:9px}.items-ui .krow.on{box-shadow:inset 2px 0 0 var(--r), inset 0 0 0 1px #6a4bb0;background:#24163e}.items-ui .kbody{align-content:start;gap:14px;display:grid}.items-ui .khead{grid-template-columns:auto 1fr;align-items:center;gap:14px;display:grid}.items-ui .bigslot{--r:#c9c1d9;width:104px;height:104px;box-shadow:inset 0 0 0 3px var(--r), 0 0 0 2px var(--ink), 0 0 26px -6px var(--r);background:radial-gradient(closest-side,#7ef9ff29,#0b0616 80%);place-items:center;display:grid;position:relative}.items-ui .bigslot img{width:96px;height:96px}.items-ui .bigslot .aura{pointer-events:none;width:104px;height:104px;position:absolute;inset:0}.items-ui .bigslot.fx-ok{animation:.9s ease-out items-flare}.items-ui .bigslot.fx-fail,.items-ui .bigslot.fx-drop{animation:.5s steps(4,end) items-gutter}.items-ui .kn{text-wrap:balance;font-size:15px;line-height:1.2}.items-ui .ladder{gap:4px;margin-top:8px;display:flex}.items-ui .ladder i{width:18px;height:10px;box-shadow:0 0 0 1px var(--ink), inset 0 0 0 1px #3a2a56;background:#1a1026}.items-ui .ladder i.risk{box-shadow:0 0 0 1px var(--ink), inset 0 0 0 1px #8a5a1a}.items-ui .ladder i.lit{background:var(--gold);box-shadow:0 0 0 1px var(--ink), 0 0 6px #ffd16699}.items-ui .ladder i.cap{opacity:.25}.items-ui .kgrid{grid-template-columns:1.2fr 1fr;gap:16px;display:grid}.items-ui .klabel{font-family:var(--pixel);color:var(--muted);margin-bottom:8px;font-size:10px;line-height:1.5}.items-ui .preview{gap:3px;font-size:12px;display:grid}.items-ui .pv{grid-template-columns:1fr auto auto;gap:6px;display:grid}.items-ui .pv .arrow{color:var(--muted)}.items-ui .chance{align-items:center;gap:10px;display:flex}.items-ui .chance b{font-family:var(--pixel);color:var(--text);font-size:16px}.items-ui .cbar{height:14px;box-shadow:0 0 0 2px var(--ink);background:#0b0616;flex:1;position:relative;overflow:hidden}.items-ui .cbar i{position:absolute;top:0;bottom:0;left:0}.items-ui .cbar .base{background:#2f8fd8;box-shadow:inset 0 3px #ffffff40}.items-ui .cbar .pity{background:var(--gold);box-shadow:inset 0 3px #ffffff59}.items-ui .chance+div,.items-ui .chance~div{margin-top:6px}.items-ui .ward{cursor:pointer;align-items:center;gap:8px;margin-top:10px;font-size:12px;display:flex}.items-ui .ward input{accent-color:#7ef9ff;width:16px;height:16px}.items-ui .costs{flex-wrap:wrap;gap:8px;display:flex}.items-ui .cost{box-shadow:0 0 0 2px var(--ink);background:#0b0616;grid-template-columns:32px auto;align-items:center;column-gap:6px;padding:4px 10px 4px 4px;display:grid}.items-ui .cost img{grid-row:span 2;width:32px;height:32px}.items-ui .cost b{font-variant-numeric:tabular-nums}.items-ui .cost span{color:var(--muted);font-size:9px}.items-ui .cost.short b{color:var(--bad)}.items-ui .cost.gain b{color:var(--good)}.items-ui .kact{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.items-ui .outcome{font-size:13px}.items-ui .outcome.ok,.items-ui .outcome.cleansed{color:#7ef9ff;text-shadow:0 0 10px #7ef9ff99}.items-ui .outcome.fail{color:var(--risk)}.items-ui .outcome.drop{color:var(--bad)}.items-ui .notice{box-shadow:0 0 0 2px var(--ink);font-family:var(--read);background:#0b0616;padding:10px 12px;font-size:13px}.items-ui .kp{font-family:var(--read);color:#d8ccf0;max-width:62ch;margin:0;font-size:14px;line-height:1.45}@keyframes items-hunger{50%{box-shadow:inset 0 0 0 2px #ff4a5a, inset 0 0 14px -4px #ff4a5a, 0 0 0 2px var(--ink), 0 0 16px -2px #ff2a3a}}@keyframes items-tin{0%{opacity:0;transform:translate(20px)}}@keyframes items-flare{0%{box-shadow:inset 0 0 0 3px #fff, 0 0 0 2px var(--ink), 0 0 70px 20px #7ef9ff;filter:brightness(2.2)}to{filter:none}}@keyframes items-gutter{25%{filter:saturate(0)brightness(.6);transform:translate(-4px)}75%{transform:translate(4px)}}.items-ui .kindling .win-head{padding-right:24px}.quest-tracker{pointer-events:auto;gap:6px;width:290px;padding:8px 10px 10px;font-size:12px;animation:.5s ease-out both objective-in;display:grid;position:absolute;top:118px;left:14px}.qt-head{font-family:var(--pixel);color:var(--gold);letter-spacing:.04em;justify-content:space-between;align-items:baseline;font-size:9px;display:flex}.qt-head .link-btn{font-family:var(--pixel2);font-size:11px}.qt-entry{all:unset;cursor:pointer;border-left:2px solid #0000;gap:2px;padding:4px 6px;display:grid}.qt-entry:hover,.qt-entry:focus-visible{background:#ffffff0d}.qt-entry.tracked{border-left-color:var(--q);background:color-mix(in srgb, var(--q) 8%, transparent)}.qt-title{color:var(--q);font-size:12px}.qt-text{color:var(--text);line-height:1.4}.qt-text b{color:var(--q)}.qt-text em,.jl-steps em{color:var(--muted);font-style:normal}.qt-more{color:var(--muted);font-size:11px}.boss-bar{text-align:center;gap:6px;width:min(460px,70vw);padding:8px 12px 10px;display:grid;position:absolute;top:14px;left:50%;transform:translate(-50%);box-shadow:inset -2px -2px #0c0618,inset 2px 2px #ff4d6a,0 0 0 2px #0c0618,0 0 26px #ff4d6a73}.boss-bar.shielded .bar-fill{background:repeating-linear-gradient(45deg,#6a5a8a 0 6px,#4a3a6a 6px 12px)}.bb-name{font-family:var(--pixel);color:#ff8aa0;font-size:11px}.bb-name small{font-family:var(--pixel2);color:var(--muted);margin-left:8px;font-size:11px}.bb-cast{gap:4px;display:grid}.bb-cast-bar{background:#12050a;height:14px;position:relative;box-shadow:inset 0 0 0 1px #5a0a1a}.bb-cast-bar div{background:linear-gradient(90deg,#5a0a1a,#b01a2a 70%,#fff);height:100%}.bb-cast-bar span{color:#fff;text-shadow:1px 1px #000;font-size:11px;line-height:14px;position:absolute;inset:0}.bb-cast small{color:#ffc2cc;font-size:11px;animation:.9s steps(2,end) infinite blink}.quests-overlay{z-index:8;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:auto;background:#0301088c;place-items:center;padding:16px;animation:.2s ease-out both fade-in;display:grid;position:absolute;inset:0}.journal{grid-template-rows:auto 1fr;gap:12px;width:min(820px,96vw);max-height:min(620px,92vh);padding:14px 16px 16px;font-size:13px;display:grid}.jl-head{border-bottom:2px solid #2a1a48;flex-wrap:wrap;align-items:baseline;gap:12px;padding:0 28px 8px 0;display:flex;position:relative}.jl-head h2{font-family:var(--pixel);color:var(--gold);text-shadow:0 0 10px #ffd16680;margin:0;font-size:13px}.jl-head .muted,.journal .muted{color:var(--muted)}.jl-x{all:unset;cursor:pointer;color:var(--muted);padding:2px 6px;position:absolute;top:-2px;right:0}.jl-x:hover{color:var(--text)}.jl-body{grid-template-columns:250px 1fr;gap:16px;min-height:0;display:grid}.jl-list{align-content:start;gap:2px;padding-right:6px;display:grid;overflow:auto}.jl-group{font-family:var(--pixel);color:var(--muted);margin:8px 0 4px;font-size:9px}.jl-group:first-child{margin-top:0}.jl-item{all:unset;cursor:pointer;color:var(--q);border-left:2px solid #0000;justify-content:space-between;gap:8px;padding:5px 8px;display:flex}.jl-item small{color:var(--muted)}.jl-item.done{opacity:.6}.jl-item:hover,.jl-item:focus-visible{background:#ffffff0d}.jl-item.sel{background:color-mix(in srgb, var(--q) 10%, transparent);border-left-color:var(--q)}.jl-empty{color:var(--muted);padding:6px 8px;line-height:1.5}.jl-detail{padding-right:6px;line-height:1.5;overflow:auto}.jl-kind{opacity:.85;font-size:11px}.jl-detail h3{font-family:var(--pixel);margin:4px 0 8px;font-size:14px;line-height:1.4}.jl-summary{color:#e4dcf7;margin:0 0 12px}.jl-steps{gap:4px;margin:0 0 12px;padding:0;list-style:none;display:grid}.jl-steps li.done{color:var(--muted)}.jl-steps li.done .tick{color:#6fdc5a}.jl-steps li.now .tick,.jl-steps b{color:var(--gold)}.jl-steps li.later{color:var(--muted);padding-left:18px}.jl-reward{background:#ffd1660f;margin-bottom:12px;padding:8px 10px;box-shadow:inset 0 0 0 1px #ffd16640}.jl-reward span{color:var(--gold);margin-right:6px}.jl-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.dialogue-choices{gap:6px;margin-top:10px;display:grid}.dialogue-choice{all:unset;cursor:pointer;color:#f4ecff;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 40%, transparent);background:#ffffff0a;padding:5px 10px;font-size:14px}.dialogue-choice b{color:var(--accent);margin-right:8px}.dialogue-choice:hover,.dialogue-choice:focus-visible{background:color-mix(in srgb, var(--accent) 18%, transparent)}@media (width<=760px){.quest-tracker{width:240px;top:104px}.jl-body{grid-template-columns:1fr}.jl-list{max-height:30vh}}.altar-panel,.road-panel,.gift-panel{z-index:7;font-family:var(--pixel2);color:var(--text);position:absolute;box-shadow:inset -2px -2px #0c0618,inset 2px 2px #7ef9ff,0 0 0 2px #0c0618,0 0 40px #44c9f040}.red{color:#ff5a64}.cy{color:#7ef9ff}.or{color:#ffb347}.yl{color:#fff36b}.dim{color:#6f6790}img.pixel.inline{vertical-align:middle;display:inline-block}.altar-panel{width:min(420px,92vw);padding:14px 16px 16px;font-size:13px;line-height:1.45;top:50%;left:50%;transform:translate(-50%,-62%)}.ap-head{align-items:center;gap:10px;display:flex}.ap-head b{font-size:15px;font-weight:400;display:block}.ap-head small{color:var(--muted);text-transform:uppercase;font-size:11px}.ap-x{align-self:flex-start;margin:0 0 0 auto}.ap-state{text-transform:uppercase;color:#9fc4cc;margin:10px 0 6px;font-size:11px}.ap-state.st-rite,.ap-state.st-reclaim{color:#ffb347}.ap-state.st-singing{color:#7ef9ff}.ap-state.st-hollowed{color:#ff5a64}.ap-lore{color:#b9b0da;font-style:italic}.altar-panel p{margin:8px 0}.ap-rew{flex-wrap:wrap;gap:6px;margin:8px 0 4px;display:flex}.ap-rew span{background:#1c1530;align-items:center;gap:5px;padding:3px 8px;font-size:11px;display:inline-flex;box-shadow:inset 0 0 0 1px #3a2d5c}.ap-btns,.gp-btns{flex-wrap:wrap;gap:12px;margin-top:14px;display:flex}.ap-btns .px-btn,.gp-btns .px-btn,.rp-go .px-btn{flex-direction:row;padding:10px 14px;font-size:11px}.ap-why{color:#ff9a8a;margin-top:8px;font-size:11px}.road-panel{width:min(1000px,96vw);padding:14px 16px 16px;top:50%;left:50%;transform:translate(-50%,-50%)}.rp-head{border-bottom:1px solid #3a2d5c;align-items:baseline;gap:14px;margin-bottom:12px;padding-bottom:10px;display:flex}.rp-head .t{font-family:var(--pixel);color:var(--gold);font-size:14px}.rp-head .sub{color:var(--muted);text-transform:uppercase;font-size:11px}.rp-head .pouch{margin-left:auto;font-size:12px}.rp-head .link-btn{margin:0}.rp-body{align-items:flex-start;gap:16px;display:flex}.rp-map{flex:none;width:448px;max-width:46vw;height:448px;max-height:46vw;box-shadow:0 0 0 2px #3a2d5c}.rp-list{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.rp-row{color:var(--text);font-family:var(--pixel2);text-align:left;cursor:pointer;background:#130e22;border:none;align-items:center;gap:10px;padding:3px 10px;display:flex;box-shadow:inset 0 0 0 1px #2f2450}.rp-row b{font-size:12px;font-weight:400;display:block}.rp-row small{color:var(--muted);text-transform:uppercase;font-size:10px}.rp-row>span{text-transform:uppercase;white-space:nowrap;margin-left:auto;font-size:11px}.rp-row.sel{box-shadow:inset 0 0 0 2px var(--gold);background:#1d1535}.rp-row.here{border-left:3px solid #fff36b}.rp-go{background:#1c1530;justify-content:space-between;align-items:center;gap:10px;margin-top:8px;padding:10px;display:flex;box-shadow:inset 0 0 0 1px #3a2d5c}.rp-go b{font-size:12px;font-weight:400;display:block}.rp-go small{color:#a9a0c8;font-size:11px}.rite-hud{text-align:center;width:min(460px,60vw);font-family:var(--pixel2);padding:8px 12px 9px;position:absolute;top:14px;left:50%;transform:translate(-50%);box-shadow:inset -2px -2px #0c0618,inset 2px 2px #7ef9ff,0 0 0 2px #0c0618}.rh-title{font-family:var(--pixel);color:var(--gold);text-transform:uppercase;font-size:11px}.rh-pips{justify-content:center;align-items:center;gap:6px;margin:7px 0 6px;display:flex}.rh-pips img.now{outline-offset:2px;outline:1px solid #7ef9ff}.rh-pips span{color:#cfc6ec;text-transform:uppercase;margin-left:6px;font-size:11px}.rh-label{text-transform:uppercase;color:#cfc6ec;justify-content:space-between;margin-bottom:3px;font-size:11px;display:flex}.rh-label b{font-weight:400}.rh-bar{background:#1c1530;height:12px;position:relative;box-shadow:inset 0 0 0 1px #3a2d5c}.rh-bar i{background:linear-gradient(90deg,#2a7fc9,#7ef9ff);height:100%;transition:width .3s;display:block}.rh-bar i.low{background:linear-gradient(90deg,#b0503a,#ff9a6a)}.rh-bar em{background:var(--gold);opacity:.8;width:2px;position:absolute;top:-3px;bottom:-3px}.rh-who{color:var(--muted);text-transform:uppercase;margin-top:6px;font-size:10px}.target-frame.below-rite{top:130px}.rite-cantor .boss-bar{top:auto;bottom:140px}.gift-panel{width:min(460px,92vw);padding:14px 16px 16px;font-size:13px;top:50%;right:24px;transform:translateY(-50%)}.gp-head{border-bottom:1px solid #3a2d5c;justify-content:space-between;align-items:center;padding-bottom:10px;display:flex}.gp-head .t{font-family:var(--pixel);color:var(--gold);font-size:13px}.grade{text-transform:uppercase;border:2px solid;padding:3px 10px;font-size:12px}.gp-att{color:#7ef9ff;margin-top:10px;font-size:12px}.gp-line{color:#b9b0da;margin:8px 0 10px}.gp-mats{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.gp-mats div{background:#1c1530;grid-template-columns:auto 1fr;align-items:center;column-gap:8px;padding:8px;display:grid;box-shadow:inset 0 0 0 1px #2f2450}.gp-mats img,.gp-mats .xp{grid-row:span 2}.gp-mats b{font-size:16px;font-weight:400}.gp-mats small{color:var(--muted);text-transform:uppercase;grid-column:2;font-size:9px}.gp-mats .xp{font-family:var(--pixel);color:#6fdc5a;text-align:center;width:32px;font-size:10px}.gp-where{color:#cfc6ec;margin:12px 0 0}.channel-bar{text-align:center;width:min(320px,70vw);font-family:var(--pixel2);color:#bdfcff;text-transform:uppercase;padding:6px 10px 8px;font-size:11px;position:absolute;bottom:150px;left:50%;transform:translate(-50%)}.channel-bar div{background:#1c1530;height:8px;margin-top:5px}.channel-bar i{background:linear-gradient(90deg,#2a7fc9,#fff);height:100%;display:block}.rise-list{flex-direction:column;align-items:stretch;gap:12px;width:min(420px,90vw);display:flex}.rise-list .px-btn{padding:12px 18px;font-size:12px}.rise-blocked{font-family:var(--pixel2);color:#a898c8;text-align:center;opacity:.8;font-size:11px}html.touch,html.touch body{overscroll-behavior:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}html.touch .screen,html.touch .game-canvas{touch-action:none}html.touch .items-overlay,html.touch .quests-overlay,html.touch .skill-overlay,html.touch .skill-panel,html.touch .create-panel,html.touch .chat-log,html.touch .journal,html.touch .road-panel{touch-action:pan-y}.touch-ui{pointer-events:none;opacity:0;--safe-l:env(safe-area-inset-left,0px);--safe-r:env(safe-area-inset-right,0px);--safe-b:env(safe-area-inset-bottom,0px);transition:opacity .6s;position:absolute;inset:0}.touch-ui.visible{opacity:1}.touch-ui.visible .touch-stick-zone,.touch-ui.visible .touch-actions button,.touch-ui.visible .touch-menu button{pointer-events:auto}.touch-ui button{-webkit-user-select:none;user-select:none;touch-action:none}.touch-stick-zone{pointer-events:none;touch-action:none;width:42vw;height:60vh;position:absolute;bottom:0;left:0}.touch-stick{pointer-events:none;background:radial-gradient(circle,#120a2059 55%,#120a2099 56%);border-radius:50%;place-items:center;width:112px;height:112px;margin:-56px 0 0 -56px;display:grid;position:absolute;box-shadow:0 0 0 2px #0c0618e6,inset 0 0 0 2px #6a4bb08c}.touch-stick.idle{left:calc(84px + var(--safe-l));top:auto;bottom:calc(28px + var(--safe-b));opacity:.45;margin:0 0 0 -56px}.touch-stick .knob{background:radial-gradient(circle at 35% 30%,#9b6cff,#5b2bb0 60%,#2e1466);border-radius:50%;width:48px;height:48px;box-shadow:0 0 0 2px #0c0618,0 0 16px #9b6cff8c}.touch-actions{right:calc(16px + var(--safe-r));bottom:calc(16px + var(--safe-b));pointer-events:none;width:200px;height:196px;position:absolute}.touch-slot{width:58px;height:58px;box-shadow:0 0 0 2px #0c0618, inset 0 0 0 2px var(--panel-edge);cursor:pointer;background:#120a20cc;border:0;border-radius:50%;padding:0;position:absolute;overflow:hidden}.touch-slot img{pointer-events:none;width:100%;height:100%;display:block}.touch-slot:active{filter:brightness(1.35);transform:scale(.94)}.touch-slot .cd{background:conic-gradient(#05020cc7 var(--cd), transparent 0);pointer-events:none;position:absolute;inset:0}.touch-slot.oom img{filter:grayscale(.8)brightness(.6)}.touch-slot .cost{text-align:center;color:#9fd4ff;text-shadow:1px 1px #000,-1px -1px #000;pointer-events:none;font-size:9px;position:absolute;bottom:4px;left:0;right:0}.touch-slot.s0{width:80px;height:80px;box-shadow:0 0 0 3px #0c0618, inset 0 0 0 2px var(--panel-hi), 0 0 18px #9b6cff73;bottom:0;right:0}.touch-slot.s1{bottom:2px;right:96px}.touch-slot.s2{bottom:72px;right:80px}.touch-slot.s3{bottom:96px;right:10px}.touch-pill{min-width:84px;height:34px;font-family:var(--pixel);color:#1b1030;background:var(--gold);border:0;padding:0 12px;font-size:10px;animation:.2s ease-out both fade-in;position:absolute;bottom:54px;right:190px;box-shadow:inset -2px -2px #b8892a,inset 2px 2px #fff0bf,0 0 0 2px #0c0618,0 0 16px #ffd1668c}.touch-pill.road{color:#06222a;background:#7ef9ff;bottom:8px;box-shadow:inset -2px -2px #2c9fb0,inset 2px 2px #e6feff,0 0 0 2px #0c0618,0 0 16px #7ef9ff80}.touch-pill:active{filter:brightness(1.15);transform:translateY(1px)}.touch-menu{top:calc(10px + env(safe-area-inset-top,0px));right:calc(10px + var(--safe-r));pointer-events:none;gap:6px;display:flex;position:absolute}.touch-menu button{height:28px;font-family:var(--pixel2);color:var(--text);background:var(--panel);box-shadow:inset -2px -2px 0 #0c0618, inset 2px 2px 0 var(--panel-edge), 0 0 0 2px #0c0618;border:0;padding:0 7px;font-size:11px}.touch-menu button.on{color:var(--gold)}.touch-menu button.has{color:#1b1030;background:var(--gold);animation:1.6s ease-in-out infinite pulse-gold}.touch-menu button:active{filter:brightness(1.3)}html.touch .hud .action-bar,html.touch .hud .help .hint,html.touch .items-ui.satchel-btn{display:none}html.touch .game-canvas{cursor:default}html.touch .hud .chat{width:420px;display:none;inset:84px 14px auto auto}html.touch .hud.chat-open .chat{display:block}html.touch .hud .help{z-index:3;top:84px;bottom:auto;right:14px}html.touch .items-ui.toasts{top:72px;bottom:auto;right:14px}html.touch .hud .minimap-panel{display:none}html.touch .hud .objective,html.touch .hud .quest-tracker{width:240px;top:14px;bottom:auto;left:50%;translate:-50%}html.touch .hud .target-frame,html.touch .hud .target-frame.below-rite,html.touch .hud .boss-bar,html.touch .hud .rite-hud{top:auto;bottom:16px}html.touch .hud .rite-hud~.target-frame.below-rite{bottom:140px}@media (width<=700px){html.touch .touch-menu{gap:4px}html.touch .touch-menu button{padding:0 5px;font-size:10px}html.touch .hud .objective,html.touch .hud .quest-tracker{width:180px}html.touch .touch-pill{bottom:200px;right:96px}html.touch .touch-pill.road{bottom:200px;right:0}}@media (height<=560px){html.touch .hud{zoom:.62}html.touch .items-overlay,html.touch .quests-overlay,html.touch .skill-overlay,html.touch .altar-panel,html.touch .road-panel,html.touch .gift-panel,html.touch .death-screen,html.touch .create-panel{zoom:.72}html.touch .dialogue{zoom:.7;bottom:16px}}@media (height>=561px) and (height<=820px){html.touch .hud{zoom:.85}}.rotate-prompt{display:none}@media (orientation:portrait){html.touch .rotate-prompt{z-index:100;text-align:center;background:radial-gradient(ellipse at 50% 40%, #5b2bb059, transparent 65%), var(--bg);color:var(--text);touch-action:none;flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:32px;display:flex;position:fixed;inset:0}}.rotate-prompt h2{font-family:var(--pixel);color:var(--gold);text-shadow:0 0 12px #ffd16699;margin:12px 0 0;font-size:14px;line-height:1.6}.rotate-prompt p{max-width:280px;color:var(--muted);margin:0;font-size:13px;line-height:1.5}.rotate-phone{background:#1b1030;width:58px;height:100px;padding:8px 5px 12px;animation:2.4s ease-in-out infinite rotate-phone;box-shadow:inset -3px -3px #0c0618,inset 3px 3px #9b6cff,0 0 0 3px #0c0618,0 0 30px #9b6cff73}.rotate-screen{background:linear-gradient(#2a5f8f,#5b2bb0);width:100%;height:100%;box-shadow:inset 0 0 0 2px #0c0618}@keyframes rotate-phone{0%,20%{transform:rotate(0)}50%,80%{transform:rotate(-90deg)}to{transform:rotate(0)}}@media (prefers-reduced-motion:reduce){.rotate-phone{animation:none;transform:rotate(-90deg)}}:root{--bg:#07040f;--panel:#120a20db;--panel-edge:#3b2566;--panel-hi:#6a4bb0;--text:#efe7ff;--muted:#a898c8;--gold:#ffd166;--accent:#b84dff;--pixel:"Press Start 2P", monospace;--pixel2:"Silkscreen", monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{background:var(--bg);height:100%;color:var(--text);font-family:var(--pixel2);-webkit-font-smoothing:none;-webkit-user-select:none;user-select:none;margin:0;overflow:hidden}canvas.pixel,img.pixel{image-rendering:pixelated}button{font:inherit;color:inherit}input{font-family:var(--pixel2)}.screen{position:fixed;inset:0;overflow:hidden}.backdrop,.game-canvas{image-rendering:pixelated;display:block;position:absolute;inset:0}.game-canvas{cursor:none}.letterbox{z-index:1;background:#000;height:9vh;position:absolute;left:0;right:0}.letterbox.top{animation:1.6s ease-out both bars-in;top:0}.letterbox.bottom{animation:1.6s ease-out both bars-in;bottom:0}@keyframes bars-in{0%{height:50vh}}.title-content{z-index:2;flex-direction:column;justify-content:flex-start;align-items:center;gap:7vh;padding-top:16vh;display:flex;position:absolute;inset:0}.logo{text-align:center;animation:2.4s ease-out .6s both logo-in}@keyframes logo-in{0%{opacity:0;filter:blur(6px);transform:translateY(-18px)scale(1.05)}}.logo-sub{font-family:var(--pixel2);letter-spacing:.3em;color:#d9c4ff;text-shadow:0 0 12px #b84dff;font-size:clamp(10px,1.4vw,16px)}.logo-main{font-family:var(--pixel);color:#fff;letter-spacing:.06em;text-shadow:0 4px #7c3aed,0 8px #3b1a78,0 0 40px #b84dffe6,0 0 90px #5ac8ff80;margin:18px 0 0;font-size:clamp(34px,7.5vw,104px);animation:5s ease-in-out infinite shimmer}@keyframes shimmer{50%{text-shadow:0 4px #7c3aed,0 8px #3b1a78,0 0 60px #b84dff,0 0 120px #5ac8ffb3}}.press-start{font-family:var(--pixel);color:var(--gold);text-shadow:0 0 10px #ffd166cc;font-size:clamp(12px,1.4vw,18px);animation:1s 2.4s both logo-in}.blink{animation:1s 2.4s both logo-in,1.2s steps(2,end) 3.4s infinite blink}@keyframes blink{50%{opacity:0}}.menu{flex-direction:column;align-items:center;gap:14px;display:flex}.menu-note{color:var(--muted)}.credits{text-align:center;z-index:3;color:#6f5f94;letter-spacing:.2em;width:100%;font-size:11px;position:absolute;bottom:3vh}.fade-in{animation:.6s ease-out both fade-in}.fade-in-slow{animation:2.4s ease-out .8s both fade-in}@keyframes fade-in{0%{opacity:0;transform:translateY(8px)}}.px-btn{font-family:var(--pixel);cursor:pointer;background:#1b1030;border:none;flex-direction:column;align-items:center;gap:8px;min-width:300px;padding:14px 26px;font-size:13px;transition:transform 80ms,filter .15s;display:flex;box-shadow:inset -3px -3px #0c0618,inset 3px 3px #4a3380,0 0 0 3px #0c0618}.px-btn small{font-family:var(--pixel2);color:var(--muted);font-size:12px}.px-btn:hover:not(:disabled){filter:brightness(1.25);transform:translateY(-2px)}.px-btn:active:not(:disabled){transform:translateY(1px)}.px-btn.primary{background:#5b2bb0;box-shadow:inset -3px -3px #2e1466,inset 3px 3px #9b6cff,0 0 0 3px #0c0618,0 0 24px #9b6cff80}.px-btn:disabled{opacity:.5;cursor:default}.link-btn{color:var(--muted);cursor:pointer;background:0 0;border:none;margin-top:10px}.error{color:#ff7a8a;margin-top:6px;font-size:13px}.panel{background:var(--panel);box-shadow:inset -2px -2px 0 #0c0618, inset 2px 2px 0 var(--panel-edge), 0 0 0 2px #0c0618}.create-screen{justify-content:center;align-items:center;display:flex}.create-panel{z-index:2;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0c0618d1;width:min(760px,94vw);max-height:94vh;padding:24px 28px;position:relative;overflow:auto;box-shadow:inset -3px -3px #0c0618,inset 3px 3px #3b2566,0 0 0 3px #0c0618,0 20px 80px #000000b3}.panel-title{font-family:var(--pixel);text-align:center;color:var(--gold);text-shadow:0 0 12px #ffd16699;margin:0 0 20px;font-size:18px}.schools{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.school-card{cursor:pointer;background:#140b26;border:none;flex-direction:column;align-items:center;gap:8px;padding:12px 6px;font-size:12px;transition:transform .1s,box-shadow .2s;display:flex;box-shadow:inset -2px -2px #0c0618,inset 2px 2px #2c1c4d}.school-card:hover{transform:translateY(-2px)}.school-card.selected{box-shadow:inset -2px -2px 0 #0c0618, inset 2px 2px 0 var(--accent), 0 0 0 2px var(--accent), 0 0 26px color-mix(in srgb, var(--accent) 60%, transparent);background:#221340}.school-detail{box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--accent) 45%, transparent);background:#0f081d;margin-top:18px;padding:14px 16px}.school-detail h3{font-family:var(--pixel);color:var(--accent);text-shadow:0 0 10px var(--accent);margin:0;font-size:16px}.school-title{color:var(--muted);margin-top:6px;font-size:12px}.lore{color:#d6ccef;font-size:13px;font-style:italic;line-height:1.6}.spell-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.spell-list li{align-items:center;gap:10px;font-size:12px;display:flex}.spell-list img{width:32px;height:32px}.spell-list b{color:#fff;display:block}.spell-list span{color:var(--muted)}.name-row{flex-wrap:wrap;gap:12px;margin-top:20px;display:flex}.name-row input{color:#fff;background:#07040f;border:none;outline:none;flex:1;min-width:200px;padding:12px 14px;font-size:16px;box-shadow:inset 2px 2px #0c0618,inset -2px -2px #3b2566}.name-row input:focus{box-shadow:inset 2px 2px #0c0618,inset -2px -2px #9b6cff,0 0 0 2px #9b6cff}.name-row .px-btn{min-width:0}.loading{font-family:var(--pixel);color:var(--muted);place-items:center;display:grid;position:absolute;inset:0}.hud{pointer-events:none;opacity:0;transition:opacity 1.2s;position:absolute;inset:0}.hud.visible{opacity:1}.hud .panel,.hud .action-bar,.hud .help{pointer-events:auto}.player-frame{gap:12px;width:330px;padding:10px 12px;display:flex;position:absolute;top:14px;left:14px}.portrait{background:radial-gradient(circle, color-mix(in srgb, var(--accent) 40%, transparent), #0b0616 70%);place-items:center;width:56px;height:64px;display:grid;position:relative;box-shadow:inset 0 0 0 2px #0c0618}.portrait canvas{width:40px;height:56px}.portrait .lvl{font-family:var(--pixel);background:#5b2bb0;padding:4px 5px;font-size:10px;position:absolute;bottom:-6px;right:-6px;box-shadow:0 0 0 2px #0c0618}.frame-bars{flex-direction:column;flex:1;gap:5px;display:flex}.frame-name{font-size:13px}.frame-name small{color:var(--muted)}.bar{background:#0b0616;height:14px;position:relative;overflow:hidden;box-shadow:0 0 0 2px #0c0618}.bar-fill{height:100%;transition:width .2s linear;box-shadow:inset 0 3px #ffffff40,inset 0 -3px #00000040}.bar.hp .bar-fill{background:#d62d45}.bar.mana .bar-fill{background:#2f6fd8;transition:none}.bar.xp{height:10px}.bar.xp .bar-fill{background:#9b6cff}.bar-label{text-shadow:1px 1px #000,-1px -1px #000;place-items:center;font-size:10px;display:grid;position:absolute;inset:0}.target-frame{text-align:center;flex-direction:column;gap:6px;width:280px;padding:8px 12px;display:flex;position:absolute;top:14px;left:50%;transform:translate(-50%)}.target-frame.boss{width:420px;box-shadow:inset -2px -2px #0c0618,inset 2px 2px #ff9a2a,0 0 0 2px #0c0618,0 0 24px #ff9a2a66}.bar.enemy .bar-fill{background:#b8232f}.minimap-panel{pointer-events:auto;background:var(--panel);box-shadow:inset -2px -2px 0 #0c0618, inset 2px 2px 0 var(--panel-edge), 0 0 0 2px #0c0618;padding:6px;position:absolute;top:14px;right:14px}.minimap{width:150px;height:150px;display:block}.mini-info{color:var(--muted);text-align:center;flex-direction:column;gap:3px;margin-top:6px;font-size:11px;display:flex}.action-bar{background:var(--panel);box-shadow:inset -2px -2px 0 #0c0618, inset 2px 2px 0 var(--panel-edge), 0 0 0 2px #0c0618;gap:10px;padding:8px;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.slot{width:56px;height:56px;position:relative;box-shadow:0 0 0 2px #0c0618}.slot img{width:100%;height:100%;display:block}.slot .cd{background:conic-gradient(#05020cc7 var(--cd), transparent 0);position:absolute;inset:0}.slot.oom img{filter:grayscale(.8)brightness(.6)}.slot .key{font-size:9px;font-family:var(--pixel2);white-space:nowrap;background:#0c0618;padding:1px 4px;position:absolute;top:-8px;left:50%;transform:translate(-50%)}.slot .cost{color:#8ab4ff;text-shadow:1px 1px #000;font-size:10px;position:absolute;bottom:1px;right:3px}.chat{background:#0c061899;width:360px;padding:8px;font-size:12px;position:absolute;bottom:14px;left:14px}.chat-log{scrollbar-width:thin;-webkit-user-select:text;user-select:text;flex-direction:column;gap:3px;height:150px;padding-right:4px;line-height:1.35;display:flex;overflow-y:auto}.chat-log .sys{color:#c9a7ff}.chat input{color:#fff;background:#05020ccc;border:none;outline:none;width:100%;margin-top:6px;padding:7px 8px;box-shadow:inset 0 0 0 2px #2c1c4d}.chat input:focus{box-shadow:inset 0 0 0 2px #9b6cff}.help{color:var(--muted);font-size:11px;position:absolute;bottom:14px;right:14px}.help-panel{color:var(--text);flex-direction:column;gap:5px;padding:12px 14px;display:flex}.help-panel b{font-family:var(--pixel);color:var(--gold);margin-bottom:4px;font-size:11px}.help-panel small{color:var(--muted);max-width:220px;margin-top:4px}.death-screen{z-index:5;background:radial-gradient(#3c001440,#0009);flex-direction:column;justify-content:center;align-items:center;gap:18px;display:flex;position:absolute;inset:0}.death-screen h1{font-family:var(--pixel);color:#ff4d6a;text-shadow:0 4px #5a0a1a,0 0 40px #ff2850cc;letter-spacing:.08em;margin:0;font-size:clamp(24px,5vw,60px)}.death-screen p{color:#d9c4d0;margin:0 0 12px}.setup{text-align:center;height:100%;font-family:var(--pixel2);place-content:center;gap:8px;padding:20px;display:grid}.setup h1{font-family:var(--pixel);color:#fff;text-shadow:0 0 30px #b84dff}.setup code{color:var(--gold);background:#1b1030;padding:2px 6px}@media (width<=760px){.schools{grid-template-columns:repeat(2,1fr)}.chat{width:240px}.chat-log{height:90px}.player-frame{width:260px}.minimap-panel{transform-origin:100% 0;transform:scale(.75)}.px-btn{min-width:0}}.dialogue{width:min(860px,92vw);box-shadow:inset -3px -3px 0 #0c0618, inset 3px 3px 0 color-mix(in srgb, var(--accent) 55%, #2c1c4d), 0 0 0 3px #0c0618, 0 0 30px color-mix(in srgb, var(--accent) 25%, transparent);z-index:6;cursor:pointer;background:#0a0514eb;gap:16px;padding:14px 18px;animation:.25s ease-out both dialogue-in;display:flex;position:absolute;bottom:calc(12vh + 18px);left:50%;transform:translate(-50%)}@keyframes dialogue-in{0%{opacity:0;transform:translate(-50%,10px)}}.dialogue-portrait{background:radial-gradient(circle at 50% 70%, color-mix(in srgb, var(--accent) 45%, transparent), #07040f 75%);width:92px;height:92px;box-shadow:inset 0 0 0 2px #0c0618, 0 0 0 2px color-mix(in srgb, var(--accent) 60%, transparent);flex:none;place-items:end center;display:grid;overflow:hidden}.dialogue-portrait canvas{width:80px;height:auto}.dialogue.lillith .dialogue-portrait canvas{width:88px}.dialogue-body{flex:1;min-height:84px;position:relative}.dialogue-name{font-family:var(--pixel);color:var(--accent);text-shadow:0 0 10px color-mix(in srgb, var(--accent) 70%, transparent);font-size:13px}.dialogue-name small{font-family:var(--pixel2);color:var(--muted);text-shadow:none;margin-left:8px;font-size:11px}.dialogue-body p{color:#f4ecff;margin:10px 0 0;font-size:16px;line-height:1.5}.dialogue-next{color:var(--accent);font-size:11px;position:absolute;bottom:-4px;right:0}.dialogue-next.ready{animation:.9s steps(2,end) infinite blink}.objective{width:280px;padding:10px 12px;font-size:12px;animation:.5s ease-out both objective-in;position:absolute;top:118px;left:14px}@keyframes objective-in{0%{opacity:0;transform:translate(-20px);box-shadow:0 0 40px #ffd166}}.objective-head{font-family:var(--pixel);color:var(--gold);letter-spacing:.04em;margin-bottom:8px;font-size:9px}.objective-text{line-height:1.5}.objective-text .diamond,.objective-text b{color:var(--gold)}.objective-skip{color:var(--muted);margin-top:8px;font-size:11px}.link-btn.danger{color:#ff7a8a}.skill-point-btn{pointer-events:auto;font-family:var(--pixel2);cursor:pointer;color:var(--gold);background:#3a2400;border:none;padding:7px 14px;font-size:13px;animation:1.6s ease-in-out infinite pulse-gold;position:absolute;bottom:96px;left:50%;transform:translate(-50%);box-shadow:inset -2px -2px #1a1000,inset 2px 2px #c28a1e,0 0 0 2px #0c0618,0 0 18px #ffd16680}.skill-point-btn small{color:#c9a45a}@keyframes pulse-gold{50%{box-shadow:inset -2px -2px #1a1000,inset 2px 2px #c28a1e,0 0 0 2px #0c0618,0 0 32px #ffd166e6}}.skill-overlay{z-index:8;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#03010899;place-items:center;animation:.2s ease-out both fade-in;display:grid;position:absolute;inset:0}.skill-panel{background:#0c0618f5;width:min(720px,94vw);max-height:94vh;padding:18px 22px;overflow:auto}.skill-head{align-items:center;gap:16px;margin-bottom:14px;display:flex}.skill-head h2{font-family:var(--pixel);color:var(--accent);text-shadow:0 0 12px color-mix(in srgb, var(--accent) 60%, transparent);margin:0;font-size:15px}.skill-head small{color:var(--muted)}.skill-head .points{font-family:var(--pixel);color:var(--muted);margin-left:auto;font-size:18px}.skill-head .points span{font-family:var(--pixel2);font-size:12px}.skill-head .points.has{color:var(--gold);text-shadow:0 0 12px #ffd166b3}.close-btn{cursor:pointer;color:var(--muted);background:0 0;border:none;font-size:18px}.skill-grid{grid-template-rows:auto repeat(4,76px) 90px;grid-template-columns:58px repeat(4,1fr);gap:0 8px;display:grid;position:relative}.col-head{text-align:center;color:var(--muted);border-bottom:2px solid #2c1c4d;grid-row:1;margin-bottom:8px;padding-bottom:8px;font-size:11px}.tier-row{grid-column:1;align-items:center;display:flex}.tier-label{color:#5a4a7a;font-size:10px}.tier-label.open{color:var(--gold)}.cell{place-items:center;display:grid;position:relative}.cell.linked:before{content:"";background:#2c1c4d;width:4px;height:24px;position:absolute;top:-22px;left:calc(50% - 2px)}.capstone-cell{border-top:2px dashed #2c1c4d;justify-content:center;gap:14px;margin-top:6px;display:flex}.skill-node{cursor:pointer;background:#0b0616;border:none;width:52px;height:52px;padding:0;transition:transform 80ms,box-shadow .15s,filter .15s;position:relative;box-shadow:0 0 0 2px #0c0618,0 0 0 4px #2c1c4d}.skill-node img{width:100%;height:100%;display:block}.skill-node.capstone{width:62px;height:62px}.skill-node.locked img{filter:grayscale()brightness(.45)}.skill-node.partial{box-shadow:0 0 0 2px #0c0618, 0 0 0 4px color-mix(in srgb, var(--accent) 60%, #2c1c4d)}.skill-node.learnable{box-shadow:0 0 0 2px #0c0618, 0 0 0 4px var(--gold), 0 0 16px #ffd16699}.skill-node.learnable:hover{transform:translateY(-2px)scale(1.05)}.skill-node.maxed{box-shadow:0 0 0 2px #0c0618, 0 0 0 4px var(--accent), 0 0 18px color-mix(in srgb, var(--accent) 70%, transparent)}.skill-node .rank{color:var(--text);background:#0c0618;padding:1px 4px;font-size:10px;position:absolute;bottom:-8px;right:-8px;box-shadow:0 0 0 1px #2c1c4d}.skill-node.maxed .rank{color:var(--accent)}.skill-info{background:#0b0616;min-height:74px;margin-top:16px;padding:10px 12px;font-size:13px;box-shadow:inset 0 0 0 2px #1f1438}.skill-info b{color:#fff}.skill-info b small{color:var(--muted);margin-left:8px}.skill-info p{color:#d6ccef;margin:6px 0 0;line-height:1.5}.skill-info em{color:#ff9a2a;margin-top:6px;font-style:normal;display:block}.muted{color:var(--muted)}.skill-foot{justify-content:space-between;align-items:center;margin-top:10px;font-size:12px;display:flex}.skill-foot .link-btn{margin-top:0}@media (width<=760px){.dialogue-portrait{width:64px;height:64px}.dialogue-body p{font-size:13px}.objective{width:220px;top:auto;bottom:190px}.skill-node{width:40px;height:40px}.skill-grid{grid-template-rows:auto repeat(4,62px) 80px;grid-template-columns:40px repeat(4,1fr)}}