:root{--bg:#16121f;--bg-panel:#221c33;--bg-panel-2:#2b2445;--border:#4a3d73;--text:#f0ecff;--text-dim:#b3a9d6;--accent:#ff8a4c;--accent-2:#6ee7ff;--good:#7ee081;--bad:#ff6b6b;--gold:#ffd166;font-family:'Trebuchet MS','Segoe UI',system-ui,sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;background:radial-gradient(1200px 800px at 20% -10%,#2a2148 0%,var(--bg) 60%);color:var(--text)}button{font-family:inherit;cursor:pointer;background:var(--bg-panel-2);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:8px 14px;font-size:14px;transition:transform .08s ease,background .15s ease}button:hover{background:#382d5c}button:active{transform:scale(0.97)}button:disabled{opacity:0.4;cursor:not-allowed}button.primary{background:linear-gradient(180deg,#ff9d5c,var(--accent));color:#2a1200;border-color:#d96b28;font-weight:700}button.primary:hover{filter:brightness(1.08)}button.danger{background:#4a2030;border-color:#7a3348;color:#ffb3c1}input,select{font-family:inherit;background:#14101f;border:1px solid var(--border);color:var(--text);border-radius:6px;padding:8px 10px;font-size:14px}#app{min-height:100%;display:flex;flex-direction:column}#topbar{display:flex;align-items:center;gap:20px;padding:10px 18px;background:rgba(20,16,32,0.9);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:20;flex-wrap:wrap}#topbar.hidden{display:none}.brand{font-weight:800;font-size:18px;color:var(--accent-2);letter-spacing:0.5px}#nav{display:flex;gap:6px;flex-wrap:wrap}#nav button.active{background:var(--accent);color:#2a1200;border-color:#d96b28;font-weight:700}.hud{margin-left:auto;display:flex;align-items:center;gap:14px;font-size:14px;color:var(--text-dim)}.hud span{white-space:nowrap}#hud-online{color:var(--good)}#main{flex:1;padding:20px;max-width:1100px;margin:0 auto;width:100%}.panel{background:var(--bg-panel);border:1px solid var(--border);border-radius:14px;padding:18px;margin-bottom:16px}.panel h2{margin-top:0}.grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}.pet-card{background:var(--bg-panel-2);border:1px solid var(--border);border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:6px;transition:transform .1s ease,box-shadow .1s ease}.pet-card.selectable{cursor:pointer}.pet-card.selectable:hover{transform:translateY(-2px);box-shadow:0 6px 18px rgba(0,0,0,0.35)}.pet-card.selected{outline:2px solid var(--accent-2)}.pet-card canvas{align-self:center;image-rendering:pixelated}.pet-name{font-weight:700}.pet-sub{font-size:12px;color:var(--text-dim)}.hpbar{height:8px;border-radius:4px;background:#1c1730;overflow:hidden;border:1px solid var(--border)}.hpbar>div{height:100%;background:linear-gradient(90deg,#7ee081,#4fbf5a)}.hpbar.low>div{background:linear-gradient(90deg,#ff6b6b,#c23f3f)}.tag{display:inline-block;font-size:11px;padding:2px 6px;border-radius:999px;background:#14101f;border:1px solid var(--border);color:var(--text-dim);margin-right:4px}.tag.shiny{background:linear-gradient(90deg,#ffd166,#ff8a4c);color:#2a1200;border:none;font-weight:700}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.spacer{flex:1}.login-wrap{max-width:420px;margin:60px auto;text-align:center}.login-wrap h1{color:var(--accent-2);font-size:32px}.login-wrap p{color:var(--text-dim)}.login-wrap form{display:flex;flex-direction:column;gap:10px;text-align:left}.login-tabs{display:flex;gap:8px;justify-content:center;margin-bottom:14px}#toast-root{position:fixed;bottom:16px;right:16px;display:flex;flex-direction:column;gap:8px;z-index:10001}.toast{background:var(--bg-panel-2);border:1px solid var(--border);padding:10px 14px;border-radius:8px;box-shadow:0 6px 20px rgba(0,0,0,0.4);animation:slidein .2s ease}.toast.error{border-color:#a3374a}.toast.success{border-color:#3a7a44}@keyframes slidein{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}#modal-root:empty{display:none}.modal-backdrop{position:fixed;inset:0;background:rgba(10,8,16,0.65);display:flex;align-items:center;justify-content:center;z-index:10000}.modal{background:var(--bg-panel);border:1px solid var(--border);border-radius:14px;padding:20px;max-width:560px;width:92%;max-height:85vh;overflow:auto}.battle-stage{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:end}.battle-side{text-align:center}.battle-side canvas{image-rendering:pixelated}.battle-log{background:#14101f;border:1px solid var(--border);border-radius:10px;padding:12px;height:160px;overflow-y:auto;font-size:13px;line-height:1.5}.moves{display:grid;grid-template-columns:1fr 1fr;gap:8px}.move-btn{text-align:left}.move-btn small{display:block;color:var(--text-dim)}.element-fire{color:#ff8a4c}.element-water{color:#6ee7ff}.element-nature{color:#8be07a}.element-earth{color:#c8a978}.element-air{color:#cfe0ff}.element-neutral{color:var(--text-dim)}.chat-box{display:flex;flex-direction:column;height:420px}.chat-messages{flex:1;overflow-y:auto;background:#14101f;border:1px solid var(--border);border-radius:10px;padding:10px;font-size:14px}.chat-messages .msg{margin-bottom:6px}.chat-messages .msg .u{color:var(--accent-2);font-weight:700}.stat-line{display:flex;justify-content:space-between;font-size:13px;color:var(--text-dim)}footer.subtle{text-align:center;color:var(--text-dim);font-size:12px;padding:20px}@media (max-width:720px){.battle-stage{grid-template-columns:1fr}.hud{width:100%;justify-content:space-between}}.arena-warning{border:1px solid #7a3348;border-left:3px solid #ff6b6b;background:rgba(74,32,48,0.35);border-radius:6px;padding:10px 12px;margin:8px 0 12px;display:flex;flex-direction:column;gap:6px;font-size:13px;line-height:1.45;color:#ffd9df}.arena-warning b{color:#ff9aa8}.arena-warning div{color:#e8c9cf}.atlas-cell.arena{border-color:#7a3348;background:rgba(74,32,48,0.28)}.atlas-cell.arena b{color:#ff9aa8}.staff-tag{display:inline-block;align-self:flex-start;margin:3px 0;padding:1px 9px;border-radius:999px;font-size:10px;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;background:rgba(14,10,22,0.85)}.staff-owner{color:#ffd166;border:1px solid rgba(255,209,102,0.85)}.staff-admin{color:#c6a2ff;border:1px solid rgba(198,162,255,0.85)}.staff-moderator{color:#6ee7ff;border:1px solid rgba(110,231,255,0.85)}.skill-row{display:flex;align-items:center;gap:10px}.skill-row .skill-text{flex:1;min-width:0}.skill-row button{flex:none;font-size:11px;padding:4px 9px;white-space:nowrap}.skill-row.on-bar{border-left:2px solid #d6b25f;padding-left:8px}.chat-rank{font-size:9px;font-weight:700;letter-spacing:0.07em;text-transform:uppercase;padding:0 5px;border-radius:999px;border:1px solid currentColor}.craft-list{display:flex;flex-direction:column;gap:6px;margin-top:8px}.craft-row{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:6px;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.06)}.craft-row .craft-text{flex:1;min-width:0}.craft-row button,.craft-row select{flex:none}.craft-row.locked{opacity:0.5}.craft-cost{font-size:11px;margin-top:3px;color:#b3a9d6}.craft-cost .have{color:#8be07a}.craft-cost .lack{color:#ff9aa8}.tab-row{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}.craft-cost .gold{color:#d6b25f}.craft-cost .sep{color:#6b6288}.map-next{border:1px solid #3a6a48;border-left:3px solid #7ee081;background:rgba(46,90,58,0.25);border-radius:6px;padding:9px 11px;margin-bottom:10px}.map-next b{color:#a8f0ab}.map-next .warn{color:#ffd166}.world-map{display:block;width:100%;height:auto;border-radius:8px;border:1px solid #3a3050;cursor:pointer}.map-key{display:flex;flex-wrap:wrap;gap:10px;margin:8px 0 4px;font-size:11px;color:#b3a9d6}.map-key-item{display:inline-flex;align-items:center;gap:5px}.map-key-item i{width:9px;height:9px;border-radius:50%;display:inline-block}.map-route{margin-top:10px;padding:9px 11px;border-radius:6px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08)}.route-steps{margin-top:5px;font-size:12px;line-height:1.6;color:#e8e2ff;word-break:break-word}.map-offroad{margin-top:8px;padding:8px 11px;border-radius:6px;cursor:pointer;border:1px solid #7a3348;background:rgba(74,32,48,0.22)}.map-offroad b{color:#ff9aa8}.bag-room{display:flex;align-items:baseline;gap:10px;margin:8px 0;padding:7px 11px;border-radius:6px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08)}.bag-room b{font-size:14px;color:#e8e2ff;font-variant-numeric:tabular-nums}.bag-room.full{border-color:#7a3348;background:rgba(74,32,48,0.28)}.bag-room.full b{color:#ff9aa8}.bag-upgrade{margin-top:6px}.updates .update-version{display:inline-block;padding:2px 9px;border-radius:999px;background:rgba(214,178,95,0.16);border:1px solid #d6b25f;color:#d6b25f;font-size:11px;font-weight:700;letter-spacing:0.06em}.updates .update-title{margin:8px 0 4px;color:#e8e2ff;font-size:18px}.updates .update-summary{color:#b3a9d6;font-style:italic;margin-bottom:10px}.updates h4{margin:12px 0 4px;color:#8be07a;font-size:13px}.update-list{margin:0;padding-left:18px}.update-list li{margin-bottom:6px;line-height:1.5;color:#d2cbeb;font-size:13px}.update-list li b{color:#e8e2ff}.updates button.primary{margin-top:14px}
html,body{overflow:hidden;height:100%;background-color:#0d0a14;position:fixed;inset:0;width:100%;overscroll-behavior:none;touch-action:none;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;text-size-adjust:100%}@media (pointer:coarse){input,select,textarea{font-size:16px !important}#chat-form input{font-size:16px !important;padding:5px 8px}}:root{--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px)}#game{padding:0;box-sizing:border-box}#boot{min-height:100vh;display:flex;align-items:center;justify-content:center;background:transparent}#boot.hidden{display:none}#game{position:fixed;inset:0;background:transparent}#game.hidden{display:none}#viewport{position:absolute;inset:0;display:block;background:#0d0a14;touch-action:none}:root{--game-brightness:1;--game-contrast:1;--ui-scale:1;--chat-font-size:12px}#viewport{filter:brightness(var(--game-brightness)) contrast(var(--game-contrast))}#hud{transform-origin:0 0;transform:scale(var(--ui-scale))}#hud{position:absolute;inset:0;pointer-events:none;font-size:13px;-webkit-user-select:none;user-select:none}#hud button,#hud input,#hud .game-panel,#hud .context-menu,#hud #chat-overlay,#hud #joypad,#hud #minimap-wrap,#hud #menu-tray{pointer-events:auto}#self-frame{position:absolute;top:calc(8px + var(--safe-top));left:calc(8px + var(--safe-left));min-height:82px;display:flex;gap:8px;align-items:center;padding:9px 14px 9px 9px;background-size:100% 100%;background-repeat:no-repeat;min-width:232px}#portrait-wrap{position:relative;width:52px;height:52px;flex:none}#portrait{display:block;border-radius:3px;background:#120e1c}#vital-level{position:absolute;bottom:1px;right:1px;background:#1b1526;border:1px solid rgba(214,178,96,0.8);color:#ffd166;border-radius:8px;font-size:10px;font-weight:700;padding:0 5px}.vitals-bars{flex:1;display:flex;flex-direction:column;gap:3px;min-width:150px;justify-content:center}.settings-row{display:flex;align-items:center;gap:10px;margin-bottom:10px}.settings-row label{flex:1;color:var(--text-dim)}.settings-row input[type="range"]{flex:2}#self-name{font-weight:700;font-size:12px;line-height:15px;color:#e9e2ff;text-shadow:0 1px 2px #000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#self-name .guild-tag{color:#6ee7ff;font-weight:400}#self-name.karma-stained{color:#ffd166}#self-name.karma-murderer{color:#ff6b6b}.bar{position:relative;height:11px;border-radius:3px;background:#0b0812;border:1px solid #3a3050;overflow:hidden}.bar i{display:block;height:100%;width:0%;transition:width .16s ease}.bar.hp i{background:linear-gradient(180deg,#ff8b7b,#b81f1f)}.bar.mp i{background:linear-gradient(180deg,#7ab8ff,#1f42b8)}.bar.xp{height:11px}.bar.xp i{background:linear-gradient(180deg,#ffe08a,#d98a1f)}.bar.xp .bar-text{font-size:8px;line-height:11px;letter-spacing:0.02em;color:#ffeec6;font-variant-numeric:tabular-nums}.bar-text{position:absolute;inset:0;text-align:center;font-size:9px;line-height:11px;color:#f6f2ff;text-shadow:0 1px 2px rgba(0,0,0,0.95)}#quick-slots{position:absolute;top:calc(150px + var(--safe-top));left:calc(10px + var(--safe-left));display:flex;flex-direction:row;gap:6px}.quick-slot{position:relative;width:42px;height:42px;padding:0;border:none;background:transparent center/100% 100% no-repeat}.quick-slot canvas{position:absolute;inset:6px;width:calc(100% - 12px);height:calc(100% - 12px)}.quick-slot .count{position:absolute;bottom:1px;right:4px;font-size:11px;font-weight:700;color:#fff;text-shadow:0 1px 2px #000}.quick-slot.empty{opacity:0.45}#pet-frame{position:absolute;top:calc(96px + var(--safe-top));left:calc(10px + var(--safe-left));display:flex;gap:6px;align-items:center;padding:4px 10px 4px 4px;background-size:100% 100%;min-width:130px}#pet-frame.hidden{display:none}#pet-frame canvas{width:38px;height:38px;border-radius:3px;background:#120e1c;flex:none}#pet-name{font-size:11px;color:#8be07a;text-shadow:0 1px 2px #000;white-space:nowrap}#pet-frame .bar{height:6px;margin-top:2px}body.mobile #pet-frame{top:calc(88px + var(--safe-top));left:calc(8px + var(--safe-left));min-width:104px}body.mobile #quick-slots{top:calc(140px + var(--safe-top));left:calc(8px + var(--safe-left))}.mount-card,.critter-card{display:flex;gap:10px;align-items:center;background:#221b36;border:1px solid #3c3160;border-radius:10px;padding:8px;margin-bottom:8px}.mount-card.locked{opacity:0.5}.mount-card.active,.critter-card.active{border-color:var(--accent)}.mount-card .grow,.critter-card .grow{flex:1}.mount-card canvas,.critter-card canvas{background:#150f22;border-radius:8px}.stance-row{display:flex;gap:6px;margin:10px 0}.stance-row button.on{background:linear-gradient(180deg,#ff9d5c,var(--accent));color:#2a1200;border-color:#d96b28}#party-frames{position:absolute;top:8px;left:50%;transform:translateX(-50%);display:flex;gap:8px}.party-frame{display:flex;gap:5px;align-items:center;padding:5px 10px 5px 5px;background-size:100% 100%;min-width:130px}.party-frame canvas{width:34px;height:34px;border-radius:3px;background:#120e1c;flex:none}.party-frame .pf-body{flex:1}.pf-name{font-size:11px;color:#ffd166;text-shadow:0 1px 2px #000;white-space:nowrap}.party-frame .bar{height:7px}.party-frame.offline{opacity:0.45}#target-frame{position:absolute;top:74px;left:50%;transform:translateX(-50%);padding:5px 16px;text-align:center;min-width:210px;background-size:100% 100%}#target-frame.hidden{display:none}.tf-name{font-weight:700;color:#ffb3a7;font-size:12px;text-shadow:0 1px 2px #000}.tf-bar{height:8px;background:#0b0812;border-radius:3px;overflow:hidden;margin:3px 0 1px;border:1px solid #3a3050}.tf-fill{height:100%;background:linear-gradient(180deg,#ff8a4c,#b81f1f)}.tf-hp{font-size:10px;color:#c9c4dd}#zone-bar{position:absolute;top:calc(8px + var(--safe-top));right:calc(10px + var(--safe-right));display:flex;gap:12px;align-items:center;font-size:12px;color:#e9e2ff;text-shadow:0 1px 3px #000;font-weight:700}#zone-clock{color:#ffd166}#minimap-wrap{position:absolute;top:calc(30px + var(--safe-top));right:calc(8px + var(--safe-right));width:166px;height:182px;padding:7px;background-size:100% 100%}#minimap{display:block;border-radius:3px;background:#0b0813}#minimap-caption{font-size:10px;color:#c9c4dd;text-align:center;margin-top:3px;text-shadow:0 1px 2px #000}#log-wrap{position:absolute;left:50%;bottom:92px;transform:translateX(-50%);width:min(440px,62vw);display:flex;flex-direction:column;align-items:flex-end;gap:2px;transition:opacity .5s ease;pointer-events:auto;z-index:10}#log-wrap.hidden #message-log{display:none}#log-wrap.quiet{opacity:0.28;pointer-events:auto;transition:opacity .25s ease}#log-wrap.quiet:hover{opacity:1}#btn-log-toggle{pointer-events:auto;width:26px;height:22px;padding:0;line-height:20px;font-size:11px;border-radius:5px;background:rgba(6,4,10,0.6);border:1px solid #3c3160;color:#a99fc9}#log-wrap.hidden #btn-log-toggle{transform:rotate(180deg)}#message-log{width:100%;max-height:min(45vh,360px);overflow-y:auto;display:flex;flex-direction:column;background:rgba(6,4,10,0.55);border-radius:6px;padding:5px 9px;font-size:var(--chat-font-size);line-height:1.45;pointer-events:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,0.16) rgba(6,4,10,0.35)}#message-log::-webkit-scrollbar{width:12px}#message-log::-webkit-scrollbar-track{background:rgba(6,4,10,0.35);border-radius:6px}#message-log::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.16);border-radius:6px}#message-log::-webkit-scrollbar-thumb:active{background:rgba(255,255,255,0.26)}#message-log>*:first-child{margin-top:auto}#message-log:empty{display:none}#message-log .line{text-shadow:0 1px 2px #000;word-break:break-word}#message-log .line.sys{color:#c9c4dd}#message-log .line.good{color:#8be07a}#message-log .line.bad{color:#ff8a8a}#message-log .line.quest{color:#ffd166}#message-log .line.gold{color:#ffd166}#message-log .line.shout{color:#c98cff}#message-log .line.party{color:#6ee7ff}#message-log .line.guild{color:#7ee081}#message-log .line.whisper{color:#e6a8ff}#message-log .line.uncommon{color:#7ee081}#message-log .line.rare{color:#6ee7ff}#message-log .line.epic{color:#c98cff}#message-log .line.legendary{color:#ffd166}#message-log .who{font-weight:700;color:#6ee7ff}#joypad{position:absolute;left:calc(12px + var(--safe-left));bottom:calc(12px + var(--safe-bottom));width:132px;height:132px;background:center/100% 100% no-repeat;touch-action:none;opacity:0.92}#joypad-knob{position:absolute;left:50%;top:50%;width:44px;height:44px;margin:-22px 0 0 -22px;border-radius:50%;background:radial-gradient(circle at 40% 35%,rgba(255,236,190,0.9),rgba(255,120,40,0.55) 55%,rgba(120,20,10,0.2));border:1px solid rgba(255,200,120,0.5);pointer-events:none}#hotbar{position:absolute;bottom:calc(10px + var(--safe-bottom));left:50%;transform:translateX(-50%);display:flex;gap:6px;align-items:flex-end;padding:8px 12px;background-size:100% 100%}#hotbar .slot{position:relative;width:54px;height:54px;padding:0;border:none;background:transparent center/100% 100% no-repeat}#hotbar .slot .slot-icon{position:absolute;inset:8px;width:calc(100% - 16px);height:calc(100% - 16px)}#hotbar .slot .slot-key{position:absolute;bottom:2px;right:7px;font-size:9px;color:#cfc7ee;text-shadow:0 1px 2px #000}#hotbar .slot .slot-cd{position:absolute;left:8px;bottom:8px;width:calc(100% - 16px);height:0%;background:rgba(8,6,14,0.72);color:#fff;font-size:11px;text-align:center;border-radius:50% / 20%;transition:height .1s linear}#hotbar .slot.nomana .slot-icon{filter:grayscale(0.8) brightness(0.6)}#hotbar .slot.empty{opacity:0.35}body.mobile #hotbar .slot.empty{display:none}#hotbar .slot:active{transform:scale(0.94)}#joypad-cycle{position:absolute;right:-4px;bottom:-4px;width:46px;height:46px;padding:0;border:none;border-radius:50%;background:rgba(24,18,38,0.72);box-shadow:0 0 0 1px rgba(160,140,220,0.35),0 2px 6px rgba(0,0,0,0.5);color:#ffe6b0;font-size:19px;line-height:46px;text-shadow:0 1px 3px #000}#joypad-cycle:active{transform:scale(0.92)}#event-banner{position:absolute;top:calc(8px + var(--safe-top));left:50%;transform:translateX(-50%);max-width:min(420px,70vw);padding:5px 14px;border-radius:999px;background:linear-gradient(180deg,rgba(63,44,18,0.92),rgba(38,26,10,0.92));border:1px solid rgba(214,178,96,0.7);color:#ffd98a;font-size:12px;font-weight:700;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 2px #000;pointer-events:none;animation:event-pulse 3.2s ease-in-out infinite}@keyframes event-pulse{0%,100%{box-shadow:0 0 0 rgba(255,209,102,0)}50%{box-shadow:0 0 14px rgba(255,209,102,0.35)}}@media (prefers-reduced-motion:reduce){#event-banner{animation:none}}body.mobile #event-banner{font-size:11px;max-width:60vw;padding:4px 11px}.gm-tabs{display:flex;gap:6px;margin-bottom:10px;flex-wrap:wrap}.gm-tabs button{padding:5px 11px;font-size:12px}.gm-tabs button.on{background:var(--accent);color:#2a1200;border-color:#d96b28}.gm-row{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;padding:7px 9px;border-radius:5px;background:#191327;border-left:3px solid #43376a;margin-bottom:5px}.gm-row.owner{border-left-color:#ffd166}.gm-row.admin{border-left-color:#c98cff}.gm-row.moderator{border-left-color:#6ee7ff}.gm-row .gm-who{font-weight:700;font-size:13px}.gm-row .gm-meta{font-size:11px;color:#a99fc9}.gm-row .gm-acts{display:flex;gap:4px}.gm-row .gm-acts button{padding:3px 8px;font-size:11px}.gm-log{font-size:11px;line-height:1.6;color:#cfc7ee}.gm-log b{color:#ffd166;font-weight:700}.gm-log span{color:#756b91}.gm-field{display:grid;grid-template-columns:92px 1fr;gap:6px;align-items:center;margin-bottom:6px}.gm-field label{font-size:12px;color:#a99fc9}.gm-field input{font-size:16px;padding:5px 8px}.gm-note{font-size:11px;color:#756b91;margin:4px 0 10px}.gm-results{max-height:42vh;overflow-y:auto;margin:8px 0}.roster-card .row{margin-top:8px;gap:6px}.roster-card .row button{flex:1;padding:6px 8px;font-size:12px}.roster-xp{height:6px;margin-top:8px}.hud-draggable{cursor:move}.hud-moving{opacity:0.92;transition:none !important;z-index:9999}.resize-handle{background:rgba(255,255,255,0.12);border-radius:3px;cursor:se-resize}.hud-resizing{transition:none !important;opacity:0.95}.resize-handle{display:none}body.layout-mode .resize-handle{display:block}.drag-handle{position:absolute;top:6px;right:6px;width:22px;height:22px;border-radius:6px;background:rgba(255,255,255,0.06);color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;line-height:1;cursor:grab;border:1px solid rgba(255,255,255,0.04);box-shadow:0 1px 0 rgba(0,0,0,0.4)}.drag-handle:active{cursor:grabbing}body.layout-mode .drag-handle{display:flex}body.layout-mode .drag-handle{pointer-events:auto}.drag-handle{display:none}.reset-handle{position:absolute;top:6px;left:6px;width:22px;height:22px;border-radius:6px;cursor:pointer;background:rgba(255,255,255,0.04);color:#ffd166;border:1px solid rgba(255,255,255,0.04);font-size:12px;display:none;align-items:center;justify-content:center;padding:0}body.layout-mode .reset-handle{display:flex}.roster-xp i{background:linear-gradient(180deg,#ffe08a,#d98a1f)}.roster-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:260px;cursor:pointer;border-style:dashed;opacity:0.75;transition:opacity .15s ease,border-color .15s ease}.roster-empty:hover{opacity:1;border-color:var(--accent)}.roster-plus{font-size:46px;line-height:1;color:var(--accent);margin-bottom:6px}.name-row{display:grid;grid-template-columns:56px 1fr 40px;gap:8px;align-items:center;margin-top:18px}.name-row label{font-size:13px;color:var(--text-dim)}.name-row input{font-size:16px;padding:9px 12px}.name-note{min-height:18px;font-size:12px;color:var(--text-dim);margin:4px 0 0 64px}.name-note.good{color:#8be07a}.name-note.bad{color:#ff8a8a}.create-actions{align-items:center;gap:10px}.create-actions .ghost{background:transparent;border:1px solid var(--border);color:var(--text-dim);padding:8px 14px}.create-actions .ghost:hover{color:var(--text);border-color:var(--accent)}.gm-bar-row{display:grid;grid-template-columns:44px 1fr 34px;gap:6px;align-items:center;margin-bottom:2px}.gm-bar-label{font-size:10px;color:#a99fc9;font-variant-numeric:tabular-nums}.gm-bar{height:9px;background:#0b0812;border:1px solid #3a3050;border-radius:2px;overflow:hidden}.gm-bar i{display:block;height:100%;background:linear-gradient(90deg,#6b5a9e,#c98cff)}.gm-bar-count{font-size:10px;color:#cfc7ee;text-align:right;font-variant-numeric:tabular-nums}#action-pad{position:absolute;right:calc(84px + var(--safe-right));bottom:calc(20px + var(--safe-bottom));width:96px;height:96px;display:flex;flex-direction:column;align-items:center}#btn-action{width:96px;height:96px;border-radius:50%;padding:0;border:none;background:transparent center/100% 100% no-repeat;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#ffe6b0}#btn-action .icon{font-size:30px;line-height:1;text-shadow:0 2px 5px #000}#btn-action .label{font-size:10px;max-width:84px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#f0e6ff;text-shadow:0 1px 3px #000}#btn-action:active{transform:scale(0.94)}#btn-action.idle{opacity:0.4}#btn-action.attack .icon{color:#ff9c8c}#btn-action.npc .icon,#btn-action.door .icon{color:#ffd166}#btn-action.loot .icon{color:#8be07a}#action-buttons{position:absolute;right:calc(10px + var(--safe-right));bottom:calc(12px + var(--safe-bottom));width:58px;height:auto;max-height:calc(100vh - 210px);display:flex;flex-direction:column;gap:8px;align-items:center;flex-wrap:wrap-reverse;align-content:flex-end}#action-buttons button{width:58px;height:58px;padding:0;border:none;border-radius:50%;background:transparent center/100% 100% no-repeat;font-size:24px;line-height:58px;color:#ffe6b0;text-shadow:0 2px 4px #000}#action-buttons button:active{transform:scale(0.94)}#action-buttons button.on span{color:#ff9d5c}#action-buttons button.hidden{display:none}#btn-loot{position:relative;animation:loot-pulse 1.6s ease-in-out infinite}#btn-loot .count{position:absolute;top:2px;right:2px;background:#7ee081;color:#10240f;border-radius:999px;font-size:11px;font-weight:700;min-width:18px;padding:0 4px;line-height:18px}@keyframes loot-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.06)}}#action-buttons button .badge{position:absolute;margin-left:-14px;margin-top:-18px;background:#c22f2f;border-radius:999px;font-size:10px;padding:0 5px;color:#fff}#menu-tray{position:absolute;right:76px;bottom:12px;display:flex;flex-direction:column;gap:5px;padding:10px;background-size:100% 100%;max-height:70vh;overflow-y:auto}#menu-tray.hidden{display:none}#menu-tray{touch-action:pan-y}#menu-tray button{text-align:left;font-size:13px;padding:7px 12px;white-space:nowrap}#menu-tray button.hidden{display:none}#menu-tray #btn-respawn{color:#ffb3a7}#menu-tray button.on{background:linear-gradient(180deg,#ff9d5c,var(--accent));color:#2a1200;border-color:#d96b28}#chat-overlay{position:absolute;left:12px;bottom:156px;width:min(420px,62vw);padding:8px;background-size:100% 100%;display:flex;flex-direction:column;gap:6px;pointer-events:auto;z-index:60}#chat-overlay.hidden{display:none}#chat-tabs{display:flex;gap:4px;flex-wrap:wrap}#chat-tabs button{padding:3px 9px;font-size:11px;border-radius:6px}#chat-tabs button.active{background:var(--accent);color:#2a1200;border-color:#d96b28}#chat-tabs #btn-chat-close{margin-left:auto}#chat-log{height:168px;overflow-y:auto;font-size:12px;line-height:1.45;padding:0 4px;touch-action:pan-y;-webkit-overflow-scrolling:touch}#chat-log .line{margin-bottom:2px;word-break:break-word}#chat-log .who{font-weight:700;color:#6ee7ff}#chat-log .who.zone{color:#8be07a}#chat-log .who.party{color:#6ee7ff}#chat-log .who.guild{color:#7ee081}#chat-log .who.whisper{color:#e6a8ff}#chat-log .sys{color:var(--text-dim);font-style:italic}#chat-form{display:flex;gap:5px}#chat-form input{flex:1;font-size:12px;padding:6px 9px}#chat-form button{padding:6px 12px;font-size:12px}#panel-root{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(8,6,14,0.55);pointer-events:auto;z-index:1000}#panel-root.hidden{display:none}.game-panel{background:linear-gradient(180deg,#241d38,#191327);border:1px solid #4a3d73;border-radius:14px;width:min(520px,94vw);max-height:86vh;display:flex;flex-direction:column;box-shadow:0 20px 60px rgba(0,0,0,0.6)}.game-panel.wide{width:min(880px,96vw)}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid #3c3160}.settings-legal{margin-top:18px;padding-top:12px;border-top:1px solid #3c3160;font-size:12px;opacity:0.72}.settings-legal a{color:var(--accent-2)}#joypad{transition:opacity 260ms ease}#joypad.idle{opacity:0.34}#joypad.idle #joypad-knob{opacity:0.6}body.minimal-hud #self-frame,body.minimal-hud #quick-slots,body.minimal-hud #pet-frame,body.minimal-hud #minimap-wrap,body.minimal-hud #log-wrap,body.minimal-hud #zone-bar{display:none !important}body.minimal-hud #joypad{opacity:0.2}body.mobile #self-frame{padding:5px 8px 6px;gap:7px}body.mobile #self-frame .bar{height:11px}body.mobile #self-frame .bar-text{font-size:9px}body.mobile #self-name{font-size:11px;margin-bottom:2px}body.mobile #portrait{width:40px;height:40px}body.mobile #minimap-wrap{transform:scale(0.82);transform-origin:top right}.panel-body.talents{padding:12px 14px 16px}.talent-top{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid #3c3160}.talent-points{font-weight:700;color:var(--accent-2)}.talent-note{font-size:12px;opacity:0.7}.talent-top button{margin-left:auto}.talent-branches{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}@media (max-width:720px){.talent-branches{grid-template-columns:1fr}}.talent-branch{background:rgba(0,0,0,0.22);border:1px solid #372c58;border-radius:10px;padding:10px}.talent-branch h4{margin:0 0 2px;color:var(--accent-2);font-size:14px}.talent-blurb{font-size:11px;opacity:0.62;line-height:1.35}.talent-spent{font-size:11px;opacity:0.8;margin:4px 0 8px}.talent-tier-rule{height:1px;background:#3c3160;margin:10px 2px}.talent-node{border:1px solid #3a2f5c;border-radius:8px;padding:8px;margin-bottom:8px;background:rgba(255,255,255,0.02)}.talent-node.open{border-color:#6b5aa8}.talent-node.maxed{border-color:#7a6a3a;background:rgba(255,209,102,0.06)}.talent-node.shut{opacity:0.55}.talent-node-head{display:flex;justify-content:space-between;gap:8px;align-items:baseline}.talent-name{font-weight:600;font-size:13px}.talent-rank{font-size:11px;opacity:0.75;font-variant-numeric:tabular-nums}.talent-effect{font-size:12px;color:#8fd8ff;margin:2px 0 3px}.talent-shut{font-size:11px;color:#ff9b9b;margin-top:5px}.talent-add{margin-top:7px;padding:3px 12px;font-size:12px}#prestige-modal{position:fixed;inset:0;z-index:1200;display:flex;align-items:center;justify-content:center;background:rgba(8,5,14,0.66);padding:16px}#prestige-modal.hidden{display:none}#prestige-modal .pm-body{background:linear-gradient(180deg,#241d38,#191327);border:1px solid #4a3d73;border-radius:12px;padding:18px;width:min(460px,92vw);max-height:92vh;overflow-y:auto;box-shadow:0 20px 60px rgba(0,0,0,0.6);text-align:center}#prestige-modal h3{margin:0 0 10px;color:var(--accent-2)}#prestige-modal .pm-blurb{margin:0 0 8px;font-size:13px;line-height:1.5;opacity:0.9}#prestige-modal .pm-warn{margin:0;font-size:13px;color:#ff9b9b;font-weight:600}#prestige-modal .pm-wheel-wrap{display:flex;justify-content:center;margin:12px 0}#prestige-wheel{max-width:100%;height:auto}#prestige-modal .pm-result{min-height:40px;margin:4px 0 2px;color:var(--text)}#prestige-modal .pm-prize{font-size:15px}#prestige-modal .pm-result .rarity{padding:2px 8px;border-radius:8px;background:rgba(255,255,255,0.06);margin-left:8px;font-size:12px;text-transform:capitalize}#prestige-modal .pm-note{margin-top:6px;font-size:12px;opacity:0.8}#prestige-modal .pm-note.pm-title{color:var(--accent-2);opacity:1}#prestige-modal .pm-actions{display:flex;gap:10px;justify-content:center;margin-top:12px}#prestige-modal .pm-actions button.danger{background:#7a2440;border-color:#b9455f;color:#ffe9ee}#prestige-modal .pm-actions button[disabled]{opacity:0.55;cursor:default}.panel-head h3{margin:0;color:var(--accent-2)}.icon-btn{padding:2px 10px}.panel-body{padding:14px;overflow-y:auto;touch-action:pan-y;-webkit-overflow-scrolling:touch}.building-tabs{margin-bottom:12px}.building-tabs button{font-size:12px}.inventory{display:grid;grid-template-columns:220px 1fr;gap:16px}.equip-doll{display:grid;grid-template-columns:1fr 1fr;gap:8px;align-content:start}.equip-slot{min-height:84px;border:1px dashed #4a3d73;border-radius:10px;padding:6px;display:flex;flex-direction:column;align-items:center;gap:2px;text-align:center;font-size:11px;color:var(--text-dim)}.equip-slot.filled{border-style:solid;cursor:pointer;background:#221b36}.equip-slot.filled:hover{border-color:var(--accent)}.slot-label{text-transform:uppercase;letter-spacing:0.5px;font-size:9px}.slot-name{font-size:11px;line-height:1.2}.bag-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(124px,1fr));gap:8px;align-content:start}.bag-cell{position:relative;background:#221b36;border:1px solid #3c3160;border-radius:10px;padding:8px;display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}.bag-cell.broken{border-color:#7a3348}.bag-name{font-size:11px;line-height:1.2}.bag-actions{display:flex;gap:4px;flex-wrap:wrap;justify-content:center}.bag-actions button{padding:3px 8px;font-size:11px}.bag-actions .ghost{background:transparent;color:var(--text-dim)}.stack{position:absolute;top:4px;right:8px;font-size:11px;font-weight:700}.dur-bar{width:100%;height:3px;background:#14101f;border-radius:2px;overflow:hidden}.dur-bar>i{display:block;height:100%;background:#7ee081}.dur-bar.low>i{background:#ffd166}.dur-bar.broken>i{background:#ff6b6b}.sheet{display:grid;grid-template-columns:1fr 1fr;gap:14px}.sheet-head{grid-column:1 / -1;display:flex;gap:14px;align-items:center}.sheet-portrait{border-radius:10px;border:1px solid #4a3d73}.sheet-name{font-size:20px;font-weight:800}.stat-grid,.derived-grid{display:flex;flex-direction:column;gap:6px}.stat-row{display:flex;align-items:center;gap:8px}.stat-row span{width:40px;color:var(--text-dim)}.tiny{padding:0 8px;font-size:14px;line-height:20px}.points{grid-column:1 / -1;color:var(--gold)}.skill-list{grid-column:1 / -1;display:flex;flex-direction:column;gap:8px}.skill-row{display:flex;gap:10px;align-items:center;background:#221b36;border-radius:10px;padding:8px}.locked{opacity:0.7}.karma-clean{color:#8be07a}.karma-stained{color:#ffd166}.karma-murderer{color:#ff6b6b}.quest-card{background:#221b36;border:1px solid #3c3160;border-left:3px solid var(--accent);border-radius:10px;padding:10px;margin-bottom:10px;display:flex;flex-direction:column;gap:4px}.quest-card.complete{border-left-color:#7ee081}.objective{font-size:12px;color:var(--text-dim)}.objective.met{color:#7ee081}.reward{font-size:12px;color:var(--gold)}.ready{color:#7ee081;font-weight:700}.npc-line{font-style:italic;color:#e8dfc0}.shop-list{display:flex;flex-direction:column;gap:8px}.shop-row{display:flex;gap:10px;align-items:center;background:#221b36;border-radius:10px;padding:8px}.shop-row>div{flex:1}.party-row,.roster-row{display:flex;gap:10px;align-items:center;background:#221b36;border-radius:10px;padding:8px;margin-bottom:8px}.roster-row .grow{flex:1}.roster-row.offline{opacity:0.55}.mini-hp{height:5px;background:#14101f;border-radius:3px;overflow:hidden;margin-top:3px;width:100%}.mini-hp>div{height:100%;background:linear-gradient(90deg,#7ee081,#3f9a4a)}.big-map{width:100%;height:auto;border-radius:10px;border:1px solid #3c3160;image-rendering:pixelated}.atlas-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}.atlas-cell{background:#221b36;border:1px solid #3c3160;border-radius:8px;padding:8px;font-size:12px}.atlas-cell.here{border-color:var(--accent)}.atlas-cell.premium{border-color:#ffd166}.atlas-cell .lv{color:var(--text-dim)}.rank-table{width:100%;border-collapse:collapse;font-size:12px}.rank-table th,.rank-table td{text-align:left;padding:5px 8px;border-bottom:1px solid #3c3160}.rank-table tr.me{background:rgba(255,138,76,0.15)}.context-menu{position:fixed;z-index:60;background:#241d38;border:1px solid #4a3d73;border-radius:10px;padding:6px;display:flex;flex-direction:column;gap:4px;min-width:170px}.cm-title{font-weight:700;padding:2px 6px 6px;border-bottom:1px solid #3c3160}.context-menu button{text-align:left}#death-overlay{position:absolute;inset:0;background:rgba(40,4,10,0.55);display:flex;align-items:center;justify-content:center;pointer-events:auto;backdrop-filter:blur(2px)}#death-overlay.hidden{display:none}.death-box{text-align:center}.death-box h1{color:#ff6b6b;font-size:44px;margin:0 0 6px;letter-spacing:2px}.death-by{color:var(--text-dim);margin-bottom:16px}#levelup-banner{position:absolute;top:32%;left:50%;transform:translate(-50%,-50%) scale(0.8);font-size:54px;font-weight:900;letter-spacing:4px;color:var(--gold);text-shadow:0 0 24px rgba(255,209,102,0.6),0 4px 10px rgba(0,0,0,0.8);opacity:0;transition:opacity .4s ease,transform .4s ease}#levelup-banner.hidden{display:none}#levelup-banner.show{opacity:1;transform:translate(-50%,-50%) scale(1)}#creation{position:fixed;inset:0;overflow-y:auto;padding:24px}#creation.hidden{display:none}.create-wrap{max-width:980px;margin:0 auto;text-align:center}.create-wrap h1{color:var(--accent-2);font-size:34px;margin-bottom:4px}.class-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;margin:22px 0}.class-card{background:linear-gradient(180deg,#241d38,#171226);border:2px solid #3c3160;border-radius:14px;padding:14px;cursor:pointer;transition:transform .12s ease,border-color .12s ease}.class-card:hover{transform:translateY(-3px)}.class-card.selected{border-color:var(--accent);box-shadow:0 0 0 2px rgba(255,138,76,0.25)}.class-card canvas{border-radius:10px}.class-card h3{margin:8px 0 4px}.class-stats{display:flex;justify-content:center;gap:8px;margin-top:8px;font-size:11px;color:var(--text-dim)}.create-actions{justify-content:center}button.big{font-size:16px;padding:12px 24px}body.mobile #hotbar{gap:3px;padding:5px 6px}body.mobile #hotbar .slot{width:44px;height:44px}body.mobile #self-frame{min-width:190px;padding:8px 11px 8px 8px}body.mobile .vitals-bars{min-width:118px}body.mobile #minimap{width:108px;height:108px}body.mobile #log-wrap{width:min(340px,62vw);bottom:116px;left:50%;transform:translateX(-50%)}body.mobile #message-log{max-height:min(28vh,132px);font-size:11px;line-height:1.35;padding:6px 8px;overflow-y:auto;touch-action:pan-y;-webkit-overflow-scrolling:touch}@media (max-height:500px){body.mobile #message-log{max-height:min(24vh,96px)}body.mobile #log-wrap{bottom:104px}}body.mobile #chat-overlay{width:80vw;bottom:140px}body.mobile #chat-log{height:120px}body.mobile #joypad{width:118px;height:118px;left:8px;bottom:8px}body.mobile #minimap-wrap{top:28px;right:8px;width:124px;height:140px;padding:5px}body.mobile #action-pad{right:12px;bottom:78px;width:104px;height:104px}body.mobile #action-buttons{right:12px;bottom:8px;width:auto;max-width:calc(100vw - 150px);height:auto;flex-direction:row;gap:6px;flex-wrap:wrap-reverse;align-content:flex-end;justify-content:flex-end}body.mobile #action-buttons button{width:52px;height:52px;line-height:52px;font-size:22px}body.mobile #hotbar{left:calc(132px + var(--safe-left));bottom:calc(8px + var(--safe-bottom));transform:none}body.mobile #self-frame{min-height:74px}body.mobile .bar{height:10px}body.mobile .bar.xp{height:10px}body.mobile .bar.xp .bar-text{font-size:8px;line-height:10px}body.mobile .bar-text{font-size:8px;line-height:10px}body.mobile #menu-tray{right:12px;bottom:68px}body.mobile #action-buttons button{width:52px;height:52px;line-height:52px;font-size:21px}body.mobile #action-pad{bottom:84px;right:12px}body.mobile #btn-action{width:104px;height:104px}body.mobile #btn-action .icon{font-size:34px}body.mobile #party-frames{gap:5px}body.mobile .party-frame{min-width:104px;padding:4px 7px 4px 4px}body.mobile .party-frame canvas{width:26px;height:26px}body.mobile .inventory,body.mobile .sheet{grid-template-columns:1fr}@media (max-width:420px){body.mobile #hotbar{left:50%;transform:translateX(-50%);gap:4px;padding:4px 6px;flex-wrap:wrap;max-width:calc(100vw - 160px);justify-content:center;bottom:calc(8px + var(--safe-bottom) + 24px)}body.mobile #hotbar .slot{width:40px;height:40px}body.mobile #hotbar .slot .slot-key{font-size:9px;right:5px}body.mobile #action-buttons{right:8px;bottom:calc(12px + 64px);max-width:calc(100vw - 120px);flex-direction:row;gap:6px;flex-wrap:wrap-reverse;justify-content:flex-end}body.mobile #action-buttons button{width:48px;height:48px;line-height:48px;font-size:20px}body.mobile #action-pad{right:12px;bottom:calc(12px + 120px)}#action-buttons,#action-pad,#menu-tray{z-index:80}#hotbar{z-index:60}}@media (max-width:360px){body.mobile #hotbar{gap:3px;padding:4px}body.mobile #hotbar .slot{width:36px;height:36px}body.mobile #action-buttons button{width:44px;height:44px;font-size:18px}body.mobile #action-pad{bottom:calc(12px + 136px)}}body.compact-hud #hotbar{gap:3px;padding:4px 6px}body.compact-hud #hotbar .slot{width:36px;height:36px}body.compact-hud #hotbar .slot .slot-key{font-size:9px;right:4px}body.compact-hud #action-pad{width:84px;height:84px;right:12px;bottom:calc(12px + 84px)}body.compact-hud #btn-action{width:84px;height:84px}body.compact-hud #action-buttons{gap:6px;right:8px;bottom:calc(8px + 18px)}body.compact-hud #action-buttons button{width:44px;height:44px;font-size:18px}@media (max-width:420px){body.compact-hud #hotbar .slot{width:34px;height:34px}body.compact-hud #action-buttons button{width:40px;height:40px;font-size:16px}body.compact-hud #btn-action{width:92px;height:92px}}@media (max-width:520px){body.mobile #hotbar{left:50%;transform:translateX(-50%);gap:4px;padding:4px 6px;flex-wrap:wrap;max-width:calc(100vw - 140px);justify-content:center;overflow:visible}body.mobile #hotbar .slot{width:42px;height:42px}body.mobile #action-buttons{right:8px;bottom:calc(12px + 64px);max-width:calc(100vw - 140px);flex-direction:row;gap:6px;flex-wrap:wrap-reverse;justify-content:flex-end}body.mobile #action-buttons button{width:46px;height:46px;line-height:46px;font-size:20px}body.mobile #action-pad{right:12px;bottom:calc(12px + 120px)}#action-buttons,#action-pad,#menu-tray{z-index:90}#hotbar{z-index:70}}@media (max-width:900px){.inventory,.sheet{grid-template-columns:1fr}}@media (max-height:460px){#message-log{bottom:74px;max-height:84px}.battle-stage{grid-template-columns:1fr}.hud{width:100%;justify-content:space-between}#action-buttons button{width:64px;height:64px;font-size:28px}#joypad{width:150px;height:150px}#joypad-knob{width:54px;height:54px;margin:-27px 0 0 -27px}body.mobile #self-frame{min-width:160px}#target-frame{top:calc(72px + var(--safe-top));left:50%;transform:translateX(-50%)}#minimap{width:92px;height:92px}}#firstrun{position:absolute;top:calc(102px + var(--safe-top));left:calc(8px + var(--safe-left));width:min(236px,62vw);padding:8px 10px 9px;border:1px solid #3c3160;border-radius:10px;background:linear-gradient(180deg,rgba(28,22,44,0.92),rgba(14,10,24,0.92));box-shadow:0 6px 18px rgba(0,0,0,0.45);font-size:12px;z-index:40;pointer-events:none}#firstrun .fr-close{pointer-events:auto}#firstrun.hidden{display:none}#firstrun .fr-head{display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:.09em;text-transform:uppercase;color:#9d93bd;margin-bottom:6px}#firstrun .fr-close{width:18px;height:18px;padding:0;line-height:16px;font-size:13px;border-radius:4px;background:transparent;border:1px solid #3c3160;color:#9d93bd}#firstrun .fr-step{display:flex;gap:7px;align-items:flex-start;padding:3px 0;color:#b7aed2}#firstrun .fr-tick{flex:0 0 12px;width:12px;height:12px;margin-top:2px;border:1px solid #4a3d72;border-radius:3px;font-size:10px;line-height:11px;text-align:center;color:#8fca7a}#firstrun .fr-body{display:flex;flex-direction:column;gap:2px}#firstrun .fr-title{line-height:1.25}#firstrun .fr-hint{font-size:11px;color:#8d84ab;line-height:1.3}#firstrun .fr-step.done{color:#6d6589}#firstrun .fr-step.done .fr-title{text-decoration:line-through}#firstrun .fr-step.done .fr-tick{border-color:#3d5c35;background:rgba(70,110,60,0.25)}#firstrun .fr-step.now{color:#efe7ff}#firstrun .fr-step.now .fr-tick{border-color:#e8c37a;box-shadow:0 0 6px rgba(232,195,122,0.35)}@media (max-height:560px){#firstrun{top:calc(92px + var(--safe-top));width:min(180px,40vw);font-size:11px;padding:5px 8px 6px;max-height:calc(100vh - 92px - 174px - var(--safe-top) - var(--safe-bottom));overflow-y:auto}#firstrun .fr-head{margin-bottom:3px}#firstrun .fr-step{padding:1px 0}#firstrun .fr-hint{font-size:10px}}.intro-wrap{max-width:760px;margin:0 auto;min-height:100%;display:flex;align-items:center;justify-content:center;padding:20px 14px}.intro-card{position:relative;width:100%;padding:26px 26px 18px;border:1px solid var(--border);border-radius:14px;background:linear-gradient(180deg,rgba(40,32,64,0.96),rgba(18,14,32,0.96));box-shadow:0 18px 50px rgba(0,0,0,0.5)}.intro-eyebrow{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--accent);margin-bottom:10px}.intro-card h1{color:var(--text);font-size:30px;line-height:1.12;margin:0 0 10px;text-wrap:balance}.intro-lead{color:var(--accent-2);font-size:15px;margin:0 0 14px}.intro-card p{color:var(--text-dim);line-height:1.55;margin:0 0 12px;max-width:62ch}.intro-classes{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:4px 0 16px}.intro-class{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 6px 10px;border:1px solid var(--border);border-radius:10px;background:rgba(12,9,20,0.5);text-align:center}.intro-class b{color:var(--text);font-size:13px}.intro-class .intro-blurb{color:var(--text-dim);font-size:11px;line-height:1.35}.intro-class canvas{border-radius:8px}.intro-nav{display:flex;align-items:center;gap:12px;margin-top:6px}.intro-nav .primary{margin-left:auto}.intro-dots{display:flex;gap:6px}.intro-dot{width:7px;height:7px;border-radius:50%;background:var(--border);cursor:pointer}.intro-dot.on{background:var(--accent)}.intro-skip{position:absolute;top:14px;right:14px;padding:4px 10px;font-size:11px;background:transparent;border:1px solid var(--border);color:var(--text-dim);border-radius:7px}@media (max-width:620px){.intro-card{padding:20px 16px 14px}.intro-card h1{font-size:23px}.intro-lead{font-size:14px}.intro-classes{grid-template-columns:repeat(2,1fr)}.intro-nav{flex-wrap:wrap}.intro-nav .primary{margin-left:auto}}.roster-footer{display:flex;align-items:center;justify-content:center;gap:12px;margin:20px auto 4px;padding-top:14px;border-top:1px solid var(--border);max-width:420px}.roster-footer .ghost{padding:5px 12px;font-size:12px}#item-detail-back{position:fixed;inset:0;z-index:300;display:flex;align-items:center;justify-content:center;padding:18px;background:rgba(6,4,12,0.66)}.item-detail{width:min(340px,100%);max-height:80vh;overflow-y:auto;padding:14px 14px 12px;border:1px solid var(--border);border-radius:12px;background:linear-gradient(180deg,#241d38,#151022);box-shadow:0 18px 50px rgba(0,0,0,0.55)}.item-detail-head{display:flex;gap:12px;align-items:center;margin-bottom:10px}.item-detail-head canvas{border-radius:8px;background:rgba(0,0,0,0.3)}.item-detail-name{font-size:16px;font-weight:bold;line-height:1.2}.item-detail .pet-sub{margin-top:3px}.item-stats{display:flex;flex-direction:column;gap:3px;margin:10px 0}.item-stat{display:grid;grid-template-columns:46px 1fr auto;align-items:baseline;gap:8px;font-size:13px}.item-stat .k{color:var(--text-dim);font-size:11px;letter-spacing:.08em}.item-stat .v{color:var(--text);font-variant-numeric:tabular-nums}.item-stat .delta{font-variant-numeric:tabular-nums;font-size:12px}.item-stat .delta.up{color:var(--good)}.item-stat .delta.down{color:var(--bad)}.compare-note{font-style:italic}.item-detail-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.item-detail-close{width:100%;margin-top:8px}.equip-slot.filled{cursor:pointer}.equip-slot .bag-actions{margin-top:5px}.equip-slot .bag-actions button{width:100%;font-size:11px;padding:3px 6px}.panel-body.find .row{gap:6px;margin-bottom:10px}.panel-body.find input{flex:1}.find-hit{padding:8px 10px;margin-bottom:8px;border:1px solid var(--border);border-radius:9px;background:rgba(12,9,20,0.4)}.find-name{font-weight:bold;color:var(--text);display:flex;align-items:center;gap:7px}.find-boss{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--gold);border:1px solid var(--gold);border-radius:4px;padding:1px 5px}.find-place{margin-top:5px;display:flex;flex-wrap:wrap;gap:8px;align-items:baseline}.find-place b{color:var(--accent-2)}.find-here{color:var(--good);font-size:12px}.lang-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:6px}.lang-list button{width:100%}.title-list{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 6px}.title-list button{font-size:12px;padding:4px 10px}.title-list button.locked{opacity:0.4;cursor:default}#install-hint{position:fixed;left:16px;right:16px;top:calc(10px + var(--safe-top));z-index:120;display:flex;justify-content:center;pointer-events:auto}#install-hint.hidden{display:none}#install-hint .hint-body{background:linear-gradient(180deg,#241d38,#171226);border:1px solid var(--border);padding:10px 12px;border-radius:12px;display:flex;gap:10px;align-items:center;width:100%;max-width:560px;justify-content:space-between}#install-hint .hint-text{font-size:14px;color:var(--text)}#install-hint .ghost{background:transparent;border:1px solid var(--border);color:var(--text-dim);padding:6px 10px;border-radius:8px}