:root{color-scheme:dark;--charcoal-950:#0d0e10;--charcoal-900:#141517;--iron-700:#44474b;--iron-500:#73777c;--leather-700:#5a3824;--leather-500:#98643c;--parchment-100:#f2e7cc;--parchment-300:#cfbea0;--bg:var(--charcoal-950);--bg-panel:#1b1b1c;--bg-panel-2:#272526;--border:var(--iron-700);--text:var(--parchment-100);--text-dim:var(--parchment-300);--accent:#c47a3d;--accent-2:#dbc28d;--good:#7ee081;--bad:#ff6b6b;--gold:#ffd166;font-family:'Trebuchet MS','Segoe UI',system-ui,sans-serif;--font-display:'Cinzel','Trajan Pro',Georgia,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:linear-gradient(180deg,#302c28,var(--bg-panel-2));color:var(--text);border:1px solid var(--border);border-radius:8px;padding:8px 14px;min-height:44px;font-size:14px;box-shadow:inset 0 1px 0 rgba(255,255,255,0.08),inset 0 -2px 0 rgba(0,0,0,0.25),0 1px 2px rgba(0,0,0,0.3);transition:transform .08s ease,background .15s ease,box-shadow .08s ease}button:hover{background:linear-gradient(180deg,#3a352f,#29251f);border-color:var(--leather-500)}button:active{transform:scale(0.97);box-shadow:inset 0 2px 3px rgba(0,0,0,0.4),inset 0 -1px 0 rgba(255,255,255,0.05)}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;box-shadow:inset 0 1px 0 rgba(255,255,255,0.35),inset 0 -2px 0 rgba(0,0,0,0.2),0 1px 3px rgba(0,0,0,0.4)}button.primary:hover{filter:brightness(1.08)}button.primary:active{box-shadow:inset 0 2px 4px rgba(0,0,0,0.35)}button.danger{background:linear-gradient(180deg,#5a2838,#4a2030);border-color:#7a3348;color:#ffb3c1}button.ghost{box-shadow:none;background:transparent}button.ghost:active{box-shadow:none}input,select,textarea{font-family:inherit;background:#14101f;border:1px solid var(--border);color:var(--text);border-radius:6px;padding:8px 10px;min-height:44px;font-size:14px}input[type="range"]{-webkit-appearance:none;appearance:none;background:transparent;min-height:0;padding:0;border:none;height:20px;cursor:pointer}input[type="range"]::-webkit-slider-runnable-track{height:6px;border-radius:4px;background:linear-gradient(180deg,#0f0c18,#1c1730);border:1px solid var(--border)}input[type="range"]::-moz-range-track{height:6px;border-radius:4px;background:linear-gradient(180deg,#0f0c18,#1c1730);border:1px solid var(--border)}input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;margin-top:-7px;border-radius:50%;background:linear-gradient(180deg,var(--gold),var(--accent));border:1px solid #d96b28;box-shadow:0 1px 3px rgba(0,0,0,0.5)}input[type="range"]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;border:1px solid #d96b28;background:linear-gradient(180deg,var(--gold),var(--accent));box-shadow:0 1px 3px rgba(0,0,0,0.5)}input[type="range"]:focus-visible::-webkit-slider-thumb{outline:2px solid var(--accent-2);outline-offset:2px}input[type="checkbox"]{-webkit-appearance:none;appearance:none;width:22px;height:22px;min-height:0;padding:0;flex:none;border-radius:5px;background:#14101f;border:1px solid var(--border);cursor:pointer;position:relative;box-shadow:inset 0 1px 2px rgba(0,0,0,0.4)}input[type="checkbox"]:checked{background:linear-gradient(180deg,var(--gold),var(--accent));border-color:#d96b28}input[type="checkbox"]:checked::after{content:'';position:absolute;left:6px;top:2px;width:6px;height:11px;border:solid #2a1200;border-width:0 2px 2px 0;transform:rotate(40deg)}input[type="checkbox"]:focus-visible{outline:2px solid var(--accent-2);outline-offset:2px}#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:linear-gradient(180deg,#242220,var(--bg-panel));border:1px solid var(--iron-700);border-top-color:var(--iron-500);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.selectable:focus-visible{outline:3px solid var(--accent-2);outline-offset:3px}.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)}.xpbar{height:4px;border-radius:3px;background:#1c1730;overflow:hidden;border:1px solid var(--border);margin-top:3px}.xpbar>div{height:100%;background:linear-gradient(90deg,#ffe08a,#d98a1f)}.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}.breed-flow{display:flex;align-items:flex-start;justify-content:center;gap:18px;flex-wrap:wrap;margin:10px 0}.breed-parent,.breed-child{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}.breed-child{padding:10px;border:1px solid var(--accent-2);border-radius:10px;background:var(--bg-panel-2)}.breed-parent-canvas{width:100px;height:100px;display:flex;align-items:center;justify-content:center}.breed-parent-canvas canvas{image-rendering:pixelated}.gene-flow-table{display:flex;flex-direction:column;gap:4px;margin:8px 0}.gene-row{display:grid;grid-template-columns:90px 1fr 20px 1fr 20px 1fr;align-items:center;gap:6px;font-size:12px;padding:3px 0;border-bottom:1px solid var(--border)}.gene-locus{text-transform:capitalize;color:var(--text-dim)}.gene-cell{color:var(--text-dim)}.gene-cell-child{color:var(--text)}.gene-arrow{text-align:center;opacity:0.5}.gene-src{display:inline-block;font-size:8px;font-weight:800;vertical-align:super;margin-left:1px;padding:0 3px;border-radius:3px}.gene-src-A{background:rgba(126,224,129,0.22);color:#7ee081}.gene-src-B{background:rgba(110,231,255,0.22);color:#6ee7ff}.gene-src-mutation{background:rgba(255,138,76,0.25);color:#ff8a4c}@media (max-width:640px){.gene-row{grid-template-columns:70px 1fr 14px 1fr 14px 1fr;font-size:11px}}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.spacer{flex:1}.login-wrap{max-width:420px;margin:48px auto;text-align:center;background:linear-gradient(180deg,#242220,var(--bg-panel));border:1px solid var(--iron-700);border-top-color:var(--iron-500);border-radius:14px;padding:28px 24px 24px;box-shadow:0 12px 32px rgba(0,0,0,0.45)}.login-crest{display:block;margin:0 auto 4px}.login-wrap h1{color:var(--accent-2);font-size:32px;margin-top:4px;font-family:var(--font-display);font-weight:600;letter-spacing:.03em}.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}.modal:focus{outline:none}.modal h1,.modal h2,.modal h3{font-family:var(--font-display);letter-spacing:.02em}.modal.wide{max-width:min(960px,92vw)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible,[role="button"]:focus-visible{outline:3px solid var(--accent-2);outline-offset:3px}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms !important;animation-iteration-count:1 !important;scroll-behavior:auto !important;transition-duration:.001ms !important}.pet-card.selectable:hover{transform:none}}.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}.auction-house{padding:16px}.auction-house h2{margin-bottom:4px}.auction-tabs{display:flex;gap:6px;margin:14px 0;overflow-x:auto;padding-bottom:3px;scrollbar-width:thin}.auction-tabs button{flex:none;white-space:nowrap}.auction-content{min-height:150px}.auction-filters{display:grid;grid-template-columns:minmax(150px,2fr) repeat(4,minmax(110px,1fr)) auto;gap:8px;align-items:end;margin-bottom:14px}.auction-filters input,.auction-filters select,.auction-sell-form input,.auction-sell-form select{width:100%;min-width:0}.auction-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(245px,1fr));gap:12px}.auction-card{display:flex;flex-direction:column;gap:10px;min-width:0;padding:12px;border:1px solid var(--border);border-radius:10px;background:rgba(12,9,20,0.44)}.auction-asset{display:flex;gap:10px;align-items:center;min-width:0}.auction-asset>div:last-child{min-width:0}.auction-asset h4{margin:0 0 3px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.auction-asset-icon{flex:0 0 48px;width:48px;height:48px;border-radius:9px;background:var(--bg-panel-2);border:1px solid var(--border)}.auction-prices{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:0}.auction-prices>div{padding:7px 8px;border-radius:7px;background:rgba(255,255,255,0.04)}.auction-prices dt{color:var(--text-dim);font-size:10px}.auction-prices dd{margin:2px 0 0;color:var(--gold);font-size:13px;font-weight:700}.auction-meta{color:var(--text-dim);font-size:11px;line-height:1.4}.auction-actions{display:flex;flex-wrap:wrap;gap:7px;align-items:center;margin-top:auto}.auction-actions input{flex:1 1 90px;min-width:80px}.auction-actions button{flex:1 1 auto;padding:7px 10px;font-size:12px}.auction-my-bid{color:var(--accent-2);font-size:12px;font-weight:700}.auction-status{padding:14px;color:var(--text-dim);text-align:center;border:1px dashed var(--border);border-radius:9px}.auction-status.error{color:var(--bad);border-color:#7a3348}.auction-pager{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:14px;color:var(--text-dim);font-size:12px}.auction-sell-form{max-width:700px}.auction-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.auction-field{display:flex;flex-direction:column;gap:5px}.auction-field>span{color:var(--text-dim);font-size:12px}.auction-form-actions{display:flex;justify-content:flex-end;margin-top:14px}.auction-claims{display:flex;flex-direction:column;gap:8px}.auction-claim{display:flex;align-items:center;gap:12px;padding:10px;border:1px solid var(--border);border-radius:9px;background:rgba(12,9,20,0.44)}.auction-claim .spacer{min-width:0}.trade-columns{align-items:flex-start;gap:14px}.trade-side{flex:1 1 0;min-width:0}.trade-actions{margin-top:14px}@media (max-width:900px){.auction-filters{grid-template-columns:repeat(3,minmax(0,1fr))}.auction-filters input[type="search"]{grid-column:span 2}}@media (max-width:620px){.auction-house{padding:12px}.auction-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.auction-filters input[type="search"]{grid-column:1 / -1}.auction-filters button{grid-column:1 / -1}.auction-form-grid{grid-template-columns:1fr}.auction-grid{grid-template-columns:1fr}.auction-claim{align-items:stretch;flex-direction:column}.auction-claim button{width:100%}.trade-columns{flex-direction:column}.trade-side{width:100%}.trade-actions button{flex:1 1 auto}}
html,body{overflow:hidden;height:100%;background-color:#100e0c;position:fixed;inset:0;width:100%;overscroll-behavior:none;touch-action:pan-x pan-y pinch-zoom;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;text-size-adjust:100%}#hotbar .slot.combat-suggested{outline:3px solid #7ee7ff;box-shadow:0 0 14px rgba(126,231,255,0.9)}#hotbar .slot.resource-locked{filter:grayscale(0.7) brightness(0.65)}@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{position:fixed;inset:0;overflow-y:auto;-webkit-overflow-scrolling:touch;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:#100e0c;touch-action:none}#loading-overlay{position:fixed;inset:0;z-index:500;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:radial-gradient(1200px 800px at 20% -10%,#2a2148 0%,#0d0e10 60%)}#loading-overlay.hidden{display:none}#loading-crest{animation:loading-crest-pulse 1.8s ease-in-out infinite}#loading-text{color:var(--accent-2,#dbc28d);font-family:var(--font-display,serif);font-size:15px;letter-spacing:0.06em}@keyframes loading-crest-pulse{0%,100%{opacity:0.7;transform:scale(1)}50%{opacity:1;transform:scale(1.04)}}@media (prefers-reduced-motion:reduce){#loading-crest{animation: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));width:calc(100% / var(--ui-scale));height:calc(100% / var(--ui-scale))}#hud{position:absolute;top:0;left:0;pointer-events:none;font-size:13px;-webkit-user-select:none;user-select:none}#hud button,#hud input,#hud [role="button"],#hud .game-panel,#hud .context-menu,#hud #chat-overlay,#hud #joypad,#hud #minimap-wrap,#hud #menu-tray{pointer-events:auto}#connection-status{position:absolute;z-index:250;top:calc(8px + var(--safe-top));left:50%;transform:translateX(-50%);max-width:min(88vw,420px);padding:7px 13px;border-radius:8px;background:rgba(90,25,33,.96);border:1px solid #ff8a8a;color:#fff;font-weight:700;text-align:center;pointer-events:none}#connection-status.restored{background:rgba(28,91,46,.96);border-color:#8be07a}#connection-status.hidden{display:none}.death-context{max-width:42ch;line-height:1.5;color:#d8d1ea}body.compact-viewport #minimap{width:104px;height:104px}body.compact-viewport #menu-tray{max-height:calc(100vh - 24px)}:focus-visible{outline:3px solid #ffe08a;outline-offset:3px}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms !important;animation-iteration-count:1 !important;scroll-behavior:auto !important;transition-duration:.001ms !important}}#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;cursor:pointer;border-radius:4px}#portrait-wrap:hover #portrait,#portrait-wrap:focus-visible #portrait{outline:1px solid var(--accent)}#portrait-wrap:focus{outline:none}#portrait-points{position:absolute;top:-3px;left:-3px;z-index:2;min-width:15px;padding:0 3px;box-sizing:border-box;background:#2f7d3a;border:1px solid #9be08a;border-radius:8px;color:#eaffe4;font-size:10px;line-height:14px;text-align:center;font-weight:700;text-shadow:0 1px 1px #000;animation:portrait-points-pulse 1.8s ease-in-out infinite}#portrait-points.hidden{display:none}@keyframes portrait-points-pulse{0%,100%{box-shadow:0 0 0 0 rgba(155,224,138,0.5)}50%{box-shadow:0 0 0 4px rgba(155,224,138,0)}}#portrait{display:block;box-sizing:border-box;width:52px;height:52px;border-radius:50%;background:#120f0c;border:2px solid rgba(214,178,96,0.85);box-shadow:inset 0 0 0 1px rgba(0,0,0,0.6),0 1px 3px rgba(0,0,0,0.5)}#vital-level{position:absolute;bottom:-3px;right:-3px;min-width:20px;height:20px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 35% 30%,#423c34,#171512);border:1.5px solid rgba(214,178,96,0.9);color:#ffd166;border-radius:50%;font-size:10px;font-weight:700;padding:0 2px;box-shadow:0 1px 3px rgba(0,0,0,0.6)}.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:#100e0c;border:1px solid #4a453e;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 .pf-body{display:flex;flex-direction:column;gap:3px;min-width:96px}#pet-frame .bar.xp.pet-xp{height:5px;border-radius:2px}#pet-frame .bar.xp.pet-xp i{transition:width .2s ease}#pet-frame.fainted{filter:grayscale(1) brightness(0.8)}#pet-frame.fainted #pet-name{color:#d08a8a}#pet-revive{flex:none;font-size:10px;padding:3px 7px;border-radius:5px;border:1px solid #5a5148;background:#241f1a;color:#e6e1f8;cursor:pointer;filter:none}#pet-revive:hover{border-color:var(--accent)}#pet-revive.hidden{display:none}#pet-frame canvas{width:38px;height:38px;box-sizing:border-box;border-radius:50%;background:#120f0c;flex:none;border:2px solid rgba(126,224,138,0.65);box-shadow:inset 0 0 0 1px rgba(0,0,0,0.6)}#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:#241f1a;border:1px solid #4a453e;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:#120f0c;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{position:relative}.party-frame .pf-portrait{position:relative;flex:none}.party-frame canvas{width:34px;height:34px;box-sizing:border-box;border-radius:50%;background:#120f0c;flex:none;border:2px solid rgba(150,140,180,0.6);box-shadow:inset 0 0 0 1px rgba(0,0,0,0.6)}.party-frame .pf-body{flex:1;min-width:0}.pf-name{font-size:11px;color:#ffd166;text-shadow:0 1px 2px #000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pf-guild{color:#6ee7ff;font-weight:400;font-size:10px}.party-frame .bar{height:7px}.party-frame .bar .bar-text{font-size:8px;line-height:7px}.pf-level{position:absolute;bottom:-3px;right:-3px;min-width:15px;height:15px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 35% 30%,#423c34,#171512);border:1.2px solid rgba(150,140,180,0.75);color:#cfc7ee;border-radius:50%;font-size:8px;font-weight:700;padding:0 1px;box-shadow:0 1px 2px rgba(0,0,0,0.6)}.party-frame.offline{opacity:0.45}#target-frame{position:absolute;top:74px;left:50%;transform:translateX(-50%);display:grid;grid-template-columns:1fr auto;align-items:center;gap:6px;padding:5px 16px;min-width:210px;max-width:min(320px,70vw);background-size:100% 100%}#target-frame.hidden{display:none}.tf-info{text-align:center;min-width:0}.tf-name{font-weight:700;color:#ffb3a7;font-size:12px;text-shadow:0 1px 2px #000;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tf-bar{height:8px;background:#100e0c;border-radius:3px;overflow:hidden;margin:3px 0 1px;border:1px solid #4a453e}.tf-fill{height:100%;background:linear-gradient(180deg,#ff8a4c,#b81f1f)}.tf-hp{font-size:10px;color:#c9c4dd}.tf-status{margin-top:3px;color:var(--df-gold-soft,#d6bd82);font-size:10px;letter-spacing:.06em;text-transform:uppercase}#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}#device-battery{display:none;align-items:center;gap:5px;min-width:52px;color:#d8d2e5;font-size:10px;font-variant-numeric:tabular-nums}body.mobile #device-battery.available{display:inline-flex}.battery-shell{position:relative;display:inline-block;width:24px;height:10px;padding:1px;border:1px solid #a8a2b4;border-radius:2px;background:rgba(15,13,11,.72)}.battery-shell::after{content:'';position:absolute;right:-4px;top:2px;width:2px;height:5px;border-radius:0 1px 1px 0;background:#a8a2b4}#battery-fill{display:block;width:0;height:100%;border-radius:1px;background:#8fcf7a;transition:width .25s ease,background-color .25s ease}#device-battery.low #battery-fill{background:#df625a}#device-battery.charging #battery-fill{background:#d6b75e}#device-battery.charging #battery-percent::before{content:'⚡';margin-right:2px}#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:#100e0c}#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(360px,58vw);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(15,13,11,0.6);border:1px solid #4a453e;color:#c9bfa0}#log-wrap.hidden #btn-log-toggle{transform:rotate(180deg)}#message-log{width:100%;max-height:min(22vh,148px);overflow-y:auto;display:flex;flex-direction:column;background:rgba(15,13,11,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(15,13,11,0.35)}#message-log::-webkit-scrollbar{width:12px}#message-log::-webkit-scrollbar-track{background:rgba(15,13,11,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;top:3px;right:5px;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(15,13,11,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}#event-banner.hidden{display:none}@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:#171512;border-left:3px solid #5a5148;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:#c9bfa0}.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:#c9bfa0}.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:#c9bfa0;font-variant-numeric:tabular-nums}.gm-bar{height:9px;background:#100e0c;border:1px solid #4a453e;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{width:30px;height:30px;background:center / contain no-repeat;filter:drop-shadow(0 2px 3px rgba(0,0,0,0.55))}#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}#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 canvas{vertical-align:middle}#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,#menu-tray a{text-align:left;font-size:13px;padding:7px 10px}#menu-tray button.menu-iconed,#menu-tray a.menu-iconed{background-repeat:no-repeat !important;background-position:8px center !important;background-size:20px 20px !important;padding-left:32px}#menu-tray button.hidden,#menu-tray a.hidden,#menu-tray .menu-head.hidden,#menu-tray .menu-group.hidden{display:none}#menu-tray{max-width:min(320px,90vw)}#menu-tray .menu-group{display:grid;grid-template-columns:1fr 1fr;gap:5px}#menu-tray .menu-group button,#menu-tray .menu-group a{white-space:normal;line-height:1.25;min-width:0;overflow-wrap:anywhere}#menu-tray .menu-head{font-size:10px;letter-spacing:0.1em;text-transform:uppercase;color:var(--text-dim,#c9bfa0);opacity:0.75;margin:6px 2px 1px;user-select:none}#menu-tray .menu-head:first-child{margin-top:0}#menu-tray .menu-tight{grid-template-columns:repeat(3,1fr);margin-top:6px}#menu-tray .menu-tight button{text-align:center;padding:6px 4px;font-size:14px}#menu-tray .menu-tight button.menu-iconed{padding:14px 4px !important;background-position:center !important}#menu-tray a{font-family:inherit;cursor:pointer;text-decoration:none;background:var(--bg-panel-2);color:var(--text);border:1px solid var(--border);border-radius:8px;transition:transform .08s ease,background .15s ease;display:block}#menu-tray a:hover{background:#3a352c;color:var(--text)}#menu-tray a:active{transform:scale(0.97)}#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(15,13,11,0.55);pointer-events:auto;z-index:1000}#panel-root.hidden{display:none}.game-panel{background:linear-gradient(180deg,#2e2a24,#171512);border:1px solid #5a5148;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 #4a453e}.settings-legal{margin-top:18px;padding-top:12px;border-top:1px solid #4a453e;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 #4a453e}.talent-points{font-weight:700;color:var(--accent-2)}.talent-note{font-size:12px;opacity:0.7}.talent-top button{margin-left:auto}.talent-node.talent-grants{border-color:#b07a2a;background:rgba(96,64,20,0.22)}.talent-badge{display:inline-block;margin:4px 4px 2px 0;padding:2px 7px;border-radius:4px;background:rgba(201,162,39,0.18);border:1px solid #b07a2a;color:#ffd166;font-size:10px;font-weight:800;letter-spacing:0.8px}.talent-badge-skill{background:rgba(110,231,255,0.14);border-color:#3a7fa0;color:#7ee7ff}.talent-skill-desc{font-size:11px;font-style:italic;opacity:0.85;margin:2px 0 6px}.recommend-badge{display:inline-block;margin:5px 4px;padding:3px 7px;border-radius:999px;border:1px solid #b07a2a;background:rgba(201,162,39,.16);color:#e8c37a;font-size:10px;font-weight:800;letter-spacing:.05em}.recommendation-card{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:8px 0;padding:7px 9px;border:1px solid rgba(176,122,42,.55);border-radius:7px;background:rgba(67,45,17,.2)}.talent-branches{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,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 #4a453e;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:#4a453e;margin:10px 2px}.talent-graph{margin-bottom:8px}.talent-graph-row{display:flex;justify-content:space-evenly;align-items:center}.talent-graph-gap{position:relative;height:20px}.talent-graph-gap svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.talent-link{stroke:#4a453e;stroke-width:2}.talent-link.available{stroke:#6b5aa8}.talent-link.lit{stroke:#b07a2a;stroke-width:2.6;filter:drop-shadow(0 0 2px rgba(176,122,42,0.6))}.talent-orb{width:38px;height:38px;border-radius:50%;flex:none;border:2px solid #4a453e;background:rgba(255,255,255,0.03);display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:#cfc9bd;cursor:pointer;font-variant-numeric:tabular-nums;transition:transform 0.12s ease}.talent-orb:hover{transform:scale(1.1)}.talent-orb.open{border-color:#6b5aa8;color:#cdbdf0}.talent-orb.maxed{border-color:#ffd166;background:rgba(255,209,102,0.14);color:#ffd166}.talent-orb.shut{opacity:0.45}.talent-orb.special{border-color:#b07a2a;box-shadow:0 0 8px rgba(176,122,42,0.5)}.talent-orb.skill{border-color:#3a7fa0;color:#7ee7ff;box-shadow:0 0 8px rgba(126,231,255,0.5)}.talent-cell-highlight{animation:talent-flash 1.1s ease}@keyframes talent-flash{0%{box-shadow:0 0 0 2px rgba(176,122,42,0)}25%{box-shadow:0 0 0 2px rgba(176,122,42,0.9)}100%{box-shadow:0 0 0 2px rgba(176,122,42,0)}}.talent-node{border:1px solid #4a453e;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,#2e2a24,#171512);border:1px solid #5a5148;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);font-family:var(--font-display);letter-spacing:.02em}.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 #5a5148;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:#241f1a;border-color:var(--item-rarity,#5a5148);box-shadow:0 0 8px -3px var(--item-rarity,transparent)}.equip-slot.filled:hover{border-color:var(--accent);box-shadow:0 0 10px -2px 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:#241f1a;border:1px solid var(--item-rarity,#4a453e);border-radius:10px;padding:8px;display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;box-shadow:0 0 8px -3px var(--item-rarity,transparent)}.bag-cell.broken{border-color:#7a3348;box-shadow:none}.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:#100e0c;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;padding-bottom:12px;border-bottom:1px solid #4a453e}.sheet-portrait{border-radius:10px;border:2px solid rgba(214,178,96,0.7);box-shadow:inset 0 0 0 1px rgba(0,0,0,0.6),0 2px 8px rgba(0,0,0,0.5)}.sheet-name{font-size:20px;font-weight:800}.stat-grid,.derived-grid{display:flex;flex-direction:column;gap:2px}.stat-row,.stat-line{display:flex;align-items:center;gap:8px;padding:3px 6px;border-radius:5px}.stat-row:nth-child(odd),.stat-line:nth-child(odd){background:rgba(255,255,255,0.03)}.stat-row span{width:40px;color:var(--text-dim)}.stat-line{justify-content:space-between}.stat-line span{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:#241f1a;border-radius:10px;padding:8px}.locked{opacity:0.7}.karma-clean{color:#8be07a}.karma-stained{color:#ffd166}.karma-murderer{color:#ff6b6b}.quest-card{background:#241f1a;border:1px solid #4a453e;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:#241f1a;border-radius:10px;padding:8px}.shop-row>div{flex:1}.party-row,.roster-row{display:flex;gap:10px;align-items:center;background:#241f1a;border-radius:10px;padding:8px;margin-bottom:8px}.roster-row .grow{flex:1}.roster-row.offline{opacity:0.55}.social-tabs{display:flex;flex-wrap:wrap;gap:6px}.social-tabs button{flex:1 1 90px}.social-add{display:flex;gap:8px;margin:10px 0}.social-add input{flex:1;min-width:0}.social-pref{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#241f1a;border-radius:8px;padding:8px 10px;margin-bottom:6px}.social-pref select{max-width:50%}@media (max-width:520px){.friends-panel{padding:10px}.friends-panel .roster-row{flex-wrap:wrap}.friends-panel .roster-row .grow{flex-basis:100%}.social-add{flex-direction:column}.social-pref select{max-width:58%}}.mini-hp{height:5px;background:#100e0c;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 #4a453e;image-rendering:pixelated}.atlas-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}.atlas-cell{background:#241f1a;border:1px solid #4a453e;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 #4a453e}.rank-table tr.me{background:rgba(255,138,76,0.15)}.context-menu{position:fixed;z-index:60;background:#2e2a24;border:1px solid #5a5148;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 #4a453e}.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);z-index:1300}#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;font-family:var(--font-display)}.death-by{color:var(--text-dim);margin-bottom:16px}#warband-bar{position:absolute;top:calc(10px + var(--safe-top));left:50%;transform:translateX(-50%);z-index:55;background:rgba(24,14,20,0.86);border:1px solid #7a3a4a;border-radius:10px;padding:6px 16px;text-align:center;pointer-events:none;min-width:190px;box-shadow:0 4px 18px rgba(0,0,0,0.5)}#warband-bar.hidden{display:none}#warband-bar .wb-wave{font-weight:800;letter-spacing:1px;color:#ff9a8a;font-size:15px}#warband-bar .wb-detail{font-size:12px;color:var(--text-dim)}#warband-bar.boss{border-color:#c9a227}#warband-bar.boss .wb-wave{color:#ffd166}#adventure-tracker{position:absolute;top:132px;right:18px;z-index:74;width:min(320px,calc(100vw - 36px));padding:9px 12px;text-align:left;color:var(--text);background-size:100% 100%;background-repeat:no-repeat}#adventure-tracker.hidden{display:none}#adventure-tracker strong,#adventure-tracker span{display:block}#adventure-tracker span{margin-top:3px;color:var(--text-dim);font-size:12px}.adventure-screen{width:100%}.adventure-screen>header{display:flex;align-items:start;justify-content:space-between;gap:12px}.adventure-screen>header h2,.adventure-screen>header p{margin:0 0 6px}.adventure-screen section{margin-top:20px}.adventure-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}.adventure-card{padding:12px;border:1px solid rgba(112,71,44,.4);border-radius:8px;background:linear-gradient(180deg,rgba(58,50,42,.55),rgba(20,18,16,.65))}.adventure-card h3,.adventure-card p{margin:0 0 7px}.adventure-card small{display:block;color:var(--text-dim);margin-bottom:8px}.adventure-card .badge{margin-left:8px}.adventure-card button{margin:7px 7px 0 0}.adventure-card.found{border-color:#7bbd8b}.adventure-card.active-run{border-color:#d4a84e}.badge{display:inline-block;font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:2px 8px;border-radius:999px;vertical-align:middle;background:rgba(85,87,90,.3);border:1px solid var(--panel-iron,var(--border));color:var(--text-dim)}.badge-active{color:#2b1200;background:var(--gold);border-color:var(--gold)}.badge-complete,.badge-claimed{color:#16321a;background:var(--good);border-color:var(--good)}.badge-expired,.badge-locked{color:var(--text-dim);background:rgba(85,87,90,.3)}@media (max-width:650px){#adventure-tracker{top:112px;right:8px;width:min(290px,calc(100vw - 16px))}.adventure-grid{grid-template-columns:1fr}}#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;font-family:var(--font-display);letter-spacing:.02em}.class-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;margin:22px 0}.class-card{background:linear-gradient(180deg,#2e2a24,#161310);border:2px solid #4a453e;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;font-family:var(--font-display);letter-spacing:.02em}.class-stats{display:flex;justify-content:center;gap:8px;margin-top:8px;font-size:11px;color:var(--text-dim)}.appearance-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;margin:18px 0;padding:14px;border:1px solid var(--border);border-radius:10px;background:rgba(12,9,20,.72);text-align:left}.appearance-controls h2{grid-column:1 / -1;margin:0 0 2px;font-size:18px;color:var(--accent-2)}.appearance-choice{display:grid;gap:5px;font-size:12px;color:var(--text-dim)}.appearance-choice select{width:100%}.appearance-swatches{display:flex;flex-wrap:wrap;gap:6px}.appearance-swatch{width:28px;height:28px;border-radius:50%;padding:0;cursor:pointer;border:2px solid rgba(255,255,255,0.15)}.appearance-swatch.selected{border-color:var(--accent-2);box-shadow:0 0 0 2px rgba(255,255,255,0.25)}.gender-choice{grid-column:1 / -1}.gender-buttons{display:flex;gap:8px}.gender-btn{flex:1;padding:8px;border-radius:8px;border:2px solid #4a453e;background:rgba(12,9,20,.6);color:var(--text-dim);font-size:13px}.gender-btn.selected{border-color:var(--accent);color:var(--accent-2);background:rgba(255,138,76,.12)}.race-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:14px 0 22px}.race-card{background:linear-gradient(180deg,#2e2a24,#161310);border:2px solid #4a453e;border-radius:12px;padding:12px;cursor:pointer;text-align:left;transition:transform .12s ease,border-color .12s ease}.race-card:hover{transform:translateY(-3px)}.race-card.selected{border-color:var(--accent);box-shadow:0 0 0 2px rgba(255,138,76,0.25)}.race-card h3{margin:0 0 4px;font-family:var(--font-display);letter-spacing:.02em;font-size:15px}.race-card p{margin:0 0 4px;font-size:12px}.race-passive{color:var(--gold);font-weight:700}.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(290px,58vw);bottom:116px;left:50%;transform:translateX(-50%)}body.mobile #message-log{max-height:min(20vh,124px)}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;top:calc(8px + var(--safe-top));max-height:none;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}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{width:34px;height: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;min-width:40px;min-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;min-width:36px;min-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;min-width:36px;min-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;min-width:34px;min-height:34px}body.compact-hud #action-buttons button{width:40px;height:40px;min-width:40px;min-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;min-width:42px;min-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 #4a453e;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 !important;height:18px !important;min-width:18px !important;min-height:18px !important;padding:0;line-height:16px;font-size:13px;border-radius:4px;background:transparent;border:1px solid #4a453e;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 #5a5148;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)}#quest-tracker{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 #4a453e;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:auto}#quest-tracker.hidden{display:none}#quest-tracker .qt-head{display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:.09em;text-transform:uppercase;color:#9d93bd;margin-bottom:6px}#quest-tracker .qt-close{width:18px !important;height:18px !important;min-width:18px !important;min-height:18px !important;padding:0;line-height:16px;font-size:13px;border-radius:4px;background:transparent;border:1px solid #4a453e;color:#9d93bd}#quest-tracker .qt-body{max-height:34vh;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y}#quest-tracker .qt-quest + .qt-quest{margin-top:7px;padding-top:7px;border-top:1px solid rgba(60,49,96,0.6)}#quest-tracker .qt-name{color:#efe7ff;font-weight:600;line-height:1.25;margin-bottom:2px}#quest-tracker .qt-objective{color:#b7aed2;font-size:11px;line-height:1.35}#quest-tracker .qt-objective.met{color:#8fca7a}#quest-tracker .qt-ready{color:#ffd166;font-size:11px;margin-top:2px;font-weight:600}@media (max-height:560px){#quest-tracker{top:calc(92px + var(--safe-top));width:min(180px,40vw);font-size:11px;padding:5px 8px 6px}#quest-tracker .qt-body{max-height:26vh}#quest-tracker .qt-head{margin-bottom:3px}#quest-tracker .qt-objective{font-size:10px}}@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-card h1{color:var(--text);font-size:30px;line-height:1.12;margin:0 0 10px;text-wrap:balance;font-family:var(--font-display);letter-spacing:.01em}.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-page{color:var(--text-dim);font-size:12px;letter-spacing:.04em}.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,#2e2a24,#171310);box-shadow:0 18px 50px rgba(0,0,0,0.55);border-left:3px solid var(--item-rarity,var(--border))}.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.35);border:1px solid var(--item-rarity,var(--border));box-shadow:0 0 10px -2px var(--item-rarity,transparent)}.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;padding:2px 4px;border-radius:4px}.item-stat:nth-child(odd){background:rgba(255,255,255,0.03)}.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 .v-group{display:flex;align-items:baseline;gap:5px}.item-stat .v.from{color:var(--text-dim);text-decoration:line-through;text-decoration-color:rgba(255,255,255,0.25)}.item-stat .arrow{color:var(--text-dim);font-size:11px}.item-stat .v.to{font-weight:700}.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,#2e2a24,#161310);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}#log-wrap>.resize-handle.log-grip{left:0;top:0;right:auto;bottom:auto;width:20px;height:20px;cursor:nesw-resize;touch-action:none;opacity:0.55;border-radius:6px 0 6px 0;background-color:rgba(15,13,11,0.55);transition:opacity .15s ease;background:linear-gradient(45deg,transparent 46%,rgba(220,214,240,0.9) 46%,rgba(220,214,240,0.9) 54%,transparent 54%),linear-gradient(45deg,transparent 26%,rgba(220,214,240,0.7) 26%,rgba(220,214,240,0.7) 34%,transparent 34%)}#log-wrap:hover>.resize-handle.log-grip,#log-wrap>.resize-handle.log-grip:active{opacity:0.95}#log-wrap.hidden>.resize-handle.log-grip{display:none}.panel-body.daily{padding:14px}.daily-streak{margin:0 0 12px;font-size:14px;color:var(--accent-2)}.daily-week{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin-bottom:14px}@media (max-width:520px){.daily-week{grid-template-columns:repeat(4,1fr)}}.daily-day{position:relative;border:1px solid #5a5148;border-radius:8px;padding:8px 4px;display:flex;flex-direction:column;align-items:center;gap:3px;font-size:11px;text-align:center;background:linear-gradient(180deg,#241f1a,#171512);box-shadow:inset 0 1px 0 rgba(255,255,255,0.06),inset 0 -2px 0 rgba(0,0,0,0.3)}.daily-day.done{opacity:0.55;border-style:dashed;box-shadow:none}.daily-day.done::after{content:'✓';position:absolute;top:2px;right:4px;color:#7ee081;font-size:10px;font-weight:700}.daily-day.today{border-color:var(--accent);background:linear-gradient(180deg,#3a2f1c,#241f1a);box-shadow:0 0 0 1px var(--accent) inset,0 0 12px -2px rgba(255,157,92,0.5)}.daily-day.today::before{content:'TODAY';position:absolute;top:-8px;left:50%;transform:translateX(-50%);background:var(--accent);color:#2a1200;font-size:8px;font-weight:800;letter-spacing:0.05em;padding:1px 6px;border-radius:999px;box-shadow:0 1px 3px rgba(0,0,0,0.5)}.daily-day .dd-n{font-weight:700;color:var(--text-dim)}.daily-day .dd-gold{color:#ffd166}.daily-day .dd-extra{color:#9be08a;display:flex;align-items:center;gap:2px}.daily-day .dd-extra canvas{width:12px;height:12px}.craft-list{display:flex;flex-direction:column;gap:6px;margin:8px 0}.craft-row{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid #4a453e;border-radius:8px;padding:8px 10px;background:linear-gradient(180deg,rgba(255,255,255,0.02),rgba(0,0,0,0.12))}.craft-row.locked{opacity:0.55}.craft-row .craft-text{flex:1;min-width:0}.craft-row .craft-text b{color:var(--panel-parchment,var(--text))}#menu-tray button.has-daily::after,#btn-menu.has-daily::after,#menu-tray button.has-notice::after,#btn-menu.has-notice::after{content:'';display:inline-block;width:7px;height:7px;margin-left:6px;border-radius:50%;background:#9be08a;vertical-align:middle;box-shadow:0 0 6px rgba(155,224,138,0.9)}.mail-compose{display:grid;gap:8px;padding:10px;margin-bottom:14px;border:1px solid #4a453e;border-radius:10px;background:#201c17}.mail-compose textarea{resize:vertical;min-height:84px}.mail-card.unread{border-left-color:#9be08a;background:#241f1a}.mail-text{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.45}.mail-card button{align-self:flex-start;margin-top:5px}.panel-body.achievements{padding:12px 14px 16px}.panel-body.achievements h4{margin:14px 0 6px;color:var(--accent-2);font-size:12px}.ach-list{display:flex;flex-direction:column;gap:6px}.ach{border:1px solid #4a453e;border-radius:8px;padding:8px 10px;display:grid;grid-template-columns:1fr auto;gap:4px 10px;align-items:center;background:#171512}.ach.done{border-color:#6b8f5a}.ach.done.claimed{border-color:#4a453e;opacity:0.55}.ach-head{grid-column:1 / -1;display:flex;gap:8px;align-items:baseline;flex-wrap:wrap}.ach-name{font-weight:700;font-size:13px}.ach-name.tier-bronze{color:#c98b5e}.ach-name.tier-silver{color:#c9c4dd}.ach-name.tier-gold{color:#ffd166}.ach-hint{font-size:11px;color:var(--text-dim)}.ach-bar{height:6px;border-radius:3px;background:#120f0c;overflow:hidden}.ach-bar i{display:block;height:100%;background:linear-gradient(90deg,#6b8f5a,#9be08a)}.ach-count{font-size:11px;color:var(--text-dim);white-space:nowrap}.ach-claimed{color:#9be08a;font-size:14px}.ach button.small{grid-column:2;font-size:11px;padding:4px 8px}:root{--hud-gap:8px;--hud-touch-target:44px;--hud-top:calc(var(--safe-top) + var(--hud-gap));--hud-right:calc(var(--safe-right) + var(--hud-gap));--hud-bottom:calc(var(--safe-bottom) + var(--hud-gap));--hud-left:calc(var(--safe-left) + var(--hud-gap));--panel-charcoal:rgba(25,25,24,.96);--panel-iron:#55575a;--panel-leather:#70472c;--panel-parchment:#eadcbd}html,body,#game,#hud{height:100vh;height:100dvh}#viewport{width:100%;height:100%}body.input-coarse #hud button,body.input-coarse #hud [role="button"],body.input-coarse .game-panel button,body.input-coarse .game-panel input,body.input-coarse .game-panel select{min-width:var(--hud-touch-target);min-height:var(--hud-touch-target)}.game-panel,.modal,.context-menu,#menu-tray,#chat-overlay,#install-hint .hint-body,.item-detail{color:var(--panel-parchment);background:linear-gradient(180deg,rgba(49,45,40,.98),var(--panel-charcoal));border-color:var(--panel-iron);box-shadow:inset 0 1px rgba(255,255,255,.08),0 18px 48px rgba(0,0,0,.62)}.panel-head{min-height:52px;border-bottom-color:var(--panel-leather);background:linear-gradient(90deg,rgba(112,71,44,.28),transparent 65%);box-shadow:0 3px 0 -2px rgba(0,0,0,0.5)}.panel-head h3{color:var(--panel-parchment);letter-spacing:.025em;text-shadow:0 1px 2px rgba(0,0,0,0.6)}.icon-btn{display:inline-grid;place-items:center;min-width:var(--hud-touch-target);min-height:var(--hud-touch-target);padding:0}.tab-row [aria-selected="true"],[role="tab"][aria-selected="true"],#chat-tabs button.active{color:#21170e;background:linear-gradient(180deg,#e0b06e,#ad6836);border-color:#edca91}#panel-root{padding:max(12px,var(--safe-top)) max(12px,var(--safe-right)) max(12px,var(--safe-bottom)) max(12px,var(--safe-left))}.game-panel{width:min(520px,100%);max-height:min(86vh,calc(100dvh - var(--safe-top) - var(--safe-bottom) - 24px))}.game-panel.wide{width:min(880px,100%)}#target-cycle{border-radius:50%}#minimap-wrap{display:block;border:0;color:inherit;text-align:initial;cursor:pointer}#minimap-wrap:focus-visible{outline-offset:2px}#chat-log:focus-visible{outline:2px solid var(--accent-2);outline-offset:2px}body.layout-desktop #self-frame,body.layout-tablet #self-frame,body.layout-phone #self-frame{top:var(--hud-top);left:var(--hud-left)}body.layout-desktop #zone-bar,body.layout-tablet #zone-bar,body.layout-phone #zone-bar{top:var(--hud-top);right:var(--hud-right)}body.layout-desktop #minimap-wrap,body.layout-tablet #minimap-wrap,body.layout-phone #minimap-wrap{right:var(--hud-right)}body.layout-desktop #joypad,body.layout-tablet #joypad,body.layout-phone #joypad{left:var(--hud-left);bottom:var(--hud-bottom)}body.layout-desktop #action-buttons,body.layout-tablet #action-buttons,body.layout-phone #action-buttons{right:var(--hud-right);bottom:var(--hud-bottom)}body.layout-desktop #minimap-wrap{top:calc(var(--hud-top) + 22px)}body.layout-desktop #hotbar{bottom:var(--hud-bottom);max-width:calc(100vw - 400px);flex-wrap:wrap;justify-content:center;row-gap:4px}body.layout-tablet #minimap-wrap{top:calc(var(--hud-top) + 22px);transform:scale(.88);transform-origin:top right}body.layout-tablet #hotbar{left:50%;bottom:var(--hud-bottom);transform:translateX(-50%);max-width:calc(100vw - 300px);flex-wrap:wrap;justify-content:center}body.layout-tablet #action-buttons{flex-direction:column;max-height:calc(100dvh - 210px)}body.layout-tablet #chat-overlay{width:min(420px,72vw)}body.layout-phone #self-frame{min-width:190px;min-height:74px;padding:7px}body.layout-phone #portrait-wrap{width:44px;height:44px}body.layout-phone #portrait{width:44px;height:44px}body.layout-phone .vitals-bars{min-width:118px}body.layout-phone #minimap-wrap{top:calc(var(--hud-top) + 22px);width:124px;height:140px;padding:5px;transform:scale(.82);transform-origin:top right}body.layout-phone #minimap{width:108px;height:108px}body.layout-phone #joypad{width:118px;height:118px}body.layout-phone #hotbar{left:calc(var(--hud-left) + 124px);bottom:var(--hud-bottom);transform:none;gap:3px;padding:5px 6px;max-width:calc(100vw - 276px);flex-wrap:wrap;justify-content:center}body.layout-phone #hotbar .slot{width:44px;height:44px}body.layout-phone #action-pad{right:var(--hud-right);bottom:calc(var(--hud-bottom) + 70px);width:96px;height:96px}body.layout-phone #btn-action{width:96px;height:96px}body.layout-phone #action-buttons{width:auto;max-width:calc(100vw - 142px);height:auto;max-height:none;flex-direction:row;flex-wrap:wrap-reverse;justify-content:flex-end;gap:6px}body.layout-phone #action-buttons button{width:52px;height:52px;line-height:52px}body.layout-phone #log-wrap{width:min(290px,58vw);bottom:calc(var(--hud-bottom) + 108px)}body.layout-phone #chat-overlay{left:var(--hud-left);right:var(--hud-right);bottom:calc(var(--hud-bottom) + 64px);width:auto;max-height:calc(100dvh - var(--safe-top) - var(--safe-bottom) - 84px)}body.layout-phone #chat-log{height:min(30dvh,168px)}body.layout-phone .game-panel{width:100%;max-height:calc(100dvh - var(--safe-top) - var(--safe-bottom) - 16px)}body.layout-short #party-frames{display:none}body.layout-short #minimap-wrap{transform:scale(.68);transform-origin:top right}body.layout-short #message-log{max-height:min(20dvh,82px)}body.layout-short #target-frame{top:calc(var(--hud-top) + 26px);padding:3px 12px;min-width:170px}body.layout-short .tf-name{font-size:11px}body.layout-short .tf-hp{font-size:9px}body.layout-short #log-wrap{bottom:calc(var(--hud-bottom) + 126px)}body.layout-short #joypad{width:104px;height:104px}body.layout-short #action-pad{width:80px;height:80px;bottom:calc(var(--hud-bottom) + 58px)}body.layout-short #btn-action{width:80px;height:80px}body.layout-short #hotbar .slot{width:44px;height:44px}body.layout-short.layout-tablet #action-buttons,body.layout-short.layout-desktop.input-coarse #action-buttons{display:grid;grid-template-columns:repeat(2,44px);grid-auto-rows:44px;width:94px;max-width:94px;max-height:none;gap:6px;right:var(--hud-right);bottom:var(--hud-bottom);align-content:end}body.layout-short.layout-tablet #action-buttons button,body.layout-short.layout-desktop.input-coarse #action-buttons button{width:44px;height:44px;line-height:44px;font-size:19px}body.layout-short.layout-tablet #action-pad,body.layout-short.layout-desktop.input-coarse #action-pad{right:calc(var(--hud-right) + 102px);bottom:var(--hud-bottom)}@media (min-width:760px) and (max-height:519px){body.mobile #hotbar,body.layout-short.layout-tablet #hotbar,body.layout-short.layout-desktop.input-coarse #hotbar{left:50%;bottom:var(--hud-bottom);transform:translateX(-50%);max-width:none;flex-wrap:nowrap;gap:3px;padding:5px 7px}body.mobile #hotbar .slot,body.layout-short.layout-tablet #hotbar .slot,body.layout-short.layout-desktop.input-coarse #hotbar .slot{width:40px;height:40px;min-width:40px;min-height:40px}body.layout-short #log-wrap{bottom:calc(var(--hud-bottom) + 64px)}}@media (max-width:420px){body.layout-phone #hotbar{left:50%;transform:translateX(-50%);max-width:calc(100vw - 128px)}body.layout-phone #action-buttons{max-width:116px}}