:root{color:#f8f1dc;background:#182326;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#app,#game-root{width:100%;height:100%;min-height:100dvh;margin:0;overflow:hidden}body{min-width:320px;min-height:100vh}canvas{display:block;touch-action:none}.three-game-canvas{width:100%;height:100%}#app{position:relative}#hud{position:absolute;top:calc(env(safe-area-inset-top,0px) + 10px);left:calc(env(safe-area-inset-left,0px) + 10px);right:calc(env(safe-area-inset-right,0px) + 10px);pointer-events:none}#message-layer{position:absolute;right:calc(env(safe-area-inset-right,0px) + 12px);bottom:calc(env(safe-area-inset-bottom,0px) + 16px);left:calc(env(safe-area-inset-left,0px) + 12px);display:flex;justify-content:center;pointer-events:none}#dialog-layer{position:absolute;bottom:calc(env(safe-area-inset-bottom,0px) + 42px);left:calc(env(safe-area-inset-left,0px) + 14px);z-index:3;width:min(360px,calc(100% - 28px));pointer-events:none}#debug-panel{position:absolute;top:calc(env(safe-area-inset-top,0px) + 10px);right:calc(env(safe-area-inset-right,0px) + 10px);display:grid;gap:8px;justify-items:end;width:min(286px,calc(100% - 20px));pointer-events:auto}#build-panel{position:absolute;bottom:calc(env(safe-area-inset-bottom,0px) + 14px);left:calc(env(safe-area-inset-left,0px) + 14px);z-index:2;display:flex;flex-wrap:wrap;gap:7px;max-width:min(420px,calc(100% - 28px));pointer-events:auto}#build-panel button{display:grid;gap:2px;min-width:82px;min-height:48px;padding:7px 10px;border:1px solid rgb(255 255 255 / 15%);border-radius:8px;background:#131d1fc7;box-shadow:0 10px 28px #0003;color:#f8f1dc;font:inherit;text-align:left;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}#build-panel button span{font-size:12px;font-weight:800;line-height:1.05}#build-panel button small{color:#c8d8c0;font-size:9px;font-weight:700;line-height:1.1;text-transform:uppercase}#build-panel button[data-selected=true]{border-color:#b7e08a9e;background:#2c492ed1;color:#fff8d6}#build-panel button:disabled{cursor:not-allowed;opacity:.48}.boot-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:calc(env(safe-area-inset-top,0px) + 18px) calc(env(safe-area-inset-right,0px) + 18px) calc(env(safe-area-inset-bottom,0px) + 18px) calc(env(safe-area-inset-left,0px) + 18px);background:#182326;color:#f8f1dc;opacity:1;transition:opacity .24s ease}.boot-screen--hidden{opacity:0;pointer-events:none}.boot-panel{display:grid;justify-items:center;width:min(340px,100%);padding:24px 22px 22px;border:1px solid rgb(255 255 255 / 16%);border-radius:8px;background:#131d1fc7;box-shadow:0 22px 70px #00000057;text-align:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.boot-mark{display:grid;place-items:center;width:46px;height:46px;margin-bottom:12px;border:1px solid rgb(216 193 122 / 44%);border-radius:50%;color:#eed790;font-size:26px;line-height:1;background:#d8c17a1f}.boot-panel h1{margin:0;color:#fff4cf;font-size:28px;font-weight:760;letter-spacing:0}.boot-panel p{min-height:18px;margin:8px 0 18px;color:#cfdec8;font-size:13px;line-height:1.35}.boot-panel button{min-width:128px;padding:10px 16px;border:1px solid rgb(255 255 255 / 18%);border-radius:8px;background:#d8c17a;color:#1c2828;font:inherit;font-size:13px;font-weight:800;cursor:pointer}.boot-panel button:disabled{cursor:wait;opacity:.62}.debug-control{display:inline-grid;grid-template-columns:auto minmax(112px,14vw) auto;gap:7px;align-items:center;padding:6px 8px;border:1px solid rgb(255 255 255 / 16%);border-radius:8px;background:#131d1fb8;box-shadow:0 10px 30px #0000002e;color:#f8f1dc;font-size:11px;line-height:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.debug-control input{width:100%;accent-color:#d8c17a}[data-debug-zoom-value]{min-width:38px;color:#d9e4d2;font-variant-numeric:tabular-nums;text-align:right}.section-lab{width:min(286px,100%);border:1px solid rgb(255 255 255 / 16%);border-radius:8px;background:#131d1fc2;box-shadow:0 12px 34px #00000038;color:#f8f1dc;font-size:11px;line-height:1.15;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.section-lab-toggle{min-width:72px;min-height:30px;border:1px solid rgb(255 255 255 / 16%);border-radius:8px;background:#131d1fb8;box-shadow:0 10px 30px #0000002e;color:#f8f1dc;font:inherit;font-size:11px;font-weight:800;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.section-lab-toggle[aria-pressed=true]{background:#d8c17a;color:#1c2828}.section-lab-header{display:flex;align-items:center;justify-content:space-between;padding:8px 9px;color:#f5ead0;font-weight:800}.section-lab-header button{min-height:24px;padding:3px 8px;border:1px solid rgb(255 255 255 / 14%);border-radius:6px;background:#ffffff14;color:#f8f1dc;font:inherit;font-size:10px;font-weight:800;cursor:pointer}.section-lab-current{display:grid;gap:2px;padding:0 9px 8px;color:#d9e4d2;font-variant-numeric:tabular-nums}[data-world-current-section]{color:#fff4cf;font-weight:800}.section-grid{--section-cols: 3;display:grid;grid-template-columns:repeat(var(--section-cols),minmax(0,1fr));gap:4px;padding:0 9px 9px}.section-grid-cell{display:grid;place-items:center;min-height:28px;border:1px solid rgb(255 255 255 / 14%);border-radius:6px;color:#ffffffd1;font-size:9px;font-weight:800;font-variant-numeric:tabular-nums;font-family:inherit;padding:0;background:#516f54;cursor:pointer}.section-grid-cell--village{background:#9d8b5d}.section-grid-cell--heath{background:#6d875b}.section-grid-cell--forest{background:#2e6048}.section-grid-cell--coast{background:#9d9470}.section-grid-cell--isles{background:#517f78}.section-grid-cell--water{background:#315f75}.section-grid-cell--home{box-shadow:inset 0 0 0 1px #d8c17a8f}.section-grid-cell--stream-loaded{outline:1px solid rgb(247 232 175 / 30%);outline-offset:-3px}.section-grid-cell--stream-dormant{opacity:.42;filter:saturate(.66)}.section-grid-cell--active{border-color:#f3dc8e;color:#1d2928;background:#e2c976;opacity:1;filter:none}.section-lab-brushes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;padding:0 9px 9px}.section-lab-brushes .hud-label{grid-column:1 / -1}.section-lab-brushes button{min-height:26px;border:1px solid rgb(255 255 255 / 14%);border-radius:6px;background:#ffffff14;color:#f8f1dc;font:inherit;font-size:10px;font-weight:800;cursor:pointer}.section-lab-brushes button[aria-pressed=true]{border-color:#f3dc8e;background:#e2c976;color:#1d2928}.section-lab-layer-brushes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;padding:0 9px 9px}.section-lab-layer-brushes .hud-label{grid-column:1 / -1}.section-lab-layer-brushes button{min-height:26px;border:1px solid rgb(255 255 255 / 14%);border-radius:6px;background:#ffffff14;color:#f8f1dc;font:inherit;font-size:10px;font-weight:800;cursor:pointer}.section-lab-layer-brushes button[aria-pressed=true]{border-color:#f3dc8e;background:#e2c976;color:#1d2928}.section-lab-brush-size{display:grid;grid-template-columns:46px minmax(0,1fr) 34px;gap:7px;align-items:center;padding:0 9px 9px}.section-lab-brush-size input{width:100%;min-width:0;accent-color:#d8c17a}[data-terrain-brush-radius-value]{color:#d9e4d2;font-variant-numeric:tabular-nums;text-align:right}.section-lab-controls{display:grid;gap:7px;padding:9px;border-top:1px solid rgb(255 255 255 / 12%)}.section-lab-controls label{display:grid;grid-template-columns:46px minmax(0,1fr) 28px;gap:7px;align-items:center}.section-lab-controls label:first-child{grid-template-columns:46px minmax(0,1fr)}.section-lab-controls input{width:100%;min-width:0;accent-color:#d8c17a}.section-lab-controls input[type=text]{height:26px;padding:4px 7px;border:1px solid rgb(255 255 255 / 14%);border-radius:6px;background:#070d0e6b;color:#f8f1dc;font:inherit}.section-lab-controls [data-world-columns-value],.section-lab-controls [data-world-rows-value],.section-lab-controls [data-world-section-width-value],.section-lab-controls [data-world-section-height-value],.section-lab-controls [data-world-tree-density-value],.section-lab-controls [data-world-prop-density-value]{color:#d9e4d2;font-variant-numeric:tabular-nums;text-align:right}.section-lab-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}.section-lab-actions button{min-height:28px;border:1px solid rgb(255 255 255 / 16%);border-radius:6px;background:#d8c17a;color:#1c2828;font:inherit;font-size:11px;font-weight:800;cursor:pointer}.section-lab-actions button[type=button]{background:#ffffff14;color:#f8f1dc}[data-hud-message]{max-width:min(560px,100%);padding:9px 12px;border:1px solid rgb(255 255 255 / 18%);border-radius:8px;background:#131d1fcc;box-shadow:0 10px 30px #0000003d;color:#f8f1dc;font-size:13px;line-height:1.3;text-align:center;opacity:0;transform:translateY(8px);transition:opacity .18s ease,transform .18s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}[data-hud-message].visible{opacity:1;transform:translateY(0)}.dialog-panel{padding:12px 14px 13px;border:1px solid rgb(216 193 122 / 34%);border-radius:8px;background:#121d1ed6;box-shadow:0 14px 36px #00000047;color:#f8f1dc;opacity:0;transform:translateY(10px);transition:opacity .18s ease,transform .18s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.dialog-panel.visible{opacity:1;transform:translateY(0)}[data-dialog-speaker]{display:block;margin-bottom:4px;color:#e5c96f;font-size:11px;font-weight:800;letter-spacing:0;text-transform:uppercase}[data-dialog-line]{margin:0;color:#f5ead0;font-size:14px;line-height:1.35}.skill-tree-overlay[hidden]{display:none}.skill-tree-overlay{--skill-stone: #283432;--skill-stone-dark: #131d1e;--skill-stone-cut: #6f7770;--skill-gold: #e4c66d;position:fixed;top:0;right:0;bottom:0;left:0;z-index:14;display:grid;place-items:center;padding:calc(env(safe-area-inset-top,0px) + 18px) calc(env(safe-area-inset-right,0px) + 18px) calc(env(safe-area-inset-bottom,0px) + 18px) calc(env(safe-area-inset-left,0px) + 18px);color:#f8f1dc;pointer-events:auto}.skill-tree-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#050809d6,#0a0e0dbd),radial-gradient(circle at 50% 36%,rgb(219 195 111 / 16%),transparent 48%);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.skill-tree-shell{position:relative;display:grid;grid-template-rows:auto minmax(0,1fr);width:min(1180px,100%);max-height:min(860px,calc(100dvh - 36px));border:1px solid rgb(233 218 164 / 28%);border-radius:8px;background:linear-gradient(135deg,rgb(255 255 255 / 7%),transparent 34%),linear-gradient(180deg,#31403d,#172223 74%);box-shadow:0 28px 90px #0000007a,inset 0 0 0 1px #ffffff14;overflow:hidden}.skill-tree-header{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;align-items:center;padding:14px 16px;border-bottom:1px solid rgb(255 255 255 / 12%);background:#0a0f106b}.skill-tree-kicker{display:block;color:#cbd8c4;font-size:10px;font-weight:800;line-height:1.1;text-transform:uppercase}.skill-tree-header h2,.skill-tree-stats h3,.skill-tree-details h3{margin:3px 0 0;color:#fff4cf;font-weight:860;letter-spacing:0}.skill-tree-header h2{font-size:26px;line-height:1}.skill-tree-points{display:grid;justify-items:end;min-width:92px;padding:5px 10px;border:1px solid rgb(228 198 109 / 34%);border-radius:8px;background:#e4c66d1f}.skill-tree-points span{color:#fff0ad;font-size:22px;font-weight:900;line-height:1;font-variant-numeric:tabular-nums}.skill-tree-points small{color:#d7dfd1;font-size:9px;font-weight:800;line-height:1.2;text-transform:uppercase}.skill-tree-close,.skill-tree-unlock,.skill-tree-branch{border:1px solid rgb(255 255 255 / 16%);border-radius:8px;color:#f8f1dc;font:inherit;font-weight:850;cursor:pointer}.skill-tree-close{min-width:74px;min-height:36px;background:#ffffff14}.skill-tree-body{display:grid;grid-template-columns:minmax(160px,.58fr) minmax(340px,1.35fr) minmax(200px,.76fr);gap:14px;min-height:0;padding:14px;overflow-x:hidden;overflow-y:auto}.skill-tree-stats,.skill-tree-details{align-self:stretch;border:1px solid rgb(255 255 255 / 14%);border-radius:8px;background:#0c13148a;box-shadow:inset 0 0 0 1px #ffffff0d}.skill-tree-stats{display:grid;align-content:start;gap:14px;padding:14px}.skill-tree-portrait{display:grid;place-items:center;width:74px;height:74px;border:1px solid rgb(228 198 109 / 42%);border-radius:50%;background:linear-gradient(140deg,#e4c66d3d,#92c7ff1f),#182426;box-shadow:inset 0 0 18px #f6e3a72e,0 10px 28px #00000038}.skill-tree-portrait span{color:#ffe497;font-size:38px;line-height:1;text-shadow:0 0 18px rgb(146 199 255 / 45%)}.skill-tree-stat-list,.skill-tree-detail-list{display:grid;gap:8px;margin:0}.skill-tree-stat-list div,.skill-tree-detail-list div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 8px;align-items:baseline;padding:8px;border:1px solid rgb(255 255 255 / 10%);border-radius:7px;background:#ffffff0d}.skill-tree-stat-list dt,.skill-tree-detail-list dt{color:#cbd8c4;font-size:10px;font-weight:800;text-transform:uppercase}.skill-tree-stat-list dd,.skill-tree-detail-list dd{margin:0;color:#fff1bd;font-weight:900;font-variant-numeric:tabular-nums;text-align:right}.skill-tree-stat-list span{grid-column:1 / -1;color:#cfd9c8;font-size:11px;line-height:1.2}.skill-tree-progress{display:flex;justify-content:space-between;gap:10px;color:#d8e0d1;font-size:11px;font-weight:800}.skill-tree-slab{position:relative;min-height:620px;border:1px solid rgb(255 255 255 / 13%);border-radius:8px;background:linear-gradient(90deg,transparent,rgb(255 255 255 / 6%) 22%,transparent 43%,rgb(0 0 0 / 8%) 72%,transparent),linear-gradient(160deg,#46504b,#263230 45%,#151f20);box-shadow:inset 0 0 0 1px #ffffff12,inset 0 -28px 80px #0000003d;overflow:hidden}.skill-tree-slab-grain{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.55;background-image:linear-gradient(96deg,transparent 0 8%,rgb(255 255 255 / 4%) 8.4% 8.8%,transparent 9.2% 26%,rgb(0 0 0 / 7%) 26.4% 27%,transparent 27.6%),linear-gradient(4deg,rgb(255 255 255 / 4%) 0 1px,transparent 1px 18px);pointer-events:none}.skill-tree-trunk{position:absolute;left:50%;top:24%;width:18%;height:58%;border:1px solid rgb(228 198 109 / 22%);border-top:0;border-bottom:0;transform:translate(-50%);opacity:.34;clip-path:polygon(42% 0,58% 0,76% 100%,24% 100%);background:linear-gradient(180deg,#e4c66d1f,#080d0e29);pointer-events:none}.skill-tree-lines{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.skill-tree-line{stroke-width:1.35;stroke-linecap:round;vector-effect:non-scaling-stroke}.skill-tree-line--locked{opacity:.23}.skill-tree-line--available{opacity:.52;stroke-dasharray:2 3}.skill-tree-line--unlocked{opacity:.9;filter:drop-shadow(0 0 5px currentColor)}.skill-tree-node{position:absolute;left:var(--skill-x);top:var(--skill-y);display:grid;place-items:center;gap:4px;width:clamp(72px,7.8vw,92px);min-height:clamp(58px,6.5vw,68px);padding:6px 5px;border:1px solid rgb(255 255 255 / 14%);border-radius:8px;background:#131d1fc7;color:#f8f1dc;font:inherit;cursor:pointer;transform:translate(-50%,-50%);box-shadow:inset 0 0 0 1px #ffffff0d,0 12px 28px #0000002e}.skill-tree-node-rune{display:grid;place-items:center;width:clamp(28px,3vw,34px);height:clamp(28px,3vw,34px);border:1px solid color-mix(in srgb,var(--skill-accent),white 20%);border-radius:50%;color:color-mix(in srgb,var(--skill-accent),white 22%);font-size:clamp(17px,1.8vw,21px);line-height:1;background:#0000002e}.skill-tree-node-label{max-width:100%;color:#edf2dd;font-size:10px;font-weight:850;line-height:1.05;text-align:center;overflow-wrap:anywhere}.skill-tree-node[data-skill-status=locked]{opacity:.52;filter:saturate(.48)}.skill-tree-node[data-skill-status=available]{border-color:color-mix(in srgb,var(--skill-accent),white 28%);box-shadow:inset 0 0 0 1px #ffffff14,0 0 0 3px #ffffff0a,0 0 22px color-mix(in srgb,var(--skill-accent),transparent 55%)}.skill-tree-node[data-skill-status=unlocked]{border-color:color-mix(in srgb,var(--skill-accent),white 22%);background:linear-gradient(180deg,color-mix(in srgb,var(--skill-accent),#182326 24%),#192323);box-shadow:inset 0 0 18px color-mix(in srgb,var(--skill-accent),transparent 54%),0 0 24px color-mix(in srgb,var(--skill-accent),transparent 62%)}.skill-tree-node[aria-pressed=true]{outline:2px solid #fff0ad;outline-offset:3px}.skill-tree-branches{position:absolute;right:12px;bottom:12px;left:12px;display:grid;grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:6px}.skill-tree-branch{display:grid;grid-template-columns:auto minmax(0,1fr);gap:5px;align-items:center;min-height:32px;padding:5px 7px;background:#050a0a59;font-size:10px}.skill-tree-branch span{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;color:color-mix(in srgb,var(--skill-accent),white 26%);background:color-mix(in srgb,var(--skill-accent),transparent 82%)}.skill-tree-branch strong{min-width:0;overflow:hidden;text-overflow:ellipsis}.skill-tree-branch[aria-pressed=true]{border-color:#fff0ad;background:#e4c66d26}.skill-tree-details{display:grid;align-content:start;gap:12px;padding:14px}.skill-tree-details-rune{display:grid;place-items:center;width:62px;height:62px;border:1px solid color-mix(in srgb,var(--skill-accent),white 24%);border-radius:50%;color:color-mix(in srgb,var(--skill-accent),white 24%);font-size:32px;background:color-mix(in srgb,var(--skill-accent),transparent 88%);box-shadow:inset 0 0 20px color-mix(in srgb,var(--skill-accent),transparent 72%)}.skill-tree-details p{margin:0;color:#dbe5d5;font-size:13px;line-height:1.35}.skill-tree-detail-list dd{text-align:left}.skill-tree-detail-list div{grid-template-columns:70px minmax(0,1fr)}.skill-tree-future{display:inline-block;margin-left:4px;padding:2px 5px;border:1px solid rgb(146 199 255 / 28%);border-radius:999px;color:#cae3ff;font-size:9px;font-weight:900;text-transform:uppercase;white-space:nowrap}.skill-tree-unlock{min-height:42px;margin-top:4px;background:#e4c66d;color:#152121}.skill-tree-unlock:disabled{cursor:default;opacity:.54;color:#dbe4d5;background:#ffffff17}.skill-menu-shell{width:min(920px,100%)}.skill-menu-body{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;overflow-x:hidden}.skill-menu-panel{display:grid;align-content:start;gap:12px;min-width:0;padding:14px;border:1px solid rgb(255 255 255 / 14%);border-radius:8px;background:#0c131494;box-shadow:inset 0 0 0 1px #ffffff0d}.skill-menu-panel-header{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:center}.skill-menu-panel-header h3{margin:2px 0 0;color:#fff4cf;font-size:22px;line-height:1.05}.skill-menu-building-mark{display:grid;place-items:center;width:58px;height:58px;border:1px solid rgb(200 145 90 / 42%);border-radius:50%;color:#f0c28f;font-size:30px;background:#c8915a24;box-shadow:inset 0 0 18px #f0c28f29}.skill-menu-building-count{grid-column:1 / -1;width:fit-content;padding:4px 7px;border:1px solid rgb(255 255 255 / 12%);border-radius:999px;color:#d9e4d2;font-size:10px;font-weight:850;text-transform:uppercase}.skill-menu-list{display:grid;gap:8px}.skill-menu-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center;min-width:0;padding:10px;border:1px solid rgb(255 255 255 / 11%);border-radius:8px;background:#ffffff0d}.skill-menu-row[data-unlocked=true]{border-color:#e4c66d61;background:#e4c66d1a}.skill-menu-row h4{margin:0;color:#fff3c8;font-size:14px;line-height:1.1}.skill-menu-row p{margin:3px 0 0;color:#dbe5d5;font-size:12px;line-height:1.25}.skill-menu-row span{display:block;margin-top:5px;color:#c8d8c0;font-size:10px;font-weight:850;text-transform:uppercase}.skill-menu-row strong{min-width:44px;color:#fff1bd;font-size:20px;font-weight:900;font-variant-numeric:tabular-nums;text-align:right}.skill-menu-row--building strong:after{content:" rp";color:#c8d8c0;font-size:9px;font-weight:850;text-transform:uppercase}.skill-menu-row button{min-width:92px;min-height:36px;padding:8px 10px;border:1px solid rgb(255 255 255 / 16%);border-radius:8px;background:#e4c66d;color:#152121;font:inherit;font-size:12px;font-weight:900;cursor:pointer}.skill-menu-row button:disabled{cursor:default;opacity:.56;color:#dbe4d5;background:#ffffff17}body[data-skill-tree-mode=true] #hud,body[data-skill-tree-mode=true] #build-panel,body[data-skill-tree-mode=true] #debug-panel,body[data-skill-tree-mode=true] #message-layer,body[data-skill-tree-mode=true] #dialog-layer{opacity:.18;pointer-events:none}body[data-section-lab-mode=true] #build-panel{opacity:.24;pointer-events:none}.hud-strip{display:flex;flex-wrap:wrap;gap:7px;align-items:center;width:fit-content;max-width:100%;padding:6px 8px;border:1px solid rgb(255 255 255 / 16%);border-radius:8px;background:#131d1fc2;box-shadow:0 10px 30px #00000038;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:11px;line-height:1.2}.hud-strip>div{display:inline-flex;gap:5px;align-items:baseline;min-width:0;white-space:nowrap}.hud-label{color:#c8d8c0;font-size:9px;font-weight:700;text-transform:uppercase}.hud-fps [data-hud-fps]{min-width:2ch;color:#fff4cf;font-variant-numeric:tabular-nums;text-align:right}@media(max-width:520px){#hud{top:calc(env(safe-area-inset-top,0px) + 8px);left:calc(env(safe-area-inset-left,0px) + 8px);right:calc(env(safe-area-inset-right,0px) + 8px)}.hud-strip{width:100%;justify-content:space-between;padding:7px 8px;font-size:11px}#message-layer{bottom:calc(env(safe-area-inset-bottom,0px) + 76px)}#build-panel{right:calc(env(safe-area-inset-right,0px) + 8px);bottom:calc(env(safe-area-inset-bottom,0px) + 8px);left:calc(env(safe-area-inset-left,0px) + 8px)}#build-panel button{flex:1 1 0;min-width:0;text-align:center}#dialog-layer{right:calc(env(safe-area-inset-right,0px) + 8px);bottom:calc(env(safe-area-inset-bottom,0px) + 46px);left:calc(env(safe-area-inset-left,0px) + 8px);width:auto}[data-hud-message]{font-size:12px}[data-dialog-line]{font-size:13px}#debug-panel{top:calc(env(safe-area-inset-top,0px) + 50px);right:calc(env(safe-area-inset-right,0px) + 8px);bottom:auto;left:calc(env(safe-area-inset-left,0px) + 8px);width:auto;justify-items:stretch}.debug-control{width:100%;grid-template-columns:auto 1fr auto}.section-lab{width:100%;max-height:42dvh;overflow:auto}}@media(max-width:760px){.skill-tree-shell{max-height:calc(100dvh - 24px)}.skill-tree-body{grid-template-columns:1fr}.skill-tree-stats{grid-column:auto;grid-row:2;grid-template-columns:auto minmax(0,1fr)}.skill-tree-stat-list{grid-column:1 / -1;grid-template-columns:repeat(3,minmax(0,1fr))}.skill-tree-progress{grid-column:1 / -1}.skill-tree-slab{grid-column:auto;grid-row:1;min-height:540px}.skill-tree-details{grid-column:auto;grid-row:3}.skill-menu-body{grid-template-columns:1fr}}@media(max-width:980px){.skill-tree-node{width:46px;min-height:46px;padding:4px;border-radius:50%}.skill-tree-node-label{display:none}}@media(max-width:680px){.skill-tree-overlay{padding:calc(env(safe-area-inset-top,0px) + 8px) calc(env(safe-area-inset-right,0px) + 8px) calc(env(safe-area-inset-bottom,0px) + 8px) calc(env(safe-area-inset-left,0px) + 8px)}.skill-tree-header{grid-template-columns:minmax(0,1fr) auto;padding:11px}.skill-tree-header h2{font-size:21px}.skill-tree-close{grid-column:1 / -1;width:100%}.skill-tree-body{grid-template-columns:1fr;gap:10px;padding:10px}.skill-tree-stats,.skill-tree-details{grid-column:auto;grid-row:auto;padding:11px}.skill-tree-slab{grid-column:auto;grid-row:1;min-height:520px}.skill-tree-stats{grid-row:2;grid-template-columns:auto minmax(0,1fr)}.skill-tree-stat-list{grid-column:1 / -1;grid-template-columns:repeat(2,minmax(0,1fr))}.skill-tree-node{width:72px;min-height:58px}.skill-tree-node-rune{width:28px;height:28px;font-size:17px}.skill-tree-node-label{font-size:9px}.skill-menu-panel{padding:10px}.skill-menu-row{grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:9px}.skill-menu-row button{grid-column:1 / -1;width:100%}.skill-menu-panel-header h3{font-size:19px}}