@font-face{font-family:Alegreya;src:url(../fonts/alegreya-latin-400-normal.woff2) format("woff2");font-weight:400;font-display:block}@font-face{font-family:Alegreya;src:url(../fonts/alegreya-latin-700-normal.woff2) format("woff2");font-weight:700;font-display:block}@font-face{font-family:Alegreya Sans;src:url(../fonts/alegreya-sans-latin-500-normal.woff2) format("woff2");font-weight:400 500;font-display:block}@font-face{font-family:Alegreya Sans;src:url(../fonts/alegreya-sans-latin-700-normal.woff2) format("woff2");font-weight:700;font-display:block}h1,h2,h3,.dialogue-name,.panel-title{font-family:Alegreya,Georgia,serif}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;background:#0a0a12;color:#e8e0d0;font-family:Alegreya Sans,Segoe UI,sans-serif;min-height:100%}body{display:flex;justify-content:center;align-items:center;min-height:100vh}#app{position:relative;width:960px;height:540px;max-width:100vw;box-shadow:0 0 40px #000000a6}#game{display:block;width:960px;height:540px;image-rendering:pixelated;image-rendering:crisp-edges;background:#0a0a12;border:2px solid #2a2030}#ui-root{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:5}#ui-root>*{pointer-events:auto}.hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:6}.hud-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:10px 12px;pointer-events:none}.hud-top>*{pointer-events:auto}.party-panel{display:flex;gap:6px;background:#14101cd9;border:2px solid #6a5040;padding:6px 8px}.party-slot{text-align:center;font-size:10px;color:#e8d0a8}.party-slot .avatar{display:block;width:28px;height:28px;margin:0 auto 2px;border:2px solid #6a5040;border-radius:3px}.meter-wrap{background:#14101ce6;border:2px solid #6a5040;border-radius:4px;color:#e8d0a8}.meter-bar{position:relative;height:22px;background:linear-gradient(90deg,#4060ff,#e0d0a8 45%,#f8f0d0,#e0d0a8 55%,#ff6080);border:1px solid #3a3040;overflow:hidden}.meter-needle{position:absolute;top:-3px;width:7px;height:28px;background:#ffe8b0;box-shadow:0 0 6px #ffc85099;transform:translate(-50%);z-index:2}.meter-safe-zone{position:absolute;top:0;bottom:0;background:#ffdc782e;pointer-events:none}.meter-label{display:flex;justify-content:space-between;font-size:12px;font-weight:700;margin-bottom:4px}.toast{position:absolute;top:186px;left:50%;transform:translate(-50%);background:#14101ceb;border:2px solid #c89040;padding:8px 16px;color:#ffe8b0;font-size:13px;z-index:15;max-width:80%;text-align:center;pointer-events:none}.debug-bar{position:absolute;bottom:4px;right:8px;display:flex;gap:6px;align-items:center;font-size:10px;color:#887860;pointer-events:auto;z-index:12}.debug-bar button{font:10px Alegreya Sans,Segoe UI,sans-serif;background:#2a1810;color:#ffe8b0;border:1px solid #6a4a2a;padding:2px 6px;cursor:pointer}.dialogue-box{position:absolute;left:50%;bottom:18px;transform:translate(-50%);width:min(880px,92%);background:#120c18f0;border:3px solid #6a5040;padding:14px 18px 12px;color:#f0e0c8;z-index:25;box-shadow:0 8px 28px #0000008c}.dialogue-box .speaker{font-size:13px;font-weight:700;color:#fc6;margin-bottom:6px;letter-spacing:.04em}.dialogue-box .text{font-size:14px;line-height:1.45;min-height:2.8em}.dialogue-box .prompt{margin-top:8px;font-size:11px;color:#887860;text-align:right}.dialogue-box.head-voice{border-color:#a05068;background:#28101cf2}.panel{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#16101cf5;border:3px solid #6a5040;padding:18px 22px;color:#f0e0c8;max-width:min(860px,94%);max-height:min(500px,92%);overflow:auto;z-index:30;box-shadow:0 12px 40px #0009}.panel h1{margin:0 0 6px;font-size:22px;color:#fc6;letter-spacing:.06em}.panel h2{margin:0 0 8px;font-size:15px;color:#e8d090}.panel p,.hint{font-size:12px;color:#a09070;line-height:1.4}.btn{display:inline-block;font:13px Alegreya Sans,Segoe UI,sans-serif;background:#2a2030;color:#f0e0c8;border:2px solid #6a5040;padding:8px 14px;cursor:pointer;margin:4px 4px 0 0}.btn:hover,.btn.selected{border-color:#fc6;color:#fff}.btn.primary{background:#4068c0;border-color:#80a0ff;color:#f8f0d0;font-weight:700}.create-wrap{width:820px}.create-sub{margin:0 0 12px}.create-preview-wrap{margin:0 0 12px;border:2px solid #3a3040;background:#0a0a12;line-height:0}.create-preview-wrap canvas{width:100%;height:auto;image-rendering:pixelated}.row{display:flex;gap:18px}.col{flex:1}.field{margin-bottom:8px}.field label{display:block;font-size:11px;color:#a09070;margin-bottom:2px}.field input,.field select{width:100%;font:13px Alegreya Sans,Segoe UI,sans-serif;background:#1a1420;color:#f0e0c8;border:2px solid #6a5040;padding:6px 8px}.swatch-row{display:flex;align-items:center;gap:8px;margin-top:6px}.swatch{display:inline-block;width:18px;height:18px;border:2px solid #1a1020}.swatch-label{font-size:11px;color:#c8b090}.friend-card{background:#281c3099;border:1px solid #4a3848;padding:10px}.friend-card-name{font-weight:700;color:#d080ff;margin-bottom:6px}.friend-blurb{font-size:11px!important;margin:8px 0 0!important}.brand-blurb{font-size:11px;color:#a09070;margin:6px 0 0;min-height:1.2em}.field-tight{margin-bottom:4px}.create-wrap .create-preview-wrap{max-height:none;overflow:visible}.create-wrap h1{margin:0 0 4px}.create-wrap .create-sub{margin:0 0 6px;font-size:12px}.create-wrap .hint{margin:6px 0;font-size:11px}.swatch-trim{width:12px;height:12px;border-color:#d4a017}.brand-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:4px}.brand-card{display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left;font:11px Alegreya Sans,Segoe UI,sans-serif;color:#f0e0c8;background:#1c1424eb;border:2px solid #6a5040;padding:6px 8px;cursor:pointer;image-rendering:pixelated}.brand-card:hover{border-color:#c8a060}.brand-card.selected{border-color:#fc6;background:#3c2438f2;box-shadow:0 0 10px #ffb43c59}.brand-card-swatch{position:relative;display:block;width:100%;height:14px;border:1px solid #1a1020;margin-bottom:2px}.brand-card-trim{position:absolute;right:2px;top:2px;width:10px;height:10px;border:1px solid #1a1020}.brand-card-hs{position:absolute;left:2px;top:-1px;font-size:10px;line-height:1}.brand-card-name{font-weight:700;font-size:11px;color:#ffe0a0}.brand-card-uni{font-size:10px;color:#a09070;line-height:1.25}.friend-locked .friend-card{border-color:#6a4070;box-shadow:inset 0 0 12px #a050c826}html.art-pixel .brand-card,html.art-gb .brand-card{border-radius:0;background:#e0d0a8;color:#1a1020;border-color:#1a1020}html.art-pixel .brand-card.selected,html.art-gb .brand-card.selected{background:#4068c0;color:#f8f0d0}html.art-pixel .brand-card-name,html.art-gb .brand-card-name{color:inherit}html.art-pixel .brand-card-uni,html.art-gb .brand-card-uni{color:inherit;opacity:.85}.slot-tag{font-size:10px;color:#887860;font-weight:400}.shop-panel{z-index:35}.meter-title{font-size:10px;letter-spacing:2px;color:#c8a060;text-align:center;margin-bottom:2px}.meter-wrap{min-width:300px;padding:10px 14px 8px}.meter-label{font-size:12px;font-weight:700}.crash-tag{color:#80a0ff!important;text-shadow:0 0 6px rgba(80,120,255,.45)}.lift-tag{color:#ff80a0!important;text-shadow:0 0 6px rgba(255,80,120,.45)}.meter-bar{height:22px}.meter-center-mark{position:absolute;left:50%;top:0;bottom:0;width:2px;background:#ffc85059;transform:translate(-50%);z-index:1;pointer-events:none}.meter-needle{width:7px;height:28px;top:-4px}.meter-warn{margin-top:6px;text-align:center;font-size:11px;font-weight:700;color:#fc6;animation:warn-blink .6s steps(2,end) infinite}.meter-wrap.glow-warn{border-color:#fc6!important;box-shadow:0 0 22px #ffb43ca6!important}.ability-hints{margin-top:6px;padding:4px 8px;font:11px Alegreya Sans,Segoe UI,sans-serif;color:#e8d090;background:#14101cbf;border:1px solid #6a5040;border-radius:4px;pointer-events:none;letter-spacing:.3px}.hud-meta{font-size:10px;color:#888;margin-top:4px;text-align:right}.celebrate{position:absolute;top:28%;left:50%;transform:translate(-50%);background:#28143cf0;border:3px solid #ffcc66;padding:14px 28px;font-size:18px;color:#ffe8b0;text-align:center;pointer-events:none;z-index:20;box-shadow:0 0 28px #ffb43c73}.whiplash-flash{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;pointer-events:none;animation:whiplash-tear .55s steps(3,end) 3;mix-blend-mode:normal}.whiplash-flash.whiplash-ash{background:repeating-linear-gradient(0deg,transparent 0 10px,rgba(255,80,40,.12) 10px 12px),radial-gradient(circle at 50% 42%,#ffb45059,#b428508c 70%,#14000a59)}.whiplash-flash.whiplash-debt{background:repeating-linear-gradient(0deg,transparent 0 10px,rgba(120,160,255,.12) 10px 12px),radial-gradient(circle at 50% 42%,#78a0ff59,#28287899 70%,#0a001e59)}.whiplash-panel{position:absolute;left:50%;top:38%;transform:translate(-50%,-50%);text-align:center;min-width:320px;max-width:420px;pointer-events:none;border:3px solid #ffcc66;box-shadow:0 0 28px #ffa03c8c}.whiplash-kicker{font-size:12px;letter-spacing:3px;color:#fc6;text-shadow:0 0 8px rgba(255,180,60,.7)}.whiplash-head{margin-top:10px;font-size:12px;color:#e8c0ff;font-style:italic;line-height:1.35}.meter-wrap.glow-whiplash{border-color:#f6a!important;box-shadow:0 0 18px #ff5078bf,0 0 28px #508cff8c!important;animation:whiplash-meter .18s steps(2,end) infinite}@keyframes whiplash-tear{0%{transform:translate(0);opacity:.85}33%{transform:translate(-6px,2px);opacity:1}66%{transform:translate(7px,-3px);opacity:.9}to{transform:translate(0);opacity:.8}}@keyframes whiplash-meter{0%{filter:hue-rotate(0deg)}50%{filter:hue-rotate(40deg)}to{filter:hue-rotate(-20deg)}}html.art-pixel #game,html.art-gb #game{border-color:#1a1020;box-shadow:0 0 0 3px #f8f0d0,0 0 0 6px #1a1020,0 0 28px #1a102073;background:#1a1020}html.art-pixel .dialogue-box,html.art-gb .dialogue-box{background:#f8f0d0;border:4px solid #1a1020;outline:3px solid #f8f0d0;outline-offset:2px;box-shadow:0 0 0 5px #1a1020,0 10px #1a102047;color:#1a1020;padding:16px 20px 14px}html.art-pixel .dialogue-box:before,html.art-gb .dialogue-box:before{display:none}html.art-pixel .dialogue-box .speaker,html.art-gb .dialogue-box .speaker{color:#1a1020;font-weight:700;letter-spacing:1px;text-shadow:none;border-bottom:2px solid #b09058;padding-bottom:4px;margin-bottom:8px}html.art-pixel .dialogue-box .text,html.art-gb .dialogue-box .text{color:#1a1020}html.art-pixel .dialogue-box .prompt,html.art-gb .dialogue-box .prompt{color:#704830}html.art-pixel .dialogue-box.head-voice,html.art-gb .dialogue-box.head-voice{border-color:#a05068;background:#2a1820}html.art-pixel .dialogue-box.narrator,html.art-gb .dialogue-box.narrator{border-color:#1a1020;box-shadow:0 0 0 5px #1a1020,0 10px #1a102047}html.art-pixel .dialogue-box .speaker.narrator-label,html.art-gb .dialogue-box .speaker.narrator-label{color:#704830;text-shadow:none}html.art-pixel .dialogue-box .text.narrator-text,html.art-gb .dialogue-box .text.narrator-text{color:#1a1020;font-style:normal}html.art-pixel .meter-wrap,html.art-gb .meter-wrap{background:#f8f0d0;border:4px solid #1a1020;outline:2px solid #f8f0d0;outline-offset:2px;box-shadow:0 0 0 4px #1a1020;color:#1a1020}html.art-pixel .meter-title,html.art-gb .meter-title{color:#1a1020;letter-spacing:2px}html.art-pixel .meter-label .crash-tag,html.art-pixel .crash-tag,html.art-gb .meter-label .crash-tag,html.art-gb .crash-tag{color:#a03050!important;text-shadow:none!important}html.art-pixel .meter-label .lift-tag,html.art-pixel .lift-tag,html.art-gb .meter-label .lift-tag,html.art-gb .lift-tag{color:#3060a0!important;text-shadow:none!important}html.art-pixel #meter-band,html.art-gb #meter-band{color:#1a1020}html.art-pixel .meter-bar,html.art-gb .meter-bar{background:linear-gradient(90deg,#a03050,#e0d0a8 45%,#f8f0d0,#e0d0a8 55%,#3060a0);border:2px solid #1a1020}html.art-pixel .meter-needle,html.art-gb .meter-needle{background:#1a1020;box-shadow:none}html.art-pixel .meter-needle:before,html.art-gb .meter-needle:before{background:#1a1020;box-shadow:none}html.art-pixel .meter-warn,html.art-gb .meter-warn{color:#a03030;text-shadow:none}html.art-pixel .meter-wrap.glow-lift,html.art-pixel .meter-wrap.glow-crash,html.art-pixel .meter-wrap.glow-mid,html.art-pixel .meter-wrap.glow-warn,html.art-gb .meter-wrap.glow-lift,html.art-gb .meter-wrap.glow-crash,html.art-gb .meter-wrap.glow-mid,html.art-gb .meter-wrap.glow-warn{animation:none;border-color:#1a1020!important;box-shadow:0 0 0 4px #1a1020!important}html.art-pixel .party-panel,html.art-gb .party-panel{background:#f8f0d0;border:3px solid #1a1020;outline:2px solid #f8f0d0;outline-offset:1px;box-shadow:0 0 0 3px #1a1020;color:#1a1020}html.art-pixel .party-slot,html.art-gb .party-slot{color:#1a1020}html.art-pixel .party-slot .avatar,html.art-gb .party-slot .avatar{border-color:#1a1020;box-shadow:inset 0 0 0 1px #b09058;background-image:none}html.art-pixel .toast,html.art-gb .toast{background:#f8f0d0;border:3px solid #1a1020;outline:2px solid #f8f0d0;outline-offset:1px;box-shadow:0 0 0 3px #1a1020;color:#1a1020}html.art-pixel .panel,html.art-gb .panel{background:#f8f0d0;border:4px solid #1a1020;outline:3px solid #f8f0d0;outline-offset:2px;box-shadow:0 0 0 5px #1a1020;color:#1a1020}html.art-pixel .panel h1,html.art-pixel .panel h2,html.art-gb .panel h1,html.art-gb .panel h2{color:#1a1020;text-shadow:none}html.art-pixel .panel p,html.art-pixel .hint,html.art-gb .panel p,html.art-gb .hint{color:#504030}html.art-pixel .btn,html.art-gb .btn{background:#e0d0a8;border:2px solid #1a1020;box-shadow:inset 0 -2px #b09058,0 2px #1a1020;color:#1a1020}html.art-pixel .btn:hover,html.art-pixel .btn.selected,html.art-gb .btn:hover,html.art-gb .btn.selected{background:#f8f0d0;border-color:#1a1020}html.art-pixel .btn.primary,html.art-gb .btn.primary{background:#4068c0;border-color:#1a1020;color:#f8f0d0}html.art-pixel .field input,html.art-pixel .field select,html.art-gb .field input,html.art-gb .field select{background:#e0d0a8;border:2px solid #1a1020;color:#1a1020}html.art-pixel .hud-meta,html.art-gb .ability-hints{margin-top:6px;padding:4px 8px;font:11px Alegreya Sans,Segoe UI,sans-serif;color:#e8d090;background:#14101cbf;border:1px solid #6a5040;border-radius:4px;pointer-events:none;letter-spacing:.3px}.hud-meta{color:#504030}html.art-pixel .celebrate,html.art-gb .celebrate{background:#f8f0d0;border:4px solid #1a1020;outline:2px solid #f8f0d0;outline-offset:2px;color:#1a1020;box-shadow:0 0 0 4px #1a1020}html.art-pixel .debug-bar,html.art-gb .debug-bar{color:#504030}html.art-pixel .debug-bar button,html.art-gb .debug-bar button{background:#e0d0a8;border:1px solid #1a1020;color:#1a1020}.continue-banner{margin:10px 0 16px;padding:12px 14px;border:2px solid #c89040;outline:1px solid #2a1810;outline-offset:-3px;background:#28180cd9;text-align:center}.continue-label{font-size:12px;color:#fc6;letter-spacing:.06em;text-transform:uppercase;margin-bottom:4px}.continue-meta{font-size:11px;color:#c8b090;margin-bottom:10px}.party-slot{width:64px}.party-meta{font-size:8px;color:#887860;line-height:1.1;margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.meter-biome{margin-top:4px;font-size:10px;color:#a09070;letter-spacing:.04em}.hud-save-row{margin-top:4px;display:flex;align-items:center;gap:8px;pointer-events:auto}.hud-save-btn{pointer-events:auto;cursor:pointer;font:10px Alegreya Sans,Segoe UI,sans-serif;padding:3px 8px;background:#2a1810;color:#ffe8b0;border:1px solid #6a4a2a}.hud-save-btn:hover{border-color:#c89040;color:#fff}.save-status{font-size:9px;color:#887860}.hud-clock{position:absolute;top:52px;left:248px;font:700 10px Alegreya Sans,Segoe UI,sans-serif;color:#ffd870;background:#2a1810;border:1px solid #6a4a2a;padding:2px 6px;white-space:nowrap}html.art-pixel .continue-banner,html.art-gb .continue-banner{background:#f8f0d0;border-color:#1a1020;outline-color:#1a1020}html.art-pixel .continue-label,html.art-gb .continue-label{color:#6a3020}html.art-pixel .continue-meta,html.art-gb .continue-meta,html.art-pixel .meter-biome,html.art-gb .meter-biome{color:#504030}html.art-pixel .hud-save-btn,html.art-gb .hud-save-btn{background:#f8f0d0;color:#1a1020;border-color:#1a1020}.loot-panel{max-width:540px;max-height:min(80vh,660px);overflow:auto;z-index:40;border:2px solid #c9a227;box-shadow:0 0 28px #ffc83c66,0 12px 40px #0000008c}.loot-panel h2{margin:0 0 6px;color:#ffe090;text-shadow:0 0 12px rgba(255,200,80,.55)}.loot-hint{font-size:12px;color:#a09060;font-weight:400}.loot-help{font-size:11px;color:#a89870;margin:0 0 8px;line-height:1.35}.loot-filters{display:flex;flex-direction:column;gap:4px;margin:0 0 8px;padding:6px 8px;background:#1c140c8c;border:1px solid #5a4830;border-radius:4px}.loot-filter-row{display:flex;flex-wrap:wrap;gap:4px;align-items:center}.loot-filter-row-meta{gap:8px}.loot-filter-chip{font:10px Alegreya Sans,Segoe UI,sans-serif;letter-spacing:.04em;text-transform:uppercase;color:#c8b890;background:#1a1420;border:1px solid #6a5040;padding:3px 7px;cursor:pointer;border-radius:3px}.loot-filter-chip:hover{border-color:#fc6;color:#fff8e0}.loot-filter-chip.on{border-color:#ffc050;color:#1a1020;background:#ffc050;font-weight:700;box-shadow:0 0 8px #ffc05073}.loot-zone-label{font-size:10px;color:#a09070;display:inline-flex;align-items:center;gap:4px}.loot-zone-select{font:11px Alegreya Sans,Segoe UI,sans-serif;background:#1a1420;color:#f0e0c8;border:1px solid #6a5040;padding:2px 4px;max-width:200px}.loot-filter-count{font-size:10px;color:#887860;margin-left:auto}.loot-zone-tag{color:#a09070;font-size:10px}.loot-legend{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:8px}.loot-legend-chip{font-size:9px;text-transform:uppercase;letter-spacing:.04em;border:1px solid;border-radius:3px;padding:1px 5px;background:#14100c99}.loot-summary,.loot-stats{font-size:12px;color:#c8b890;margin:4px 0 8px}.loot-section{margin:8px 0 4px;font-size:12px;color:#d0b870;text-transform:uppercase;letter-spacing:.05em}.loot-equipped{display:flex;flex-direction:column;gap:4px;margin-bottom:12px;padding:8px;background:#281e0c8c;border-radius:6px;border:1px solid #5a4830}.loot-equip-row{display:flex;align-items:center;gap:8px;font-size:12px}.loot-slot{width:72px;color:#887850;text-transform:uppercase;font-size:10px;flex-shrink:0}.loot-equip-name{flex:1;min-width:0}.loot-empty-slot{font-size:10px;color:#665540;font-style:italic}.loot-bag{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.loot-item{padding:8px 10px;border-radius:6px;background:#14101cbf;border:1px solid #3a3040}.loot-item-equipped{border-color:#40a060;background:#14241ccc}.loot-item-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px;font-size:13px}.loot-rarity{font-size:10px;text-transform:uppercase;letter-spacing:.06em}.loot-qty{font-size:11px;color:#a09070}.loot-item-desc{font-size:11px;color:#a09888;margin:4px 0}.loot-item-stats{font-size:11px;color:#90b070;margin-bottom:6px}.loot-eq-tag{font-size:9px;color:#80ffb0;border:1px solid #40a060;padding:1px 4px;border-radius:3px}.loot-kind-tag{font-size:10px;color:#887860;text-transform:uppercase}.loot-empty{color:#887860;font-size:13px}.loot-equip-btn,.loot-unequip,.loot-unequip-item{font-size:11px;padding:4px 10px}.loot-legendary{border-color:#ffd040!important;box-shadow:0 0 16px #ffd040a6,inset 0 0 20px #ffb42829;background:linear-gradient(135deg,#46300af2,#1e160ae0)!important;animation:loot-glow 2s ease-in-out infinite}.loot-legendary .loot-equip-name,.loot-legendary strong{text-shadow:0 0 12px rgba(255,210,80,.95),0 0 4px rgba(255,180,40,.8)}@keyframes loot-glow{0%,to{box-shadow:0 0 12px #ffd04073,inset 0 0 14px #ffb4281a}50%{box-shadow:0 0 28px #ffe664e6,inset 0 0 26px #ffc83c38}}.dialogue-box .choices{display:flex;flex-direction:column;gap:6px;margin-top:10px}.dialogue-box .choice-btn{display:flex;align-items:center;gap:10px;text-align:left;font:13px Alegreya Sans,Segoe UI,sans-serif;color:#f0e0c8;background:#281c30eb;border:2px solid #6a5040;border-radius:4px;padding:8px 12px;cursor:pointer}.dialogue-box .choice-btn:hover,.dialogue-box .choice-btn:focus{border-color:#fc6;background:#3c2846f2;outline:none}.dialogue-box .choice-key{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;border:1px solid #c8a060;border-radius:3px;color:#fc6;font-weight:700;font-size:12px}html.art-pixel .dialogue-box .choice-btn,html.art-gb .dialogue-box .choice-btn{border-radius:0;image-rendering:pixelated}.title-ui{position:absolute;left:561px;top:33px;width:275px;height:160px;pointer-events:none;z-index:20;display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:1px;padding:8px 10px 4px;box-sizing:border-box;text-align:center;opacity:0}.title-ui.is-open{opacity:1}.title-ui.is-open .title-menu,.title-ui.is-open .title-opt,.title-ui.is-open .title-credits,.title-ui.is-open .title-credits button{pointer-events:auto}.title-tagline{pointer-events:none;font-size:9px;line-height:1.3;color:#3a2414;letter-spacing:.04em;text-shadow:0 1px 0 rgba(255,236,200,.45);margin:0 0 4px;background:transparent;padding:0;border:none}.title-menu{display:flex;flex-direction:column;gap:2px;min-width:0}.title-opt{font:700 13px Alegreya Sans,Segoe UI,sans-serif;letter-spacing:.08em;color:#2a160c;background:transparent;border:none;border-radius:0;padding:3px 4px;cursor:pointer;text-align:center;image-rendering:pixelated;box-shadow:none;text-shadow:0 1px 0 rgba(255,236,200,.35)}.title-opt:hover,.title-opt.selected{border:none;color:#140a06;background:#301c0c29;box-shadow:none;transform:none}.title-opt.selected:before{content:"▶ ";color:#8a3018}.title-hint{pointer-events:none;align-self:center;margin-top:4px;padding:2px 6px 1px;font:700 12px/1.15 Alegreya Sans,Segoe UI,sans-serif;letter-spacing:.02em;color:#fff4d0;background:#24140a;box-shadow:0 0 0 1px #8a5a2a,0 2px #140a0473;text-shadow:1px 1px 0 #000;white-space:nowrap;max-width:100%;box-sizing:border-box;image-rendering:pixelated;-webkit-font-smoothing:none;font-smooth:never}.title-save-meta{pointer-events:none;margin-top:2px;font:700 9px/1.25 Alegreya Sans,Segoe UI,sans-serif;color:#2a160c;max-width:100%;line-height:1.25}.title-credits{position:absolute;right:6px;bottom:6px;left:6px;top:6px;width:auto;transform:none;z-index:40;text-align:left;overflow:auto;background:#d2be96f0;color:#24160e;font-size:10px;padding:8px;border:2px solid #3a2818}.title-credits h2{color:#6a3018;font-size:13px;margin:0 0 6px}.title-credits p{margin:0 0 4px}.title-credits .btn{margin-top:6px}html.art-pixel .title-opt,html.art-gb .title-opt,html.art-pixel .title-opt:hover,html.art-pixel .title-opt.selected,html.art-gb .title-opt:hover,html.art-gb .title-opt.selected{border-radius:0;background:transparent;color:#24160e;border:none;box-shadow:none}html.art-pixel .title-opt.selected,html.art-gb .title-opt.selected,html.art-pixel .title-opt:hover,html.art-gb .title-opt:hover{background:#301c0c2e;color:#140a06}html.art-pixel .title-tagline,html.art-gb .title-tagline{background:transparent;color:#3a2414;border:none;text-shadow:none}.scrap-overlay{max-width:520px;max-height:80vh;overflow:auto;z-index:40}.scrap-overlay .scrap-body{text-align:left;font-family:Alegreya Sans,Segoe UI,sans-serif;font-size:12px;line-height:1.45;background:#0a10188c;color:#e8f0ff;padding:12px 14px;margin:8px 0 14px;border:1px solid #406080;max-height:50vh;overflow:auto;white-space:pre-wrap}.scrap-overlay .scrap-line{min-height:1em}html.art-pixel .panel,html.art-pixel .shop-panel,html.art-pixel .whiplash-panel,html.art-pixel .dialogue-box{border:16px solid transparent;border-image:url(../ui/frame-stone-brass.png) 16 round;image-rendering:pixelated;outline:none;background-clip:padding-box;box-shadow:0 6px #140e0a59}html.art-pixel .party-panel,html.art-pixel .meter-wrap,html.art-pixel .continue-banner,html.art-pixel .toast,html.art-pixel .ability-hints,html.art-pixel .celebrate,html.art-pixel .brand-card,html.art-pixel .friend-card{border:8px solid transparent;border-image:url(../ui/frame-stone-brass.png) 16 / 8px round;border-radius:0;image-rendering:pixelated;outline:none;background-clip:padding-box;box-shadow:0 3px #140e0a4d}html.art-pixel .panel{padding:6px 10px;max-width:min(860px,calc(100% - 16px));max-height:min(500px,calc(100% - 16px))}html.art-pixel .loot-panel,html.art-pixel .scrap-overlay{max-height:min(500px,calc(100% - 16px))}html.art-pixel .create-wrap{width:min(820px,calc(100% - 16px))}html.art-pixel .dialogue-box{padding:4px 10px 2px;width:min(880px,calc(100% - 32px));max-height:46%;overflow:auto}html.art-pixel .dialogue-box .text{line-height:1.4}html.art-pixel .party-panel{padding:2px 4px}html.art-pixel .meter-wrap{padding:6px 10px 2px}html.art-pixel .toast{padding:2px 10px;max-width:calc(100% - 48px)}html.art-pixel .ability-hints{padding:0 2px}html.art-pixel .celebrate{padding:8px 22px;max-width:calc(100% - 48px)}html.art-pixel .continue-banner{padding:6px 8px}html.art-pixel .brand-card{padding:2px 4px}html.art-pixel .friend-card{padding:4px}html.art-pixel .whiplash-panel{max-width:min(420px,calc(100% - 32px))}html.art-pixel .brand-card.selected,html.art-pixel .btn.selected{box-shadow:0 0 0 2px #f0d878,0 0 6px 2px #f0d878b3}html.art-pixel .btn{border:3px solid #140e0a;box-shadow:inset 2px 2px #fff0c859,inset -2px -2px #140e0a59,0 0 0 2px #c8a040}html.art-pixel .debug-bar button{border:2px solid #140e0a;box-shadow:0 0 0 1px #c8a040}.meter-wrap.high-badge,html.art-pixel .meter-wrap.high-badge{display:flex;align-items:center;gap:6px;min-width:0;width:228px;max-width:228px;padding:3px 6px;box-sizing:border-box}.high-badge .hb-icon{flex:0 0 auto;width:36px;height:36px;image-rendering:pixelated;background:#e8dcb8;box-shadow:inset 0 0 0 2px #1a1020;padding:0}.high-badge .hb-body{flex:1 1 auto;min-width:0;line-height:1}.high-badge .hb-kicker{font:700 9px Alegreya Sans,Segoe UI,sans-serif;letter-spacing:2px;color:#6a5040}.high-badge .hb-name{font:700 20px Alegreya,Georgia,serif;letter-spacing:1px;margin:1px 0 3px;color:#2c4a2c;text-shadow:1px 1px 0 #d8c898}.high-badge.hb-lifted .hb-name{color:#b0287a}.high-badge.hb-crashed .hb-name{color:#b02810}.high-badge .hb-bar{position:relative;display:flex;height:8px;border:2px solid #1a1020;background:#1a1020;gap:2px}.high-badge .hb-zone{flex:1 1 0}.high-badge .hb-z-crash{background:#a83a20;box-shadow:inset 0 2px #d06040}.high-badge .hb-z-sober{background:#c8b890;box-shadow:inset 0 2px #f0e4c0}.high-badge .hb-z-lift{background:#d050a0;box-shadow:inset 0 2px #f890d0}.high-badge .hb-needle{position:absolute;top:-5px;width:4px;height:14px;margin-left:-2px;background:#ffe080;box-shadow:0 0 0 2px #1a1020}.high-badge .hb-hint{margin-top:3px;font:700 10px Alegreya Sans,Segoe UI,sans-serif;color:#504030;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}html.art-pixel .meter-wrap.high-badge.hb-warn,.meter-wrap.high-badge.hb-warn{animation:hb-pulse .5s steps(2,end) infinite}@keyframes hb-pulse{0%{box-shadow:0 3px #140e0a4d}50%{box-shadow:0 0 0 3px #fc4,0 0 10px 3px #ffc83cbf}to{box-shadow:0 3px #140e0a4d}}.high-badge.hb-warn .hb-hint{color:#a03020}.celebrate.flip-lifted{color:#b0287a!important}.celebrate.flip-crashed{color:#b02810!important}.celebrate.flip-sober{color:#2c4a2c!important}.cwheel{position:absolute;left:50%;top:74px;transform:translate(-50%);width:660px;display:flex;gap:12px;padding:12px;background:repeating-linear-gradient(0deg,rgba(0,0,0,.1) 0 2px,transparent 2px 6px),repeating-linear-gradient(90deg,rgba(255,255,255,.035) 0 2px,transparent 2px 10px),#3a332c;border:4px solid #1a1020;box-shadow:0 0 0 3px #c8a050,0 0 0 6px #1a1020,0 10px #1a102059;color:#f8f0d0;font-family:Alegreya Sans,Segoe UI,sans-serif;z-index:26;image-rendering:pixelated}.cw-ringbox{flex:0 0 236px;height:236px;background:#241e1a;border:3px solid #1a1020;box-shadow:inset 0 0 0 2px #6a5434;position:relative}.cw-ring{position:absolute;top:0;right:0;bottom:0;left:0}.cw-tone{position:absolute;transform:translate(-50%,-50%);width:86px;min-height:30px;padding:3px 4px;font:700 11px Alegreya Sans,Segoe UI,sans-serif;color:#f8f0d0;background:#4a3f36;border:3px solid #1a1020;box-shadow:inset 0 -3px #2a2420,inset 0 2px #6a5a4a;cursor:pointer;line-height:1.1;text-align:center}.cw-tone small,.cw-topic small{display:block;font-size:9px;font-weight:400;color:#d8c8a0}.cw-topic small{display:inline}.cw-tone.focus,.cw-topic.focus{background:#c8a050;color:#1a1020;box-shadow:inset 0 -3px #8a6a30,inset 0 2px #f0d890,0 0 0 2px #fff4c0}.cw-tone.focus small,.cw-topic.focus small{color:#3a2410}.cw-tone.off,.cw-topic.off{opacity:.42;cursor:default}.cw-tone.mood-up{border-color:#208040}.cw-tone.mood-down{border-color:#a02030}.cw-medal{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:104px;height:104px;border-radius:50%;background:#f8f0d0;color:#1a1020;border:4px solid #1a1020;box-shadow:0 0 0 3px #c8a050,0 0 0 5px #1a1020;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.cw-heart{width:22px;height:20px;image-rendering:pixelated}.cw-name{font:700 11px Alegreya Sans,Segoe UI,sans-serif;max-width:92px;line-height:1.05}.cw-tier{font:700 10px Alegreya Sans,Segoe UI,sans-serif;letter-spacing:1px;text-transform:uppercase;color:#704830}.cw-medal.tier-hostile .cw-tier{color:#a02030}.cw-medal.tier-friendly .cw-tier,.cw-medal.tier-trusted .cw-tier{color:#b02050}.cw-medal.tier-devoted .cw-tier{color:#a07000}.cw-bar{position:relative;width:70px;height:6px;background:#2a2420;border:2px solid #1a1020}.cw-bar i{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg,#a02030,#c8b898 50%,#e05080 75%,#d8a020);background-size:70px 100%}.cw-bar b{position:absolute;left:50%;top:-2px;bottom:-2px;width:2px;background:#1a1020}.cw-side{flex:1 1 auto;display:flex;flex-direction:column;gap:6px;min-width:0}.cw-sub{font:700 10px Alegreya Sans,Segoe UI,sans-serif;color:#c8a050;letter-spacing:1px;text-transform:uppercase}.cw-greet{background:#f8f0d0;color:#1a1020;border:3px solid #1a1020;box-shadow:inset 0 0 0 2px #c8a050;padding:6px 8px;font-size:12px;line-height:1.3;max-height:66px;overflow:hidden}.cw-standing{font-size:10px;color:#e8d8b0}.cw-topics{display:flex;flex-direction:column;gap:3px;max-height:128px;overflow-y:auto;scrollbar-width:thin}.cw-topic{text-align:left;font:700 11px Alegreya Sans,Segoe UI,sans-serif;color:#f8f0d0;background:#4a3f36;border:2px solid #1a1020;box-shadow:inset 0 -2px #2a2420;padding:3px 6px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cw-topic.leave{background:#3a2420}.cw-dot{color:#c8a050;margin-right:6px}.cw-topic.focus .cw-dot{color:#1a1020}.cw-hint{margin-top:auto;font-size:10px;color:#c8b898;text-align:right}.rel-pings{position:absolute;right:12px;top:70px;display:flex;flex-direction:column;align-items:flex-end;gap:3px;pointer-events:none;z-index:8}.rel-ping{display:flex;align-items:center;gap:6px;font:700 11px Alegreya Sans,Segoe UI,sans-serif;color:#1a1020;background:#f8f0d0;border:3px solid #1a1020;box-shadow:0 0 0 2px #c8a050;padding:2px 8px 2px 4px}.rel-ping canvas{width:22px;height:20px;image-rendering:pixelated}.rel-ping.crack{background:#e8d0c8}.rel-ping.flag{background:#e0e8d0}.rel-ping{max-width:340px;line-height:1.25}.rel-ping span{white-space:normal}.hud-top{padding:6px 12px;gap:10px}.hud-right{display:flex;flex-direction:column;align-items:flex-end;gap:2px;min-width:0}.meter-wrap.high-badge,html.art-pixel .meter-wrap.high-badge{width:220px;max-width:220px;padding:2px 6px;gap:6px}.high-badge .hb-icon{width:28px;height:28px}.high-badge .hb-kicker{font-size:8px;letter-spacing:1px}.high-badge .hb-name{font-size:16px;margin:0 0 2px}.high-badge .hb-bar{height:6px}.high-badge .hb-needle{top:-4px;height:10px}.high-badge .hb-hint{margin-top:2px;font-size:9px}.party-panel,html.art-pixel .party-panel{padding:2px 4px;gap:3px}.party-slot,html.art-pixel .party-slot{width:96px;display:flex;align-items:center;gap:4px;text-align:left;font-size:9px;line-height:1.05}.party-slot .avatar,html.art-pixel .party-slot .avatar{flex:0 0 auto;width:16px;height:16px;margin:0}.party-slot .ps-txt{min-width:0;overflow:hidden}.party-slot .ps-tag{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.party-slot .ps-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.party-slot .party-meta{font-size:7px;margin-top:0}.hud-meta,html.art-pixel .hud-meta{margin-top:0;font-size:9px;line-height:12px;max-width:700px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:right}.hud-save-row{margin-top:0;gap:6px;justify-content:flex-end}.hud-save-btn{padding:1px 6px;font-size:9px}.ability-hints,html.art-pixel .ability-hints{margin-top:0;padding:1px 6px;font-size:9px;line-height:12px;white-space:nowrap}.toast{top:86px;max-width:440px}.rel-pings{top:86px}.rel-ping{max-width:250px}.cwheel{top:88px}html.art-pixel .meter-wrap.high-badge{padding:0 4px}html.art-pixel .high-badge .hb-kicker{font-size:7px}html.art-pixel .high-badge .hb-name{font-size:15px}html.art-pixel .party-panel{padding:0 2px}html.art-pixel .hud-meta{padding:0 4px;margin-top:1px}html.art-pixel .ability-hints{border:0;border-image:none;padding:0 6px;background:#f8f0d0;color:#1a1020;box-shadow:0 0 0 2px #1a1020}html.art-pixel .toast{max-width:440px}body:has(.cwheel[style*=flex]) .rel-pings,body:has(.cwheel[style*=flex]) .toast{top:366px}.hud-save-row{max-width:512px}.ability-hints,html.art-pixel .ability-hints{min-width:0;overflow:hidden;text-overflow:ellipsis}body.in-combat .toast,body.in-combat .rel-pings{top:200px}.qa-chip{position:absolute;top:10px;left:248px;display:flex;flex-direction:column;gap:1px;padding:3px 7px;background:#3a3430;border:2px solid #c89040;box-shadow:inset 0 0 0 2px #1a1020,2px 2px #1a1020;color:#f0e0c0;font:10px Alegreya Sans,Segoe UI,sans-serif;line-height:1.15;pointer-events:auto;image-rendering:pixelated;max-width:176px;white-space:nowrap}.qa-chip .qa-grade{font-size:14px;letter-spacing:1px;color:#ffe8b0;text-shadow:1px 1px 0 #1a1020}.qa-chip .qa-stats{color:#d8c8a0;font-size:9px}.qa-chip .qa-dead{color:#a0a8b8;font-size:9px;letter-spacing:1px}.qa-chip.qa-high{border-color:#ffd060}.qa-chip.qa-high .qa-grade{color:#fff080}.qa-chip.qa-low{border-color:#a02030}.qa-chip.qa-low .qa-grade{color:#ff7060}body.in-combat .qa-chip{opacity:.85}html.art-pixel .dialogue-box.head-voice .text.narrator-text,html.art-gb .dialogue-box.head-voice .text.narrator-text{color:#f0dce4}html.art-pixel .dialogue-box.head-voice .speaker.narrator-label,html.art-gb .dialogue-box.head-voice .speaker.narrator-label{color:#e0a0b8}html.art-pixel .dialogue-box.head-voice .prompt,html.art-gb .dialogue-box.head-voice .prompt{color:#b08898}.panel.crew-panel,html.art-pixel .panel.crew-panel,html.art-gb .panel.crew-panel{width:min(780px,calc(100% - 24px));max-width:min(780px,calc(100% - 24px));max-height:min(560px,calc(100% - 20px));display:flex;flex-direction:column;padding:10px 12px;overflow:hidden;z-index:40;background:#1e1622;color:#f4e6cc;border:4px solid #0c0810;outline:3px solid #c98a3a;outline-offset:-7px;box-shadow:0 0 0 4px #4a2c1c,6px 8px 0 4px #0000008c;font:12px Alegreya Sans,Segoe UI,sans-serif;image-rendering:pixelated}.crew-panel .crew-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin:2px 4px 6px}html.art-pixel .crew-panel h2,.crew-panel h2{margin:0;font-size:17px;letter-spacing:.14em;color:#ffd166;text-shadow:2px 2px 0 #6a2a14}.crew-panel .crew-keys{font-size:10px;color:#b8a080;white-space:nowrap}.crew-panel .crew-body{display:flex;gap:10px;min-height:0;flex:1}.crew-panel .crew-tabs{display:flex;flex-direction:column;gap:4px;width:132px;flex:none;overflow-y:auto;padding-right:2px}.crew-panel .crew-tab{display:grid;grid-template-columns:1fr auto;align-items:center;gap:2px 4px;text-align:left;font:700 11px Alegreya Sans,Segoe UI,sans-serif;color:#f4e6cc;background:#2c2030;cursor:pointer;border:3px solid #0c0810;box-shadow:inset -2px -2px #160e18,inset 2px 2px #4a3848;padding:4px 6px}.crew-panel .crew-tab span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.crew-panel .crew-tab small{color:#9cd0ff;font-size:10px}.crew-panel .crew-tab em{grid-column:1 / -1;font-style:normal;font-size:9px;color:#1a0e08;background:#ffd166;justify-self:start;padding:0 4px;border:2px solid #0c0810}.crew-panel .crew-tab.on{background:#5a2e22;box-shadow:inset -2px -2px #2e140c,inset 2px 2px #a8603a;color:#ffe6a8}.crew-panel .crew-tab.guest{background:#22283a}.crew-panel .crew-main{flex:1;min-width:0;overflow-y:auto;padding:2px 6px 6px 2px}.crew-panel .crew-title{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.crew-panel .crew-title b{font-size:16px;color:#ffe6a8;text-shadow:2px 2px 0 #3a1a10;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.crew-panel .crew-lv{font:700 16px Alegreya,Georgia,serif;color:#9cd0ff;text-shadow:2px 2px 0 #10243a}.crew-panel .crew-lv small{font-size:11px;color:#6a88a8}.crew-panel .crew-xp{position:relative;height:14px;margin:4px 0 6px;background:#0c0810;border:3px solid #0c0810;box-shadow:0 0 0 2px #4a3848}.crew-panel .crew-xp-fill{height:100%;background:repeating-linear-gradient(90deg,#ffb347 0,#ffb347 6px,#ff8a3d 6px,#ff8a3d 8px)}.crew-panel .crew-xp span{position:absolute;top:0;right:0;bottom:0;left:0;text-align:center;font:700 10px/9px Alegreya Sans,Segoe UI,sans-serif;color:#fff6dc;text-shadow:1px 1px 0 #000}.crew-panel .crew-stats{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:6px}.crew-panel .crew-stat{padding:2px 6px;border:3px solid #0c0810;background:#2c2030;font-size:12px;white-space:nowrap}.crew-panel .crew-stat b{font-size:10px;margin-right:2px}.crew-panel .crew-stat i{font-style:normal;color:#8cf08c;font-size:10px;margin-left:3px}.crew-panel .crew-stat-hp b{color:#ff6b6b}.crew-panel .crew-stat-atk b{color:#ffb347}.crew-panel .crew-stat-def b{color:#9cd0ff}.crew-panel .crew-stat-spd b{color:#e59cff}.crew-panel .crew-growth{font-size:11px;color:#d8c4a0;line-height:1.5;margin-bottom:4px}.crew-panel .chip{display:inline-block;padding:0 5px;border:2px solid #0c0810;font-weight:700;font-size:10px;background:#4a3848;color:#fff}.crew-panel .chip.lift{background:#d4489a}.crew-panel .chip.crash{background:#c4561c}.crew-panel .chip.guest{background:#3a5a9a}.crew-panel .crew-sec{margin-top:8px}.crew-panel h3{margin:0 0 4px;font-size:12px;letter-spacing:.12em;color:#ffd166;border-bottom:3px solid #3a2830;padding-bottom:2px}.crew-panel h3 small{font-weight:400;letter-spacing:0;color:#a89070;font-size:10px;margin-left:4px}.crew-panel h3 em{font-style:normal;color:#1a0e08;background:#ffd166;padding:0 4px}.crew-panel .crew-moves{display:flex;flex-wrap:wrap;gap:4px}.crew-panel .crew-move{padding:2px 6px;background:#33283a;border:2px solid #0c0810;box-shadow:inset 1px 1px #554458;font-size:11px;white-space:nowrap}.crew-panel .crew-move.ult{background:#6a3a10;color:#ffe6a8}.crew-panel .crew-move.locked{background:#1a141c;color:#7a6a70}.crew-panel .crew-move small{font-size:9px;color:#9a8890}.crew-panel .crew-tree{display:grid;grid-template-columns:1fr 1fr;gap:8px}.crew-panel .crew-branch{display:flex;flex-direction:column;gap:4px}.crew-panel h4{margin:0;font-size:11px;letter-spacing:.2em;text-align:center;padding:2px;border:3px solid #0c0810;color:#fff}.crew-panel h4.lift{background:#b8327e}.crew-panel h4.crash{background:#a8441a}.crew-panel .crew-node,.crew-panel .crew-evo{display:flex;flex-direction:column;gap:1px;text-align:left;cursor:pointer;font:11px Alegreya Sans,Segoe UI,sans-serif;color:#e8d8c0;background:#241a26;padding:4px 6px;border:3px solid #0c0810;box-shadow:inset -2px -2px #120c14}.crew-panel .crew-node b,.crew-panel .crew-evo b{font-size:11px}.crew-panel .crew-node span,.crew-panel .crew-evo span{font-size:10px;color:#b8a890;line-height:1.3}.crew-panel .crew-node:disabled,.crew-panel .crew-evo:disabled{cursor:default;opacity:.55}.crew-panel .crew-node.lift.can,.crew-panel .crew-evo.lift:not(:disabled){background:#4a1a3a;box-shadow:inset 2px 2px #d4489a;opacity:1}.crew-panel .crew-node.crash.can,.crew-panel .crew-evo.crash:not(:disabled){background:#4a2210;box-shadow:inset 2px 2px #e0702a;opacity:1}.crew-panel .crew-node.lift.have,.crew-panel .crew-evo.lift.have{background:#b8327e;color:#fff;opacity:1}.crew-panel .crew-node.crash.have,.crew-panel .crew-evo.crash.have{background:#a8441a;color:#fff;opacity:1}.crew-panel .crew-node.have span,.crew-panel .crew-evo.have span{color:#ffe6d0}.crew-panel .crew-evos,.crew-panel .crew-gear{display:grid;grid-template-columns:1fr 1fr;gap:6px}.crew-panel .crew-slot{display:flex;flex-direction:column;gap:2px;font-size:10px}.crew-panel .crew-slot b{color:#ffb347;letter-spacing:.08em}.crew-panel .crew-slot select{font:11px Alegreya Sans,Segoe UI,sans-serif;background:#2c2030;color:#f4e6cc;border:3px solid #0c0810;padding:2px;max-width:100%}.crew-panel .crew-fam{color:#9cd0ff;font-size:10px}.crew-panel .crew-note{font-size:11px;color:#b8a080;margin:0}.crew-panel .crew-msg{margin-top:8px;padding:4px 8px;background:#ffd166;color:#1a0e08;border:3px solid #0c0810;font-weight:700}.crew-panel .crew-foot{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end;margin-top:6px}.crew-panel .crew-foot .btn{margin:0;padding:4px 10px;font-size:11px;border:3px solid #0c0810;background:#3a2c40;color:#f4e6cc;box-shadow:inset -2px -2px #1a121e}.crew-panel .crew-foot .crew-auto.on{background:#2a5a3a}.crew-panel .crew-foot .crew-auto:not(.on){background:#7a3a1a}.crew-panel .crew-foot .crew-respec{background:#b8327e;color:#fff}#touch-ui{display:none}html.touch,html.touch body{overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}html.touch body{overflow:hidden;height:100vh;height:100dvh;min-height:0}html.touch.portrait body{align-items:flex-start;padding-top:env(safe-area-inset-top,0)}html.touch #app{box-shadow:none}html.touch #touch-ui{--b: clamp(38px, 10.5vmin, 56px);display:block;position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:100;font:700 13px Alegreya Sans,Segoe UI,sans-serif}#touch-ui .tc-left,#touch-ui .tc-right{position:absolute;bottom:calc(10px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:8px;pointer-events:none}#touch-ui .tc-left{left:calc(10px + env(safe-area-inset-left,0px));align-items:center}#touch-ui .tc-right{right:calc(10px + env(safe-area-inset-right,0px));align-items:flex-end}html.landscape #touch-ui .tc-left,html.landscape #touch-ui .tc-right{width:calc(min(120px,14vw) - 14px)}html.landscape #touch-ui .tc-right{align-items:center}html.portrait #touch-ui .tc-right{width:min(260px,60vw)}#touch-ui .tc-row{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}#touch-ui .tc-btn{pointer-events:auto;touch-action:none;min-width:var(--b);height:var(--b);padding:0 8px;font:700 calc(var(--b) * .36) "Alegreya Sans","Segoe UI",sans-serif;letter-spacing:.02em;color:#fff0d0;cursor:pointer;opacity:.82;background:radial-gradient(120% 90% at 30% 20%,#ffe6b459,#0000 55%),linear-gradient(#0000 60%,#00000059),url(../ui/tc/wood.webp) center / 96px;border:2px solid #1a0f0a;border-radius:12px;box-shadow:inset 0 2px #ffdca073,inset 0 -3px #00000073,0 3px 6px #0000008c,0 0 0 1px #c8965059;text-shadow:0 1px 0 #1a0f0a,0 0 6px rgba(0,0,0,.6);transition:transform 60ms,filter 60ms,opacity 60ms;image-rendering:auto}#touch-ui .tc-btn.on{transform:translateY(2px) scale(.95);filter:brightness(1.35) saturate(1.2);opacity:1;box-shadow:inset 0 3px 6px #0009,0 0 10px #ffc86ebf,0 0 0 2px #f0c060}#touch-ui .tc-nums .tc-btn{border-radius:50%;padding:0;color:#e8f2ff;background:radial-gradient(100% 100% at 30% 25%,#dcf0ff66,#0000 55%),linear-gradient(#0000 55%,#0006),url(../ui/tc/slate.webp) center / 80px}#touch-ui .tc-btn.big{min-width:calc(var(--b) * 1.45);height:calc(var(--b) * 1.45);border-radius:50%;font-size:calc(var(--b) * .6);font-family:Alegreya,Georgia,serif;color:#fff4c8;border:3px solid #2a1406;background:radial-gradient(90% 90% at 32% 26%,#fff0bed9,#f0b45033 45%,#0000 70%),radial-gradient(circle,#d89a3a,#8a5418 80%);box-shadow:inset 0 3px #fff0c899,inset 0 -4px #3c1e008c,0 4px 8px #0009,0 0 0 2px #784614b3}#touch-ui .tc-menus .tc-btn{font-size:calc(var(--b) * .3);border-radius:10px;background:radial-gradient(120% 90% at 30% 20%,#ffdcbe47,#0000 55%),linear-gradient(#0000 55%,#00000059),url(../ui/tc/leather.webp) center / 64px;border:2px dashed rgba(240,200,140,.55);outline:2px solid #140a08}#touch-ui .tc-btn .ic{display:block;font-size:1.15em;line-height:1;margin-bottom:1px;filter:drop-shadow(0 1px 0 #1a0f0a)}#touch-ui .tc-acts{align-items:center}#touch-ui .tc-stick{pointer-events:auto;touch-action:none;position:relative;opacity:.85;width:calc(var(--b) * 2.6);height:calc(var(--b) * 2.6);background:url(../ui/tc/ring.webp) center / contain no-repeat;border:0;border-radius:50%;filter:drop-shadow(0 4px 6px rgba(0,0,0,.6))}#touch-ui .tc-knob{position:absolute;left:50%;top:50%;width:46%;height:46%;margin:-23% 0 0 -23%;background:url(../ui/tc/knob.webp) center / contain no-repeat;border:0;border-radius:50%;filter:drop-shadow(0 3px 4px rgba(0,0,0,.65));pointer-events:none}#present{display:none;position:absolute;left:2px;top:2px;width:960px;height:540px;pointer-events:none;z-index:1;image-rendering:auto}html.touch .dialogue-box{left:0;bottom:6px;width:calc(960px / var(--ui-boost) - 8px);transform:scale(var(--ui-boost));transform-origin:bottom left;padding:8px 10px 6px}html.touch .dialogue-box .text{min-height:0;line-height:1.35}html.touch .dialogue-box .prompt{font-size:11px;margin-top:4px}html.touch .toast{transform:translate(-50%) scale(var(--ui-boost));transform-origin:top center;top:70px;max-width:calc(900px / var(--ui-boost))}html.touch .panel{left:0;top:0;transform:scale(var(--panel-boost));transform-origin:top left;width:calc(960px / var(--panel-boost) - 50px);max-width:none;max-height:calc(540px / var(--panel-boost) - 42px)}html.touch.portrait .dialogue-box{bottom:auto;top:548px;transform-origin:top left}html.touch.portrait .toast{top:auto;bottom:calc(-1 * var(--dock-extra));transform:translate(-50%) scale(var(--ui-boost));transform-origin:bottom center}html.touch.portrait .panel{max-height:calc(var(--dock-bottom) / var(--panel-boost) - 42px)}html.landscape #touch-ui .tc-stick{width:calc(min(120px,14vw) - 20px);height:calc(min(120px,14vw) - 20px)}.hud-top,.hud-clock,.debug-bar{display:none!important}.hud-bottom{position:absolute;left:8px;right:8px;bottom:6px;height:44px;display:flex;align-items:center;gap:12px;padding:4px 10px;background:linear-gradient(180deg,#2e221cf0,#16100ef5);border:2px solid #b08848;border-radius:10px;box-shadow:0 4px 14px #00000080,inset 0 1px #ffe6b440;pointer-events:auto;z-index:14;font-family:Alegreya,Georgia,serif}.hb-hearts{display:flex;gap:3px}.hb-hearts .heart{width:20px;height:18px;display:inline-block;position:relative}.hb-hearts .heart:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#3a1c1c;clip-path:path("M10 17 C 3 12, 0 8.5, 0 5 C 0 2, 2.4 0, 5.2 0 C 7.4 0, 9 1.4, 10 3 C 11 1.4, 12.6 0, 14.8 0 C 17.6 0, 20 2, 20 5 C 20 8.5, 17 12, 10 17 Z")}.hb-hearts .heart.h2:before{background:radial-gradient(circle at 30% 28%,#ffb0b0 0,#ffb0b0 12%,#e83a4a 35%,#9a1626)}.hb-hearts .heart.h1:before{background:linear-gradient(90deg,#e83a4a 0,#e83a4a 50%,#3a1c1c 50%)}.hud-bottom .meter-wrap.high-badge{position:static!important;transform:none!important;margin:0!important;display:flex;align-items:center;gap:6px;min-width:200px;max-width:250px;padding:2px 8px!important;height:36px;box-sizing:border-box}.hud-bottom .meter-wrap .hb-kicker,.hud-bottom .meter-wrap .hb-hint{display:none}.hud-bottom .meter-wrap .hb-name{font-size:13px;line-height:14px}.hud-bottom .meter-wrap .hb-body{flex:1}.hud-bottom .qa-chip{position:static!important;transform:none!important;margin:0!important;font-size:12px;white-space:nowrap}.hb-actions{margin-left:auto;display:flex;gap:6px}.hb-act{font:700 13px Georgia,serif;color:#f8e8c4;cursor:pointer;height:34px;padding:0 10px;background:linear-gradient(180deg,#7a4a2a,#4a2a18);border:2px solid #d0a050;border-radius:7px;box-shadow:inset 0 1px #ffdcaa59,0 2px #1a0e08;display:flex;align-items:center;gap:6px}.hb-act b{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:4px;background:#f0d890;color:#3a2010;font-size:11px}.hb-act:active{transform:translateY(1px)}.hud:not(.in-fight) .hb-act[data-key="1"],.hud:not(.in-fight) .hb-act[data-key="2"],.hud:not(.in-fight) .hb-act[data-key="4"]{opacity:.45}.toast{top:auto!important;bottom:60px!important}.rel-pings{top:auto!important;bottom:60px!important;right:10px!important}.dialogue-box{bottom:58px!important}body.arena-on .qa-chip{display:none!important}.crew-panel .crew-tree.three{grid-template-columns:1fr 1fr 1fr}.crew-panel .crew-branch h4.class{color:#9fd8ff}.crew-panel .crew-node.class{border-color:#5a8fb8}.crew-panel .crew-node.class:disabled:not(.have){opacity:.55}.title-code{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px;background:#1c140eeb;border:1px solid #8a6848;border-radius:8px;color:#e8d8b8;text-align:center;pointer-events:auto;z-index:5}.title-code-note,.title-code-msg{margin:4px 0;font-size:12px}.title-code-in{width:6.5em;font:700 22px/1.2 Alegreya Sans,sans-serif;font-variant-numeric:tabular-nums;letter-spacing:.35em;text-align:center;background:#1a120e;color:#ffe9a0;border:1px solid #6a5038;border-radius:4px;padding:4px}.puppet-panel{position:absolute;left:50%;top:2%;transform:translate(-50%);width:360px;z-index:40;padding:12px 14px;background:#140e1cf2;border:1px solid #8a70c8;border-radius:8px;color:#e8e0f8}.puppet-panel h3{margin:0 0 6px;color:#c8b0ff;font-size:15px}.puppet-panel p{margin:0 0 8px;font-size:12px;line-height:1.35}.puppet-opts{display:flex;flex-direction:column;gap:6px}.puppet-opts .btn{text-align:left}#rotate-overlay{display:none}html.touch.portrait #rotate-overlay{display:flex;position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:#120e0c;color:#f0e2c4;font:600 20px/1.35 system-ui,sans-serif;text-align:center;padding:24px}#rotate-overlay .ro-phone{width:46px;height:80px;border:4px solid #f0e2c4;border-radius:9px;animation:ro-turn 2.2s ease-in-out infinite}@keyframes ro-turn{0%,30%{transform:rotate(0)}60%,to{transform:rotate(-90deg)}}