html,body,#root{margin:0;height:100%;background:#101015;font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:#e7e9ee;overflow:hidden;touch-action:manipulation}.game-root{position:relative;width:100vw;height:100vh}.game-canvas{display:block;width:100vw;height:100vh;image-rendering:pixelated;image-rendering:crisp-edges;touch-action:none}.debug-hud{position:absolute;top:max(8px,env(safe-area-inset-top));left:max(8px,env(safe-area-inset-left));padding:8px 10px;background:#00000073;border:1px solid rgba(255,255,255,.08);border-radius:4px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;line-height:1.5;pointer-events:none;-webkit-user-select:none;user-select:none}.combat-hud{position:absolute;bottom:max(16px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none;-webkit-user-select:none;user-select:none}.hotbar-row{display:flex;align-items:stretch;gap:8px}.resource-bar{position:relative;width:28px;min-height:44px;background:#0009;border:1px solid rgba(255,255,255,.18);border-radius:4px;overflow:hidden;align-self:stretch}.resource-fill{position:absolute;left:0;right:0;bottom:0;transition:height .1s linear}.resource-hp-fill{background:linear-gradient(180deg,#d04848,#903030)}.resource-mp-fill{background:linear-gradient(180deg,#4a78d8,#2a4890)}.resource-mp{opacity:.55}.resource-text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10px;line-height:1.1;color:#fff;text-shadow:0 0 3px rgba(0,0,0,.9),0 1px 2px rgba(0,0,0,.8);font-variant-numeric:tabular-nums;pointer-events:none}.resource-text-max{font-size:9px;color:#b6bcc8}.auto-toggle{pointer-events:auto;padding:4px 10px;background:#0000008c;border:1px solid rgba(255,255,255,.18);border-radius:4px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px;font-weight:600;letter-spacing:.06em;cursor:pointer;color:#b6bcc8}.auto-toggle.auto-on{color:#6cd0ff;border-color:#6cd0ff99;box-shadow:0 0 8px #6cd0ff40}.auto-toggle:hover{background:#ffffff0d}.hp-fill{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#d04848,#903030);transition:width .1s linear}.hp-text{position:relative;text-align:center;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;line-height:18px;color:#fff;text-shadow:0 0 3px rgba(0,0,0,.8)}.ability-row{display:flex;gap:6px}.ability{position:relative;width:44px;height:44px;background:#0009;border:1px solid rgba(255,255,255,.18);border-radius:4px;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.ability-empty{opacity:.35}.ability-ready{border-color:#6cd0ff73;box-shadow:0 0 6px #6cd0ff26}.ability-cd{opacity:.6}.ability-key{font-size:10px;color:#b6bcc8;line-height:1}.ability-name{font-size:10px;color:#e7e9ee;line-height:1.2;margin-top:2px}.ability-cd-fill{position:absolute;left:0;right:0;bottom:0;background:#0000008c;pointer-events:none;transition:height .05s linear}.right-rail{position:absolute;top:max(8px,env(safe-area-inset-top));right:max(8px,env(safe-area-inset-right));display:flex;flex-direction:column;align-items:flex-end;gap:8px;width:300px;max-width:calc(100vw - 16px);max-height:calc(100vh - 32px);overflow-y:auto;pointer-events:auto}.minimap{position:relative;background:#0000008c;border:1px solid rgba(255,255,255,.12);border-radius:4px;padding:4px;-webkit-user-select:none;user-select:none;box-sizing:content-box}.minimap canvas{display:block;image-rendering:pixelated;image-rendering:crisp-edges}.minimap-footer{position:absolute;bottom:4px;right:6px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10px;color:#b6bcc8;background:#0009;padding:1px 5px;border-radius:2px;pointer-events:none}.tuning-panel{background:#0000008c;border:1px solid rgba(255,255,255,.1);border-radius:6px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;color:#e7e9ee;-webkit-user-select:none;user-select:none}.tuning-toggle{display:flex;width:100%;align-items:center;justify-content:space-between;padding:8px 10px;background:transparent;border:none;color:inherit;font:inherit;cursor:pointer;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.tuning-toggle:hover{background:#ffffff0a}.tuning-body{padding:4px 10px 10px;border-top:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;gap:6px}.tuning-section-label{margin-top:6px;font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:#6cd0ff}.tuning-section-label:first-child{margin-top:0}.biome-row{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:6px;margin-bottom:4px}.biome-row select{width:100%;padding:4px 6px;background:#00000080;color:#e7e9ee;border:1px solid rgba(255,255,255,.18);border-radius:4px;font:inherit;cursor:pointer}.slider-row{display:grid;grid-template-columns:1fr 90px 38px;align-items:center;gap:6px}.slider-row input[type=range]{width:100%;accent-color:#6cd0ff}.slider-label{font-size:11px;color:#b6bcc8}.slider-value{text-align:right;font-variant-numeric:tabular-nums;color:#6cd0ff}.tuning-meta{margin-top:6px;padding-top:6px;border-top:1px dashed rgba(255,255,255,.08);display:flex;flex-direction:column;gap:2px;color:#b6bcc8;font-size:11px}.tuning-meta code{color:#e7e9ee}.tuning-buttons{display:flex;gap:6px;margin-top:6px}.tuning-buttons button{flex:1;padding:6px 8px;background:#6cd0ff1f;color:#e7e9ee;border:1px solid rgba(108,208,255,.35);border-radius:4px;font:inherit;cursor:pointer}.tuning-buttons button:hover{background:#6cd0ff38}.tuning-buttons button:active{background:#6cd0ff52}.enemy-block{border:1px solid rgba(255,255,255,.08);border-radius:4px;background:#00000040}.enemy-toggle{display:flex;width:100%;align-items:center;gap:6px;padding:5px 8px;background:transparent;border:none;color:inherit;font:inherit;font-size:11px;cursor:pointer;text-align:left}.enemy-toggle:hover{background:#ffffff0a}.enemy-color{width:10px;height:10px;border-radius:2px;flex:none}.enemy-name{flex:1}.enemy-weight{color:#b6bcc8;font-variant-numeric:tabular-nums}.enemy-body{padding:4px 8px 8px;display:flex;flex-direction:column;gap:4px;border-top:1px dashed rgba(255,255,255,.08)}.inv-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000008c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;pointer-events:auto;z-index:800}.inv-panel{width:min(880px,95vw);max-height:90vh;background:#121218f5;border:1px solid rgba(255,255,255,.12);border-radius:8px;display:flex;flex-direction:column;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;color:#e7e9ee;-webkit-user-select:none;user-select:none;overflow:hidden}.inv-header{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:#0006;border-bottom:1px solid rgba(255,255,255,.08);font-weight:600;letter-spacing:.05em;text-transform:uppercase;font-size:13px}.inv-close{background:transparent;color:#b6bcc8;border:none;font-size:20px;line-height:1;cursor:pointer;padding:0 4px}.inv-close:hover{color:#fff}.inv-body{display:grid;grid-template-columns:240px 1fr;gap:16px;padding:14px;overflow-y:auto}.inv-section-label{font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:#6cd0ff;margin-bottom:8px}.paperdoll-grid{display:grid;grid-template-columns:repeat(3,64px);grid-auto-rows:64px;gap:6px;justify-content:center}.paperdoll-empty{background:transparent;border:none;width:64px;height:64px}.inv-stats{margin-top:14px;padding:8px 10px;background:#0000004d;border:1px solid rgba(255,255,255,.08);border-radius:4px;font-size:11px;color:#d7dbe5}.inv-stats .inv-section-label{margin-bottom:6px}.inv-stats-row{display:flex;justify-content:space-between;padding:2px 0;font-variant-numeric:tabular-nums}.inv-stats-label{color:#9aa1ad}.inv-stats-val{color:#f3f5fa}.inv-stats-swing{margin-top:6px;padding-top:6px;border-top:1px dashed rgba(255,255,255,.08)}.inv-stats-swing-label{font-size:9px;letter-spacing:.06em;text-transform:uppercase;color:#6cd0ff;margin-bottom:2px}.bag-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));grid-auto-rows:64px;gap:6px}.inv-empty{color:#b6bcc8;padding:16px;font-style:italic}.slot-cell{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#00000080;border:1px solid rgba(255,255,255,.1);border-radius:4px;padding:4px;text-align:center;overflow:visible}.slot-empty{opacity:.55}.slot-empty-label{color:#6e7480;font-size:9px;letter-spacing:.04em}.slot-filled{cursor:pointer;border-width:2px}.slot-filled:hover{background:#ffffff0a}.slot-rarity-chip{width:8px;height:8px;border-radius:2px;margin-bottom:4px}.slot-name{font-size:9px;line-height:1.2;color:#e7e9ee;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.inv-tooltip{background:#08080cf7;border:1px solid;border-radius:4px;padding:8px 10px;z-index:2000;min-width:180px;max-width:260px;pointer-events:none;box-shadow:0 4px 14px #00000080;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;color:#e7e9ee}.inv-tooltip-name{font-weight:600;margin-bottom:4px}.inv-tooltip-sub{color:#b6bcc8;font-size:10px;margin-bottom:6px}.inv-tooltip-archetype{color:#b6bcc8;font-size:10px;font-style:italic;margin-bottom:4px}.inv-tooltip-tags{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:6px}.inv-tooltip-tag{background:#ffffff0f;color:#b6bcc8;font-size:9px;padding:1px 5px;border-radius:3px;letter-spacing:.04em}.inv-tooltip-basestats{color:#d6c060;font-size:11px;margin-bottom:4px}.inv-tooltip-implicits{list-style:none;padding:0;margin:0 0 4px;display:flex;flex-direction:column;gap:2px;font-size:11px}.inv-tooltip-implicits li{color:#c8b870}.inv-tooltip-affixes{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:2px;font-size:11px}.inv-tooltip-affixes li{color:#6cd0ff}.inv-tooltip-empty{color:#6e7480;font-size:10px;font-style:italic}.inv-tooltip-compare{margin-top:8px;padding-top:6px;border-top:1px dashed rgba(255,255,255,.12);display:flex;flex-direction:column;gap:2px}.inv-tooltip-compare-label{font-size:9px;letter-spacing:.06em;text-transform:uppercase;color:#b6bcc8;margin-bottom:2px}.inv-tooltip-compare-none{font-size:10px;color:#6e7480;font-style:italic}.diff-row{display:grid;grid-template-columns:80px 38px 12px 38px 1fr;align-items:baseline;gap:4px;font-size:11px;font-variant-numeric:tabular-nums}.diff-label{color:#b6bcc8}.diff-current{text-align:right;color:#e7e9ee}.diff-arrow{text-align:center}.diff-next{text-align:right}.diff-delta{text-align:right;font-size:10px}.diff-better{color:#74d28e}.diff-worse{color:#d96c6c}.inv-footer{padding:8px 14px;border-top:1px solid rgba(255,255,255,.08);background:#0000004d;color:#b6bcc8;font-size:10px}.death-screen{position:absolute;top:0;right:0;bottom:0;left:0;background:#080404a6;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;pointer-events:auto;z-index:1000;animation:death-fade-in .35s ease-out both}@keyframes death-fade-in{0%{opacity:0}to{opacity:1}}.death-card{width:min(360px,90vw);padding:28px 32px 24px;background:#140e0eeb;border:1px solid rgba(216,74,74,.4);border-radius:8px;display:flex;flex-direction:column;align-items:stretch;gap:16px;box-shadow:0 0 30px #d84a4a26}.death-title{text-align:center;font-size:24px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#d84a4a}.death-stats{display:flex;flex-direction:column;gap:4px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:14px}.death-row{display:flex;justify-content:space-between;padding:6px 10px;background:#0000004d;border-radius:3px}.death-row-label{color:#b6bcc8;text-transform:uppercase;font-size:11px;letter-spacing:.06em;align-self:center}.death-row-value{color:#e7e9ee;font-variant-numeric:tabular-nums;font-weight:600}.death-continue{padding:10px 14px;background:#6cd0ff2e;color:#e7e9ee;border:1px solid rgba(108,208,255,.5);border-radius:4px;font:inherit;font-weight:600;cursor:pointer;letter-spacing:.04em;text-transform:uppercase}.death-continue:hover{background:#6cd0ff4d}.death-continue:active{background:#6cd0ff6b}.death-continue:focus-visible{outline:2px solid #6cd0ff;outline-offset:2px}.char-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000008c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;pointer-events:auto;z-index:800}.char-panel{width:min(640px,95vw);max-height:90vh;background:#121218f5;border:1px solid rgba(255,255,255,.12);border-radius:8px;display:flex;flex-direction:column;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;color:#e7e9ee;-webkit-user-select:none;user-select:none;overflow:hidden}.char-header{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:#0006;border-bottom:1px solid rgba(255,255,255,.08);font-weight:600;letter-spacing:.05em;text-transform:uppercase;font-size:13px}.char-close{background:transparent;color:#b6bcc8;border:none;font-size:20px;line-height:1;cursor:pointer;padding:0 4px}.char-close:hover{color:#fff}.char-tabs{display:flex;gap:0;border-bottom:1px solid rgba(255,255,255,.08);background:#0003}.char-tab{flex:1;background:transparent;color:#b6bcc8;border:none;border-bottom:2px solid transparent;padding:10px 14px;font:inherit;font-weight:600;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:color .1s linear,border-color .1s linear}.char-tab:hover{color:#e7e9ee;background:#ffffff08}.char-tab-active{color:#6cd0ff;border-bottom-color:#6cd0ff}.char-body{padding:14px 16px;overflow-y:auto;flex:1}.char-section-list{display:flex;flex-direction:column;gap:14px}.char-section{display:flex;flex-direction:column;gap:4px;padding:10px 12px;background:#0000004d;border:1px solid rgba(255,255,255,.06);border-radius:4px}.char-section-total{background:#6cd0ff14;border-color:#6cd0ff40}.char-section-title{margin:0 0 6px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#6cd0ff;font-weight:600}.char-section-sub{color:#b6bcc8;text-transform:none;letter-spacing:0;font-size:10px;font-weight:400;font-style:italic}.char-section-empty{font-style:italic;color:#6e7480;font-size:11px;padding:4px 0}.char-stat-row{display:grid;grid-template-columns:1fr 60px 70px 14px 70px;align-items:baseline;gap:6px;padding:4px;border-radius:3px;font-variant-numeric:tabular-nums}.char-stat-row-clickable{cursor:pointer}.char-stat-row-clickable:hover{background:#ffffff0a}.char-stat-row-simple{grid-template-columns:1fr 70px}.char-stat-label{color:#e7e9ee;font-size:12px}.char-stat-caret{display:inline-block;width:12px;color:#6cd0ff;margin-right:2px}.char-stat-base{text-align:right;color:#b6bcc8}.char-stat-bonus{text-align:right;color:#6e7480}.char-bonus-good{color:#74d28e}.char-bonus-bad{color:#d96c6c}.char-stat-eq{text-align:center;color:#6e7480}.char-stat-eff{text-align:right;color:#e7e9ee;font-weight:600}.char-stat-sources{list-style:none;margin:0 0 4px 24px;padding:2px 0;display:flex;flex-direction:column;gap:2px;font-size:10px;color:#b6bcc8}.char-stat-sources li{display:flex;justify-content:space-between;gap:8px;padding:1px 6px;background:#00000040;border-radius:2px}.char-source-name{color:#e7e9ee}.char-source-mod{color:#6cd0ff;font-variant-numeric:tabular-nums}.char-derived{display:flex;justify-content:space-between;padding:4px;color:#b6bcc8;font-variant-numeric:tabular-nums;font-size:12px}.char-derived span:last-child{color:#e7e9ee;font-weight:600}.char-derived-total{font-size:14px;padding:6px 4px}.char-derived-total span:last-child{color:#6cd0ff}.char-footer{padding:8px 14px;border-top:1px solid rgba(255,255,255,.08);background:#0000004d;color:#b6bcc8;font-size:10px}