@property --off{syntax: "<length>"; inherits: false; initial-value: 0px;}:root{--page: #f7f8f5;--surface: #e9ede5;--ink: #202820;--muted: #515c52;--line: #d1d8ce;--dark: #1b211e;--dark-ink: #eef0e8;--c: #00a3ce;--m: #da437d;--y: #dbb328;--k: #3b4841;--hp-high: #2e9c53;--hp-mid: #dbb328;--hp-low: #da437d;--font-sans: "Space Grotesk", "Helvetica Neue", Helvetica, Arial, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-snappy: cubic-bezier(.16, 1, .3, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#app{width:100%;height:100%;overflow:hidden;background:var(--dark);color:var(--ink);font-family:var(--font-sans);font-size:14px;line-height:1.4;-webkit-font-smoothing:antialiased;user-select:none}#voxel-canvas{position:fixed;inset:0;width:100%;height:100%;display:block;z-index:1}.hidden{display:none!important}button,input{font-family:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.42}kbd{display:inline-flex;align-items:center;justify-content:center;padding:1px 5px;font-family:var(--font-mono);font-size:10px;font-weight:700;line-height:1.2;color:var(--ink);background:var(--surface);border:1px solid var(--ink)}.dots{display:inline-grid;grid-template-columns:repeat(2,7px);grid-template-rows:repeat(2,7px);gap:3px;flex-shrink:0}.dots.dots-sm{grid-template-columns:repeat(2,5px);grid-template-rows:repeat(2,5px);gap:2px}.dots i{display:block;width:100%;height:100%;border-radius:50%}.dots i:nth-child(1){background:var(--c)}.dots i:nth-child(2){background:var(--m)}.dots i:nth-child(3){background:var(--y)}.dots i:nth-child(4){background:var(--ink)}.plate{position:relative;z-index:0}.plate:before{content:"";position:absolute;inset:0;transform:translate(5px,5px);background:var(--c);border:1.5px solid var(--ink);z-index:-1;transition:transform .18s var(--ease-snappy)}.plate.plate-c:before{background:var(--c)}.plate.plate-m:before{background:var(--m)}.plate.plate-y:before{background:var(--y)}.plate.plate-k:before{background:var(--k)}.plate-body{background:var(--page);border:1.5px solid var(--ink)}.studio-plate{background:#f7f8f5f5;border:1.5px solid var(--ink);box-shadow:4px 4px 0 var(--ink)}@keyframes reg-settle{0%{--off: 5px}to{--off: 0px}}.display-title{--off: 0px;font-size:clamp(2.55rem,4.4vw,3.7rem);font-weight:700;letter-spacing:-.055em;line-height:.92;color:var(--ink);text-shadow:calc(var(--off) * -1) calc(var(--off) * -.5) 0 var(--c),var(--off) calc(var(--off) * .5) 0 var(--m),0 var(--off) 0 var(--y);animation:reg-settle .9s var(--ease-out) 1}.display-title b,.kit-title b{color:var(--c);font-weight:700}@media (prefers-reduced-motion: reduce){.display-title{animation:none;--off: 0px}}.btn-ink,.btn-process-c,.btn-process-m,.btn-outline{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:700;letter-spacing:-.02em;border:1.5px solid var(--ink);transition:transform .14s var(--ease-snappy),box-shadow .14s var(--ease-snappy),background-color .14s var(--ease-out)}.btn-ink{background:var(--ink);color:var(--page);box-shadow:3px 3px 0 var(--c)}.btn-ink:hover:not(:disabled){transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--c)}.btn-process-c{background:var(--c);color:var(--ink);box-shadow:3px 3px 0 var(--ink)}.btn-process-c:hover:not(:disabled){transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--ink)}.btn-process-m{background:var(--m);color:var(--page);box-shadow:3px 3px 0 var(--ink)}.btn-outline{background:var(--page);color:var(--ink);box-shadow:2px 2px 0 var(--ink)}.btn-outline:hover:not(:disabled){background:var(--surface);transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--ink)}.btn-lg{padding:11px 18px;font-size:14px}.btn-sm{padding:5px 10px;font-size:12px}.field-label{display:block;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin-bottom:4px}.field-input{width:100%;padding:8px 10px;font-size:14px;font-weight:600;background:var(--page);color:var(--ink);border:1.5px solid var(--ink);outline:none;user-select:text}.field-input:focus{box-shadow:3px 3px 0 var(--c)}.mono-code-input{font-family:var(--font-mono);font-weight:700;letter-spacing:.14em;text-transform:uppercase;width:96px;text-align:center}.mono-tag{font-family:var(--font-mono);font-size:11px;font-weight:600;color:var(--muted);font-variant-numeric:tabular-nums}.type-tag{display:inline-flex;align-items:center;padding:2px 7px;font-family:var(--font-mono);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;background:var(--surface);color:var(--ink);border:1px solid var(--ink)}.title-stage-overlay{position:fixed;inset:0;z-index:40;display:flex;align-items:stretch;justify-content:space-between;pointer-events:none}.title-studio-sheet{position:relative;pointer-events:auto;width:min(520px,48vw);min-width:390px;height:100%;background:#f7f8f5f5;border-right:2px solid var(--ink);box-shadow:6px 0 0 var(--c);overflow-y:auto;display:flex;flex-direction:column}.title-halftone{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}.title-sheet-inner{position:relative;z-index:1;padding:clamp(18px,2.6vh,30px) clamp(20px,2.4vw,32px);display:flex;flex-direction:column;justify-content:space-between;gap:16px;min-height:100%}.studio-masthead{display:flex;flex-direction:column;gap:8px;padding-bottom:14px;border-bottom:1.5px solid var(--ink)}.studio-mark-row{display:flex;align-items:center;gap:10px}.studio-kicker{font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.06em;color:var(--muted)}.studio-lead{font-size:14px;font-weight:500;line-height:1.42;color:var(--muted);max-width:44ch}.starter-showcase-grid{display:grid;grid-template-columns:184px 1fr;gap:16px;align-items:stretch}.starter-stage-plate{display:flex}.starter-stage-body{width:100%;padding:10px;display:flex;flex-direction:column;justify-content:space-between;background:var(--page)}.starter-stage-top{display:flex;align-items:center;justify-content:space-between;gap:4px}.turntable-mount{width:100%;height:152px;position:relative;display:flex;align-items:center;justify-content:center}.starter-stage-foot{border-top:1px solid var(--line);padding-top:6px;display:flex;align-items:baseline;justify-content:space-between;gap:6px}.starter-stage-foot strong{font-size:15px;font-weight:700;letter-spacing:-.03em}.starter-stage-foot span{font-size:11px;color:var(--muted);font-weight:600}.starter-picker-col{display:flex;flex-direction:column}.starter-selection-list{display:flex;flex-direction:column;gap:6px}.starter-option{display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:10px;padding:6px 10px;background:var(--page);border:1.5px solid var(--line);cursor:pointer;text-align:left;transition:border-color .14s var(--ease-out),transform .14s var(--ease-snappy),box-shadow .14s var(--ease-snappy)}.starter-option:hover{border-color:var(--ink)}.starter-option.selected{border-color:var(--ink);background:var(--surface);box-shadow:3px 3px 0 var(--ink);transform:translate(-1px,-1px)}.starter-option img{width:38px;height:38px;object-fit:contain;display:block}.starter-opt-text{display:flex;flex-direction:column;min-width:0}.starter-opt-text strong{font-size:14px;font-weight:700;letter-spacing:-.02em}.starter-opt-text span{font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.title-launch-block{display:flex;flex-direction:column;gap:12px;padding-top:12px;border-top:1.5px solid var(--ink)}.primary-launch-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.join-room-strip{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;background:var(--surface);border:1.5px solid var(--ink)}.join-label{font-size:12px;font-weight:700;color:var(--ink)}.join-controls{display:flex;align-items:center;gap:8px}.title-world-caption{pointer-events:auto;align-self:flex-end;margin:24px;max-width:360px}.world-caption-body{padding:10px 14px;display:flex;align-items:center;gap:10px}.world-caption-body strong{display:block;font-size:13px;font-weight:700;letter-spacing:-.02em}.world-caption-body p{font-size:11px;color:var(--muted);font-weight:500}.reticle-layer{position:fixed;inset:0;z-index:15;pointer-events:none;display:flex;flex-direction:column;align-items:center;justify-content:center}.reticle-crosshair{position:relative;width:16px;height:16px}.reticle-crosshair:before,.reticle-crosshair:after{content:"";position:absolute;background:var(--page);box-shadow:0 0 0 1.5px var(--ink)}.reticle-crosshair:before{top:7px;left:0;width:16px;height:2px}.reticle-crosshair:after{left:7px;top:0;width:2px;height:16px}.mining-bar-wrap{margin-top:12px;width:84px;height:7px;background:var(--page);border:1.5px solid var(--ink)}.mining-bar-fill{height:100%;width:0%;background:var(--c);transition:width 60ms linear}.target-readout{margin-top:10px;padding:4px 10px;font-size:12px;font-weight:700;letter-spacing:-.01em;background:#f7f8f5f2;color:var(--ink);border:1.5px solid var(--ink);box-shadow:2px 2px 0 var(--ink)}.target-readout:empty{display:none}.hud-party-rail{position:fixed;top:12px;left:12px;z-index:20;width:214px;display:flex;flex-direction:column;gap:7px}.party-strip-card{padding:8px 10px}.directive-strip{width:100%;padding:6px 9px;text-align:left;transition:background-color .14s var(--ease-out)}.directive-strip:hover{background:var(--surface)}.directive-inline-head{display:flex;align-items:center;justify-content:space-between;gap:6px}.directive-detail-extra{display:none;margin-top:4px;font-size:11px;color:var(--muted)}.directive-strip.expanded .directive-detail-extra{display:block}.strip-head{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:6px}.strip-title-group{display:flex;align-items:center;gap:6px}.strip-title{font-size:13px;font-weight:700;letter-spacing:-.03em}.strip-kicker{font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}.ink-chip{padding:2px 6px;font-family:var(--font-mono);font-size:10px;font-weight:700;background:var(--surface);border:1px solid var(--ink)}.ink-chip:hover{background:var(--c)}.hud-party-list{display:flex;flex-direction:column;gap:4px}.party-rail-row{display:grid;grid-template-columns:28px 1fr;align-items:center;gap:7px;padding:3px 5px;background:var(--page);border:1px solid var(--line);cursor:pointer}.party-rail-row.active-lead{border:1.5px solid var(--ink);background:var(--surface);box-shadow:2px 2px 0 var(--c)}.party-rail-row img{width:26px;height:26px;object-fit:contain}.party-rail-top{display:flex;justify-content:space-between;align-items:baseline;font-size:11px;font-weight:700}.party-rail-hp-bar{height:4px;background:var(--line);border:1px solid var(--ink);margin:2px 0}.party-rail-hp-fill{height:100%;background:var(--hp-high)}.party-rail-meta{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:9.5px;color:var(--muted)}.crest-strip-row{margin-top:6px;padding-top:5px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.crest-icon-row{display:flex;align-items:center;gap:2px}.crest-icon-row svg{width:16px;height:16px}.directive-body{margin-top:2px;font-size:11px;color:var(--muted);line-height:1.3}.directive-title{font-size:12px;font-weight:700;color:var(--ink)}.directive-reward{margin-top:4px;display:inline-flex;align-items:center;gap:4px;font-family:var(--font-mono);font-size:10px;font-weight:700;color:var(--ink);background:var(--surface);padding:1px 5px;border:1px solid var(--line)}.hud-chronicle{position:fixed;top:12px;right:12px;z-index:20;width:228px;display:flex;flex-direction:column;gap:8px}.radar-dock{padding:8px;display:flex;flex-direction:column;gap:6px}.radar-top-meta{display:flex;align-items:flex-start;justify-content:space-between;gap:6px}.biome-readout{display:block;font-size:12px;font-weight:700;letter-spacing:-.02em}.radar-sub-coords{display:flex;align-items:center;gap:4px;font-family:var(--font-mono);font-size:9.5px;color:var(--muted)}.room-pill{display:inline-flex;align-items:center;gap:4px;padding:2px 6px;background:var(--ink);color:var(--page);border:1.5px solid var(--ink);font-family:var(--font-mono);font-size:10px;font-weight:700}.room-copy-tag{padding-left:4px;border-left:1px solid rgba(255,255,255,.3);color:var(--y)}.radar-body-row{display:grid;grid-template-columns:112px 1fr;gap:7px;align-items:stretch}.radar-canvas-frame{width:112px;height:112px;border:1.5px solid var(--ink);background:var(--surface);overflow:hidden}#minimap-canvas{display:block;width:100%;height:100%;image-rendering:pixelated}.hud-action-stack{display:flex;flex-direction:column;justify-content:space-between;gap:4px}.hud-tool-btn{display:flex;align-items:center;justify-content:space-between;padding:3px 6px;font-size:11px;font-weight:700;background:var(--page);border:1px solid var(--ink)}.hud-tool-btn:hover{background:var(--surface);box-shadow:2px 2px 0 var(--c)}.radar-legend-row{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:9.5px;color:var(--muted);padding-top:4px;border-top:1px solid var(--line)}.leg-shrine{color:#1f7a4c}.leg-warden{color:var(--y)}.leg-alpha{color:var(--m)}.leg-peer{color:var(--c)}.hud-chat-dock{position:fixed;bottom:12px;left:12px;z-index:19;width:262px}.feed-dock{padding:6px 8px;display:flex;flex-direction:column;gap:5px;transition:opacity .32s var(--ease-out),background-color .32s var(--ease-out),box-shadow .32s var(--ease-out)}.feed-dock.idle-faded{opacity:.34;background:#f7f8f59e;box-shadow:none}.feed-dock:hover,.feed-dock:focus-within{opacity:1;background:#f7f8f5f5;box-shadow:4px 4px 0 var(--ink)}.chronicle-feed{max-height:68px;overflow-y:auto;display:flex;flex-direction:column;gap:2px;font-size:11px;color:var(--muted)}.chronicle-entry{line-height:1.28}.chronicle-entry.accent{color:var(--ink);font-weight:700;border-left:2.5px solid var(--c);padding-left:5px}.chat-form input{width:100%;padding:4px 7px;font-size:11px;background:var(--page);border:1px solid var(--ink);outline:none;user-select:text}.chat-form input:focus{box-shadow:2px 2px 0 var(--c)}.hud-bottom-bar{position:fixed;bottom:12px;left:50%;transform:translate(-50%);z-index:20;display:flex;flex-direction:column;align-items:center;gap:5px}.selected-item-banner{padding:2px 9px;font-size:11px;font-weight:700;background:#f7f8f5f0;border:1.5px solid var(--ink);box-shadow:2px 2px 0 var(--ink)}.hud-hotbar{display:flex;gap:4px;padding:4px;background:#f7f8f5f5;border:1.5px solid var(--ink);box-shadow:4px 4px 0 var(--ink)}.hotbar-slot{position:relative;width:48px;height:48px;background:var(--page);border:1.5px solid var(--line);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .12s var(--ease-snappy)}.hotbar-slot:hover{border-color:var(--ink)}.hotbar-slot.selected{border:2px solid var(--ink);background:var(--surface);transform:translateY(-3px);box-shadow:3px 3px 0 var(--c)}.hotbar-slot img{width:34px;height:34px;object-fit:contain;pointer-events:none}.slot-key{position:absolute;top:2px;left:4px;font-family:var(--font-mono);font-size:9.5px;font-weight:700;color:var(--muted)}.slot-count{position:absolute;bottom:2px;right:3px;font-family:var(--font-mono);font-size:10.5px;font-weight:700;color:var(--ink);background:#f7f8f5e0;padding:0 2px}.multiplayer-prompt{position:fixed;top:18px;left:50%;transform:translate(-50%);z-index:50;padding:12px 18px;background:var(--page);border:2px solid var(--ink);box-shadow:5px 5px 0 var(--m);display:flex;align-items:center;gap:14px;font-weight:700}.prompt-actions{display:flex;gap:8px}dialog.kit-dialog,dialog.controls-dialog{margin:auto;padding:0;background:var(--page);color:var(--ink);border:2px solid var(--ink)}dialog.kit-dialog{width:min(1040px,94vw);max-height:min(830px,92vh);box-shadow:8px 8px 0 var(--c)}dialog.controls-dialog{width:min(660px,92vw);max-height:88vh;box-shadow:7px 7px 0 var(--y)}dialog.kit-dialog[open],dialog.controls-dialog[open]{display:flex;flex-direction:column}dialog.kit-dialog:modal,dialog.controls-dialog:modal{overscroll-behavior:contain}dialog.kit-dialog::backdrop,dialog.controls-dialog::backdrop{background:#1b211e8f;overflow:hidden;overscroll-behavior:contain}.controls-dialog-head{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;background:var(--surface);border-bottom:1.5px solid var(--ink)}.controls-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:18px;overflow-y:auto}.controls-section h3{font-size:14px;font-weight:700;letter-spacing:-.02em;padding-bottom:6px;margin-bottom:8px;border-bottom:1.5px solid var(--ink)}.keybind-list{display:flex;flex-direction:column;gap:6px}.keybind-list>div{display:flex;align-items:baseline;justify-content:space-between;gap:8px;font-size:12px;padding-bottom:4px;border-bottom:1px solid var(--line)}.keybind-list dd{color:var(--muted);text-align:right}.kit-header-actions{display:flex;align-items:center;gap:6px;margin-bottom:12px}.station-pill{display:inline-flex;align-items:center;gap:5px;padding:2px 8px;font-family:var(--font-mono);font-size:10.5px;font-weight:700;border:1px solid var(--ink);background:var(--surface)}.station-pill.furnace-lit{background:var(--y);color:var(--ink)}.kit-header{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;padding:14px 20px 0;border-bottom:1.5px solid var(--ink);background:var(--surface)}.kit-brand{display:flex;align-items:center;gap:10px;padding-bottom:12px}.kit-title{font-size:22px;font-weight:700;letter-spacing:-.045em;line-height:1}.kit-tablist{display:flex;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;gap:4px;align-self:end}.kit-tablist::-webkit-scrollbar{display:none}.kit-tab{position:relative;flex:0 0 auto;padding:10px 14px 12px;font-size:13px;font-weight:600;color:var(--muted);background:transparent;border:none;white-space:nowrap}.kit-tab:hover{color:var(--ink)}.kit-tab[aria-selected=true]{color:var(--ink);font-weight:700}.kit-tab[aria-selected=true]:after{content:"";position:absolute;inset-inline:0;inset-block-end:0;border-block-end:3.5px solid var(--c)}.btn-close-kit{margin-bottom:12px}.kit-tabpanel{flex:1 1 auto;overflow-y:auto;min-height:0}.kit-tabpanel[hidden]{display:none}.tabpanel-body{padding:20px}.kit-workbench-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:22px;align-items:start}.kit-section-head{display:flex;align-items:baseline;justify-content:space-between;padding-bottom:8px;margin-bottom:12px;border-bottom:1.5px solid var(--ink)}.kit-section-head h3{font-size:16px;font-weight:700;letter-spacing:-.03em}.recipe-list{display:flex;flex-direction:column;gap:8px}.recipe-row{display:grid;grid-template-columns:46px 1fr auto;align-items:center;gap:12px;padding:9px 12px;background:var(--page);border:1.5px solid var(--line)}.recipe-row.can-craft{border-color:var(--ink)}.recipe-icon{width:44px;height:44px;object-fit:contain;background:var(--surface);border:1px solid var(--line);padding:3px}.recipe-main strong{font-size:14px;font-weight:700}.recipe-desc{font-size:12px;color:var(--muted)}.recipe-ing-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:5px}.ing-chip{display:inline-flex;align-items:center;gap:4px;padding:2px 6px;font-family:var(--font-mono);font-size:11px;font-weight:600;background:var(--surface);border:1px solid var(--line)}.ing-chip.enough{border-color:var(--ink);color:var(--ink)}.ing-chip.missing{color:var(--m)}.ing-chip img{width:16px;height:16px;object-fit:contain}.pack-grid-label{font-family:var(--font-mono);font-size:11px;font-weight:700;color:var(--muted);margin:10px 0 6px;text-transform:uppercase}.pack-slot-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}.pack-slot-tile{position:relative;aspect-ratio:1;min-height:54px;background:var(--surface);border:1.5px solid var(--line);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4px}.pack-slot-tile.filled{background:var(--page);border-color:var(--ink);cursor:pointer}.pack-slot-tile.filled:hover{box-shadow:2px 2px 0 var(--c);transform:translate(-1px,-1px)}.pack-slot-tile.active-hotbar{box-shadow:3px 3px 0 var(--c);background:var(--surface)}.pack-slot-tile img{width:34px;height:34px;object-fit:contain}.party-inspector-grid{display:grid;grid-template-columns:310px 1fr;gap:22px;align-items:start}.party-stage-body{padding:14px;display:flex;flex-direction:column;gap:10px}.party-turntable-mount{width:100%;height:196px;background:var(--surface);border:1px solid var(--line)}.stat-bars-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px 12px;font-family:var(--font-mono);font-size:11px}.inspector-moves{display:grid;grid-template-columns:1fr 1fr;gap:6px}.inspector-move-chip{padding:5px 7px;background:var(--surface);border:1px solid var(--ink);font-size:11px}.inspector-move-chip strong{display:block;font-size:12px}.party-roster-list{display:flex;flex-direction:column;gap:8px}.party-member-row{display:grid;grid-template-columns:52px 1fr auto;align-items:center;gap:12px;padding:10px 12px;background:var(--page);border:1.5px solid var(--line);cursor:pointer}.party-member-row.inspected{border-color:var(--ink);box-shadow:4px 4px 0 var(--c)}.party-member-row img{width:48px;height:48px;object-fit:contain;background:var(--surface);border:1px solid var(--line)}.species-index-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}.species-entry{display:grid;grid-template-columns:58px 1fr;gap:10px;padding:10px;background:var(--page);border:1.5px solid var(--line)}.species-entry.caught{border-color:var(--ink);box-shadow:3px 3px 0 var(--c)}.species-entry img{width:56px;height:56px;object-fit:contain;background:var(--surface);border:1px solid var(--line)}.warden-list,.alpha-raid-grid{display:flex;flex-direction:column;gap:7px}.warden-row{display:grid;grid-template-columns:34px 1.2fr 1fr auto;align-items:center;gap:12px;padding:8px 12px;background:var(--page);border:1.5px solid var(--ink)}.warden-roster-thumbs{display:flex;align-items:center;gap:6px}.warden-roster-thumbs img{width:34px;height:34px;object-fit:contain;background:var(--surface);border:1px solid var(--line)}.alpha-raid-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;margin-top:10px}.alpha-den-row{display:grid;grid-template-columns:54px 1fr;gap:12px;padding:12px;background:var(--page);border:1.5px solid var(--ink);box-shadow:4px 4px 0 var(--m)}.alpha-den-row img{width:52px;height:52px;object-fit:contain;background:var(--surface);border:1px solid var(--ink)}.coop-split{display:grid;grid-template-columns:1.15fr 1fr;gap:22px}.coop-ping-bar{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 16px}.peer-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border:1.5px solid var(--ink);background:var(--page);margin-bottom:8px}.battle-hud-layer{position:fixed;inset:0;z-index:30;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;padding:16px 20px}.battle-floaters{position:fixed;inset:0;pointer-events:none;overflow:hidden}@keyframes float-damage{0%{opacity:0;transform:translate(-50%,8px) scale(.86)}18%{opacity:1;transform:translate(-50%,-6px) scale(1.06)}to{opacity:0;transform:translate(-50%,-44px) scale(.98)}}.battle-floater{position:absolute;padding:3px 9px;font-family:var(--font-sans);font-size:16px;font-weight:700;letter-spacing:-.03em;background:var(--page);color:var(--ink);border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);animation:float-damage 1.15s var(--ease-out) forwards}.battle-floater.super{background:var(--m);color:var(--page)}.battle-floater.heal{background:var(--c);color:var(--ink)}.battle-top-bar{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.battle-opp-stack{display:flex;flex-direction:column;gap:8px}.raid-sync-banner{pointer-events:auto;width:min(350px,44vw);padding:7px 10px;border-left:5px solid var(--m);box-shadow:3px 3px 0 var(--ink)}.raid-sync-top{display:flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:10.5px;color:var(--ink)}.raid-live-dot{width:7px;height:7px;border-radius:50%;background:var(--m);border:1px solid var(--ink)}.raid-sync-feed{margin-top:2px;font-size:11px;color:var(--muted);font-weight:600}.combatant-plate{pointer-events:auto;width:min(350px,44vw)}.combatant-body{padding:10px 12px}.combatant-kicker-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.combatant-main-row{display:grid;grid-template-columns:54px 1fr;gap:10px;align-items:center}.combatant-portrait{width:54px;height:54px;object-fit:contain;background:var(--surface);border:1.5px solid var(--ink)}.combatant-header{display:flex;justify-content:space-between;align-items:baseline;gap:6px}.combatant-name{font-size:16px;font-weight:700;letter-spacing:-.03em}.combatant-level{font-family:var(--font-mono);font-size:12px;font-weight:700}.combatant-sub-row,.combatant-meta-row{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--muted);margin:2px 0}.roster-pips{font-family:var(--font-mono);font-weight:700;color:var(--ink)}.hp-track{height:8px;background:var(--surface);border:1.5px solid var(--ink);margin:4px 0}.hp-fill{height:100%;width:100%;background:var(--hp-high);transition:width .24s var(--ease-out)}.xp-track{height:4px;background:var(--line);margin-top:3px}.xp-fill{height:100%;width:0%;background:var(--c);transition:width .24s var(--ease-out)}.status-stamp{font-family:var(--font-mono);font-size:10px;font-weight:700;color:var(--m)}.battle-callout-banner{padding:8px 16px;background:var(--ink);color:var(--page);border:2px solid var(--ink);box-shadow:4px 4px 0 var(--y);font-size:14px;font-weight:700;letter-spacing:-.02em}.battle-bottom-deck{pointer-events:auto;display:grid;grid-template-columns:350px 1fr;gap:16px;align-items:end}.battle-left-stack{display:flex;flex-direction:column;gap:8px}.battle-log-box{padding:8px 12px;height:78px;overflow-y:auto;font-size:12px;line-height:1.42;color:var(--ink)}.battle-controls-card{padding:10px 12px;display:flex;flex-direction:column;gap:8px}.battle-mode-tabs{display:flex;flex-wrap:wrap;gap:6px;padding-bottom:8px;border-bottom:1.5px solid var(--line)}.bmode-btn{padding:6px 12px;font-size:12px;font-weight:700;background:var(--page);border:1.5px solid var(--ink)}.bmode-btn.active{background:var(--ink);color:var(--page);box-shadow:2px 2px 0 var(--c)}.bmode-btn.bmode-orb{background:var(--y);color:var(--ink)}.battle-subpanel{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;min-height:104px}.move-btn{display:flex;flex-direction:column;justify-content:space-between;gap:4px;padding:8px 10px;text-align:left;background:var(--page);border:1.5px solid var(--ink);border-left-width:6px;transition:transform .12s var(--ease-snappy)}.move-btn:hover:not(:disabled){background:var(--surface);transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--ink)}.move-btn-top{display:flex;align-items:center;justify-content:space-between;gap:6px}.move-btn-title{font-size:13px;font-weight:700;letter-spacing:-.02em}.eff-pill{padding:1px 5px;font-family:var(--font-mono);font-size:10px;font-weight:700;border:1px solid var(--ink);background:var(--surface)}.eff-pill.super{background:var(--y);color:var(--ink)}.eff-pill.resist{color:var(--muted)}.move-btn-meta{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:10px;color:var(--muted)}@media (max-width: 1080px){.title-studio-sheet{width:min(470px,56vw);min-width:360px}.starter-showcase-grid{grid-template-columns:162px 1fr;gap:12px}.title-world-caption{max-width:280px;margin:14px}.kit-workbench-grid,.party-inspector-grid,.coop-split{grid-template-columns:1fr}.battle-bottom-deck{grid-template-columns:290px 1fr}}@media (max-width: 760px){.title-stage-overlay{flex-direction:column}.title-studio-sheet{width:100%;min-width:0;border-right:none;box-shadow:none}.title-world-caption{display:none}.starter-showcase-grid{grid-template-columns:1fr}.turntable-mount{height:128px}.hud-party-rail{width:168px;top:8px;left:8px}.hud-chronicle{width:176px;top:8px;right:8px}.radar-body-row{grid-template-columns:84px 1fr}.radar-canvas-frame{width:84px;height:84px}.hud-chat-dock{display:none}.hotbar-slot{width:35px;height:35px}.hotbar-slot img{width:24px;height:24px}.slot-key{display:none}.battle-bottom-deck,.controls-grid{grid-template-columns:1fr}.combatant-plate,.raid-sync-banner{width:min(340px,92vw)}}@media (min-width: 761px) and (max-height: 760px){.title-sheet-inner{padding:14px 18px;gap:10px}.display-title{font-size:2.35rem}.turntable-mount{height:124px}.hud-party-rail{width:224px}.hud-chronicle{width:244px}.hotbar-slot{width:46px;height:46px}.hotbar-slot img{width:32px;height:32px}}
