:root{color:#e5e7eb;font-synthesis:none;text-rendering:optimizelegibility;background:#080b12;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{background:#080b12;min-width:320px;min-height:100%}body{overscroll-behavior:none;background:radial-gradient(circle at top,#182033 0,#080b12 55%);min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}button{font:inherit;color:inherit;touch-action:manipulation;-webkit-user-select:none;user-select:none}.shell{width:min(1600px,100%);margin:0 auto;padding:20px clamp(16px,3vw,42px) 40px}.topbar{justify-content:space-between;align-items:center;gap:18px;margin-bottom:16px;display:flex}h1{margin:2px 0 0;font-size:clamp(26px,4vw,46px);line-height:1}.eyebrow{color:#818cf8;letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:12px;font-weight:700}.stats{flex-wrap:wrap;gap:8px;display:flex}.stats span{white-space:nowrap;background:#111827;border:1px solid #273244;border-radius:999px;padding:8px 11px}.hud{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}.label{justify-content:space-between;gap:10px;margin-bottom:5px;font-size:13px;display:flex}.bar{background:#1f2937;border:1px solid #334155;border-radius:999px;height:12px;overflow:hidden}.health,.xp{height:100%;transition:width .2s}.health{background:linear-gradient(90deg,#ef4444,#fb7185)}.xp{background:linear-gradient(90deg,#6366f1,#a78bfa)}.layout{grid-template-columns:minmax(0,1fr) minmax(300px,340px);align-items:start;gap:18px;display:grid}.game-column{width:100%;min-width:0}.game-card{background:linear-gradient(145deg,#111c33,#0b1220);border:1px solid #273754;border-radius:18px;width:100%;padding:8px;overflow:hidden;box-shadow:0 20px 60px #00000052}#game-root{aspect-ratio:960/600;touch-action:none;background:#101827;border-radius:12px;justify-content:center;align-items:center;width:100%;min-height:0;display:flex;position:relative;overflow:hidden}#game-root canvas{object-fit:contain;touch-action:none;border-radius:12px;max-width:none;max-height:none;display:block;width:100%!important;height:100%!important}aside{gap:14px;max-height:calc(100vh - 36px);padding-right:3px;display:grid;position:sticky;top:18px;overflow-y:auto}aside::-webkit-scrollbar{width:6px}aside::-webkit-scrollbar-track{background:0 0}aside::-webkit-scrollbar-thumb{background:#334155;border-radius:999px}aside::-webkit-scrollbar-thumb:hover{background:#475569}.panel{background:#0f172af5;border:1px solid #273244;border-radius:16px;padding:15px}.panel h2{margin:0 0 11px;font-size:17px}.panel p{color:#b8c1d1;line-height:1.5}.controls-panel p{margin:8px 0}.objective-panel{border-left:4px solid #818cf8}.panel-title-row{justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.panel-title-row h2{margin:0}kbd{color:#fff;background:#020617;border:1px solid #475569;border-bottom-width:3px;border-radius:6px;padding:2px 7px}.equipment-panel{gap:9px;display:grid}.equipment-slot{background:#080d18;border:1px solid #273244;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:11px;display:flex}.equipment-slot>div{gap:3px;min-width:0;display:grid}.equipment-slot strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.equipment-title{color:#94a3b8;letter-spacing:.08em;text-transform:uppercase;font-size:11px}.equipment-slot small{color:#a5b4fc}.unequip-button{color:#fecaca;cursor:pointer;background:#450a0a;border:1px solid #991b1b;border-radius:8px;flex-shrink:0;padding:7px 9px}.unequip-button:hover{background:#7f1d1d}.inventory-toggle,.inventory-backdrop{display:none}.inventory-panel{max-height:420px;overflow-y:auto}.close-inventory{cursor:pointer;background:#1e293b;border:1px solid #475569;border-radius:9px;width:36px;height:36px;display:none}.empty-inventory{text-align:center;border:1px dashed #334155;border-radius:12px;justify-items:center;padding:22px 12px;display:grid}.empty-inventory span{font-size:30px}.empty-inventory p{margin:7px 0 0;font-size:13px}.inventory-list{gap:9px;display:grid}.inventory-item{text-align:left;cursor:pointer;background:#080d18;border:1px solid #334155;border-left-width:4px;border-radius:11px;gap:8px;width:100%;padding:11px;display:grid}.inventory-item:disabled{cursor:default;opacity:.7}.inventory-item:hover:not(:disabled){background:#172033}.inventory-item.equipped{background:#101827}.item-heading,.item-footer{justify-content:space-between;align-items:center;gap:8px;display:flex}.item-heading strong{font-size:13px}.rarity-label{border-radius:999px;flex-shrink:0;padding:3px 7px;font-size:10px}.item-description{color:#94a3b8;margin:0;font-size:12px;line-height:1.4}.item-footer span{font-size:12px;font-weight:700}.item-footer small{color:#a5b4fc}.rarity-common{border-left-color:#94a3b8}.rarity-common .rarity-label{color:#e2e8f0;background:#334155}.rarity-rare{border-left-color:#3b82f6}.rarity-rare .rarity-label{color:#bfdbfe;background:#1e3a8a}.rarity-epic{border-left-color:#a855f7}.rarity-epic .rarity-label{color:#e9d5ff;background:#581c87}.rarity-legendary{border-left-color:#f59e0b}.rarity-legendary .rarity-label{color:#fef3c7;background:#78350f}.mobile-controls{display:none}@media (width>=1001px) and (width<=1450px){.shell{padding:16px 22px 32px}.layout{grid-template-columns:minmax(0,1fr) 310px;gap:14px}.panel{padding:13px}.panel h2{font-size:16px}.controls-panel p{font-size:13px}.equipment-slot{padding:9px}.inventory-item{padding:10px}}@media (width<=1000px){.layout{grid-template-columns:1fr}aside{grid-template-columns:repeat(2,minmax(0,1fr));max-height:none;position:static;overflow:visible}.inventory-panel{max-height:420px}}@media (width<=700px){body{padding-bottom:190px}.shell{padding:10px}.topbar{flex-direction:column;align-items:flex-start;gap:10px;margin-bottom:12px}h1{font-size:25px}.eyebrow{font-size:10px}.stats{grid-template-columns:repeat(5,minmax(0,1fr));width:100%;display:grid}.stats span{text-align:center;padding:7px 4px;font-size:11px}.hud{gap:8px;margin-bottom:10px}.label{font-size:11px}.bar{height:9px}.layout{gap:10px}.game-card{border-radius:12px;padding:4px}#game-root{aspect-ratio:16/10;width:100%;min-height:0}#game-root canvas{max-width:none;max-height:none;width:100%!important;height:100%!important}aside{display:block}.controls-panel{display:none}.objective-panel{margin-top:10px;margin-bottom:10px;padding:11px}.objective-panel h2{display:none}.objective-panel p{margin:0;font-size:12px}.equipment-panel{margin-bottom:10px}.equipment-slot{padding:9px}.inventory-toggle{cursor:pointer;background:#1e1b4b;border:1px solid #4338ca;border-radius:12px;justify-content:space-between;align-items:center;width:100%;padding:13px 15px;font-weight:700;display:flex}.inventory-toggle strong{text-align:center;background:#312e81;border-radius:999px;min-width:28px;padding:3px 7px}.inventory-backdrop{z-index:95;background:#020617a8;border:0;width:100%;height:100%;padding:0;display:block;position:fixed;inset:0}.inventory-panel{z-index:100;max-height:76vh;padding:15px 15px max(18px, env(safe-area-inset-bottom));background:#0f172a;border:1px solid #475569;border-bottom:0;border-radius:20px 20px 0 0;display:none;position:fixed;bottom:0;left:0;right:0;overflow-y:auto;box-shadow:0 -18px 50px #000000a6}.inventory-panel.inventory-open{animation:.2s ease-out inventory-enter;display:block}.close-inventory{place-items:center;display:inline-grid}.mobile-controls{z-index:80;padding:12px max(14px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(14px, env(safe-area-inset-left));pointer-events:none;background:linear-gradient(#0000,#020617f2);justify-content:space-between;align-items:flex-end;gap:20px;display:flex;position:fixed;bottom:0;left:0;right:0}.movement-pad,.action-buttons{pointer-events:auto}.movement-pad{grid-template-rows:repeat(3,54px);grid-template-columns:repeat(3,54px);gap:3px;display:grid}.movement-button,.movement-center{border-radius:15px;place-items:center;width:54px;height:54px;display:grid}.movement-button{color:#f8fafc;touch-action:none;background:#1e293be6;border:1px solid #64748b;font-size:21px;font-weight:900;box-shadow:inset 0 -4px #00000040}.movement-button:active{background:#475569;transform:translateY(2px)}.movement-center{color:#818cf8;background:#0f172aad;border:1px solid #334155}.move-up{grid-area:1/2}.move-left{grid-area:2/1}.movement-center{grid-area:2/2}.move-right{grid-area:2/3}.move-down{grid-area:3/2}.action-buttons{align-items:flex-end;gap:10px;display:flex}.action-button{cursor:pointer;touch-action:none;border-radius:50%;place-items:center;width:66px;height:66px;display:grid;box-shadow:inset 0 -5px #00000047}.action-button span{font-size:25px}.action-button small{font-size:9px;font-weight:700}.attack-button{background:#7f1d1df0;border:2px solid #ef4444;width:82px;height:82px}.potion-button{background:#1e40aff0;border:2px solid #60a5fa}.action-button:active{transform:scale(.94)}}@media (width<=390px){.stats{grid-template-columns:repeat(3,minmax(0,1fr))}.movement-pad{grid-template-rows:repeat(3,48px);grid-template-columns:repeat(3,48px)}.movement-button,.movement-center{border-radius:13px;width:48px;height:48px}.action-button{width:58px;height:58px}.attack-button{width:72px;height:72px}.action-buttons{gap:6px}}@media (orientation:landscape) and (height<=520px) and (pointer:coarse){body{padding-bottom:0}.shell{padding:4px}.topbar,.hud,aside{display:none}.layout{display:block}.game-card{border-radius:8px;height:calc(100vh - 8px);padding:0}#game-root{aspect-ratio:auto;height:100%}#game-root canvas{max-width:100%;max-height:100vh;width:auto!important;height:100%!important}.mobile-controls{background:0 0}}@keyframes inventory-enter{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media (width>=1001px){.layout{grid-template-columns:minmax(0,1fr) minmax(350px,390px)}aside{gap:16px}}.equipment-panel{background:radial-gradient(circle at 100% 0,#6366f121,#0000 36%),linear-gradient(155deg,#131e34fc,#080f1bfc);border:1px solid #34496d;gap:12px;padding:17px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff09,0 16px 32px #00000029}.equipment-panel:after{content:"";pointer-events:none;background:radial-gradient(circle,#818cf81f,#0000 68%);border-radius:50%;width:150px;height:150px;position:absolute;top:-60px;right:-60px}.equipment-panel h2{z-index:1;color:#f8fafc;letter-spacing:.01em;align-items:center;gap:8px;margin:0 0 2px;font-size:18px;display:flex;position:relative}.equipment-panel h2:before{content:"✦";color:#818cf8;font-size:14px}.equipment-slot{z-index:1;background:linear-gradient(135deg,#080f1cfc,#111d32fc);border:1px solid #314463;border-radius:15px;justify-content:space-between;align-items:center;gap:13px;min-height:86px;padding:13px 12px 13px 17px;transition:transform .16s,border-color .16s,box-shadow .16s;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff09,0 8px 20px #0000001a}.equipment-slot:before{content:"";background:linear-gradient(#818cf8,#38bdf8);border-radius:0 999px 999px 0;width:4px;position:absolute;top:13px;bottom:13px;left:0;box-shadow:0 0 16px #60a5fa7a}.equipment-slot:after{content:"";pointer-events:none;background:radial-gradient(circle,#60a5fa12,#0000 70%);border-radius:50%;width:90px;height:90px;position:absolute;top:-30px;right:60px}.equipment-slot:hover{border-color:#526b99;transform:translateY(-2px);box-shadow:inset 0 1px #ffffff0d,0 13px 26px #0003}.equipment-slot>div{z-index:1;gap:5px;min-width:0;display:grid;position:relative}.equipment-title{color:#a5b4fc;letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:4px;width:fit-content;font-size:10px;font-weight:800;display:inline-flex}.equipment-slot strong{color:#f8fafc;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:800;line-height:1.3;overflow:hidden}.equipment-slot small{color:#bfdbfe;background:#1e40af3d;border:1px solid #60a5fa33;border-radius:999px;align-items:center;width:fit-content;padding:4px 8px;font-size:11px;font-weight:700;display:inline-flex}.unequip-button{z-index:2;color:#fecaca;cursor:pointer;background:linear-gradient(#7f1d1d,#4b0c0c);border:1px solid #b91c1c;border-radius:10px;flex-shrink:0;min-width:82px;padding:9px 11px;font-size:12px;font-weight:750;transition:transform .14s,background .14s,border-color .14s;position:relative;box-shadow:inset 0 1px #ffffff12,0 5px 12px #00000026}.unequip-button:hover{background:linear-gradient(#991b1b,#651111);border-color:#ef4444;transform:translateY(-1px)}.unequip-button:active{transform:translateY(1px)}.inventory-panel{scrollbar-width:thin;scrollbar-color:#52637d #111827;background:radial-gradient(circle at 100% 0,#3b82f61a,#0000 32%),linear-gradient(165deg,#121d32fc,#080f1bfc);border:1px solid #34496d;max-height:450px;padding:17px 10px 17px 17px;position:relative;overflow:hidden auto;box-shadow:inset 0 1px #ffffff09,0 16px 32px #00000029}.inventory-panel .panel-title-row{z-index:5;background:linear-gradient(#121d32 72%,#121d3200);margin:-17px -2px 13px -17px;padding:17px 11px 11px 17px;position:sticky;top:-17px}.inventory-panel h2{color:#f8fafc;align-items:center;gap:8px;font-size:18px;display:flex}.inventory-panel h2:before{content:"🎒";font-size:15px}.inventory-panel::-webkit-scrollbar{width:8px}.inventory-panel::-webkit-scrollbar-track{background:#0f172acc;border-radius:999px;margin:8px 0}.inventory-panel::-webkit-scrollbar-thumb{background:linear-gradient(#64748b,#334155);border:2px solid #0f172a;border-radius:999px}.inventory-panel::-webkit-scrollbar-thumb:hover{background:linear-gradient(#818cf8,#475569)}.inventory-list{gap:11px;padding-right:1px;display:grid}.inventory-item{text-align:left;cursor:pointer;background:linear-gradient(135deg,#09101efc,#111d32fc);border:1px solid #334560;border-left-width:4px;border-radius:14px;gap:9px;width:100%;min-height:112px;padding:13px 13px 12px 16px;transition:transform .16s,border-color .16s,box-shadow .16s,background .16s;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff08,0 7px 18px #0000001a}.inventory-item:after{content:"";pointer-events:none;background:radial-gradient(circle,#ffffff0e,#0000 70%);border-radius:50%;width:115px;height:115px;position:absolute;top:-45px;right:-40px}.inventory-item:hover:not(:disabled){background:linear-gradient(135deg,#0f1b2f,#172741);border-color:#58719f;transform:translateY(-2px);box-shadow:inset 0 1px #ffffff0b,0 13px 28px #00000038}.inventory-item:disabled{cursor:default}.inventory-item.equipped{opacity:1;background:linear-gradient(135deg,#121d32,#182741);box-shadow:inset 0 0 0 1px #818cf82b,0 8px 20px #0000001f}.item-heading{z-index:1;justify-content:space-between;align-items:flex-start;gap:10px;display:flex;position:relative}.item-heading strong{color:#f8fafc;font-size:14px;font-weight:800;line-height:1.3}.rarity-label{letter-spacing:.04em;border-radius:999px;flex-shrink:0;padding:4px 8px;font-size:9px;font-weight:800}.item-description{z-index:1;color:#94a3b8;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:11px;line-height:1.55;display:-webkit-box;position:relative;overflow:hidden}.item-footer{z-index:1;justify-content:space-between;align-items:center;gap:10px;margin-top:auto;display:flex;position:relative}.item-footer span{color:#dbeafe;background:#1e40af33;border:1px solid #60a5fa2e;border-radius:999px;align-items:center;width:fit-content;padding:4px 8px;font-size:11px;font-weight:800;display:inline-flex}.item-footer small{color:#a5b4fc;font-size:11px;font-weight:700}.inventory-item:not(:disabled) .item-footer small{color:#e0e7ff;background:#4338ca42;border:1px solid #818cf83d;border-radius:8px;padding:5px 9px}.inventory-item.equipped .item-footer small{color:#c7d2fe;background:#4f46e533;border:1px solid #818cf838;border-radius:999px;padding:4px 8px}.empty-inventory{background:#080f1c8c;border-color:#3a4b68}.rarity-common{border-left-color:#94a3b8;box-shadow:inset 3px 0 18px #94a3b80a,0 7px 18px #0000001a}.rarity-common .rarity-label{color:#e2e8f0;background:#475569c2;border:1px solid #94a3b840}.rarity-rare{border-left-color:#3b82f6;box-shadow:inset 3px 0 20px #3b82f614,0 7px 18px #0000001a}.rarity-rare .rarity-label{color:#bfdbfe;background:#1e40afbd;border:1px solid #60a5fa4d}.rarity-epic{border-left-color:#a855f7;box-shadow:inset 3px 0 22px #a855f71a,0 7px 18px #0000001a}.rarity-epic .rarity-label{color:#ead5ff;background:#581c87c7;border:1px solid #c084fc4d}.rarity-legendary{border-left-color:#f59e0b;box-shadow:inset 3px 0 25px #f59e0b1f,0 7px 18px #0000001a}.rarity-legendary:before{content:"";pointer-events:none;background:linear-gradient(105deg,#0000 25%,#fbbf240d,#0000 75%);position:absolute;inset:0}.rarity-legendary .rarity-label{color:#fef3c7;background:#78350fcc;border:1px solid #fbbf2457}@media (width>=1001px) and (width<=1450px){.layout{grid-template-columns:minmax(0,1fr) 350px}.equipment-panel,.inventory-panel{padding-left:14px}.equipment-slot{min-height:80px;padding:11px 10px 11px 15px}.unequip-button{min-width:74px;padding:8px 9px}.inventory-item{min-height:105px;padding:11px 11px 11px 14px}.item-heading strong{font-size:13px}}@media (width<=1000px){.equipment-panel{grid-column:span 1}.inventory-panel{max-height:450px}}@media (width<=700px){.equipment-panel{border-radius:14px;padding:13px}.equipment-panel h2{font-size:16px}.equipment-slot{min-height:76px;padding:10px 9px 10px 14px}.equipment-slot strong{font-size:13px}.unequip-button{min-width:70px;padding:8px;font-size:11px}.inventory-panel{max-height:76vh;padding:15px 10px max(18px, env(safe-area-inset-bottom)) 15px}.inventory-panel .panel-title-row{margin:-15px 0 12px -15px;padding:15px 10px 10px 15px;top:-15px}.inventory-item{min-height:104px}}@media (width<=390px){.equipment-slot{align-items:flex-start}.equipment-slot strong{max-width:165px}.unequip-button{min-width:64px;padding:8px 7px}.item-heading{align-items:center}.item-heading strong{max-width:190px}}@media (width>=1001px){body,#root{height:100vh;overflow:hidden}.shell{flex-direction:column;height:100vh;min-height:0;padding-bottom:18px;display:flex;overflow:hidden}.topbar,.hud{flex-shrink:0}.layout{flex:1;align-items:stretch;min-height:0}.game-column{flex-direction:column;min-width:0;min-height:0;display:flex}.game-card{flex:1;min-height:0;display:flex}#game-root{aspect-ratio:auto;flex:1;width:100%;height:100%;min-height:0}#game-root canvas{object-fit:contain;width:100%!important;height:100%!important}aside{flex-direction:column;min-height:0;max-height:none;padding-right:0;display:flex;position:static;overflow:hidden}.controls-panel,.objective-panel,.equipment-panel{flex-shrink:0}.inventory-panel{flex-direction:column;flex:1;min-height:150px;max-height:none;display:flex;overflow:hidden}.inventory-panel .panel-title-row{background:linear-gradient(#121d32,#101a2d);border-bottom:1px solid #47556959;flex-shrink:0;margin:-17px -10px 12px -17px;padding:17px 10px 11px 17px;position:static}.inventory-list{overscroll-behavior:contain;scrollbar-gutter:stable;flex:1;min-height:0;padding-right:7px;overflow:hidden auto}.inventory-list:hover{overscroll-behavior-y:contain}.inventory-list::-webkit-scrollbar{width:7px}.inventory-list::-webkit-scrollbar-track{background:#0f172ab3;border-radius:999px}.inventory-list::-webkit-scrollbar-thumb{background:linear-gradient(#64748b,#334155);border:2px solid #0f172a;border-radius:999px}.inventory-list::-webkit-scrollbar-thumb:hover{background:linear-gradient(#818cf8,#475569)}aside::-webkit-scrollbar{display:none}.inventory-panel::-webkit-scrollbar{display:none}}@media (width>=1001px) and (height<=800px){.shell{padding-top:10px;padding-bottom:10px}.topbar{margin-bottom:9px}.topbar h1{font-size:31px}.hud{margin-bottom:10px}aside{gap:9px}.panel{padding:11px}.controls-panel p{margin:4px 0;font-size:12px}.objective-panel p{margin:5px 0;font-size:12px}.equipment-panel{gap:7px}.equipment-panel h2,.inventory-panel h2{font-size:15px}.equipment-slot{min-height:66px;padding:8px 8px 8px 13px}.equipment-slot strong{font-size:12px}.equipment-slot small{padding:3px 7px;font-size:10px}.unequip-button{min-width:68px;padding:7px;font-size:10px}.inventory-panel{min-height:120px}.inventory-panel .panel-title-row{margin:-11px -4px 9px -11px;padding:11px 4px 9px 11px}.inventory-item{min-height:94px;padding:9px 10px 9px 12px}.item-description{-webkit-line-clamp:1}}