:root{--panel:#26203af0;--panel-2:#342c4ee6;--line:#d8c59c;--text:#f4efe6;--muted:#b9b0c9;--accent:#ffd27f;--good:#9be0b4;--bad:#f28aa4;--discover:#f0a6e8;--font:"Segoe UI", "Malgun Gothic", "Apple SD Gothic Neo", system-ui, sans-serif}*{box-sizing:border-box}html,body{background:#1d1a2f;width:100%;height:100%;margin:0;padding:0;overflow:hidden}body{font-family:var(--font);color:var(--text)}#app{position:fixed;inset:0}#game{position:absolute;inset:0}#game canvas{image-rendering:pixelated;image-rendering:crisp-edges}#ui{pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute;inset:0}#ui>*{pointer-events:none}#ui .clickable,#ui button,#ui .panel,#ui .dialogue{pointer-events:auto}img.icon{image-rendering:pixelated;width:32px;height:32px}img.icon.big{width:64px;height:64px}img.icon.small{width:20px;height:20px}img.icon.unknown{filter:brightness(0)opacity(.35)}.hud{flex-direction:column;gap:6px;display:flex;position:absolute;top:14px;left:16px}.hud .biome{letter-spacing:.5px;text-shadow:0 1px 2px #000000e6,0 2px 8px #0009;font-size:20px;font-weight:600}.overlay{z-index:10}.dialogue{z-index:20}.toasts,.banner,.discovery,.edgehint{z-index:30}.prompt{z-index:15}.fade{z-index:40}#ui.battle .hud,#ui.battle .vitals,#ui.battle .keys,#ui.battle .prompt,#ui.battle .edgehint,#ui.battle .banner{display:none}.hud .biome small{color:var(--muted);margin-left:8px;font-size:12px;font-weight:400}.bar{border:2px solid var(--line);background:#00000073;border-radius:6px;width:190px;height:16px;position:relative;overflow:hidden}.bar .fill{width:0%;transition:width .25s;position:absolute;top:0;bottom:0;left:0}.bar.hp .fill{background:linear-gradient(#f59ab0,#d85a7a)}.bar.xp .fill{background:linear-gradient(#ffe8a8,#e9b84a)}.vitals{left:max(16px, env(safe-area-inset-left));bottom:max(16px, env(safe-area-inset-bottom));background:#1c162ebd;border:1px solid #d8c59c73;border-radius:10px;grid-template-columns:auto auto 112px;align-items:center;gap:5px 8px;padding:8px 12px 9px;transition:opacity .2s;display:grid;position:absolute;box-shadow:0 2px 10px #00000059}.vitals .vrow{display:contents}.vitals .tag{letter-spacing:.5px;text-shadow:0 1px 2px #000;font-size:11px;font-weight:700}.vitals .hp .tag{color:#f59ab0}.vitals .st .tag{color:#b5e59a}.vitals .mp .tag{color:#b4bcff}.vitals .xp .tag{color:var(--accent)}.vitals .val{text-align:right;font-variant-numeric:tabular-nums;text-shadow:0 1px 2px #000,0 0 3px #000;min-width:58px;font-size:12px}.vitals .xp .val{color:var(--muted);font-size:11px}.vitals .bar{background:#3a3158e6;border:1px solid #0d0a18;border-radius:3px;width:112px;height:8px;box-shadow:0 0 0 1px #d8c59c4d}.vitals .bar.st,.vitals .bar.mp{height:6px}.vitals .bar.xp{height:3px;box-shadow:none;border-radius:2px}.vitals .bar.xp .fill{transition:width .45s}.vitals .xp.snap .bar .fill{transition:none}.vitals .xp.levelup .tag{animation:1.4s levelGlow}@keyframes levelGlow{0%{text-shadow:0 0 #0000}30%{text-shadow:0 0 8px var(--accent), 0 1px 2px #000}to{text-shadow:0 1px 2px #000}}#ui.menu-open .vitals{opacity:.35}@media (max-width:640px){.vitals{grid-template-columns:auto auto 76px;column-gap:6px;padding:6px 9px 7px}.vitals .bar{width:76px}}.keys{color:var(--muted);text-align:right;text-shadow:0 1px 3px #000;font-size:12px;line-height:1.6;position:absolute;top:14px;right:16px}.keys b{color:var(--text);background:#ffffff1f;border:1px solid #ffffff40;border-radius:4px;padding:0 5px;font-weight:600}.prompt{background:var(--panel);border:2px solid var(--line);opacity:0;border-radius:8px;padding:6px 14px;font-size:14px;transition:opacity .15s;position:absolute;bottom:96px;left:50%;transform:translate(-50%)}.prompt.show{opacity:1}.prompt b{color:var(--accent)}.edgehint{color:#e8f0ff;border-left:3px solid var(--accent);opacity:0;background:#141228b3;border-radius:4px;max-width:360px;padding:6px 12px;font-size:14px;transition:opacity .3s;position:absolute;top:70px;left:16px}.edgehint.show{opacity:1}.toasts{flex-direction:column-reverse;align-items:center;gap:6px;display:flex;position:absolute;bottom:140px;left:50%;transform:translate(-50%)}.toast{background:var(--panel);border:2px solid var(--line);white-space:nowrap;border-radius:8px;align-items:center;gap:8px;padding:5px 12px;font-size:14px;animation:.25s toastIn,.4s 2.1s forwards toastOut;display:flex}.toast.good{border-color:var(--good)}.toast.bad{border-color:var(--bad)}.toast.discover{border-color:var(--discover)}.toast.info{border-color:var(--line)}.toast img{width:24px;height:24px;image-rendering:pixelated}@keyframes toastIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes toastOut{to{opacity:0;transform:translateY(-8px)}}.banner{text-align:center;opacity:0;pointer-events:none;position:absolute;top:22%;left:50%;transform:translate(-50%)}.banner.show{animation:3.2s forwards bannerIn}.banner h2{letter-spacing:2px;text-shadow:0 1px 3px #000000f2,0 3px 12px #0009;margin:0;font-size:34px;font-weight:600}.banner p{color:#f3eefa;text-shadow:0 1px 2px #000000f2,0 2px 8px #0009;margin:6px 0 0;font-size:15px}@keyframes bannerIn{0%{opacity:0;transform:translate(-50%,8px)}12%{opacity:1;transform:translate(-50%)}80%{opacity:1}to{opacity:0}}.discovery{border:2px solid var(--discover);opacity:0;background:linear-gradient(135deg,#3c285af5,#5a326ef5);border-radius:14px;align-items:center;gap:14px;padding:14px 26px;display:flex;position:absolute;top:36%;left:50%;transform:translate(-50%);box-shadow:0 0 30px #f0a6e873}.discovery.show{animation:2.6s forwards discoverIn}.discovery img{width:48px;height:48px;image-rendering:pixelated}.discovery .t1{color:var(--discover);letter-spacing:2px;font-size:13px}.discovery .t2{font-size:22px;font-weight:600}@keyframes discoverIn{0%{opacity:0;transform:translate(-50%)scale(.8)}15%{opacity:1;transform:translate(-50%)scale(1.05)}25%{transform:translate(-50%)scale(1)}85%{opacity:1}to{opacity:0}}.overlay{background:#0a081473;justify-content:center;align-items:center;display:none;position:absolute;inset:0}.overlay.show{display:flex}.panel{background:var(--panel);border:2px solid var(--line);border-radius:14px;flex-direction:column;width:min(880px,94vw);height:min(560px,90vh);display:flex;overflow:hidden;box-shadow:0 10px 40px #0009}.tabs{border-bottom:1px solid #d8c59c59;align-items:center;display:flex}.tabs button{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;padding:12px 22px;font-size:15px}.tabs button.active{color:var(--accent);border-bottom-color:var(--accent)}.tabs .spacer{flex:1}.tabs .close{padding:8px 16px;font-size:18px}.panel .body{flex:1;min-height:0;display:flex}.panel .left{border-right:1px solid #d8c59c40;width:460px;padding:14px;overflow-y:auto}.panel .right{flex-direction:column;flex:1;gap:10px;padding:14px 18px;display:flex;overflow-y:auto}.panel h3{color:var(--muted);letter-spacing:1px;text-transform:uppercase;margin:0 0 8px;font-size:13px}.panel .hint{color:var(--muted);font-size:12px}.grid{grid-template-columns:repeat(8,50px);gap:4px;display:grid}.slot{background:var(--panel-2);cursor:pointer;border:2px solid #d8c59c4d;border-radius:8px;justify-content:center;align-items:center;width:50px;height:50px;display:flex;position:relative}.slot:hover{border-color:var(--line)}.slot.selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}.slot.empty{cursor:default;opacity:.5}.slot .count{text-shadow:0 1px 2px #000;font-size:11px;font-weight:600;position:absolute;bottom:2px;right:4px}.slot .eq{color:var(--accent);font-size:10px;position:absolute;top:1px;left:3px}.detail{flex-direction:column;gap:8px;display:flex}.detail .head{align-items:center;gap:12px;display:flex}.detail .name{font-size:20px;font-weight:600}.detail .rarity{font-size:12px}.rarity.common{color:#cfcad8}.rarity.uncommon{color:var(--good)}.rarity.rare{color:#9fd3ff}.rarity.legendary{color:var(--discover)}.detail .desc{color:#e9e2f3;font-size:14px;line-height:1.5}.btnrow{flex-wrap:wrap;gap:8px;display:flex}button.btn{background:var(--panel-2);color:var(--text);border:2px solid var(--line);font:inherit;cursor:pointer;border-radius:8px;padding:6px 14px;font-size:14px}button.btn:hover{background:#d8c59c33}button.btn.primary{background:var(--accent);color:#2b2240;border-color:var(--accent);font-weight:600}button.btn.primary:hover{background:#ffe0a3}button.btn:disabled{opacity:.45;cursor:default}.equip{grid-template-columns:1fr 1fr;gap:8px;display:grid}.equip .box{background:var(--panel-2);border-radius:8px;align-items:center;gap:8px;padding:8px 10px;font-size:13px;display:flex}.equip .box .lbl{color:var(--muted);font-size:11px;display:block}.statline{color:var(--muted);gap:14px;font-size:13px;display:flex}.statline b{color:var(--text)}.craft{flex-direction:column;align-items:center;gap:10px;display:flex}.craftslots{gap:10px;display:flex}.craftslots .slot{width:60px;height:60px}.craftslots .slot img{width:36px;height:36px}.craft .result{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:6px;height:92px;font-size:14px;display:flex}.craft .result.ok{color:var(--good)}.craft .result.fail{color:var(--muted)}.craft .result img{width:40px;height:40px;image-rendering:pixelated}.craft .result.pop img{animation:.5s pop}@keyframes pop{0%{transform:scale(.3)rotate(-10deg)}60%{transform:scale(1.25)rotate(4deg)}to{transform:scale(1)}}.shake{animation:.35s shake}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.recipes{flex-direction:column;gap:6px;display:flex}.recipe{background:var(--panel-2);border-radius:8px;align-items:center;gap:6px;padding:6px 10px;font-size:13px;display:flex}.recipe .arrow{color:var(--accent);margin:0 4px}.recipe .ing{align-items:center;gap:2px;display:flex}.recipe .ing span{color:var(--muted);font-size:11px}.collection{grid-template-columns:repeat(8,50px);gap:4px;display:grid}.journal{flex-direction:column;gap:4px;display:flex}.journal .entry{background:var(--panel-2);border-left:3px solid var(--line);border-radius:6px;padding:5px 8px;font-size:13px}.journal .entry.discover{border-left-color:var(--discover)}.journal .entry.arrive{border-left-color:var(--good)}.journal .entry.meet{border-left-color:var(--accent)}.journal .entry.battle{border-left-color:var(--bad)}.journal .entry small{color:var(--muted);margin-right:6px}.section+.section{margin-top:14px}.dialogue{background:var(--panel);border:2px solid var(--line);border-radius:12px;width:min(760px,92vw);padding:14px 20px;display:none;position:absolute;bottom:28px;left:50%;transform:translate(-50%)}.dialogue.show{display:block}.dialogue .speaker{color:var(--accent);margin-bottom:6px;font-size:14px;font-weight:600}.dialogue .text{min-height:48px;font-size:16px;line-height:1.55}.dialogue .options{flex-direction:column;gap:6px;margin-top:10px;display:flex}.dialogue .options button{text-align:left}.dialogue .next{text-align:right;color:var(--muted);margin-top:6px;font-size:12px}.fade{opacity:0;color:#d9d0ea;background:#0d0a18;justify-content:center;align-items:center;font-size:22px;transition:opacity .6s;display:flex;position:absolute;inset:0}.fade.show{opacity:1}.bar.st .fill{background:linear-gradient(#c8f0a0,#7cc56a);transition:width 80ms linear}.bar.mp .fill{background:linear-gradient(#a9b6ff,#7064d8);transition:width .12s linear}.bar.st.exhausted .fill{background:linear-gradient(#e6d98a,#b9a24f)}.bar.denied{border-color:var(--bad);animation:.3s shake}.recipe.fill{cursor:pointer;border:1px solid #0000}.recipe.fill.ready:hover{border-color:var(--accent)}.recipe.fill.missing{opacity:.55}.craft .result.preview{color:#c9b3ef}.hud .who{color:var(--muted);text-shadow:0 1px 2px #000;margin-top:-4px;font-size:12px}.create.panel{width:min(920px,96vw);height:auto;max-height:94vh;padding:18px 22px;position:absolute;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%)}.create h2{color:#fff3d6;margin:0 0 12px;font-size:22px;font-weight:600}.create h2 small{color:var(--muted);font-size:12px;font-weight:400}.create-body{flex-wrap:wrap;gap:22px;display:flex}.create-left{flex-direction:column;align-items:center;gap:6px;width:200px;display:flex}.create-left .preview{image-rendering:pixelated;background-color:#ffffff0d;background-repeat:no-repeat;border-radius:12px}.create-left .pname{font-size:20px;font-weight:600}.create-left .pbonus{color:var(--good);font-size:13px}.create-left .pdesc{color:#e9e2f3;text-align:center;font-size:13px;line-height:1.5}.create-right{flex-direction:column;flex:1;gap:8px;min-width:300px;display:flex}.create .field{color:var(--muted);flex-direction:column;gap:6px;font-size:13px;display:flex}.create input{font:inherit;border:2px solid var(--line);background:var(--panel-2);color:var(--text);border-radius:8px;outline:none;padding:8px 12px;font-size:16px}.create input.invalid{border-color:var(--bad)}.create .err{color:var(--bad);min-height:14px;font-size:12px}.create .races{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.race-card{text-align:left;background:var(--panel-2);color:var(--text);font:inherit;cursor:pointer;border:2px solid #d8c59c4d;border-radius:10px;grid-template-rows:auto auto auto;grid-template-columns:44px 1fr;column-gap:10px;padding:8px;display:grid}.race-card:hover{border-color:var(--line)}.race-card.selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}.race-card .portrait{width:40px;height:56px;image-rendering:pixelated;background-position:0 0;background-size:160px 224px;grid-row:1/4}.race-card .rname{font-size:15px;font-weight:600}.race-card .rtag{color:var(--muted);font-size:11px}.race-card .rbonus{color:var(--good);font-size:12px}.slots-backdrop{pointer-events:auto;z-index:20;background:#120e1e8c;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.slots-backdrop[hidden]{display:none}.slots.panel{gap:12px;width:min(720px,94vw);height:auto;max-height:92vh;padding:16px 20px;overflow-y:auto}.slots-head{justify-content:space-between;align-items:center;display:flex}.slots-head h2{color:#fff3d6;margin:0;font-size:21px;font-weight:600}.slots-notice{color:var(--accent);background:#ffd27f1a;border:1px solid #ffd27f59;border-radius:8px;padding:6px 10px;font-size:13px}.slots-notice[hidden]{display:none}.slot-list{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px;display:grid}.slot-card{background:var(--panel-2);border:2px solid #d8c59c59;border-radius:12px;flex-direction:column;gap:10px;min-height:178px;padding:12px;display:flex}.slot-card.filled:hover{border-color:var(--line)}.slot-card.empty{background:#ffffff08;border-style:dashed}.slot-card.damaged{border-color:#f28aa499}.slot-no{color:var(--muted);letter-spacing:1px;font-size:11px}.slot-empty{color:var(--muted);flex:1;justify-content:center;align-items:center;font-size:15px;display:flex}.slot-main{flex:1;align-items:center;gap:12px;display:flex}.slot-portrait{width:60px;height:84px;image-rendering:pixelated;background-color:#ffffff0d;background-position:0 0;background-repeat:no-repeat;background-size:240px 336px;border-radius:8px;flex:none}.slot-info{flex-direction:column;gap:3px;min-width:0;display:flex}.slot-name{text-overflow:ellipsis;white-space:nowrap;font-size:18px;font-weight:600;overflow:hidden}.slot-sub{color:var(--accent);font-size:14px}.slot-meta{color:var(--muted);font-size:12px}.slot-busy{color:var(--bad);font-size:12px}.slot-actions{justify-content:flex-end;gap:8px;display:flex}.slot-actions .btn.primary{flex:1}.slots-foot{color:var(--muted);margin:0;font-size:12px;line-height:1.5}.slot-confirm{background:#0a081280;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.slot-confirm .panel{gap:4px;width:min(420px,90vw);height:auto;padding:16px 18px}.slot-confirm p{margin:0 0 8px;font-size:15px;line-height:1.5}.slot-confirm .btnrow{justify-content:flex-end}#ui .un-overlay{pointer-events:auto}.un-overlay{z-index:36;background:#0a081499;justify-content:center;align-items:center;display:none;position:absolute;inset:0}.un-overlay.show{display:flex}.un-panel{background:var(--panel);border:2px solid var(--line);border-radius:14px;flex-direction:column;width:min(520px,100vw - 32px);max-height:min(600px,88vh);display:flex;overflow:hidden;box-shadow:0 10px 40px #0009}.un-head{border-bottom:1px solid #d8c59c59;justify-content:space-between;align-items:center;padding:10px 8px 10px 18px;display:flex}.un-head h2{color:var(--accent);margin:0;font-size:18px}.un-head .close{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:6px 12px;font-size:18px}.un-body{flex:1;min-height:0;padding:4px 18px 12px;overflow-y:auto}.un-entry h3{flex-wrap:wrap;align-items:baseline;gap:10px;margin:14px 0 6px;font-size:15px;display:flex}.un-meta{color:var(--muted);font-size:12px;font-weight:400}.un-entry ul{margin:0;padding-left:20px}.un-entry li{margin:4px 0;font-size:14px;line-height:1.5}.un-foot{border-top:1px solid #d8c59c40;justify-content:flex-end;padding:10px 18px 14px;display:flex}.un-ok{min-width:96px}.panel .codex{flex-direction:column;flex:1;min-height:0;display:none}.panel.codex-on .codex{display:flex}.panel.codex-on .body>.left,.panel.codex-on .body>.right{display:none}.cx-tabs{gap:6px;padding:10px 14px 0;display:flex}.cx-tab{background:var(--panel-2);color:var(--muted);font:inherit;cursor:pointer;border:2px solid #d8c59c4d;border-bottom:none;border-radius:8px 8px 0 0;padding:6px 14px;font-size:13px}.cx-tab:hover{color:var(--text)}.cx-tab.active{color:var(--accent);border-color:var(--line);background:#d8c59c1f}.cx-main{border-top:1px solid #d8c59c59;flex:1;min-height:0;display:flex}.cx-list{border-right:1px solid #d8c59c40;flex-direction:column;flex:1;gap:8px;min-width:0;padding:10px 12px 8px 14px;display:flex}.cx-main.wide .cx-detail{display:none}.cx-main.wide .cx-list{border-right:none}.cx-detail{overscroll-behavior:contain;flex-shrink:0;width:300px;padding:14px 16px;overflow-y:auto}.cx-cats{flex-wrap:wrap;gap:4px;display:flex}.cx-chip{background:var(--panel-2);color:var(--muted);font:inherit;cursor:pointer;border:1px solid #d8c59c4d;border-radius:999px;padding:3px 10px;font-size:12px}.cx-chip small{opacity:.75;font-size:10px}.cx-chip:hover{border-color:var(--line);color:var(--text)}.cx-chip.active{background:var(--accent);border-color:var(--accent);color:#2b2240;font-weight:600}.cx-tools{gap:6px;display:flex}.cx-search{min-width:0;font:inherit;color:var(--text);-webkit-user-select:text;user-select:text;background:#00000040;border:2px solid #d8c59c73;border-radius:8px;outline:none;flex:1;padding:5px 10px;font-size:13px}.cx-search:focus{border-color:var(--accent)}.cx-select{font:inherit;background:var(--panel-2);color:var(--text);border:2px solid #d8c59c73;border-radius:8px;outline:none;padding:4px 6px;font-size:12px}.cx-scroll{overscroll-behavior:contain;flex:1;min-height:0;padding-right:4px;overflow-y:auto}.cx-grid{grid-template-columns:repeat(auto-fill,50px);align-content:start;gap:4px;display:grid}.cx-slot.locked{background:#141024bf;border-style:dashed}.cx-slot .cx-dot{background:var(--good);width:7px;height:7px;box-shadow:0 0 4px var(--good);border-radius:50%;position:absolute;top:4px;left:4px}.cx-slot .cx-new{color:#2b2240;background:var(--discover);border-radius:3px;padding:0 2px;font-size:8px;font-weight:700;position:absolute;top:1px;right:2px}.cx-lock{color:#d8c59c73;font-size:20px;font-weight:700}.cx-lock.big{background:#141024bf;border:2px dashed #d8c59c66;border-radius:10px;justify-content:center;align-items:center;width:64px;height:64px;font-size:34px;display:flex}.cx-empty{color:var(--muted);padding:18px 4px;font-size:13px}.cx-empty:empty{display:none}.cx-foot{border-top:1px solid #d8c59c33;flex-direction:column;gap:3px;padding-top:6px;display:flex}.cx-progress{color:var(--text);align-items:center;gap:10px;font-size:12px;display:flex}.cx-bar{background:#0006;border:1px solid #d8c59c66;border-radius:4px;flex:1;max-width:200px;height:7px;overflow:hidden}.cx-fill{background:linear-gradient(90deg, #c9b3ef, var(--discover));height:100%}.cx-note{color:var(--muted);font-size:11px}.cx-d h4{color:var(--muted);letter-spacing:1px;margin:6px 0 0;font-size:12px;font-weight:600}.cx-ings{flex-direction:column;gap:4px;display:flex}.cx-ing{background:var(--panel-2);cursor:pointer;border:1px solid #0000;border-radius:6px;align-items:center;gap:6px;padding:4px 8px;font-size:13px;display:flex}.cx-ing:hover{border-color:#d8c59c80}.cx-ing .n{flex:1}.cx-ing .have{color:var(--muted);font-size:11px}.cx-ing.short{border-left:3px solid var(--bad)}.cx-ing.short .have{color:var(--bad);font-weight:600}.cx-ing.ok:not(.link){border-left:3px solid var(--good)}.cx-status{color:var(--muted);background:#00000040;border-radius:6px;padding:5px 8px;font-size:13px;font-weight:600}.cx-status.ok{color:var(--good)}.cx-status.short{color:var(--bad)}.cx-flavor{color:#c9b3ef;font-size:12px;font-style:italic;line-height:1.5}.cx-li{color:#e9e2f3;padding-left:10px;font-size:12px;position:relative}.cx-li:before{content:"·";color:var(--accent);position:absolute;left:2px}.cx-cards{flex-direction:column;gap:6px;display:flex}.cx-card{background:var(--panel-2);border-left:3px solid var(--line);border-radius:8px;gap:10px;padding:8px 12px;display:flex}.cx-card .cx-ci{text-align:center;width:22px;color:var(--accent);padding-top:2px;font-size:18px}.cx-card .cx-cb{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.cx-ctag{color:var(--muted);letter-spacing:1px;font-size:11px}.cx-ctitle{font-size:15px;font-weight:600}.cx-ctext{color:#e9e2f3;font-size:12px;line-height:1.5}.cx-cmeta{color:var(--muted);font-size:11px}.cx-card.biome{border-left-color:var(--good)}.cx-card.biome .cx-ci{color:var(--good)}.cx-card.boss{border-left-color:var(--bad)}.cx-card.boss .cx-ci{color:var(--bad)}.cx-card.treasure,.cx-card.recipe{border-left-color:var(--discover)}.cx-card.treasure .cx-ci,.cx-card.recipe .cx-ci{color:var(--discover)}.cx-card.tutorial,.cx-card.story{border-left-color:#c9b3ef}.cx-card.tutorial .cx-ci,.cx-card.story .cx-ci{color:#c9b3ef}@media (max-width:720px){.cx-main{flex-direction:column}.cx-list{border-bottom:1px solid #d8c59c40;border-right:none}.cx-detail{width:auto;max-height:42%}.cx-tools{flex-wrap:wrap}}.dream-frag-badge{background:var(--panel-2);color:var(--text);border:1px solid #f0a6e873;border-radius:999px;align-items:center;gap:6px;margin:0 0 8px;padding:3px 10px;font-size:13px;display:inline-flex}.dream-frag-badge .glyph,.dream-frag-cost{color:var(--discover)}.dream-frag-badge b{color:var(--discover);min-width:1ch}.dream-frag-cost{white-space:nowrap;font-size:12px;font-weight:600}.dream-frag-cost.short{color:var(--bad)}.wi{flex-direction:column;gap:3px;font-size:13px;display:flex}.wi-type{color:var(--muted);letter-spacing:.5px;font-size:12px}.wi-stats{color:var(--text)}.wi-blurb{color:#e9e2f3}.wi-affinity{color:var(--accent);font-weight:600}.gr-tab{background:var(--panel-2);color:var(--muted);font:inherit;cursor:pointer;border:2px solid #d8c59c4d;border-radius:8px;padding:5px 16px;font-size:13px}.gr-tab:hover{color:var(--text)}.gr-tab.active{color:var(--accent);border-color:var(--line);background:#d8c59c1f}.gr-slots{grid-template-columns:1fr 1fr;gap:6px;margin-bottom:12px;display:grid}.gr-slot{background:var(--panel-2);cursor:pointer;border:2px solid #0000;border-radius:8px;align-items:center;gap:8px;min-height:40px;padding:6px 8px;display:flex}.gr-slot:hover{border-color:#d8c59c73}.gr-slot.selected{border-color:var(--accent)}.gr-slot-txt{flex-direction:column;min-width:0;font-size:13px;display:flex}.gr-slot-txt .lbl{color:var(--muted);font-size:11px}.gr-slot-txt .nm{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.gr-empty-icon{text-align:center;color:#d8c59c66;width:24px}.gr-unequip{margin-left:auto;padding:3px 8px;font-size:12px}.gr-stats{grid-template-columns:1fr 1fr;gap:3px 14px;margin-bottom:12px;font-size:13px;display:grid}.gr-stat{align-items:baseline;gap:6px;display:flex}.gr-stat .k{color:var(--muted);min-width:84px}.gr-stat .plus{color:var(--good);font-size:11px}.gr-sets{flex-direction:column;gap:6px;display:flex}.gr-set{background:var(--panel-2);border-radius:8px;padding:6px 10px;font-size:12px}.gr-set .nm{margin-bottom:2px;font-size:13px;font-weight:600}.gr-set .tier{color:var(--muted)}.gr-set .tier.on{color:var(--good)}.gr-set .tier.on:before{content:"✔ "}.gr-grid{grid-template-columns:repeat(auto-fill,50px);gap:4px;display:grid}.gr-grid .slot.locked{background:#141024bf;border-style:dashed}.gr-grid .slot .eq{font-size:9px}.gr-lock{color:#d8c59c73;font-size:20px;font-weight:700}.gr-line{color:var(--good);font-size:13px}.gr-preview{justify-content:center;gap:14px;margin-bottom:6px;display:flex}.gr-pv{flex-direction:column;align-items:center;gap:4px;display:flex}.gr-canvas{width:80px;height:136px;image-rendering:pixelated;background:radial-gradient(circle at 50% 70%,#9be0b438,#14102499);border:2px solid #d8c59c59;border-radius:10px}.gr-turn{justify-content:space-between;align-items:center;gap:6px;margin-bottom:10px;display:flex}.gr-turn .btn{padding:3px 8px;font-size:12px}.gr-look{background:var(--panel-2);cursor:pointer;border:2px solid #0000;border-radius:8px;align-items:center;gap:6px;margin-bottom:5px;padding:5px 8px;font-size:13px;display:flex}.gr-look.selected{border-color:var(--accent)}.gr-look .lbl{color:var(--muted);width:32px}.gr-look .st{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.gr-look .st.chosen{color:var(--accent)}.gr-look .st.hidden{color:var(--muted);font-style:italic}.gr-look .btn{padding:3px 7px;font-size:11px}.gr-chips{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.gr-chip{background:var(--panel-2);color:var(--muted);font:inherit;cursor:pointer;border:1px solid #d8c59c4d;border-radius:999px;padding:3px 10px;font-size:12px}.gr-chip:hover{border-color:var(--line);color:var(--text)}.gr-chip.active{background:var(--accent);border-color:var(--accent);color:#2b2240;font-weight:600}.gr-sep{background:#d8c59c4d;width:1px;height:16px;margin:0 4px}.gr-pip{border:2px solid var(--accent);min-width:30px;height:26px;color:var(--accent);font:inherit;cursor:pointer;background:#2b2240;border-radius:13px;padding:0 7px;font-size:12px;font-weight:700;display:none;position:absolute;top:-10px;right:-10px;box-shadow:0 0 10px #ffd27f73}.gr-pip.show{animation:2.4s ease-in-out infinite grPulse;display:block}@keyframes grPulse{50%{box-shadow:0 0 2px #ffd27f33}}.gr-level{background:var(--panel-2);border:1px solid #d8c59c59;border-radius:10px;align-items:center;gap:14px;margin-bottom:12px;padding:10px 14px;display:flex}.gr-lv{color:var(--accent);text-shadow:0 1px 3px #000;white-space:nowrap;font-size:26px;font-weight:700}.gr-xpbox{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.gr-xptext{font-variant-numeric:tabular-nums;font-size:14px}.gr-xpbar{background:#00000073;border:1px solid #0d0a18;border-radius:4px;height:10px;overflow:hidden}.gr-xpbar .fill{background:var(--accent);height:100%}.gr-head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.gr-head h3{margin:0 0 8px}.gr-points{color:var(--muted);font-size:13px}.gr-points b{color:var(--text);margin-left:4px;font-size:17px}.gr-points.has b{color:var(--accent)}.gr-nopoints{margin:-4px 0 6px}.gr-stats{flex-direction:column;gap:5px;display:flex}.gr-item{background:#0000002e;border:1px solid #0000;border-radius:8px}.gr-item.open{border-color:#d8c59c66}.gr-stat{align-items:center;gap:6px;padding:3px 6px 3px 2px;display:flex}.gr-main{min-width:0;min-height:44px;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:6px;flex:1;grid-template-columns:26px 1fr auto 58px 46px;align-items:center;gap:6px;padding:0 4px;display:grid}.gr-main:hover{background:#ffffff0d}.gr-icon{text-align:center;font-size:16px}.gr-icon-maxHp{color:#f59ab0}.gr-icon-attack{color:#ffd27f}.gr-icon-defense{color:#a9c7e8}.gr-icon-maxMana{color:#b4bcff}.gr-icon-maxStamina{color:#b5e59a}.gr-icon-moveSpeed{color:#9be0d6}.gr-name{white-space:nowrap;font-size:14px}.gr-val{font-variant-numeric:tabular-nums;white-space:nowrap;text-align:right;font-size:16px;font-weight:600}.gr-val .arrow{color:var(--muted);margin:0 4px;font-weight:400}.gr-val .next{color:var(--good)}.gr-steps{color:var(--muted);text-align:right;white-space:nowrap;font-size:12px}.gr-steps.staged{color:var(--good)}.gr-gain{color:var(--good);white-space:nowrap;border:1px solid #9be0b473;border-radius:10px;justify-self:end;padding:1px 6px;font-size:12px}.gr-gain.max{color:var(--muted);border-color:#b9b0c959}button.btn.gr-step{width:44px;height:40px;padding:0;font-size:20px;font-weight:700;line-height:1}.gr-detail{border-left:2px solid #d8c59c59;flex-direction:column;gap:3px;margin:0 10px 8px 34px;padding:6px 10px;display:flex}.gr-dl{color:var(--muted);justify-content:space-between;gap:12px;font-size:12px;display:flex}.gr-dl b{color:var(--text);font-variant-numeric:tabular-nums;font-weight:600}.gr-dl.total{color:var(--text);font-size:13px}.gr-dl.total b{color:var(--accent)}.gr-dl.growth b{color:var(--good)}.gr-dsep{background:#d8c59c33;height:1px;margin:3px 0}.gr-actions{justify-content:flex-end;margin:10px 0 4px}.gr-actions button.btn{min-width:88px;min-height:40px}.gr-skill{background:var(--panel-2);border:1px solid #d8c59c4d;border-radius:10px;flex-direction:column;gap:6px;padding:10px 12px;display:flex}.gr-skill.learned{border-color:var(--good)}.gr-skill-top{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.gr-rank{color:var(--accent);font-size:12px}.gr-skill-row{align-items:center;gap:10px;display:flex}.gr-skill-row button.btn{min-height:40px}@media (max-width:640px){.panel .body:has(.gr-level){flex-direction:column;overflow-y:auto}.panel .body:has(.gr-level) .left{border-bottom:1px solid #d8c59c40;border-right:none;width:auto;overflow:visible}.panel .body:has(.gr-level) .right{overflow:visible}.gr-main{grid-template-columns:18px 1fr auto 40px 40px;gap:4px;padding:0 2px}.gr-name{font-size:13px}.gr-steps{font-size:11px}.gr-gain{padding:1px 4px;font-size:11px}.gr-detail{margin-left:12px}}.sks-stats{flex-wrap:wrap;gap:4px 12px;font-size:12px;display:flex}.sks-stat{align-items:baseline;gap:4px;display:inline-flex}.sks-stat>span:first-child{color:var(--muted)}.sks-next{color:var(--good)}.sks-slots{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.sks-slots .hint{margin-right:4px}.sks-slot{min-width:40px;min-height:36px;padding:0 8px}.sks-slot.on{border-color:var(--accent);color:#cfe2ff;background:#9ec8ff2e}.gr-tabs{gap:6px;margin-bottom:4px;display:flex}.gr-tabs button.btn{flex:1;min-height:40px;position:relative}.gr-tabs button.btn.on{border-color:var(--accent);color:var(--accent);background:#ffd27f29;font-weight:600}.gr-tabs .dot{background:var(--accent);color:#2b2240;border-radius:9px;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:700;line-height:18px;position:absolute;top:-6px;right:-4px}.rt{--rt-color:#c8d0ff;--rt-glow:#fff;flex-direction:column;gap:8px;display:flex}.rt-race{font-size:13px}.rt-race b{color:var(--rt-color)}.rt-skill{background:var(--panel-2);border:1px solid var(--rt-color);box-shadow:0 0 10px color-mix(in srgb, var(--rt-glow) 22%, transparent);border-radius:10px;flex-direction:column;gap:6px;padding:10px 12px;display:flex}.rt-skill-top{align-items:center;gap:10px;display:flex}.rt-glyph{width:34px;height:34px;color:var(--rt-glow);border:1px solid var(--rt-color);text-shadow:0 0 6px var(--rt-glow);background:#00000059;border-radius:8px;flex:none;place-items:center;font-size:20px;display:grid}.rt-names{flex-direction:column;flex:1;min-width:0;display:flex}.rt-names b{color:var(--rt-color)}.rt-concept{color:var(--muted);font-size:11px}.rt-tag{color:var(--rt-glow);border:1px solid var(--rt-color);white-space:nowrap;border-radius:10px;padding:1px 7px;font-size:11px}.rt-quick{align-items:center}button.btn.rt-more{min-height:30px;margin-left:auto;padding:2px 10px;font-size:12px}.rt-lines{margin:0}.rt-tree-head{justify-content:space-between;align-items:baseline;margin-top:4px;display:flex}.rt-tree-head h3{margin:0}.rt-tree{flex-direction:column;gap:0;display:flex}.rt-tier{padding:6px 0 12px 22px;position:relative}.rt-tier:before{content:"";background:color-mix(in srgb, var(--rt-color) 30%, transparent);width:2px;position:absolute;top:0;bottom:0;left:7px}.rt-tier:not(.locked):before{background:var(--rt-color);box-shadow:0 0 6px var(--rt-glow)}.rt-tier:after{content:"";border:2px solid color-mix(in srgb, var(--rt-color) 40%, transparent);background:#241d36;border-radius:50%;width:12px;height:12px;position:absolute;top:9px;left:2px}.rt-tier.ready:after{border-color:var(--accent);background:var(--accent);animation:1.6s ease-in-out infinite rtPulse}.rt-tier.done:after{border-color:var(--rt-color);background:var(--rt-color)}.rt-vine .rt-tier:not(.locked):before{background:repeating-linear-gradient(180deg, var(--rt-color) 0 6px, #6fb04a 6px 9px)}.rt-star .rt-tier:not(.locked):before{background:repeating-linear-gradient(180deg, var(--rt-glow) 0 2px, transparent 2px 6px)}.rt-quake .rt-tier:not(.locked):before{border-radius:2px;width:4px;left:6px}.rt-ember .rt-tier:not(.locked):before{background:linear-gradient(180deg, #ffe17a, var(--rt-color))}@keyframes rtPulse{50%{box-shadow:0 0 8px var(--accent)}}.rt-tier-label{flex-wrap:wrap;align-items:baseline;gap:8px;margin-bottom:6px;display:flex}.rt-lv{color:var(--rt-color);font-weight:700}.rt-tier.locked .rt-lv{color:var(--muted)}.rt-theme{font-size:13px}.rt-lock{color:var(--muted);font-size:11px}.rt-pick-hint{color:var(--accent);font-size:11px}.rt-options{grid-template-columns:1fr auto 1fr;align-items:stretch;gap:6px;display:grid}.rt-or{color:var(--muted);align-self:center;font-size:11px}button.rt-node{text-align:left;font:inherit;color:var(--text);cursor:pointer;background:#00000038;border:1px solid #d8c59c4d;border-radius:9px;flex-direction:column;gap:3px;min-height:72px;padding:8px 9px;display:flex}button.rt-node:hover{background:#ffffff0f}button.rt-node.focus{outline:2px solid var(--rt-glow);outline-offset:1px}button.rt-node.locked{opacity:.45;filter:grayscale(.6)}button.rt-node.open{border-color:var(--accent);box-shadow:0 0 8px #ffd27f59}button.rt-node.picked{border:2px solid var(--rt-color);background:color-mix(in srgb, var(--rt-color) 16%, transparent);box-shadow:0 0 10px color-mix(in srgb, var(--rt-glow) 40%, transparent)}button.rt-node.closed{opacity:.5;border-style:dashed}.rt-node-top{justify-content:space-between;align-items:baseline;gap:6px;display:flex}.rt-node-top b{font-size:13px}.rt-style{white-space:nowrap;border-radius:8px;padding:0 6px;font-size:10px}.rt-style.attack{color:#ffb0a0;border:1px solid #ffb0a080}.rt-style.utility{color:#a0e0ff;border:1px solid #a0e0ff80}.rt-node-sum{color:var(--muted);font-size:11px;line-height:1.35}.rt-badge{color:var(--muted);align-self:flex-start;margin-top:auto;font-size:10px}.rt-badge.picked{color:var(--rt-color);font-weight:700}.rt-badge.open{color:var(--accent)}.rt-detail{border-left:2px solid var(--rt-color);background:#00000040;border-radius:0 8px 8px 0;flex-direction:column;gap:5px;margin:-4px 0 12px 22px;padding:8px 10px;display:flex}.rt-detail-name{color:var(--rt-color)}.rt-sum{margin:0;padding-left:18px;font-size:12px}.rt-changes{flex-direction:column;gap:2px;display:flex}.rt-changes-head{color:var(--muted);font-size:11px}.rt-change b{color:var(--good)}.rt-warn{color:var(--accent);font-size:12px}.rt-detail-actions{justify-content:flex-end}.rt-detail-actions button.btn{min-width:88px;min-height:40px}.rt-foot{flex-wrap:wrap;align-items:center;gap:10px;margin-top:2px;display:flex}button.btn.rt-reset{min-height:40px}button.btn.rt-reset.armed{border-color:var(--bad);color:var(--bad)}@media (max-width:640px){.rt-options{grid-template-columns:1fr}.rt-or{justify-self:center}.rt-detail{margin-left:8px}}.dialogue .options button.selected{border-color:var(--accent);color:var(--accent);background:#d8c59c33}.dialogue .options button.selected:before{content:"▸ "}.voice{text-align:center;opacity:0;filter:blur(4px);pointer-events:none;z-index:25;background:radial-gradient(70% 75%,#4e36847a,#2e1e5c42 58%,#1e143c00 100%);width:min(600px,86vw);padding:16px 48px 14px;transition:opacity .6s,filter .6s,top .4s,width .4s;position:absolute;top:max(64px,9%);left:50%;transform:translate(-50%);-webkit-mask-image:radial-gradient(72% 90%,#000 62%,#0000 100%);mask-image:radial-gradient(72% 90%,#000 62%,#0000 100%)}.voice.show{opacity:1;filter:none;pointer-events:auto;cursor:pointer;animation:6s ease-in-out infinite voiceDrift}.voice .who{letter-spacing:4px;color:#d6c0ffcc;text-shadow:0 0 6px #be96ffb3;margin-bottom:4px;font-size:11px}.voice .who:before,.voice .who:after{content:"✦";opacity:.7;margin:0 8px;font-size:9px;animation:2.4s ease-in-out infinite voiceTwinkle}.voice .who:after{animation-delay:1.2s}.voice .vtext{color:#f6f1ff;text-shadow:0 0 10px #be96ffbf,0 0 2px #140a28e6,0 1px 3px #0a0618d9;min-height:26px;font-size:17px;line-height:1.55}.voice .vhint{color:#d6c8f099;margin-top:4px;font-size:10px}.voice.combat{width:min(460px,80vw);padding:8px 36px}.voice.combat .vtext{font-size:14px}.voice.combat .vhint{display:none}@keyframes voiceDrift{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,-4px)}}@keyframes voiceTwinkle{0%,to{opacity:.35}50%{opacity:.9}}@media (prefers-reduced-motion:reduce){.voice.show,.voice .who:before,.voice .who:after{animation:none}}.rift-hud{z-index:12;border:1px solid #d8c59c80;border-left:3px solid var(--rift-color,#c8a0ff);text-align:center;background:#141024c7;border-radius:8px;flex-direction:column;align-items:center;gap:3px;min-width:260px;padding:6px 14px;display:none;position:absolute;top:62px;left:50%;transform:translate(-50%)}.rift-hud.show{display:flex}.rift-hud .rt-title{letter-spacing:.5px;text-shadow:0 1px 2px #000;font-size:15px;font-weight:600}.rift-hud .rt-title small{color:var(--muted);margin-left:6px;font-size:12px;font-weight:400}.rift-hud .rt-status{color:#e8e0f5;font-size:12px}.rift-hud .rt-status b{color:var(--accent)}.rift-hud .rt-status.warn b{color:var(--bad)}.rift-hud .rt-boss{align-items:center;gap:8px;margin-top:2px;font-size:12px;display:flex}.rift-hud .rt-boss .bar{background:#3a3158e6;border:1px solid #0d0a18;border-radius:3px;width:220px;height:10px;overflow:hidden}.rift-hud .rt-boss .bar .fill{background:linear-gradient(90deg,#e8708e,#ff9ab0);height:100%;transition:width .15s}.rift-hud.pulse{animation:.6s riftPulse}@keyframes riftPulse{0%{box-shadow:0 0 0 0 var(--rift-color,#c8a0ff)}to{box-shadow:0 0 0 10px #0000}}#ui.menu-open .rift-hud{opacity:.35}#ui.battle .rift-hud{display:none}.sigil-box{background:#ffffff0a;border:1px solid #d8c59c66;border-radius:8px;flex-direction:column;gap:6px;margin-top:8px;padding:8px 10px;display:flex}.sigil-box .sg-row{align-items:center;gap:8px;font-size:13px;display:flex}.sigil-box .sg-pips{gap:3px;display:flex}.sigil-box .sg-pip{border:1px solid var(--line);background:#0000004d;border-radius:3px;width:10px;height:10px}.sigil-box .sg-pip.on{background:var(--accent);box-shadow:0 0 4px var(--accent)}.sigil-box .sg-hint{color:var(--muted);font-size:12px}.sigil-box .sg-hint.bad{color:var(--bad)}.discard-dialog{pointer-events:auto;z-index:25;background:#0a081273;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.discard-dialog .panel{gap:6px;width:min(360px,90vw);height:auto;padding:14px 16px}.discard-dialog p{margin:0}.discard-dialog .dd-title{font-size:15px}.discard-dialog .dd-count{align-items:center;gap:6px;margin:6px 0;display:flex}.discard-dialog .dd-count input{width:64px;font:inherit;text-align:center;color:var(--text);border:2px solid var(--line);background:#00000059;border-radius:8px;padding:5px 6px;font-size:15px}.discard-dialog .btnrow{justify-content:flex-end;margin-top:6px}button.btn.danger{border-color:var(--bad);color:var(--bad)}button.btn.danger:hover{background:#f28aa426}.sk-slot.offhand{margin-left:8px;overflow:visible}.sk-slot.offhand:before{content:"왼손";color:var(--text);opacity:.75;white-space:nowrap;text-shadow:0 1px 2px #000;pointer-events:none;font-size:10px;position:absolute;top:-15px;left:50%;transform:translate(-50%)}.sk-slot.offhand .sk-icon{inset:7px}.oh-count{color:var(--text);text-shadow:0 1px 2px #000;pointer-events:none;font-size:10px;font-weight:700;position:absolute;bottom:1px;right:3px}.sk-slot.offhand.empty .oh-count{text-align:center;opacity:.7;bottom:14px;left:0;right:0}.sk-slot.offhand.out .sk-icon{opacity:.35}.sk-slot.offhand.out .oh-count{color:#ff8a8a}.area-tag{white-space:nowrap;font-weight:600}.area-normal{color:#cfe8c4}.area-dangerous{color:#ffcf6e}.area-extreme{color:#ff7470;text-shadow:0 0 6px #ff50508c,0 1px 2px #000000e6}.area-dungeon-normal{color:#cfe8c4}.area-dungeon-challenge{color:#ff9a62}.sc-card{--card-bg:#3a2f5c;--card-accent:#ffd27f;background:linear-gradient(160deg, color-mix(in srgb, var(--card-bg) 88%, #fff 12%), var(--card-bg));border:2px solid var(--card-accent);color:var(--text);box-shadow:0 0 0 1px #00000059, 0 4px 14px #00000059, inset 0 0 18px color-mix(in srgb, var(--card-accent) 18%, transparent);border-radius:12px;align-items:flex-start;gap:14px;padding:12px 14px;display:flex}.sc-card .sc-portrait{image-rendering:pixelated;background:radial-gradient(circle at 50% 70%, color-mix(in srgb, var(--card-accent) 28%, transparent), transparent 70%);border-radius:8px;flex:none;width:80px;height:136px}.sc-card .sc-info{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.sc-card .sc-name{color:var(--card-accent);text-shadow:0 1px 2px #000;overflow-wrap:anywhere;font-size:18px;font-weight:700}.sc-card .sc-meta{color:var(--muted);font-size:12px}.sc-card .sc-bio{white-space:pre-wrap;overflow-wrap:anywhere;margin-top:6px;font-size:14px;line-height:1.5}.sc-card .sc-bio.empty{color:var(--muted);font-style:italic}.sc-card .sc-since{color:color-mix(in srgb, var(--card-accent) 70%, #fff 30%);margin-top:6px;font-size:12px}.sc-card.mini{box-shadow:none;border-width:1px;border-radius:9px;align-items:center;gap:10px;padding:6px 10px}.sc-card.mini .sc-portrait{width:40px;height:68px}.sc-card.mini .sc-name{font-size:15px}.sc-card.mini .sc-since{margin-top:0}.sc-head{flex-direction:column;gap:8px;margin-bottom:10px;display:flex}.sc-head h3{margin:0}.sc-tabs{flex-wrap:wrap;gap:6px;display:flex}.sc-tab.active{border-color:var(--accent);color:var(--accent)}.sc-label{color:var(--muted);letter-spacing:.3px;margin:10px 0 6px;font-size:13px;font-weight:600}.sc-preview{margin-bottom:6px}.sc-privacy{font-size:12px}.sc-swatches{flex-wrap:wrap;gap:8px;display:flex}.sc-swatch{cursor:pointer;border:2px solid #ffffff40;border-radius:50%;width:30px;height:30px;padding:0}.sc-swatch.on{box-shadow:0 0 0 2px var(--accent);border-color:#fff}.sc-swatch:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sc-bio-input{resize:none;width:100%;font:inherit;color:var(--text);background:#0000004d;border:1px solid #d8c59c73;border-radius:8px;padding:8px 10px;font-size:14px;line-height:1.5}.sc-bio-input:focus{border-color:var(--accent);outline:none}.sc-count{text-align:right;color:var(--muted);font-variant-numeric:tabular-nums;margin-top:2px;font-size:12px}.sc-count.over{color:var(--bad)}.sc-list{flex-direction:column;gap:6px;max-height:300px;padding-right:2px;display:flex;overflow-y:auto}.sc-row{cursor:pointer;text-align:left;font:inherit;color:inherit;background:0 0;border:2px solid #0000;border-radius:11px;padding:0}.sc-row.on{border-color:var(--accent)}.sc-row:hover .sc-card{filter:brightness(1.08)}.sc-blocks-toggle,.sc-blocks-back{margin-top:10px}.sc-block-row{background:#0003;border-radius:8px;align-items:center;gap:10px;padding:6px 10px;display:flex}.sc-block-name{overflow-wrap:anywhere;flex:1;font-weight:600}.sc-block-at{color:var(--muted);font-size:12px}.sc-confirm{color:var(--accent);font-size:14px}.sc-mail-tabs{gap:6px;display:flex}.sc-mail-tabs .btn:disabled{opacity:.45;cursor:default}.sc-soon{color:var(--accent)}.sc-village{background:#ffd27f0f;border:1px solid #d8c59c59;border-radius:10px;margin-top:14px;padding:10px 12px}.sc-village .sc-label{margin-top:0}.sc-village .sc-village-btn:disabled{opacity:.5}.sc-offline{margin-bottom:0;font-size:12px}.sc-later{font-size:12px}.minimap{right:max(16px, env(safe-area-inset-right));bottom:max(16px, env(safe-area-inset-bottom));width:var(--minimap-size);flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute}.minimap .disc{width:var(--minimap-size);height:var(--minimap-size);border:3px solid var(--line);opacity:.94;background:#120e1e;border-radius:50%;overflow:hidden;box-shadow:0 0 0 2px #120e1ed9,0 4px 14px #00000073}.minimap canvas{width:100%;height:100%;image-rendering:pixelated;display:block}.minimap .edge{color:#f3eeff;background:var(--panel);text-shadow:0 1px 2px #000;border:1px solid #d8c59c80;border-radius:10px;padding:1px 10px;font-size:12px}#ui.battle .minimap{display:none}#ui.menu-open .minimap{opacity:.35}.skillbar{left:50%;bottom:max(16px, env(safe-area-inset-bottom));background:#1410228c;border:1px solid #d8c59c59;border-radius:10px;gap:6px;padding:5px;display:flex;position:absolute;transform:translate(-50%)}.sk-slot{background:var(--panel-2);border:2px solid var(--line);border-radius:8px;width:44px;height:44px;transition:transform 80ms,border-color 80ms;position:relative}.sk-slot.empty{background:#00000059;border-style:dashed;border-color:#d8c59c66}.sk-slot.pressed{border-color:var(--accent);transform:scale(.9)}.sk-icon{image-rendering:pixelated;background:50%/contain no-repeat;position:absolute;inset:4px}.sk-key{color:var(--text);text-shadow:0 1px 2px #000;font-size:11px;font-weight:700;position:absolute;top:1px;left:2px}.sk-slot:not(.empty){cursor:pointer;overflow:hidden}.sk-icon{color:#cfe2ff;text-shadow:0 0 6px #6fa0ff;justify-content:center;align-items:center;font-size:22px;display:flex}.sk-cd{pointer-events:none;background:#080614b3;height:0;position:absolute;bottom:0;left:0;right:0}.sk-cdtext{color:#fff;text-shadow:0 1px 2px #000;pointer-events:none;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex;position:absolute;inset:0}.sk-cost{color:#9ec8ff;text-shadow:0 1px 2px #000;font-size:10px;font-weight:700;position:absolute;bottom:0;right:2px}.sk-slot.nomana .sk-icon{opacity:.4}.sk-slot.nomana .sk-cost{color:#ff8a8a}#ui.battle .skillbar{display:none}#ui:has(.dialogue.show) .skillbar{display:none}#ui.menu-open .skillbar{opacity:.35}@media (max-width:640px){.skillbar{gap:4px;padding:4px}.sk-slot{width:34px;height:34px}.sk-icon{font-size:17px}}#ui .st-overlay{pointer-events:auto}.st-overlay{z-index:35;background:#0a081499;justify-content:center;align-items:center;display:none;position:absolute;inset:0}.st-overlay.show{display:flex}.st-panel{background:var(--panel);border:2px solid var(--line);border-radius:14px;flex-direction:column;width:min(560px,100vw - 32px);max-height:min(640px,92vh);display:flex;overflow:hidden;box-shadow:0 10px 40px #0009}.st-head{border-bottom:1px solid #d8c59c59;justify-content:space-between;align-items:center;padding:10px 8px 10px 18px;display:flex}.st-head h2{color:var(--accent);margin:0;font-size:18px}.st-head .close{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:6px 12px;font-size:18px}.st-body{flex:1;min-height:0;padding:8px 18px 12px;overflow-y:auto}.st-section h3{color:var(--muted);letter-spacing:1px;margin:12px 0 6px;font-size:13px}.st-note{color:var(--muted);margin:4px 0 8px;font-size:12px}.st-group{color:var(--accent);margin:10px 0 2px;font-size:12px}.st-row{align-items:center;gap:12px;padding:4px 0;font-size:14px;display:flex}.st-name{flex:1}.st-volume input{width:200px;accent-color:var(--accent)}.st-val{text-align:right;font-variant-numeric:tabular-nums;width:30px;color:var(--muted)}.st-bind{text-align:center;min-width:120px}.st-bind.listening{border-color:var(--accent);color:var(--accent);animation:.8s ease-in-out infinite st-blink}.st-bind.unbound{color:var(--bad);border-color:var(--bad)}.st-fixed{text-align:center;min-width:120px;color:var(--muted);font-size:13px}.st-status{color:var(--accent);border-top:1px solid #d8c59c26;padding:6px 18px;font-size:13px}.st-status:empty{display:none}.st-status.bad{color:var(--bad)}.st-open-keys{text-align:left;width:100%;padding:10px 14px}.st-foot{border-top:1px solid #d8c59c40;align-items:center;gap:8px;padding:10px 18px 14px;display:flex}.st-foot .spacer{flex:1}.st-exit{border-color:var(--bad)}@keyframes st-blink{50%{opacity:.55}}@media (max-width:520px){.st-volume input{width:120px}.st-bind,.st-fixed{min-width:90px}.st-foot{flex-wrap:wrap}}.save-notice{background:var(--panel);border:2px solid var(--bad);max-width:min(520px,90vw);color:var(--text);z-index:35;border-radius:8px;padding:6px 12px;font-size:13px;position:absolute;top:12px;left:50%;transform:translate(-50%)}.save-notice[hidden]{display:none}.travel-veil{z-index:25;pointer-events:none;opacity:0;visibility:hidden;background:radial-gradient(ellipse at 50% 52%, var(--veil-glow,#c8beff29) 0%, #0d0a1800 62%);flex-direction:column;justify-content:center;align-items:center;gap:8px;transition-property:opacity,visibility;transition-timing-function:ease-in-out;display:flex;position:absolute;inset:0}.travel-veil.show{opacity:1;visibility:visible}.travel-veil .tv-hint{color:#e9e3f6;letter-spacing:.5px;text-shadow:0 1px 3px #000000e6;margin:0;font-size:17px}.travel-veil .tv-family{color:var(--veil-ink,#bfb4dd);letter-spacing:2px;opacity:.85;margin:0;font-size:12px}.travel-veil .tv-wait{color:#bfb4dd;letter-spacing:3px;opacity:0;margin:6px 0 0;font-size:12px;transition:opacity .4s}.travel-veil.slow .tv-wait{opacity:.8;animation:1.6s ease-in-out infinite tvPulse}.travel-veil .tv-motes{width:160px;height:46px;position:relative}.travel-veil .tv-motes span{background:var(--veil-ink,#d9d0ea);width:4px;height:4px;box-shadow:0 0 6px var(--veil-ink,#d9d0ea);opacity:0;border-radius:50%;position:absolute;bottom:0}.travel-veil.show .tv-motes span{animation:2.4s ease-in-out infinite tvRise}.travel-veil .tv-motes span:first-child{animation-delay:0s;left:18%}.travel-veil .tv-motes span:nth-child(2){animation-delay:.5s;left:38%}.travel-veil .tv-motes span:nth-child(3){animation-delay:1.1s;left:56%}.travel-veil .tv-motes span:nth-child(4){animation-delay:1.6s;left:76%}@keyframes tvRise{0%{opacity:0;transform:translateY(0)scale(.6)}30%{opacity:.9}to{opacity:0;transform:translateY(-40px)scale(1)}}@keyframes tvPulse{0%,to{opacity:.35}50%{opacity:.9}}@media (prefers-reduced-motion:reduce){.travel-veil.show .tv-motes span,.travel-veil.slow .tv-wait{animation:none}.travel-veil .tv-motes span{opacity:.6}}.sc-hud{pointer-events:none;z-index:25;position:absolute;inset:0}.sc-hud>*{pointer-events:none}.sc-hud .clickable,.sc-hud button,.sc-hud input,.sc-hud textarea,.sc-hud label{pointer-events:auto}.sc-chat{left:max(16px, env(safe-area-inset-left));border-radius:10px;flex-direction:column;gap:4px;width:min(360px,100vw - 32px);padding:6px 8px;transition:background .15s;display:flex;position:absolute;bottom:132px}.sc-chat .sc-chat-bar{color:var(--muted);align-items:center;gap:8px;font-size:12px;display:none}.sc-chat .sc-chat-title{color:var(--accent);font-weight:700}.sc-chat .sc-chat-key{flex:1}.sc-chat-toggle{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:1px solid #ffffff40;border-radius:6px;padding:1px 6px;font-size:11px}.sc-chat.open{background:#1c162edb;border:1px solid #d8c59c73}.sc-chat.open .sc-chat-bar{display:flex}.sc-chat.empty:not(.open),.sc-chat.hidden:not(.open){display:none}.sc-chat:not(.open){pointer-events:none!important}.sc-log{flex-direction:column;gap:2px;max-height:210px;display:flex;overflow-y:auto}.sc-line{text-shadow:0 1px 2px #000,0 0 3px #000;overflow-wrap:anywhere;align-items:baseline;gap:6px;font-size:13px;line-height:1.45;display:flex}.sc-line-name{color:#c6b2ff;white-space:nowrap;font-weight:700}.sc-line.self .sc-line-name{color:var(--accent)}.sc-line-text{white-space:pre-wrap;flex:1}.sc-line-report{color:var(--muted);font:inherit;cursor:pointer;opacity:0;background:0 0;border:none;flex:none;padding:0 2px;font-size:11px}.sc-line:hover .sc-line-report,.sc-line-report:focus-visible{opacity:1}.sc-input-row{display:none}.sc-chat.open .sc-input-row{display:flex}.sc-input{font:inherit;color:var(--text);border:1px solid var(--line);background:#0006;border-radius:7px;flex:1;padding:6px 9px;font-size:14px}.sc-input:focus{border-color:var(--accent);outline:none}#ui.menu-open .sc-chat:not(.open){opacity:.35}#ui.battle .sc-hud{display:none}.sc-emotes{left:max(16px, env(safe-area-inset-left));background:var(--panel);border:2px solid var(--line);border-radius:10px;flex-wrap:wrap;gap:6px;max-width:calc(100vw - 32px);padding:8px;display:none;position:absolute;bottom:132px}.sc-emotes.open{display:flex}.sc-emote{min-width:58px;color:var(--text);font:inherit;cursor:pointer;background:#00000040;border:1px solid #d8c59c59;border-radius:8px;flex-direction:column;align-items:center;gap:2px;padding:6px 4px;display:flex}.sc-emote:hover,.sc-emote:focus-visible{border-color:var(--accent);outline:none}.sc-emote-glyph{font-size:22px;line-height:1}.sc-emote-name{color:var(--muted);white-space:nowrap;font-size:11px}.sc-request{background:var(--panel);border:2px solid var(--line);border-radius:12px;align-items:center;gap:10px;max-width:calc(100vw - 32px);padding:10px 12px;display:none;position:absolute;top:118px;left:50%;transform:translate(-50%);box-shadow:0 4px 18px #00000073}.sc-request.show{animation:.25s scPop;display:flex}.sc-request-body{flex-direction:column;gap:6px;min-width:200px;display:flex}.sc-request-text{font-size:14px}.sc-request-hint{color:var(--muted);font-size:11px}.sc-more{color:var(--accent);align-self:center;font-size:12px}.sc-timer{background:#ffffff1f;border-radius:2px;height:3px;overflow:hidden}.sc-timer i{background:var(--accent);height:100%;display:block}@keyframes scPop{0%{opacity:0;transform:translate(-50%,-6px)}to{opacity:1;transform:translate(-50%)}}.sc-outgoing{background:#1c162edb;border:1px solid #d8c59c73;border-radius:18px;align-items:center;gap:10px;padding:6px 8px 6px 14px;font-size:13px;display:none;position:absolute;top:118px;left:50%;transform:translate(-50%)}.sc-outgoing.show{display:flex}.sc-request.show~.sc-outgoing.show{top:214px}.sc-line.note .sc-line-name{color:var(--good)}.sc-line.note .sc-line-text{color:#e8e2d4}.sc-overlay{z-index:26;background:#0a081473;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.sc-dialog{background:var(--panel);border:2px solid var(--line);border-radius:12px;flex-direction:column;gap:8px;width:min(440px,100vw - 32px);max-height:calc(100vh - 48px);padding:14px 16px;display:flex;overflow-y:auto;box-shadow:0 6px 24px #00000080}.sc-dialog-title{color:var(--accent);font-size:16px;font-weight:700}.sc-dialog .hint{color:var(--muted);margin:2px 0;font-size:12px}.sc-dialog .sc-label{color:var(--muted);margin-top:4px;font-size:13px;font-weight:600}.sc-cats{flex-wrap:wrap;gap:6px;display:flex}.sc-cat.active{border-color:var(--accent);color:var(--accent)}.sc-cat:disabled{opacity:.45;cursor:default}.sc-reasons{grid-template-columns:1fr 1fr;gap:4px 10px;display:grid}.sc-reason,.sc-msg{cursor:pointer;align-items:center;gap:6px;font-size:14px;display:flex}.sc-msgs{flex-direction:column;gap:4px;max-height:150px;display:flex;overflow-y:auto}.sc-msg{background:#0003;border-radius:6px;padding:4px 8px}.sc-msg-text{overflow-wrap:anywhere}.sc-detail{resize:none;width:100%;font:inherit;color:var(--text);background:#0000004d;border:1px solid #d8c59c73;border-radius:8px;padding:6px 9px;font-size:14px}.sc-detail:focus{border-color:var(--accent);outline:none}@media (max-width:640px){.sc-chat,.sc-emotes{bottom:110px}.sc-reasons{grid-template-columns:1fr}}