*{box-sizing:border-box;margin:0;padding:0}:root{--panel:#12142ad1;--panel-2:#1e2242e6;--ink:#eef1ff;--dim:#9aa3c7;--hp:#56e07a;--sta:#ffd24d;--xp:#b18cff;--acc:#ffd93d}html,body{width:100%;height:100%;color:var(--ink);background:#0b1026;font-family:system-ui,-apple-system,Segoe UI,sans-serif;overflow:hidden}#gl{display:block;position:fixed;inset:0}.hidden{display:none!important}.dim{color:var(--dim)}.small{font-size:11px}#pc-xpnote{margin-top:2px}button{font:inherit;cursor:pointer;color:#fff;background:linear-gradient(#4c5ae8,#3641b8);border:1px solid #ffffff40;border-radius:10px;padding:8px 14px;transition:transform 80ms,filter .12s}button:hover:not(:disabled){filter:brightness(1.15);transform:translateY(-1px)}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.45;cursor:not-allowed}#burn-vig{pointer-events:none;opacity:0;background:radial-gradient(#0000 45%,#ff3c0a8c 100%);transition:opacity .25s;position:fixed;inset:0}#burn-vig.on{opacity:1;animation:1s infinite burnpulse}@keyframes burnpulse{50%{opacity:.6}}#hud{pointer-events:none;z-index:5;position:fixed;inset:0}#hud.battle-dim #party-hud,#hud.battle-dim #keyhint{opacity:.25}#player-card{background:var(--panel);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid #ffffff26;border-radius:14px;width:240px;padding:10px 12px;position:absolute;top:14px;left:14px}.pc-row{justify-content:space-between;margin-bottom:6px;font-weight:700;display:flex}#pc-coins{color:var(--acc)}#pc-name{font-size:15px}#hud-menu{pointer-events:auto;background:#ffffff1f;border-radius:8px;padding:2px 9px;font-size:12px}.mini-bar{background:#ffffff24;border-radius:6px;height:9px;margin:3px 0;position:relative;overflow:hidden}.mini-bar>div{border-radius:6px;height:100%;transition:width .3s}.mini-bar.hp>div{background:linear-gradient(90deg, #2fbf5f, var(--hp))}.mini-bar.sta>div{background:linear-gradient(90deg, #d9a821, var(--sta))}.mini-bar.xp>div{background:linear-gradient(90deg, #7a4dff, var(--xp))}.mini-bar.big{height:13px}.mini-bar span{color:#10142e;text-shadow:0 1px #ffffff59;font-size:10px;font-weight:700;position:absolute;top:-1px;right:5px}#minimap-wrap{position:absolute;top:14px;right:14px}#minimap{background:#0a0c1eb3;border:2px solid #ffffff40;border-radius:14px;display:block}#minimap-wrap.unowned #minimap{display:none}#clock{filter:drop-shadow(0 1px 2px #000c);font-size:15px;position:absolute;top:20px;right:24px}#party-hud{gap:8px;display:flex;position:absolute;bottom:12px;left:14px}.chip{background:var(--panel);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid #ffffff24;border-radius:12px;width:148px;padding:7px 9px;transition:opacity .3s}.chip-active{outline:2px solid var(--acc)}.chip-dead{opacity:.45;filter:grayscale(.7)}.chip-top{align-items:center;gap:5px;font-size:12px;display:flex}.chip-lvl{color:var(--dim);margin-left:auto;font-size:10px;font-weight:700}.el-badge{border-radius:6px;flex:none;justify-content:center;align-items:center;width:20px;height:20px;font-size:12px;display:inline-flex}.el-badge.sm{width:16px;height:16px;font-size:10px}#crosshair{color:#ffffffd9;text-shadow:0 0 6px #000000b3;pointer-events:none;font-size:18px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#prompt{background:var(--panel);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);white-space:nowrap;border:1px solid #fff3;border-radius:12px;padding:9px 16px;font-size:14px;position:absolute;bottom:92px;left:50%;transform:translate(-50%)}#keyhint{color:var(--dim);background:#0a0c1e80;border-radius:8px;padding:4px 10px;font-size:11px;position:absolute;bottom:10px;right:14px}#lock-hint{background:var(--panel);z-index:6;border:1px solid #fff3;border-radius:12px;padding:8px 16px;animation:2s infinite bob;position:fixed;bottom:46px;left:50%;transform:translate(-50%)}@keyframes bob{50%{transform:translate(-50%,-4px)}}#toasts{z-index:30;pointer-events:none;flex-direction:column;align-items:center;gap:6px;display:flex;position:fixed;top:16px;left:50%;transform:translate(-50%)}.toast{background:var(--panel-2);opacity:0;text-align:center;border:1px solid #fff3;border-radius:12px;max-width:560px;padding:8px 16px;font-size:13px;transition:all .3s;transform:translateY(-8px);box-shadow:0 6px 20px #0006}.toast.show{opacity:1;transform:translateY(0)}.toast.warn{border-color:#ff8f8f}#floats{pointer-events:none;z-index:25;position:fixed;inset:0}#veil{z-index:28;opacity:0;pointer-events:none;background:#03050f;transition:opacity .7s;position:fixed;inset:0}#veil[data-phase=in],#veil[data-phase=hold]{opacity:1}@media (prefers-reduced-motion:reduce){#veil{transition-duration:0s}}.float-num{text-shadow:0 2px 4px #000c;font-size:22px;font-weight:900;animation:1.25s forwards floatup;position:absolute;transform:translate(-50%,-50%)}@keyframes floatup{20%{transform:translate(-50%,-70%)scale(1.2)}to{opacity:0;transform:translate(-50%,-160%)scale(.9)}}#battle-ui{z-index:15;pointer-events:none;position:fixed;inset:0}#battle-ui .combatant{pointer-events:auto}.combatant{background:var(--panel);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid #ffffff2e;border-radius:14px;width:300px;padding:10px 12px;position:absolute}.combatant.enemy{top:16px;left:16px}.combatant.own{bottom:16px;left:16px}.c-head{align-items:center;gap:6px;margin-bottom:5px;font-size:15px;display:flex}.buffs{min-height:14px}.buff-tag{border-radius:8px;margin-right:4px;padding:1px 7px;font-size:10px;font-weight:800;display:inline-block}.buff-tag.up{color:#8bd450;background:#1c4d2b}.buff-tag.down{color:#ff9a9a;background:#58202a}.dot{background:#ffd24d;border-radius:50%;width:9px;height:9px;margin-left:3px;display:inline-block}.dot.dead{background:#555}.dot.cur{outline:2px solid #fff}#env-banner{pointer-events:none;background:var(--panel-2);border:2px solid;border-radius:12px;padding:7px 16px;font-size:13px;position:absolute;top:16px;left:50%;transform:translate(-50%)}#battle-log{text-align:center;text-shadow:0 1px 3px #000;width:min(640px,80vw);font-size:14px;position:absolute;bottom:190px;left:50%;transform:translate(-50%)}#battle-log>div{opacity:.5;margin:2px 0;transition:opacity .3s}#battle-log>.log-new{opacity:1}.battle-bottom{justify-content:flex-end;align-items:flex-end;gap:14px;padding:0 16px;display:flex;position:absolute;bottom:16px;left:0;right:0}#battle-menu{pointer-events:auto;grid-template-columns:1fr 1fr;gap:8px;width:min(430px,46vw);display:grid}.menu-btn{background:linear-gradient(#3d49c9,#2b3490);border:1px solid #ffffff40;flex-direction:column;align-items:flex-start;gap:2px;min-height:58px;padding:10px 12px;display:flex}.mb-label{font-size:14px;font-weight:800}.mb-note{color:#cdd6ff;font-size:11px;font-weight:500}#battle-menu.pop{animation:.18s pop}@keyframes pop{40%{transform:scale(1.02)}}.party-chips{pointer-events:auto;flex-wrap:wrap;gap:6px;width:300px;margin-bottom:8px;display:flex;position:absolute;bottom:100%;left:0}.b-chip{background:var(--panel);border:1px solid #ffffff26;border-radius:10px;flex-direction:column;gap:2px;width:138px;padding:5px 7px;font-size:11px;display:flex}.b-chip.chip-active{outline:2px solid var(--acc)}.b-chip.chip-dead{opacity:.4}.b-chip-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#modal{z-index:40;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#05081899;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#modal-box{background:var(--panel-2);border:1px solid #fff3;border-radius:18px;flex-direction:column;width:min(620px,92vw);max-height:82vh;display:flex;position:relative;overflow:hidden}#modal-body{flex:1;min-height:0;padding:22px 24px;overflow-y:auto}#modal-box h2{margin-bottom:10px;padding-right:36px}#modal-box.wide{width:min(760px,94vw)}#modal-box.wide .atlas{aspect-ratio:1;background:#0a0c1ecc;border:2px solid #ffffff38;border-radius:14px;width:100%;height:auto;display:block}#modal-box.wide .atlas-legend{color:var(--dim);flex-wrap:wrap;gap:4px 14px;margin-top:10px;font-size:12px;display:flex}#modal-close{z-index:2;background:var(--panel-2);border:1px solid #ffffff38;border-radius:8px;padding:4px 10px;position:absolute;top:14px;right:14px}.shop-row{border-bottom:1px solid #ffffff14;align-items:center;gap:12px;padding:9px 6px;display:flex}.shop-row.locked{opacity:.5}.shop-icon{text-align:center;flex:none;width:36px;font-size:26px}.shop-info{flex:1;font-size:13px}.shop-right{text-align:right;flex-direction:column;align-items:flex-end;gap:4px;display:flex}.shop-tabs{gap:8px;margin:2px 0 14px;display:flex}.shop-tabs button{border-radius:12px;flex:1;padding:11px 0;font-size:15px}.shop-tabs button.active{box-shadow:inset 0 0 0 2px var(--acc)}.price{color:var(--acc);font-size:13px;font-weight:700}.shop-layout{grid-template-columns:172px minmax(0,1fr);align-items:start;gap:16px;display:grid}.shop-nav{z-index:1;background:var(--panel-2);border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;gap:2px;max-height:calc(82vh - 60px);padding:6px;display:flex;position:sticky;top:0;overflow-y:auto}.shop-nav button{text-align:left;white-space:nowrap;box-shadow:none;color:var(--dim);background:0 0;border:none;border-radius:8px;padding:7px 9px;font-size:13px}.shop-nav button:hover{color:var(--ink);background:#ffffff14}.shop-nav button.active{color:var(--acc);box-shadow:inset 2px 0 0 var(--acc);background:#ffd93d24}.shop-nav-group{letter-spacing:.06em;text-transform:uppercase;color:var(--dim);padding:10px 9px 3px;font-size:11px}.shop-stock>h3:first-child{margin-top:0}@media (max-width:640px){.shop-layout{grid-template-columns:minmax(0,1fr);gap:8px}.shop-nav{scrollbar-width:none;max-height:none;box-shadow:0 -22px 0 var(--panel-2);border-radius:10px;flex-direction:row;padding-right:44px;overflow:auto hidden}.shop-nav-group{display:none}.shop-nav button.active{box-shadow:inset 0 -2px 0 var(--acc)}}.purse{color:var(--acc);margin:0 0 12px;font-size:18px;font-weight:800}hr{border:none;border-top:1px solid #ffffff26;margin:14px 0}.pet-card{background:#ffffff0f;border-radius:12px;margin-bottom:10px;padding:10px 12px}.pet-card-head{align-items:center;gap:6px;margin-bottom:6px;font-size:15px;display:flex}.pet-card-head button{margin-left:auto;padding:3px 10px;font-size:12px}.bars2{margin-bottom:4px}.move-line{align-items:center;gap:5px;margin:3px 0;font-size:12px;display:flex}ul.help{margin-left:18px;font-size:13.5px;line-height:1.7}#banner{z-index:45;background:#0508188c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#banner-box{background:var(--panel-2);border:2px solid var(--acc);text-align:center;border-radius:20px;max-width:560px;padding:30px 36px;animation:.3s pop}#banner-msg{margin-bottom:18px;font-size:17px;line-height:1.8}#start-screen{z-index:50;text-align:center;background:radial-gradient(at top,#2a2f6e 0%,#0b1026 70%);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:20px;display:flex;position:fixed;inset:0}#start-screen h1{background:linear-gradient(90deg,#ffd93d,#ff7ad9,#6cc8ff);color:#0000;filter:drop-shadow(0 3px 12px #ff96dc59);-webkit-background-clip:text;background-clip:text;font-size:clamp(30px,6vw,54px)}#start-screen .tagline{max-width:640px;color:var(--dim);font-size:15px}#start-screen h2{margin-top:10px;font-size:18px}#starter-cards{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.starter-card{background:var(--panel);cursor:pointer;border:2px solid #ffffff26;border-radius:16px;width:190px;padding:12px;transition:transform .15s,border-color .15s,box-shadow .15s}.starter-card:hover{border-color:#ffd93d80;transform:translateY(-4px)}.starter-card.picked{border-color:var(--acc);transform:translateY(-6px)scale(1.03);box-shadow:0 0 24px #ffd93d59}.starter-canvas{justify-content:center;align-items:center;height:130px;display:flex}.starter-canvas canvas{border-radius:10px}.starter-name{margin-top:6px;font-size:17px;font-weight:900}.starter-desc{color:var(--dim);margin-top:6px;font-size:11.5px;line-height:1.45}#load-wrap{flex-direction:column;align-items:center;gap:6px;width:min(420px,80vw);display:flex}#load-wrap.done{display:none}#load-bar{background:#ffffff1f;border-radius:6px;width:100%;height:8px;overflow:hidden}#load-fill{background:linear-gradient(90deg,#ffd93d,#ff7ad9,#6cc8ff);width:0%;height:100%;transition:width .2s}.gfx-toggle{color:var(--dim);align-items:center;gap:6px;font-size:13px;display:inline-flex}.gfx-toggle button{opacity:.6;padding:4px 12px;font-size:13px}.gfx-toggle button.on{opacity:1;box-shadow:0 0 0 2px var(--acc) inset}.menu-panel{flex-direction:column;align-items:center;gap:12px;display:flex}.menu-buttons{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.menu-buttons button,#player-done{min-width:150px;padding:11px 24px;font-size:16px}button.ghost{background:#ffffff1a}.menu-name{color:var(--acc);font-size:22px;font-weight:900}.char-preview{justify-content:center;align-items:center;width:180px;height:220px;display:flex}.char-preview canvas,.look-canvas canvas{border-radius:12px}.name-row{align-items:center;gap:14px;display:flex}.wardrobe{justify-content:center;align-items:flex-start;gap:18px;display:flex}.wardrobe-preview{justify-content:center;align-items:center;width:240px;height:340px;display:flex}.wardrobe-preview canvas{background:#ffffff0a;border-radius:14px}.wardrobe-controls{text-align:left;background:var(--panel);border:1px solid #ffffff1f;border-radius:16px;width:min(440px,92vw);min-height:340px;padding:12px 14px}.wardrobe-tabs{flex-wrap:wrap;gap:6px;margin-bottom:4px;display:flex}.wardrobe-tabs button{opacity:.75;background:#ffffff1a;padding:6px 12px;font-size:13.5px}.wardrobe-tabs button.on{opacity:1;box-shadow:0 0 0 2px var(--acc) inset}.wardrobe-group h3{color:var(--dim);margin:12px 0 6px;font-size:13px;font-weight:700}.wardrobe-group h3 b{color:#fff}.wardrobe-chips,.wardrobe-swatches{flex-wrap:wrap;gap:6px;display:flex}.wardrobe-chips button{background:#ffffff1a;padding:6px 12px;font-size:13.5px}.wardrobe-chips button.on{box-shadow:0 0 0 2px var(--acc) inset;background:#ffd93d33}.wardrobe-swatches button{width:30px;min-width:0;height:30px;box-shadow:none;border:2px solid #ffffff59;border-radius:50%;padding:0}.wardrobe-swatches button.on{box-shadow:0 0 0 3px var(--acc);border-color:#fff}.wardrobe-options.busy{opacity:.45;pointer-events:none}.wardrobe-confirm{background:var(--panel-2);border:1px solid #d8456b99;border-radius:14px;padding:12px 18px}.wardrobe-confirm p{margin-bottom:10px}#appearance-panel button.danger{background:linear-gradient(#d8456b,#a32a4b)}@media (max-width:760px){.wardrobe{flex-direction:column;align-items:center}.wardrobe-preview{height:260px}}#slot-list{flex-direction:column;gap:10px;width:min(520px,90vw);display:flex}.slot-card{background:var(--panel);text-align:left;border:1px solid #ffffff26;border-radius:14px;align-items:center;gap:12px;padding:12px 14px;display:flex}.slot-info{flex:1}.slot-title{font-weight:800}.slot-card.empty .slot-title{color:var(--dim)}.slot-card button.danger,.confirm-row button.danger{background:linear-gradient(#d8456b,#a32a4b)}.confirm-row{justify-content:flex-end;gap:10px;margin-top:14px;display:flex}#modal.over{z-index:60}.auth-tabs{gap:6px;display:flex}.auth-tabs button{opacity:.75;background:#ffffff1a}.auth-tabs button.on{opacity:1;box-shadow:0 0 0 2px var(--acc) inset}.auth-form{text-align:left;flex-direction:column;gap:10px;width:min(360px,88vw);display:flex}.auth-form label{color:var(--dim);flex-direction:column;gap:4px;font-size:13px;display:flex}.auth-form input[type=email],.auth-form input[type=password]{font:inherit;color:#fff;background:#00000040;border:1px solid #fff3;border-radius:10px;padding:9px 11px;font-size:15px}.auth-form input:focus{outline:2px solid var(--acc);outline-offset:1px}.auth-form label.auth-remember{color:#fff;flex-direction:row;align-items:center;gap:8px}.auth-form .menu-buttons{justify-content:flex-start}.auth-error{color:#fff;background:#d8456b33;border:1px solid #d8456b99;border-radius:10px;padding:8px 10px;font-size:13.5px}.auth-busy{color:var(--dim);font-size:15px}.auth-form.busy{opacity:.6;pointer-events:none}.small-btn{padding:5px 14px;font-size:13px}.slot-note{color:var(--dim);padding:10px 4px}.slot-error{justify-content:space-between;align-items:center;gap:10px;display:flex}.save-chip{color:var(--dim);pointer-events:none;box-shadow:none;background:#ffffff14;border:none;border-radius:8px;margin-top:6px;padding:2px 8px;font-size:11.5px;font-weight:700;display:block}.save-chip[data-status=saving]{color:#cfe8ff}.save-chip[data-status=offline]{color:#ffd98a;background:#ffbe3c26}.save-chip[data-status=signin]{color:#fff;pointer-events:auto;cursor:pointer;background:#d8456b73}.save-chip[data-status=taken]{color:#fff;background:#d8456b73}@media (prefers-reduced-transparency:reduce){:root{--panel:#12142af5;--panel-2:#1e2242fa}*,:before,:after{-webkit-backdrop-filter:none!important}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.wall-menu{flex-direction:column;gap:8px;margin-top:10px;display:flex}.wall-menu button{text-align:left}.wall-menu p{margin:0 0 4px 4px}