:root{--color-bg-dark:#0f172a;--color-bg-panel:#0f172ad9;--color-bg-panel-hover:#1e293be6;--color-border:#ffffff1a;--color-border-active:#ffffff4d;--color-text-light:#f8fafc;--color-text-muted:#94a3b8;--color-fire:#ef4444;--color-water:#06b6d4;--color-wind:#10b981;--color-light:#f59e0b;--color-dark:#8b5cf6;--color-mech:#94a3b8;--font-primary:"Inter", system-ui, -apple-system, sans-serif;--hud-safe-top:calc(56px + env(safe-area-inset-top,0px));--nav-safe-bottom:calc(74px + env(safe-area-inset-bottom,0px))}html,body{background-color:var(--color-bg-dark);width:100%;height:100dvh;color:var(--color-text-light);font-family:var(--font-primary);justify-content:center;align-items:center;margin:0;padding:0;display:flex;overflow:hidden}#app-container{background-color:#000;flex-direction:column;width:100%;max-width:480px;height:100dvh;max-height:100dvh;display:flex;position:relative;overflow:hidden;box-shadow:0 0 20px #00000080}@media (width<=600px){#app-container{max-width:100vw;height:100dvh;max-height:100dvh;box-shadow:none}}#phaser-game{z-index:1;flex:1;width:100%;min-height:0;position:relative}#phaser-game canvas{width:100%!important;height:100%!important;margin:0!important}#ui-overlay{z-index:2;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}#ui-overlay.cinematic-active,#ui-overlay.start-screen-active{z-index:100}.ui-interactive,.modal-overlay:not(.hidden){pointer-events:auto}.hidden{display:none!important}.glass-panel{background:var(--color-bg-panel);-webkit-backdrop-filter:blur(12px);border:1px solid var(--color-border);border-radius:12px}.hud-header{z-index:2;font-family:var(--font-heading,var(--font-primary));background:linear-gradient(#0b1222f0 0%,#131e34e0 100%);border-top:none;border-bottom:2px solid #f5c2428c;border-radius:0;grid-template-columns:max-content minmax(96px,1fr) minmax(0,max-content);align-items:center;column-gap:12px;padding:7px 12px;transition:border-color .4s,box-shadow .4s,background .4s;display:grid;position:relative;box-shadow:0 4px 16px #0000008c,inset 0 -1px #ffeb9640}.hud-header.is-nightfall{background:linear-gradient(#0e0a26f5 0%,#1e1640e6 100%);border-bottom-color:#8b5cf6bf;box-shadow:0 4px 18px #2e106599,inset 0 -1px #c4b5fd4d}.hud-status-row{pointer-events:none;flex-wrap:wrap;justify-content:flex-end;gap:4px;max-width:calc(100% - 20px);display:flex;position:absolute;top:calc(100% + 6px);right:10px}.hud-status-chip{font-family:var(--font-primary);letter-spacing:.2px;white-space:nowrap;color:#f8fafc;-webkit-backdrop-filter:blur(6px);text-shadow:0 1px 2px #000000e6;pointer-events:auto;cursor:default;background:#0f172ad1;border:1px solid #94a3b873;border-radius:999px;align-items:center;gap:3px;padding:2px 8px;font-size:10px;font-weight:800;line-height:1.3;display:inline-flex;box-shadow:0 2px 6px #00000073}.hud-status-chip.tone-ok{color:#fde68a;background:#422e06d1;border-color:#facc1599}.hud-status-chip.tone-nightfall{color:#ede9fe;background:linear-gradient(135deg,#2e1065e6 0%,#1e1b4be6 100%);border-color:#a78bfabf;box-shadow:0 0 10px #8b5cf666,0 2px 6px #00000073}.hud-status-chip.tone-lost{color:#cbd5e1;background:#1e293bd1;border-color:#94a3b866}.hud-status-chip.is-action{cursor:pointer;margin:0;transition:transform .15s,border-color .2s,background .2s}.hud-status-chip.is-action:hover{background:#422e06e6;border-color:#facc15d9}.hud-status-chip.is-action:active{transform:scale(.96)}.hud-status-chip.is-action:focus-visible{outline-offset:1px;outline:2px solid #facc15}.hud-sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.hud-hero-cluster{align-items:center;gap:8px;min-width:max-content;display:flex}.hud-avatar-frame{background:radial-gradient(circle at 50% 35%,#2b3f66 0%,#0f172a 100%);border:1.5px solid #f5c242;border-radius:8px;flex-shrink:0;width:34px;height:34px;position:relative;overflow:hidden;box-shadow:0 0 8px #f5c24259,inset 0 0 4px #000c}.hud-avatar-img{object-fit:cover;object-position:center top;width:100%;height:100%;transform:scale(1.12)}.hud-hero-stats{flex-direction:column;align-items:flex-start;gap:3px;display:flex}.hud-level-chip{color:#fde047;white-space:nowrap;font-variant-numeric:tabular-nums;text-shadow:0 1px 2px #000000e6;align-items:baseline;gap:3px;font-size:13px;font-weight:800;line-height:1;display:inline-flex}.hud-level-prefix{color:#cbd5e1;letter-spacing:.3px;font-size:9px;font-weight:700}.hud-level-badge{color:#fde047}.hud-cp-badge{color:#fbbf24;white-space:nowrap;font-variant-numeric:tabular-nums;text-shadow:0 1px 2px #000000e6;background:#f59e0b29;border:1px solid #fbbf2473;border-radius:999px;align-items:center;gap:3px;padding:1px 6px;font-size:10px;font-weight:800;line-height:1.2;display:inline-flex}.hud-stat{flex-direction:column;gap:2px;display:flex}.hud-label{color:#cbd5e1;text-transform:uppercase;letter-spacing:.65px;text-shadow:0 1px 2px #000000d9;font-size:9px;font-weight:700}.hud-value{color:#f8fafc;text-shadow:0 1px 2px #000000e6;align-items:center;gap:5px;font-size:13px;font-weight:800;display:flex}.hud-inline-pixel-icon{object-fit:contain;filter:drop-shadow(0 1px 2px #000000d9);flex-shrink:0;width:11px;height:11px}.hud-hp-cluster{justify-self:center;align-items:center;gap:6px;width:100%;min-width:0;max-width:240px;display:flex}.hud-hp-track{box-sizing:border-box;background:#090e1ae6;border:1px solid #94a3b859;border-radius:999px;flex:auto;min-width:0;height:18px;position:relative;overflow:hidden;box-shadow:inset 0 1px 3px #000000d9}.hud-hp-fill{background:linear-gradient(90deg,#16a34a 0%,#22c55e 55%,#4ade80 100%);border-radius:999px;height:100%;transition:width .28s cubic-bezier(.22,1,.36,1),background .25s;box-shadow:0 0 8px #22c55ea6}.hud-hp-fill.amber-hp{background:linear-gradient(90deg,#d97706 0%,#f59e0b 55%,#fbbf24 100%);box-shadow:0 0 8px #f59e0bb3}.hud-hp-fill.low-hp{background:linear-gradient(90deg,#dc2626 0%,#f97316 100%);box-shadow:0 0 8px #ef4444bf}.hud-hp-badge{color:#fff;white-space:nowrap;font-variant-numeric:tabular-nums;text-shadow:0 1px 2px #000000f2,0 0 3px #000c;pointer-events:none;justify-content:center;align-items:center;font-size:10px;font-weight:800;display:flex;position:absolute;inset:0}.hud-hp-badge.low-hp{color:#fecaca}.hud-camp-btn{box-sizing:border-box;min-width:32px;height:32px;font-family:var(--font-primary);cursor:pointer;background:#eab3082e;border:1px solid #facc1580;border-radius:6px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:1px;padding:1px 3px 2px;font-size:13px;line-height:1;transition:all .15s;display:inline-flex}.hud-camp-icon{font-size:13px;line-height:1}.hud-camp-label{letter-spacing:.4px;text-transform:uppercase;color:#fde68a;text-shadow:0 1px 2px #000000e6;font-size:7.5px;font-weight:800;line-height:1}.hud-camp-btn:hover{background:#eab30852;border-color:#facc15}.hud-camp-btn:active{transform:scale(.95)}.hud-camp-btn:disabled{opacity:.4;cursor:not-allowed;filter:grayscale(.6)}.hud-zone-cluster{justify-content:flex-end;min-width:0;max-width:170px;display:flex;overflow:hidden}.hud-zone-pill{box-sizing:border-box;background:#10b98126;border:1px solid #34d3997a;border-radius:999px;align-items:center;gap:5px;min-width:0;max-width:100%;padding:3px 9px;transition:border-color .25s,box-shadow .25s,background .25s;display:inline-flex;overflow:hidden}.hud-zone-pill.threat-ready{background:#10b9812e;border-color:#4ade80a6;box-shadow:0 0 8px #4ade8038}.hud-zone-pill.threat-caution{background:#f59e0b29;border-color:#facc15a6;box-shadow:0 0 8px #facc1533}.hud-zone-pill.threat-danger{background:#ef44442e;border-color:#f87171b3;box-shadow:0 0 8px #f8717140}.hud-zone-pill.threat-cleared{background:#0ea5e92e;border-color:#38bdf8a6;box-shadow:0 0 8px #38bdf838}.hud-zone-dot{background:#34d399;border-radius:50%;flex-shrink:0;width:6px;height:6px;box-shadow:0 0 6px #34d399}.hud-zone-pill .hud-value{color:#ecfdf5;white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:11px;line-height:1.2;display:block;overflow:hidden}.hud-zone-pill .hud-value.is-long{white-space:normal;overflow-wrap:break-word;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-size:10px;line-height:1.1;display:-webkit-box}.hud-zone-pill:has(.hud-value.is-long){border-radius:10px;padding:2px 8px}@media (width<=430px){.hud-zone-cluster{max-width:128px}}@media (width<=400px){.hud-header{column-gap:10px}.hud-avatar-frame{display:none}}@media (width<=370px){.hud-header{grid-template-columns:max-content minmax(84px,1fr) minmax(0,max-content);column-gap:8px;padding:7px 8px 8px}.hud-avatar-frame{display:none}.hud-zone-cluster{max-width:120px}}.bottom-nav{z-index:15;padding:5px 4px calc(5px + env(safe-area-inset-bottom,0px));box-sizing:border-box;background:linear-gradient(#131e34eb 0%,#090f1df5 100%);border-top:2px solid #f5c2428c;border-bottom:none;border-radius:0;justify-content:space-around;align-items:center;gap:3px;width:100%;margin-top:auto;display:flex;position:relative;overflow:hidden;box-shadow:0 -6px 18px #0000008c,inset 0 1px #ffeb9640}.bottom-nav.nav-locked .nav-tab:disabled{opacity:.4;cursor:not-allowed;filter:grayscale(.6)}.nav-tab{color:#94a3b8;font-family:var(--font-primary);letter-spacing:0;cursor:pointer;white-space:nowrap;background:#1e293b59;border:1px solid #94a3b824;border-radius:8px;flex-direction:column;flex:1 1 0;align-items:center;gap:3px;min-width:0;padding:5px 2px;font-size:9.5px;font-weight:700;transition:all .2s cubic-bezier(.22,1,.36,1);display:flex;position:relative}.nav-tab-icon{justify-content:center;align-items:center;width:22px;height:22px;transition:transform .2s,filter .2s;display:flex}.nav-svg-icon,.nav-pixel-icon{object-fit:contain;filter:drop-shadow(0 1px 2px #000000bf);width:22px;height:22px}.nav-tab span{text-overflow:ellipsis;max-width:100%;overflow:hidden}.nav-tab-label-short{display:none}@media (width<=360px){.nav-tab-label-full{display:none}.nav-tab-label-short{display:inline}}.nav-tab:hover{color:#f8fafc;background:#334155a6;border-color:#f5c24259;transform:translateY(-1px)}.nav-tab.active{color:#fde047;background:linear-gradient(#f5c24238 0%,#f59e0b14 100%);border-color:#facc15a6;box-shadow:inset 0 2px #fde047,0 2px 10px #f59e0b38}.nav-tab.active .nav-tab-icon{filter:drop-shadow(0 0 5px #facc158c);transform:scale(1.1)}.modal-container,.modal-container *,.bottom-nav,.bottom-nav *{box-sizing:border-box}.modal-container{opacity:0;pointer-events:none;z-index:10;background:linear-gradient(#0f172af5 0%,#090e1afa 100%);border:1.5px solid #facc156b;flex-direction:column;gap:12px;width:92%;max-height:80%;padding:16px;transition:opacity .25s;display:flex;position:absolute;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%);box-shadow:0 12px 32px #000000d9,inset 0 1px #ffeb9633}.modal-container.screen-with-nav-clearance{overscroll-behavior:contain;margin-bottom:0;top:var(--hud-safe-top,56px)!important;max-height:calc(100% - var(--hud-safe-top,56px) - var(--nav-safe-bottom,74px))!important;box-sizing:border-box!important;padding-bottom:16px!important;overflow-y:auto!important;transform:translate(-50%)!important}.modal-container.visible{opacity:1;pointer-events:auto}.monster-detail-modal,.stone-detail-modal{z-index:2500;-webkit-backdrop-filter:blur(16px);border:1.5px solid #facc1580;box-shadow:0 12px 34px #000000eb,inset 0 1px #ffeb9638;min-height:calc(100% - var(--hud-safe-top,56px) - var(--nav-safe-bottom,74px))!important;background:linear-gradient(#0f172afa 0%,#090e1afc 100%)!important}.modal-container:not(.visible),.modal-container:not(.visible) *{pointer-events:none!important}.scrollable{overscroll-behavior:contain;overflow-y:auto}*{scrollbar-width:thin;scrollbar-color:#06b6d480 #00000040}::-webkit-scrollbar{width:8px;height:8px}.modal-container::-webkit-scrollbar{width:8px;height:8px}.scrollable::-webkit-scrollbar{width:8px;height:8px}.achievements-list::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#00000040 padding-box padding-box;border:2px solid #0000;border-radius:12px}.modal-container::-webkit-scrollbar-track{background:#00000040 padding-box padding-box;border:2px solid #0000;border-radius:12px}.scrollable::-webkit-scrollbar-track{background:#00000040 padding-box padding-box;border:2px solid #0000;border-radius:12px}.achievements-list::-webkit-scrollbar-track{background:#00000040 padding-box padding-box;border:2px solid #0000;border-radius:12px}::-webkit-scrollbar-thumb{background:#06b6d480 padding-box padding-box;border:2px solid #0000;border-radius:12px;transition:background-color .2s}.modal-container::-webkit-scrollbar-thumb{background:#06b6d480 padding-box padding-box;border:2px solid #0000;border-radius:12px;transition:background-color .2s}.scrollable::-webkit-scrollbar-thumb{background:#06b6d480 padding-box padding-box;border:2px solid #0000;border-radius:12px;transition:background-color .2s}.achievements-list::-webkit-scrollbar-thumb{background:#06b6d480 padding-box padding-box;border:2px solid #0000;border-radius:12px;transition:background-color .2s}::-webkit-scrollbar-thumb:hover{background:#06b6d4cc padding-box padding-box;border:2px solid #0000}.modal-container::-webkit-scrollbar-thumb:hover{background:#06b6d4cc padding-box padding-box;border:2px solid #0000}.scrollable::-webkit-scrollbar-thumb:hover{background:#06b6d4cc padding-box padding-box;border:2px solid #0000}.achievements-list::-webkit-scrollbar-thumb:hover{background:#06b6d4cc padding-box padding-box;border:2px solid #0000}.modal-header{border-bottom:1px solid #facc1547;flex-shrink:0;justify-content:space-between;align-items:center;padding-bottom:8px;display:flex}.modal-title{font-family:var(--font-heading);color:#fef08a;text-shadow:0 1px 3px #000000e6;align-items:center;gap:6px;margin:0;font-size:16px;font-weight:800;display:inline-flex}.close-btn{color:#cbd5e1;cursor:pointer;background:#1e293bbf;border:1px solid #94a3b84d;border-radius:6px;justify-content:center;align-items:center;width:26px;height:26px;padding:0;font-size:16px;line-height:1;transition:all .15s;display:inline-flex}.close-btn:hover{color:#fff;background:#334155e6;border-color:#facc15a6}.stat-row{border-bottom:1px solid #ffffff0f;flex-shrink:0;justify-content:space-between;align-items:center;padding:7px 0;display:flex}.stat-row:last-child{border-bottom:none}.party-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:6px;display:grid}.monster-name{white-space:nowrap;transform-origin:0;color:#f8fafc;max-width:100%;font-size:10px;font-weight:800;display:inline-block}.monster-card{background:linear-gradient(#1e293bd9 0%,#0f172af2 100%);border:1px solid #94a3b84d;border-radius:10px;flex-direction:column;align-items:center;gap:3px;min-width:0;padding:7px 6px;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 6px #00000073}.stone-card.monster-card{box-sizing:border-box;width:100%;min-width:0;overflow:hidden}.stone-card.monster-card .monster-name{max-width:100%;font-size:8px}#stones-sockets .stone-card.monster-card .monster-name{font-size:7.5px}.monster-card.empty-slot{background:#090e1a8c;border:1px dashed #94a3b847;box-shadow:inset 0 2px 6px #0009}.element-FIRE{color:var(--color-fire)}.element-WATER{color:var(--color-water)}.element-WIND{color:var(--color-wind)}.element-LIGHT{color:var(--color-light)}.element-DARK{color:var(--color-dark)}.element-MECHANICAL{color:var(--color-mech)}.monster-card.element-FIRE{border-color:#ef44448c;box-shadow:0 2px 8px #ef444429,inset 0 0 10px #ef444414}.monster-card.element-WATER{border-color:#3b82f68c;box-shadow:0 2px 8px #3b82f629,inset 0 0 10px #3b82f614}.monster-card.element-WIND{border-color:#10b9818c;box-shadow:0 2px 8px #10b98129,inset 0 0 10px #10b98114}.monster-card.element-LIGHT{border-color:#f59e0b8c;box-shadow:0 2px 8px #f59e0b29,inset 0 0 10px #f59e0b14}.monster-card.element-DARK{border-color:#8b5cf68c;box-shadow:0 2px 8px #8b5cf629,inset 0 0 10px #8b5cf614}.monster-card.element-MECHANICAL{border-color:#94a3b88c;box-shadow:0 2px 8px #94a3b829,inset 0 0 10px #94a3b814}.synergy-warning{font-weight:700;color:#ef4444!important}.synergy-toast{color:#fff;pointer-events:none;opacity:0;z-index:100;background:#ef4444e6;border-radius:8px;padding:8px 16px;font-size:12px;font-weight:700;transition:opacity .3s;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.synergy-toast.show{opacity:1}.filter-controls{flex-wrap:wrap;flex-shrink:0;gap:6px;margin-top:6px;margin-bottom:6px;display:flex}.filter-select,.studio-select{color:#f8fafc;cursor:pointer;background:#090e1ae0;border:1px solid #facc1561;border-radius:6px;outline:none;padding:5px 8px;font-size:11px;font-weight:600}.stars-indicator{justify-content:center;align-items:center;gap:2px;width:100%;margin:1px 0;display:flex}.star-icon{color:#fbbf24;text-shadow:0 1px 2px #000c;font-size:10px}.monster-card.selected-for-equip{border-color:#5f5!important;box-shadow:0 0 10px #5f5!important}.monster-card.can-swap{animation:1.5s infinite alternate swap-pulse}.monster-card.can-place{border-style:dashed;border-color:#5f5;animation:1.5s infinite alternate place-pulse}@keyframes swap-pulse{0%{border-color:#ef444499;box-shadow:0 0 4px #ef444466}to{border-color:#ef4444;box-shadow:0 0 12px #ef4444cc}}@keyframes place-pulse{0%{box-shadow:0 0 4px #5f56}to{box-shadow:0 0 12px #5f5c}}.victory-modal{padding:var(--hud-safe-top,56px) 14px var(--nav-safe-bottom,74px) 14px;box-sizing:border-box;z-index:2000;background:#000000d1;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.victory-modal.hidden,.victory-modal .hidden{display:none!important}.victory-panel{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;box-sizing:border-box;text-align:center;color:#fff;background:#0f172af5;border:2px solid gold;border-radius:12px;flex-direction:column;gap:clamp(8px,1.4vh,12px);width:100%;max-width:360px;max-height:100%;padding:clamp(12px,2.2vh,18px) 16px;display:flex;overflow-y:auto;box-shadow:0 10px 30px #000c,inset 0 0 15px #ffd70026}.victory-header{border-bottom:1px solid #ffd70040;padding-bottom:6px}.victory-title{color:gold;text-shadow:0 2px 4px #000c;margin:0;font-size:clamp(18px,2.8vh,22px);font-weight:700}.victory-subtitle{color:#cbd5e1;margin-top:2px;font-size:12px}.victory-section{box-sizing:border-box;background:#ffffff0d;border:1px solid #ffffff14;border-radius:8px;flex-shrink:0;width:100%;padding:clamp(7px,1.2vh,10px) 10px}.victory-loot{color:#fc0;flex-wrap:wrap;justify-content:space-around;align-items:center;gap:6px;font-size:14px;font-weight:700;display:flex}.victory-xp-header{color:#4ade80;justify-content:space-between;margin-bottom:5px;font-size:12px;font-weight:700;display:flex}.victory-xp-bar-container{background:#0006;border:1px solid #ffffff1a;border-radius:6px;width:100%;height:9px;overflow:hidden}.victory-xp-bar-fill{background:linear-gradient(90deg,#22c55e,#4ade80);width:0%;height:100%;transition:width .5s ease-out}.victory-capture{background:#ffd7001a;border:2px dashed #fc0}.victory-capture-title{color:#fc0;margin-bottom:2px;font-size:13px;font-weight:700}.victory-actions{z-index:2;background:linear-gradient(#0f172abf 0%,#0f172afa 35%);flex-shrink:0;justify-content:center;margin-top:2px;padding-top:4px;display:flex;position:sticky;bottom:-2px}.victory-actions .btn{width:100%}.defeat-modal{padding:var(--hud-safe-top,56px) 14px var(--nav-safe-bottom,74px) 14px;box-sizing:border-box;z-index:2000;background:#000000d9;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.defeat-modal.hidden,.defeat-modal .hidden{display:none!important}.defeat-panel{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;box-sizing:border-box;text-align:center;color:#fff;background:#140f19fa;border:2px solid #f55;border-radius:12px;flex-direction:column;gap:clamp(10px,1.6vh,14px);width:100%;max-width:360px;max-height:100%;padding:clamp(14px,2.4vh,20px) 16px;display:flex;overflow-y:auto;box-shadow:0 10px 30px #f006}.defeat-header{border-bottom:1px solid #ff55554d;padding-bottom:8px}.defeat-title{color:#f55;text-shadow:0 2px 4px #000c;margin:0;font-size:clamp(19px,3vh,24px);font-weight:700}.defeat-body{flex-direction:column;gap:10px;display:flex}.defeat-message{color:#e2e8f0;margin:0;font-size:13px;line-height:1.45}.defeat-penalty-box{color:#faa;background:#ff55551a;border:1px dashed #f556;border-radius:6px;padding:8px 12px;font-size:12px}.defeat-actions{flex-shrink:0;justify-content:center;margin-top:2px;display:flex}.defeat-actions .btn{width:100%}.next-zone-modal{padding:var(--hud-safe-top,56px) 14px var(--nav-safe-bottom,74px) 14px;box-sizing:border-box;z-index:2000;background:#000000d1;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.next-zone-modal.hidden,.next-zone-modal .hidden{display:none!important}.next-zone-panel{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;box-sizing:border-box;text-align:center;color:#fff;background:#0f172af5;border:2px solid gold;border-radius:12px;flex-direction:column;gap:clamp(10px,1.5vh,14px);width:100%;max-width:380px;max-height:100%;padding:clamp(14px,2.2vh,18px) 16px;display:flex;overflow-y:auto;box-shadow:0 10px 30px #000c,inset 0 0 15px #ffd70026}.next-zone-header{border-bottom:1px solid #ffd7004d;padding-bottom:6px}.next-zone-title{color:gold;margin:0;font-size:clamp(19px,2.8vh,23px);font-weight:700}.next-zone-body{flex-direction:column;gap:10px;display:flex}.next-zone-gateway-opened{color:#fef3c7;text-align:left;background:linear-gradient(135deg,#facc153d,#d977062e);border:1px solid #facc15bf;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:8px 12px;font-size:12.5px;line-height:1.35;animation:1.6s ease-out next-zone-gateway-glow;display:flex;box-shadow:0 0 14px #facc1573,inset 0 0 10px #facc1526}.next-zone-gateway-opened.hidden{display:none}.next-zone-gateway-opened-icon{flex-shrink:0;font-size:18px}.next-zone-gateway-opened-text strong{color:#fde047;font-weight:800}@keyframes next-zone-gateway-glow{0%{transform:scale(.96);box-shadow:0 0 #facc1500}45%{transform:scale(1.02);box-shadow:0 0 24px #facc15bf}to{transform:scale(1);box-shadow:0 0 14px #facc1573,inset 0 0 10px #facc1526}}@media (prefers-reduced-motion:reduce){.next-zone-gateway-opened{animation:none}}.next-zone-mastery{text-align:left;background:linear-gradient(135deg,#eab3081f,#9333ea24);border:1px solid #facc1573;border-radius:10px;margin:6px 0;padding:8px 10px}.next-zone-mastery.hidden{display:none}.next-zone-mastery-title{color:#fde047;text-transform:uppercase;letter-spacing:.4px;margin-bottom:4px;font-size:11px;font-weight:800}.next-zone-mastery-list{flex-direction:column;gap:3px;margin:0;padding:0;list-style:none;display:flex}.next-zone-mastery-row{justify-content:space-between;align-items:baseline;gap:8px;font-size:11px;display:flex}.next-zone-mastery-label{color:#f8fafc;white-space:nowrap;font-weight:800}.next-zone-mastery-row.locked .next-zone-mastery-label{color:#94a3b8}.next-zone-mastery-status{text-align:right;font-size:10px;line-height:1.3}.next-zone-mastery-status.earned{color:#4ade80;font-weight:800}.next-zone-mastery-row.is-new .next-zone-mastery-status.earned{color:#fde047}.next-zone-mastery-status.locked{color:#cbd5e1}.next-zone-mastery-gateway{color:#e9d5ff;margin-top:6px;font-size:10px}.next-zone-desc{color:#cbd5e1;margin:0;font-size:12.5px;line-height:1.4}.next-zone-info-card{background:#ffd70014;border:1px solid #ffd70040;border-radius:8px;flex-direction:column;align-items:center;gap:4px;padding:10px 12px;display:flex}.next-zone-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;font-size:11px}.next-zone-name{color:gold;margin:0;font-size:15px;font-weight:700}.next-zone-actions{flex-shrink:0;justify-content:space-between;gap:10px;margin-top:2px;display:flex}.next-zone-actions .btn{flex:1}.dialogue-modal{padding:var(--hud-safe-top,56px) 14px calc(var(--nav-safe-bottom,74px) + 8px) 14px;box-sizing:border-box;z-index:1000;background:#000000b3;justify-content:center;align-items:flex-end;display:flex;position:absolute;inset:0}.dialogue-panel{overscroll-behavior:contain;box-sizing:border-box;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172af2;border:2px solid #ffd70066;border-radius:12px;flex-direction:column;gap:.8rem;width:100%;max-width:600px;max-height:100%;margin-bottom:0;padding:clamp(14px,2.2vh,22px) 16px;display:flex;overflow-y:auto;box-shadow:0 10px 30px #000c,inset 0 0 15px #ffd7001a}.dialogue-header{border-bottom:1px solid #ffd70033;padding-bottom:.5rem}.dialogue-speaker{color:gold;text-shadow:0 2px 4px #00000080;margin:0;font-size:1.15rem;font-weight:700}.dialogue-body{min-height:3.5rem}.dialogue-text{color:#f8fafc;text-shadow:0 1px 2px #000c;margin:0;font-size:1rem;line-height:1.55}.dialogue-actions{justify-content:flex-end;gap:.8rem;margin-top:.5rem;display:flex}.btn{font-size:14px;font-weight:600;font-family:var(--font-primary,sans-serif);cursor:pointer;box-sizing:border-box;text-align:center;border:none;border-radius:8px;outline:none;justify-content:center;align-items:center;padding:10px 18px;transition:all .2s;display:inline-flex}.btn-primary{color:#000;background:linear-gradient(gold 0%,#b8860b 100%);border:1px solid #ffea00;box-shadow:0 2px 8px #ffd70066}.btn-primary:hover{background:linear-gradient(#ffea00 0%,#daa520 100%);transform:translateY(-1px);box-shadow:0 4px 12px #ffd70099}.btn-primary:active{transform:translateY(1px);box-shadow:0 1px 4px #ffd70066}.btn-secondary{color:#e2e8f0;background:#ffffff1a;border:1px solid #fff3}.btn-secondary:hover{color:#fff;background:#fff3;border-color:#fff6}.btn-secondary:active{background:#ffffff0d}.confirm-modal{padding:var(--hud-safe-top,56px) 14px var(--nav-safe-bottom,74px) 14px;box-sizing:border-box;z-index:4000;background:#000000d9;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.confirm-panel{overscroll-behavior:contain;box-sizing:border-box;text-align:center;color:#fff;background:#140f19fa;border:2px solid #f55;border-radius:12px;flex-direction:column;gap:14px;width:100%;max-width:360px;max-height:100%;padding:clamp(14px,2.2vh,20px) 16px;display:flex;overflow-y:auto;box-shadow:0 10px 30px #f006}.confirm-header{border-bottom:1px solid #ff55554d;padding-bottom:8px}.confirm-title{color:#f55;margin:0;font-size:18px;font-weight:700}.confirm-body{justify-content:center;align-items:center;min-height:2.5rem;display:flex}.confirm-message{color:#e5e5e5;white-space:pre-line;margin:0;font-size:14px;line-height:1.5}.confirm-actions{justify-content:space-between;gap:12px;margin-top:8px;display:flex}.confirm-btn-cancel{color:#fff;cursor:pointer;background:#37474f;border:1px solid #62727b;border-radius:6px;flex:1;padding:10px 16px;font-size:14px;font-weight:700}.confirm-btn-cancel:hover{background:#455a64}.confirm-btn-confirm{color:#fff;cursor:pointer;background:#d32f2f;border:1px solid #f55;border-radius:6px;flex:1;padding:10px 16px;font-size:14px;font-weight:700}.confirm-btn-confirm:hover{background:#e53935}.confirm-modal--neutral .confirm-panel{background:linear-gradient(#0f172afa 0%,#090e1afc 100%);border-color:#facc1599;box-shadow:0 12px 32px #000000d9,0 0 22px #facc152e,inset 0 1px #ffeb9633}.confirm-modal--neutral .confirm-header{border-bottom-color:#facc1547}.confirm-modal--neutral .confirm-title{color:#fef08a;font-family:var(--font-heading)}.confirm-modal--neutral .confirm-message{color:#cbd5e1}.confirm-modal--neutral .confirm-btn-confirm{color:#1e1b0b;background:linear-gradient(#fde047 0%,#eab308 100%);border-color:#fef08a;box-shadow:0 2px 8px #eab30859}.confirm-modal--neutral .confirm-btn-confirm:hover{background:linear-gradient(#fef08a 0%,#facc15 100%)}.confirm-modal.hidden,.confirm-modal .hidden{display:none!important}.toast-notification{color:#fff;z-index:9999;pointer-events:none;background:#0f172af2;border:1px solid gold;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:700;position:absolute;bottom:80px;left:50%;transform:translate(-50%);box-shadow:0 0 10px #ffd7004d}.card-action-btn{color:#fff;cursor:pointer;text-transform:uppercase;background:#1e293be6;border:1px solid #fff3;border-radius:4px;margin-top:4px;padding:2px 6px;font-size:8px;font-weight:700;transition:all .1s}.card-action-btn:hover{background:#334155;border-color:#fff6}.card-action-btn.unequip-btn{color:#fca5a5;border-color:#ef444466}.card-action-btn.unequip-btn:hover{background:#ef444433;border-color:#ef4444cc}.card-action-btn.equip-btn{color:#86efac;border-color:#22c55e66}.card-action-btn.equip-btn:hover{background:#22c55e33;border-color:#22c55ecc}.card-action-btn.swap-btn{color:#fef08a;border-color:#eab30866}.card-action-btn.swap-btn:hover{background:#eab30833;border-color:#eab308cc}.option-group{background:#0003;border:1px solid #ffffff0d;border-radius:8px;flex-direction:column;padding:10px 12px;display:flex}.slider-input{appearance:none;background:#ffffff26;border-radius:3px;outline:none;width:100%;height:6px;margin:10px 0;transition:background .2s}.slider-input:hover{background:#ffffff40}.slider-input::-webkit-slider-thumb{appearance:none;cursor:pointer;background:gold;border:2px solid #fff;border-radius:50%;width:16px;height:16px;transition:transform .1s,background-color .1s;box-shadow:0 0 6px #ffd70099}.slider-input::-webkit-slider-thumb:hover{background:#ffea00;transform:scale(1.2)}.slider-input::-moz-range-thumb{cursor:pointer;background:gold;border:2px solid #fff;border-radius:50%;width:16px;height:16px;transition:transform .1s,background-color .1s;box-shadow:0 0 6px #ffd70099}.slider-input::-moz-range-thumb:hover{background:#ffea00;transform:scale(1.2)}.achievement-toast-banner{top:calc(var(--hud-safe-top,56px) + 6px);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10000;pointer-events:auto;opacity:0;background:#0f172af2;border:2px solid gold;border-radius:12px;width:90%;max-width:380px;padding:10px 16px;transition:transform .4s cubic-bezier(.175,.885,.32,1.275),opacity .3s;position:absolute;left:50%;transform:translate(-50%)translateY(-120px);box-shadow:0 8px 24px #0009,0 0 15px #ffd70066}.achievement-toast-banner.visible{opacity:1;transform:translate(-50%)translateY(0)}.achievement-toast-banner.hiding{opacity:0;transform:translate(-50%)translateY(-100px)}body:has(.hud-status-row:not(.hidden)) .achievement-toast-banner{top:calc(var(--hud-safe-top,56px) + 40px)}.toast-content{align-items:center;gap:12px;display:flex}.toast-badge{filter:drop-shadow(0 2px 4px #00000080);font-size:28px}.toast-header{font-size:10px;font-family:var(--font-heading);color:gold;letter-spacing:1px;text-transform:uppercase}.toast-title{color:#fff;font-size:14px;font-weight:700}.achievements-card{pointer-events:auto;box-sizing:border-box;background:#0f172afa;border:2px solid #ffd70066;border-radius:12px;flex-direction:column;gap:12px;width:92%;max-width:480px;max-height:80vh;margin:auto;padding:16px;display:flex;box-shadow:0 10px 30px #000c}.achievements-modal-overlay{z-index:5000;pointer-events:auto;background:#000000d9;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;inset:0}.achievements-stats-header{background:#0000004d;border:1px solid #ffffff14;border-radius:8px;flex-direction:column;flex-shrink:0;gap:6px;padding:8px 12px;display:flex}.progress-bar-container{background:#ffffff1a;border:1px solid #ffd7004d;border-radius:5px;width:100%;height:10px;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg,gold,#ff8c00);height:100%;transition:width .4s}.progress-text-label{color:var(--color-text-muted);justify-content:space-between;font-size:11px;display:flex}.achievements-tabs{flex-shrink:0;gap:6px;padding-bottom:4px;display:flex;overflow-x:auto}.achievements-tabs .tab-btn{color:var(--color-text-muted);cursor:pointer;white-space:nowrap;background:#ffffff14;border:1px solid #ffffff26;border-radius:6px;padding:6px 12px;font-size:11px;transition:all .2s}.achievements-tabs .tab-btn.active{color:gold;background:#ffd70033;border-color:gold;font-weight:700}.achievements-list-container{pointer-events:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex-direction:column;flex:auto;gap:10px;min-height:0;padding-bottom:4px;padding-right:6px;display:flex;overflow-y:auto}.achievement-item-card{box-sizing:border-box;background:#1e293bb3;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:10px;width:100%;padding:8px 10px;display:flex}.achievement-item-card.completed{background:#16653433;border-color:#22c55e80}.achievement-item-card.locked{opacity:.75;border-color:#ffffff0d}.card-icon-badge{flex-shrink:0;font-size:20px}.card-main-info{flex-direction:column;flex:auto;gap:2px;min-width:0;display:flex}.card-title-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.card-title{color:#fff;font-size:12px;font-weight:700}.category-badge{color:gold;text-transform:uppercase;background:#ffd70026;border:1px solid #ffd7004d;border-radius:4px;padding:1px 5px;font-size:8px}.card-description{color:var(--color-text-muted);font-size:10px;line-height:1.3}.card-hint-text{color:#94a3b8;font-size:10px;line-height:1.3}.card-status-badge{white-space:nowrap;border-radius:4px;flex-shrink:0;align-self:center;padding:3px 6px;font-size:9px;font-weight:700}.card-status-badge.completed{color:#4ade80;background:#22c55e33;border:1px solid #22c55e}.card-status-badge.locked{color:#64748b;background:#94a3b81a;border:1px solid #475569}.system-menu-modal{--sm-medal:60px;--sm-medal-img:42px;--sm-tile-pad:11px 8px 10px;--sm-title:12.5px;--sm-desc:9.5px;gap:8px}.system-menu-modal .modal-title{flex:auto;min-width:0}.system-menu-header-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.system-menu-version{color:var(--color-text-muted);font-size:9.5px;font-weight:700;font-family:var(--font-primary);letter-spacing:.4px;white-space:nowrap;background:#94a3b81a;border:1px solid #94a3b838;border-radius:999px;padding:2px 7px}.system-menu-app-badge{color:#4ade80;white-space:nowrap;background:#4ade801a;border:1px solid #4ade8066;border-radius:999px;padding:2px 7px;font-size:9.5px;font-weight:800}.system-menu-list{flex-direction:column;flex:auto;gap:8px;min-height:0;margin-top:2px;margin-left:-2px;margin-right:-2px;padding:3px 2px;display:flex}.system-menu-card{--tile-accent:#facc15;color:#fff;cursor:pointer;text-align:left;box-sizing:border-box;width:100%;font:inherit;-webkit-tap-highlight-color:transparent;animation:.34s cubic-bezier(.2,.8,.2,1) both sm-tile-in;animation-delay:calc(var(--i,0) * 32ms);background:linear-gradient(#ffffff0d 0%,#fff0 45%),linear-gradient(160deg,#24324aeb 0%,#11192af0 100%);border:1px solid #facc1538;border-radius:14px;align-items:center;gap:12px;padding:10px 12px;transition:transform .18s cubic-bezier(.2,.8,.2,1),border-color .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffeb9614,0 2px 6px #00000059}@keyframes sm-tile-in{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:none}}@media (hover:hover){.system-menu-card:hover{border-color:color-mix(in srgb, var(--tile-accent) 70%, transparent);box-shadow:inset 0 1px 0 #ffeb961f, 0 8px 16px #00000073, 0 0 14px color-mix(in srgb, var(--tile-accent) 22%, transparent);transform:translateY(-2px)}.system-menu-card:hover .system-menu-icon{box-shadow:inset 0 2px 6px #0009, 0 0 0 3px #090e1a8c, 0 0 0 4px color-mix(in srgb, var(--tile-accent) 45%, transparent), 0 0 18px color-mix(in srgb, var(--tile-accent) 40%, transparent);transform:scale(1.06)}}.system-menu-card:active{transition-duration:70ms;transform:scale(.965)}.system-menu-card:focus-visible{outline:2px solid var(--tile-accent);outline-offset:2px}.system-menu-icon{background:radial-gradient(circle at 50% 30%, #ffffff1a 0%, transparent 45%), radial-gradient(circle at 50% 45%, color-mix(in srgb, var(--tile-accent) 34%, transparent) 0%, #090e1af0 70%);border:1.5px solid color-mix(in srgb, var(--tile-accent) 60%, #facc1559);width:36px;height:36px;box-shadow:inset 0 2px 6px #0009, 0 0 0 3px #090e1a8c, 0 0 0 4px color-mix(in srgb, var(--tile-accent) 22%, transparent), 0 0 10px color-mix(in srgb, var(--tile-accent) 22%, transparent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s;display:inline-flex;position:relative}.system-menu-icon .menu-card-pixel-icon{filter:drop-shadow(0 2px 3px #000000b3);width:24px;height:24px}.system-menu-info{flex-direction:column;flex:auto;gap:2px;min-width:0;display:flex}.system-menu-title{color:gold;font-size:13px;font-weight:800;font-family:var(--font-heading);letter-spacing:.15px;text-shadow:0 1px 2px #000000d9;line-height:1.2}.system-menu-desc{color:var(--color-text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:10.5px;line-height:1.3;display:-webkit-box;overflow:hidden}.system-menu-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.system-menu-tile{text-align:center;padding:var(--sm-tile-pad);background:radial-gradient(120% 70% at 50% 0%, color-mix(in srgb, var(--tile-accent) 15%, transparent) 0%, transparent 62%), linear-gradient(180deg, #ffffff0d 0%, #fff0 45%), linear-gradient(160deg, #24324aeb 0%, #11192af0 100%);flex-direction:column;justify-content:flex-start;align-items:center;gap:6px}.system-menu-tile .system-menu-icon{width:var(--sm-medal);height:var(--sm-medal);border-width:2px;margin-top:1px}.system-menu-tile .system-menu-icon .menu-card-pixel-icon{width:var(--sm-medal-img);height:var(--sm-medal-img)}.system-menu-tile .system-menu-info{flex:0 auto;align-items:center;gap:1px;width:100%}.system-menu-tile .system-menu-title{font-size:var(--sm-title);white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden}.system-menu-tile .system-menu-desc{font-size:var(--sm-desc);-webkit-line-clamp:1;opacity:.85;max-width:100%}.system-menu-tile:after{content:"";background:linear-gradient(90deg, transparent, var(--tile-accent), transparent);opacity:.4;border-radius:2px;height:2px;transition:opacity .2s,left .25s,right .25s;position:absolute;bottom:0;left:24%;right:24%}.system-menu-tile:hover:after{opacity:.95;left:10%;right:10%}.system-menu-tile--danger{background:radial-gradient(120% 70% at 50% 0,#f871712b 0%,#0000 62%),linear-gradient(#ffffff0a 0%,#fff0 45%),linear-gradient(160deg,#381e28eb 0%,#18101af2 100%);border-color:#f871714d}.system-menu-tile--danger .system-menu-title{color:#fca5a5}.system-menu-tile--community{background:radial-gradient(120% 70% at 50% 0,#ff6b352e 0%,#0000 62%),linear-gradient(#ffffff0a 0%,#fff0 45%),linear-gradient(160deg,#342220eb 0%,#161118f2 100%);border-color:#ff6b3557}.system-menu-tile--community .system-menu-title{color:#ffb38a}.system-menu-tile--community .menu-card-pixel-icon{image-rendering:pixelated}.system-menu-tile--wide{text-align:left;flex-direction:row;grid-column:1/-1;justify-content:flex-start;padding:7px 12px}.system-menu-tile--wide .system-menu-info{align-items:flex-start}.system-menu-tile--wide .system-menu-icon{border-width:1.5px;width:32px;height:32px}.system-menu-tile--wide .system-menu-icon .menu-card-pixel-icon{width:20px;height:20px}.system-menu-tile--dev{border-style:dashed;border-color:#94a3b866}.system-menu-tile--dev .system-menu-title{color:#cbd5e1}.system-menu-banner{--tile-accent:#facc15;background:linear-gradient(100deg,#facc152b 0%,#facc1508 55%,#22d3ee17 100%),linear-gradient(160deg,#24324af2 0%,#11192af5 100%);border-color:#facc1580;flex-shrink:0;gap:10px;padding:7px 10px 7px 8px}.system-menu-banner:before{content:"";pointer-events:none;background:linear-gradient(100deg,#0000,#fff5c824,#0000);width:30%;animation:5.5s ease-in-out 1.2s infinite system-menu-banner-shine;position:absolute;top:0;bottom:0;left:-40%;transform:skew(-18deg)}@keyframes system-menu-banner-shine{0%,70%{left:-40%}to{left:130%}}.system-menu-banner-icon{border:1px solid #facc1599;border-radius:10px;flex-shrink:0;width:38px;height:38px;box-shadow:0 2px 8px #0009,0 0 10px #facc1540}.system-menu-banner .system-menu-desc{-webkit-line-clamp:1;font-size:10px}.system-menu-banner .system-menu-title{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.system-menu-banner-cta{color:#1e1b0b;letter-spacing:.5px;text-transform:uppercase;background:linear-gradient(#fde047 0%,#eab308 100%);border:1px solid #fef08a;border-radius:999px;flex-shrink:0;padding:5px 11px;font-size:10px;font-weight:900;box-shadow:0 2px 6px #eab30866,inset 0 1px #ffffff80}@media (height>=740px){.system-menu-modal{--sm-medal:70px;--sm-medal-img:50px;--sm-tile-pad:14px 8px 13px;--sm-title:13.5px;--sm-desc:10.5px;gap:10px}.system-menu-list,.system-menu-grid{gap:10px}.system-menu-tile{gap:8px}.system-menu-banner{padding:9px 12px 9px 9px}.system-menu-banner-icon{width:42px;height:42px}}@media (height>=800px){.system-menu-modal{--sm-medal:78px;--sm-medal-img:56px;--sm-tile-pad:16px 8px 15px;--sm-title:14px}}@media (height>=601px) and (height<=690px){.system-menu-modal{--sm-medal:56px;--sm-medal-img:40px;--sm-tile-pad:10px 8px 9px}}.system-menu-modal.system-menu-modal--installed{--sm-medal:66px;--sm-medal-img:46px;--sm-tile-pad:14px 8px 13px}@media (height>=740px){.system-menu-modal.system-menu-modal--installed{--sm-medal:80px;--sm-medal-img:58px;--sm-tile-pad:18px 8px 16px;--sm-title:14px}}@media (height<=600px){.system-menu-modal,.system-menu-modal.system-menu-modal--installed{--sm-medal:46px;--sm-medal-img:32px;--sm-tile-pad:8px 6px 8px}.system-menu-tile{gap:5px}.system-menu-tile .system-menu-desc{display:none}}@media (width<=340px){.system-menu-banner{gap:8px;padding:6px 8px 6px 6px}.system-menu-banner .system-menu-title{font-size:12px}.system-menu-banner-icon{width:34px;height:34px}.system-menu-banner-cta{padding:4px 8px;font-size:9.5px}.system-menu-tile .system-menu-title{font-size:12px}}@media (prefers-reduced-motion:reduce){.system-menu-banner:before{animation:none;display:none}.system-menu-card{animation:none}.system-menu-card,.system-menu-icon{transition:none}}.save-transfer-textarea{color:#0f6;resize:vertical;box-sizing:border-box;word-break:break-all;background:#0006;border:1px solid #ffd7004d;border-radius:6px;outline:none;width:100%;height:70px;padding:8px;font-family:monospace;font-size:11px}.save-transfer-textarea:focus{border-color:gold;box-shadow:0 0 5px #ffd70066}.save-transfer-status{text-align:center;border-radius:6px;padding:8px 12px;font-size:11px;font-weight:700;transition:all .3s}.save-transfer-status.status-success{color:#4ade80;background:#22c55e33;border:1px solid #22c55e80}.save-transfer-status.status-error{color:#fca5a5;background:#ef444433;border:1px solid #ef444480}.dialogue-header{border-bottom:1px solid #ffd70040;align-items:center;gap:12px;padding-bottom:.65rem;display:flex}.dialogue-speaker-avatar{object-fit:cover;background:radial-gradient(circle at 50% 35%,#1e293b 0%,#090d16 100%);border:2px solid #facc15;border-radius:50%;flex-shrink:0;width:54px;height:54px;box-shadow:0 0 14px #facc1559,inset 0 0 8px #000000b3}.dialogue-speaker-meta{flex-direction:column;gap:2px;display:flex}.dialogue-speaker-tag{letter-spacing:1.2px;color:#38bdf8;text-transform:uppercase;font-size:9px;font-weight:800}.dialogue-body{min-height:4rem;padding-right:1.2rem;position:relative}.dialogue-chevron-pulse{color:#facc15;font-size:12px;animation:1.1s ease-in-out infinite dialogueChevronFloat;position:absolute;bottom:2px;right:4px}@keyframes dialogueChevronFloat{0%,to{opacity:.55;transform:translateY(0)}50%{opacity:1;transform:translateY(4px)}}.world-map-banner-wrap{border:1.5px solid #facc1573;border-radius:10px;flex-shrink:0;width:100%;height:76px;margin-top:6px;overflow:hidden;box-shadow:0 4px 14px #0000008c}.world-map-banner-img{object-fit:cover;width:100%;height:100%;display:block}.region-list{flex-direction:column;flex:auto;gap:8px;min-height:0;margin:0 -2px;padding:2px 2px 6px;display:flex;overflow-y:auto}.region-list>*{flex-shrink:0}.region-world-header{text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:6px;margin:6px 0 0 2px;font-size:11.5px;font-weight:800;display:flex}.region-world-header img{object-fit:contain;width:15px;height:15px}.region-world-header--w1{color:#4ade80}.region-world-header--w2{color:#fbbf24;margin-top:10px}.region-card{--region-accent:#facc15;box-sizing:border-box;color:#fff;width:100%;min-height:64px;font:inherit;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;background:linear-gradient(#ffffff0b 0%,#fff0 50%),linear-gradient(160deg,#24324aeb 0%,#11192af2 100%);border:1px solid #facc1538;border-radius:12px;align-items:center;gap:12px;padding:10px 12px 10px 10px;transition:transform .16s cubic-bezier(.2,.8,.2,1),border-color .2s,box-shadow .2s;display:flex;position:relative;box-shadow:inset 0 1px #ffeb9612,0 2px 6px #00000059}.region-card--w2{--region-accent:#fbbf24;background:radial-gradient(120% 90% at 0%,#fbbf241a 0%,#0000 55%),linear-gradient(#ffffff0b 0%,#fff0 50%),linear-gradient(160deg,#2c2634f0 0%,#14121ef5 100%)}@media (hover:hover){.region-card:not(:disabled):hover{border-color:color-mix(in srgb, var(--region-accent) 70%, transparent);transform:translateY(-1px);box-shadow:inset 0 1px #ffeb961a,0 6px 14px #00000073}.region-card:not(:disabled):hover .region-cta{opacity:1;transform:translate(3px)}}.region-card:not(:disabled):active{transition-duration:60ms;transform:scale(.98)}.region-card:focus-visible{outline:2px solid var(--region-accent);outline-offset:2px}.region-thumb{border:1.5px solid color-mix(in srgb, var(--region-accent) 55%, transparent);background-position:50%;background-size:cover;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:flex;box-shadow:inset 0 0 0 1px #00000059,0 2px 6px #00000080}.region-thumb img{object-fit:contain;filter:drop-shadow(0 2px 3px #000c);width:26px;height:26px}.region-card--w2 .region-thumb{box-shadow:inset 0 0 14px #fb923c73,inset 0 0 0 1px #00000059,0 2px 6px #00000080}.region-info{flex-direction:column;flex:auto;gap:2px;min-width:0;display:flex}.region-kicker-row{flex-wrap:wrap;align-items:center;gap:4px 6px;display:flex}.region-kicker{letter-spacing:.5px;text-transform:uppercase;color:color-mix(in srgb, var(--region-accent) 85%, #fff);white-space:nowrap;font-size:10.5px;font-weight:800}.region-name{font-family:var(--font-heading);color:#f8fafc;text-shadow:0 1px 2px #000000d9;overflow-wrap:anywhere;font-size:14px;font-weight:800;line-height:1.2}.region-badge{letter-spacing:.3px;white-space:nowrap;border-radius:999px;align-items:center;gap:3px;padding:1px 6px;font-size:9px;font-weight:800;line-height:1.5;display:inline-flex}.region-badge img{object-fit:contain;width:10px;height:10px}.region-badge-current{color:#052e16;background:#22c55e;box-shadow:0 0 8px #22c55e73}.region-badge-locked{color:#94a3b8;background:#ffffff1a}.region-gateway-badge.met{color:#fde047;background:#facc1529;border:1px solid #facc1573}.region-gateway-badge.unmet{color:#fca5a5;background:#ef444429;border:1px solid #ef444473}.region-nightfall-lock-badge{color:#d8b4fe;letter-spacing:.1px;white-space:normal;background:#a855f72e;border:1px solid #a855f773;font-size:8.5px}.zone-mastery-row{flex-wrap:wrap;align-items:center;gap:2px 6px;margin-top:2px;display:flex}.zone-mastery-stars{letter-spacing:1px;white-space:nowrap;font-size:11px}.zone-mastery-stars .mastery-star.unearned{opacity:.55}.zone-mastery-labels{color:#64748b;flex-wrap:wrap;align-items:center;gap:0 4px;font-size:9.5px;display:inline-flex}.mastery-tier-label.earned{color:#fde047}.mastery-tier-label.earned.tier-nightfall{color:#c084fc}.zone-mastery-sep{opacity:.6}.region-cta{color:var(--region-accent);opacity:.75;flex-shrink:0;font-size:16px;transition:transform .2s,opacity .2s}.region-cta-restart{color:#4ade80;opacity:.9;font-size:18px}.region-card.active-region{--region-accent:#4ade80;background:radial-gradient(120% 100% at 0%,#4ade8029 0%,#0000 60%),linear-gradient(160deg,#14362ceb 0%,#0c1a1cf2 100%);border:1.5px solid #4ade80;box-shadow:0 0 0 1px #4ade8026,0 0 14px #4ade8038,inset 0 1px #bbf7d01f}.region-card.locked-region{cursor:not-allowed;opacity:.55;filter:grayscale(75%)}@media (width<=340px){.region-card{gap:10px;padding:9px 10px 9px 8px}.region-thumb{width:40px;height:40px}.region-name{font-size:13px}}@media (prefers-reduced-motion:reduce){.region-card,.region-cta{transition:none}}.victory-capture-header-row{justify-content:center;align-items:center;gap:12px;display:flex}.capture-crystal-anim{filter:drop-shadow(0 0 8px #38bdf880);background-image:url(../assets/ui/capture_crystal_sheet.png);background-repeat:no-repeat;background-size:224px 56px;flex-shrink:0;width:56px;height:56px;animation:.85s steps(4,end) infinite captureCrystalPlay}@keyframes captureCrystalPlay{0%{background-position:0 0}to{background-position:-224px 0}}.stone-altar-stage{box-sizing:border-box;background-color:#090e1ac7;background-image:radial-gradient(circle,#38bdf824 0%,#0000 72%),url(../assets/ui/stone_altar_wheel.png);background-position:50%,50%;background-repeat:no-repeat;background-size:cover,184px 184px;border:1.5px solid #facc1561;border-radius:12px;width:100%;padding:14px 10px;box-shadow:inset 0 0 22px #000c,0 4px 14px #00000073}.stone-altar-stage .monster-card:not(.empty-slot){-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0f172aad}.stone-altar-stage .monster-card.empty-slot{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);padding:6px 4px;background:#0f172ab8!important}.stone-altar-stage .monster-card.empty-slot .hud-label{text-shadow:0 1px 2px #000000e6;color:#cbd5e1!important}.stone-icon{filter:drop-shadow(0 2px 6px #000000d9)drop-shadow(0 0 6px #facc1547);object-fit:contain!important}.hud-cp-icon{object-fit:contain;filter:drop-shadow(0 1px 2px #000000d9);flex-shrink:0;width:12px;height:12px}.ui-inline-pixel-icon{object-fit:contain;vertical-align:-3px;filter:drop-shadow(0 1px 3px #000000d9);flex-shrink:0;width:16px;height:16px;margin-right:4px}.victory-inline-icon{object-fit:contain;vertical-align:-2px;filter:drop-shadow(0 1px 2px #000000d9);flex-shrink:0;width:14px;height:14px;margin-right:3px}.menu-card-pixel-icon{object-fit:contain;filter:drop-shadow(0 2px 4px #000000bf);flex-shrink:0;width:24px;height:24px}.toast-pixel-icon{object-fit:contain;filter:drop-shadow(0 2px 6px #facc15a6);flex-shrink:0;width:28px;height:28px}.victory-capture-portrait-box{background:linear-gradient(#0f172af2 0%,#020617fa 100%);border:1.5px solid #facc158c;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex;overflow:hidden;box-shadow:inset 0 2px 6px #000000d9,0 2px 8px #00000080}.victory-capture-portrait{object-fit:contain;filter:drop-shadow(0 2px 4px #000000bf);width:44px;height:44px}.party-pedestal-grid .monster-card:not(.empty-slot){background:linear-gradient(#1e293be0 0%,#0f172af5 100%)}.warlord-hero-banner{background:linear-gradient(135deg,#1e293be6 0%,#0f172af2 100%);border:1px solid #facc1561;border-radius:10px;flex-shrink:0;align-items:center;gap:12px;margin-bottom:6px;padding:10px 12px;display:flex;box-shadow:0 4px 14px #00000073}.warlord-banner-portrait{object-fit:cover;background:radial-gradient(circle at 50% 35%,#334155 0%,#0f172a 100%);border:2px solid #facc15;border-radius:50%;flex-shrink:0;width:56px;height:56px;box-shadow:0 0 12px #facc1559}.warlord-banner-stats{flex-direction:column;flex:1;gap:2px;display:flex}.defeat-header{flex-direction:column;align-items:center;gap:6px;display:flex}.defeat-crest-img{object-fit:contain;filter:drop-shadow(0 0 12px #38bdf873);width:76px;height:76px;animation:2.4s ease-in-out infinite defeatCrestPulse}@keyframes defeatCrestPulse{0%,to{filter:drop-shadow(0 0 10px #38bdf866);transform:translateY(0)scale(1)}50%{filter:drop-shadow(0 0 16px #facc158c);transform:translateY(-3px)scale(1.03)}}.sr-only-emoji{opacity:0;pointer-events:none;width:0;height:0;font-size:0;line-height:0;position:absolute;overflow:hidden}.inline-pixel-icon{object-fit:contain;vertical-align:-2px;filter:drop-shadow(0 1px 2px #000000d9);flex-shrink:0;width:14px;height:14px}.star-pixel-img{object-fit:contain;vertical-align:-1px;filter:drop-shadow(0 1px 2px #000000e6);width:11px;height:11px}.stars-indicator.stars-max .star-pixel-img{filter:drop-shadow(0 0 4px #38bdf8d9)drop-shadow(0 1px 2px #000000e6)}.toast-trophy-img{object-fit:contain;filter:drop-shadow(0 2px 6px #facc15a6);width:34px;height:34px}.hud-boss-skull-icon{object-fit:contain;filter:drop-shadow(0 1px 2px #000000e6);flex-shrink:0;width:12px;height:12px}.zone-entry-banner-card{text-align:center;pointer-events:none;z-index:5;opacity:0;filter:drop-shadow(0 8px 18px #000000d9);background-image:url(../assets/ui/zone_entry_banner.png);background-position:50%;background-repeat:no-repeat;background-size:100% 100%;flex-direction:column;justify-content:center;align-items:center;width:min(90%,340px);height:82px;transition:opacity .4s cubic-bezier(.16,1,.3,1),transform .4s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;top:66px;left:50%;transform:translate(-50%)translateY(-16px)scale(.95)}:is(#ui-overlay:has(.modal-container.visible) .zone-entry-banner-card,#ui-overlay:has(.modal-overlay:not(.hidden)) .zone-entry-banner-card){opacity:0!important;pointer-events:none!important}#ui-overlay:has(.modal-container.screen-with-nav-clearance.visible):before{content:"";height:var(--nav-safe-bottom,74px);pointer-events:auto;z-index:9;position:absolute;bottom:0;left:0;right:0}.zone-entry-banner-card.visible{opacity:1;transform:translate(-50%)translateY(0)scale(1)}.zone-entry-kicker{letter-spacing:2px;color:#38bdf8;text-transform:uppercase;text-shadow:0 1px 3px #000000f2;margin-bottom:1px;font-size:8px;font-weight:800}.zone-entry-title{font-family:var(--font-display,"Cinzel", serif);color:#fef08a;letter-spacing:.6px;text-shadow:0 2px 5px #000000f2,0 0 10px #facc1573;font-size:14px;font-weight:800}.zone-entry-subtitle{color:#cbd5e1;letter-spacing:.5px;text-shadow:0 1px 3px #000000f2;margin-top:1px;font-size:9px;font-weight:700}.victory-crest-header,.next-zone-crest-header{flex-direction:column;align-items:center;gap:2px;display:flex}.victory-crest-emblem{object-fit:contain;filter:drop-shadow(0 4px 10px #000000d9)drop-shadow(0 0 12px #facc1573);width:clamp(44px,7vh,62px);height:clamp(44px,7vh,62px);animation:2.6s ease-in-out infinite victoryCrestFloat}@keyframes victoryCrestFloat{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-3px)scale(1.04)}}.victory-xp-fill-anim{animation:1.4s ease-out forwards xpBarSweepGlow}@keyframes xpBarSweepGlow{0%{filter:brightness(1.6)drop-shadow(0 0 8px #38bdf8)}to{filter:brightness()drop-shadow(0 0 2px #38bdf866)}}.victory-rankup-shimmer{letter-spacing:.8px;color:#0f172a;background:linear-gradient(90deg,#facc15 0%,#fef08a 50%,#f59e0b 100%);border-radius:999px;margin-top:2px;padding:2px 8px;font-size:9px;font-weight:900;animation:1.5s ease-in-out infinite rankupPulse;display:inline-block;box-shadow:0 0 10px #facc1599}.victory-rankup-shimmer.mastered{color:#fff;background:linear-gradient(90deg,#0ea5e9 0%,#a855f7 50%,#ec4899 100%);box-shadow:0 0 12px #a855f7b3}@keyframes rankupPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.next-zone-preview-wrap{border:1.5px solid #facc1580;border-radius:10px;flex-shrink:0;width:100%;height:clamp(68px,12vh,92px);position:relative;overflow:hidden;box-shadow:0 4px 14px #000000a6}.next-zone-preview-img{object-fit:cover;object-position:center 28%;width:100%;height:100%;display:block}.next-zone-info-card.is-gateway-locked{background:#ef444414;border-color:#ef444466}.next-zone-info-card.is-gateway-locked .next-zone-preview-img{filter:grayscale(.7)brightness(.65)}.next-zone-info-card.is-gateway-locked .next-zone-name{color:#fca5a5;text-align:center}.element-filter-pills{flex-shrink:0;align-items:center;gap:4px;margin-top:6px;margin-bottom:4px;padding-bottom:2px;display:flex;overflow-x:auto}.element-pill{color:#cbd5e1;cursor:pointer;background:#0f172acc;border:1px solid #ffffff2e;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;min-width:30px;height:26px;padding:0 7px;font-size:10px;font-weight:800;transition:all .15s;display:inline-flex}.element-pill img{object-fit:contain;pointer-events:none;width:15px;height:15px}.element-pill.active{color:#fef08a;background:#facc1538;border-color:#facc15;box-shadow:0 0 8px #facc1559}.synergy-meter-row{flex-wrap:wrap;align-items:center;gap:5px;margin-bottom:4px;display:flex}.synergy-pips{align-items:center;gap:3px;display:inline-flex}.synergy-pip{background:#ffffff24;border:1px solid #ffffff40;border-radius:3px;width:10px;height:6px;display:inline-block}.synergy-pip.filled{background:#facc15;border-color:#fef08a;box-shadow:0 0 5px #facc1599}.synergy-pip.filled.maxed{background:#38bdf8;border-color:#bae6fd;box-shadow:0 0 6px #38bdf8cc}.cp-delta-toast{opacity:0;pointer-events:none;border-radius:999px;padding:1px 7px;font-size:10px;font-weight:900;transition:opacity .2s,transform .25s;transform:translateY(4px)}.cp-delta-toast.visible{opacity:1;transform:translateY(0)}.cp-delta-toast.positive{color:#4ade80;background:#14532da6;border:1px solid #4ade808c}.cp-delta-toast.negative{color:#f87171;background:#7f1d1da6;border:1px solid #f871718c}.detail-modal-actions{border-top:1px solid #ffffff1f;justify-content:space-between;align-items:center;gap:8px;width:100%;margin-top:6px;padding-top:8px;display:flex}.detail-nav-btn{color:#e2e8f0;background:#1e293bd9;border:1px solid #ffffff38;border-radius:6px;padding:6px 10px;font-size:11px}.detail-equip-action-btn{border-radius:6px;flex:1;padding:7px 12px;font-size:11px;font-weight:800}.detail-panel{background:linear-gradient(#0f172aeb 0%,#090e1af5 100%);border:1px solid #94a3b838;border-radius:10px;flex-direction:column;align-items:center;gap:10px;padding:12px;display:flex;box-shadow:inset 0 2px 10px #000000a6}.detail-element-pill{background:#0f172aeb;border:1px solid #94a3b866;border-radius:999px;align-items:center;gap:5px;padding:3px 11px;display:inline-flex;box-shadow:0 2px 6px #00000073}.detail-element-pill.element-FIRE{background:#7f1d1d52;border-color:#ef4444a6}.detail-element-pill.element-WATER{background:#1e3a8a52;border-color:#3b82f6a6}.detail-element-pill.element-WIND{background:#064e3b52;border-color:#10b981a6}.detail-element-pill.element-LIGHT{background:#713f1252;border-color:#facc15a6}.detail-element-pill.element-DARK{background:#4c1d9552;border-color:#a855f7a6}.detail-element-pill.element-MECHANICAL{background:#1e293b8c;border-color:#94a3b8a6}.detail-stats-box{background:#020617a6;border:1px solid #94a3b82e;border-radius:8px;width:100%;margin-top:2px;padding:4px 10px}.card-element-crest{object-fit:contain;filter:drop-shadow(0 1px 2px #000000e6);pointer-events:none;width:12px;height:12px;position:absolute;top:5px;left:5px}.card-stat-line{color:#cbd5e1;white-space:nowrap;letter-spacing:.2px;font-size:9px;font-weight:700}.studio-auto-equip-btn{color:#0f172a;cursor:pointer;background:linear-gradient(#fde047 0%,#eab308 100%);border:1px solid #fef08a;border-radius:999px;align-items:center;gap:5px;padding:5px 10px;font-size:11px;font-weight:800;display:inline-flex;box-shadow:0 2px 8px #eab30859}.btn-danger{color:#fff;background:linear-gradient(#ef4444 0%,#b91c1c 100%);border:1px solid #f87171;font-weight:800;box-shadow:0 2px 10px #ef444466}.btn-danger:hover{background:linear-gradient(#f87171 0%,#dc2626 100%);transform:translateY(-1px)}.stats-team-summary-grid{flex-shrink:0;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:10px;display:grid}.stats-team-pill{background:#0f172ad9;border:1px solid #94a3b840;border-radius:8px;flex-direction:column;align-items:center;gap:2px;padding:7px 10px;display:flex;box-shadow:inset 0 1px 4px #0009}.stats-bonuses-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.stats-bonus-cell{text-align:center;background:#0f172ad1;border:1px solid #94a3b833;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:6px 4px;display:flex}.stats-bonus-cell .hud-label{color:#94a3b8;letter-spacing:.3px;font-size:8px}.stats-bonus-cell .hud-value{font-size:11px;font-weight:800}.pwa-modal-body{flex-direction:column;gap:10px;padding:6px 2px;display:flex}.pwa-hero{align-items:center;gap:12px;padding:2px 2px 0;display:flex}.pwa-hero-icon{width:56px;height:56px;image-rendering:pixelated;border:1.5px solid #facc1599;border-radius:14px;flex-shrink:0;box-shadow:0 4px 12px #0009,0 0 14px #facc1540}.pwa-hero-info{flex-direction:column;gap:6px;min-width:0;display:flex}.pwa-hero-name{font-family:var(--font-heading);color:#fef08a;text-shadow:0 1px 3px #000000e6;font-size:15px;font-weight:800}.pwa-benefits{flex-wrap:wrap;gap:4px;display:flex}.pwa-benefit{color:#e2e8f0;white-space:nowrap;background:#22d3ee1a;border:1px solid #22d3ee4d;border-radius:999px;padding:2px 7px;font-size:10px;font-weight:700}.pwa-note{color:#fde68a;background:#f59e0b1a;border:1px solid #f59e0b4d;border-radius:8px;margin-top:10px;padding:8px 10px;font-size:11px;line-height:1.45}.pwa-nowrap{white-space:nowrap}.pwa-inline-svg{vertical-align:-2px;display:inline-block}.pwa-native-card{text-align:center;flex-direction:column;align-items:center;gap:10px;display:flex}.pwa-install-now-btn{width:100%}.pwa-copy-link-btn{width:100%;font:inherit;color:#fef08a;cursor:pointer;word-break:break-all;background:#1e293bd9;border:1px solid #facc1566;border-radius:8px;margin-top:10px;padding:8px 10px;font-size:12px;font-weight:700}.pwa-copy-link-btn:active{transform:scale(.98)}.pwa-install-card{background:#090e1ab8;border:1px solid #facc1540;border-radius:10px;padding:12px 10px;box-shadow:inset 0 2px 8px #0009}.pwa-standalone-card{text-align:center;padding:18px 12px}.pwa-status-icon{filter:drop-shadow(0 0 8px #facc1580);margin-bottom:8px;font-size:34px}.pwa-status-title{color:#4ade80;margin-bottom:6px;font-size:15px;font-weight:800}.pwa-status-desc{color:#cbd5e1;font-size:12px;line-height:1.5}.pwa-webview-title{color:#facc15;margin-bottom:6px;font-size:14px;font-weight:800}.pwa-webview-list{color:#e2e8f0;margin:8px 0 0;padding-left:20px;font-size:12px;line-height:1.6}.pwa-card-heading{color:#fef08a;text-align:center;letter-spacing:.3px;margin-bottom:10px;font-size:13px;font-weight:800}.pwa-step-list{flex-direction:column;gap:8px;display:flex}.pwa-step-item{background:#1e293ba6;border:1px solid #94a3b838;border-radius:8px;align-items:center;gap:10px;padding:9px 10px;display:flex}.pwa-step-badge,.pwa-step-num{color:#0f172a;background:linear-gradient(#fde047 0%,#ca8a04 100%);border:1px solid #fef08a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;font-weight:900;display:inline-flex;box-shadow:0 2px 6px #facc1559}.pwa-step-text{color:#f1f5f9;font-size:12px;line-height:1.45}.pwa-key-pill{color:#fef08a;background:#0f172ae6;border:1px solid #facc1573;border-radius:5px;justify-content:center;align-items:center;padding:1px 6px;font-size:12px;font-weight:700;display:inline-flex}.pwa-key-highlight{color:#facc15}.pwa-modal-actions{text-align:center;margin-top:8px}.pwa-ok-btn{width:100%}.save-transfer-body{flex-direction:column;flex:1;gap:12px;margin-top:6px;display:flex;overflow-y:auto}.save-transfer-group{background:#090e1aa6;border:1px solid #facc1538;gap:8px}.save-transfer-label{color:#fef08a;letter-spacing:.5px;font-size:11px}.save-transfer-btn{width:100%;padding:9px 14px;font-size:12px;font-weight:800}.save-import-btn{color:#e0f2fe;background:linear-gradient(#0e7490a6 0%,#0f172ae6 100%);border-color:#38bdf880}.save-import-btn:hover{background:linear-gradient(#0284c7bf 0%,#0f172af2 100%);border-color:#38bdf8}@keyframes cinematic-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.cinematic-modal{z-index:10000;box-sizing:border-box;background-color:#000;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.cinematic-viewport{box-sizing:border-box;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.cinematic-video{object-fit:contain;background:#000;width:100%;max-width:100%;height:100%;max-height:100%}.cinematic-skip-btn{top:max(12px, env(safe-area-inset-top,12px));z-index:10002;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#f8fafc;cursor:pointer;background:#090e1ad1;border:1px solid #facc1580;border-radius:999px;padding:5px 12px;font-size:11.5px;font-weight:800;line-height:1.2;position:absolute;right:12px;box-shadow:0 4px 12px #000000a6}.cinematic-skip-btn:hover{color:#fef08a;background:#0f172aeb;border-color:#facc15}.cinematic-loading{z-index:10001;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:absolute}.cinematic-spinner{border:3.5px solid #facc1533;border-top-color:#facc15;border-radius:50%;width:40px;height:40px;animation:.9s linear infinite cinematic-spin}.cinematic-loading-text{color:#fef08a;letter-spacing:.4px;text-shadow:0 2px 4px #000000e6;font-size:13px;font-weight:700}.cinematic-tap-prompt{top:max(16px, env(safe-area-inset-top,16px));z-index:10002;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:auto;background:#090e1ad1;border:1px solid #facc15a6;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:6px 14px;display:flex;position:absolute;left:16px;box-shadow:0 4px 12px #000000b3}#cinematic-tap-text,.cinematic-tap-text{color:#fde047;text-shadow:0 1px 3px #000000f2;font-size:12px;font-weight:800}@keyframes start-play-glow{0%,to{transform:translateY(0)scale(1);box-shadow:0 6px 22px #000c,0 0 14px #facc1561,inset 0 1px 1px #ffffffa6}50%{transform:translateY(-1px)scale(1.02);box-shadow:0 8px 28px #000000d9,0 0 24px #facc15ad,inset 0 1px 2px #ffffffd9}}@keyframes start-logo-float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes boot-shimmer{0%{background-position:0%}to{background-position:200%}}.boot-loading-overlay{z-index:10010;padding:max(28px, env(safe-area-inset-top,28px)) 20px max(36px, env(safe-area-inset-bottom,36px)) 20px;box-sizing:border-box;pointer-events:none;-webkit-user-select:none;user-select:none;background-color:#090d16;background-image:radial-gradient(circle at 50% 35%,#0f172a59 0%,#050811eb 85%),url(../assets/background/bg_image.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;flex-direction:column;justify-content:space-between;align-items:center;display:flex;position:fixed;inset:0}.boot-loading-header{flex-direction:column;align-items:center;width:100%;margin-top:8px;display:flex}.boot-loading-logo{filter:drop-shadow(0 10px 22px #000000d9);width:min(82vw,290px);height:auto;animation:3.2s ease-in-out infinite start-logo-float}.boot-loading-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(#0f172aeb 0%,#070b14f5 100%);border:1.5px solid #facc158c;border-radius:14px;flex-direction:column;gap:10px;width:100%;max-width:340px;padding:14px 16px;display:flex;box-shadow:0 12px 32px #000000d9,0 0 18px #facc152e,inset 0 1px #ffffff1f}.boot-loading-status-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.boot-loading-status-label{font-family:var(--font-display,"Cinzel", serif);letter-spacing:1px;text-transform:uppercase;color:#fef08a;text-shadow:0 1px 3px #000000e6;font-size:11px;font-weight:800}.boot-loading-percent{color:#4ade80;background:#020617cc;border:1px solid #4ade8066;border-radius:999px;padding:1px 7px;font-family:monospace;font-size:12px;font-weight:900}.boot-progress-track{box-sizing:border-box;background:#020617f2;border:1.5px solid #facc15a6;border-radius:999px;width:100%;height:14px;padding:2px;overflow:hidden;box-shadow:inset 0 2px 6px #000000e6}.boot-progress-fill{background:linear-gradient(90deg,#ca8a04 0%,#facc15 45%,#4ade80 100%) 0 0/200% 100%;border-radius:999px;width:0%;height:100%;transition:width .12s ease-out;animation:2.2s linear infinite boot-shimmer;box-shadow:0 0 10px #facc15a6}.boot-lore-tip{color:#cbd5e1;border-top:1px solid #94a3b82e;align-items:center;gap:8px;padding-top:6px;font-size:11px;line-height:1.35;display:flex}.boot-lore-tip-icon{object-fit:contain;filter:drop-shadow(0 1px 2px #000c);flex-shrink:0;width:15px;height:15px}.start-screen-modal{z-index:10005;width:100%;height:100%;padding:max(26px, env(safe-area-inset-top,26px)) 20px max(42px, env(safe-area-inset-bottom,42px)) 20px;box-sizing:border-box;background-color:#090d16;background-image:url(../assets/background/bg_image.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;flex-direction:column;justify-content:space-between;align-items:center;position:absolute;top:0;left:0;overflow:hidden}.start-screen-vignette{pointer-events:none;z-index:0;background:linear-gradient(#0508119e 0%,#0508110d 32%,#0508111f 58%,#050811db 100%);position:absolute;inset:0}.start-screen-header{z-index:1;flex-direction:column;align-items:center;width:100%;display:flex;position:relative}.start-screen-logo{filter:drop-shadow(0 10px 22px #000000d9);pointer-events:none;-webkit-user-select:none;user-select:none;width:min(86vw,310px);height:auto;animation:3.2s ease-in-out infinite start-logo-float}.start-screen-content{z-index:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(#0f172adb 0%,#070b14f0 100%);border:1.5px solid #facc157a;border-radius:16px;flex-direction:column;align-items:center;gap:10px;width:100%;max-width:330px;padding:14px 16px;display:flex;position:relative;box-shadow:0 12px 32px #000000d9,inset 0 1px #ffffff1f}.start-screen-status-badge{color:#fef08a;letter-spacing:.9px;text-transform:uppercase;background:#020617c7;border:1px solid #facc156b;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:4px 12px;font-size:10px;font-weight:800;display:inline-flex;box-shadow:inset 0 1px 4px #000000b3}.start-screen-status-icon{object-fit:contain;pointer-events:none;width:13px;height:13px}.start-play-btn-pulse{color:#170f02;width:100%;min-height:52px;font-family:var(--font-display,"Cinzel", system-ui, sans-serif);letter-spacing:1.6px;text-transform:uppercase;cursor:pointer;text-shadow:0 1px #ffffffa6;pointer-events:auto;background:linear-gradient(#fef08a 0%,#facc15 42%,#ca8a04 100%);border:2px solid #fef9c3;border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:12px 24px;font-size:18px;font-weight:900;animation:2.2s ease-in-out infinite start-play-glow;display:inline-flex}.start-play-btn-pulse:active{transform:scale(.97)!important}.start-play-btn-icon{object-fit:contain;filter:drop-shadow(0 1px 2px #00000073);pointer-events:none;width:20px;height:20px}@media (height<=700px){.victory-panel,.defeat-panel,.next-zone-panel,.confirm-panel{gap:8px;padding:12px 14px}.victory-crest-emblem,.defeat-crest-img{width:44px;height:44px}.victory-header,.defeat-header,.next-zone-header{padding-bottom:4px}.victory-title,.defeat-title,.next-zone-title{font-size:18px}.victory-section{padding:7px 10px}.capture-crystal-anim{background-size:168px 42px;width:42px;height:42px}@keyframes captureCrystalPlay{0%{background-position:0 0}to{background-position:-168px 0}}.victory-capture-portrait-box{width:44px;height:44px}.victory-capture-portrait{width:38px;height:38px}.next-zone-preview-wrap{height:68px}.world-map-banner-wrap{height:60px}.start-screen-logo,.boot-loading-logo{width:min(74vw,240px)}}@media (height<=580px){:root{--hud-safe-top:calc(48px + env(safe-area-inset-top,0px));--nav-safe-bottom:calc(64px + env(safe-area-inset-bottom,0px))}.hud-header{padding:4px 10px}.bottom-nav{padding:4px 6px calc(4px + env(safe-area-inset-bottom,0px))}.nav-tab{padding:4px 3px;font-size:9.5px}.victory-crest-emblem,.defeat-crest-img{width:34px;height:34px}.victory-panel,.defeat-panel,.next-zone-panel{gap:6px;padding:10px 12px}.victory-actions .btn,.defeat-actions .btn,.next-zone-actions .btn{padding:8px 14px;font-size:13px}}@media (width<=360px){.victory-modal,.defeat-modal,.next-zone-modal,.confirm-modal,.dialogue-modal{padding-left:10px;padding-right:10px}.modal-container{width:95%;padding:12px}}.loadout-preset-bar,.scout-preset-switcher{box-sizing:border-box;background:#020617a6;border:1px solid #facc1540;border-radius:8px;flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:5px 8px;display:flex}.loadout-preset-label{letter-spacing:.8px;color:#94a3b8;text-transform:uppercase;white-space:nowrap;font-size:9px;font-weight:800}.loadout-preset-pills{flex:1;justify-content:flex-end;align-items:center;gap:4px;display:flex}.loadout-preset-pill{color:#cbd5e1;max-width:86px;height:24px;font-family:var(--font-primary);cursor:pointer;white-space:nowrap;background:#0f172ad9;border:1px solid #94a3b84d;border-radius:6px;flex:1;justify-content:center;align-items:center;padding:0 8px;font-size:10px;font-weight:800;transition:all .15s;display:inline-flex}.loadout-preset-pill:hover{color:#f8fafc;border-color:#facc158c}.loadout-preset-pill.active{color:#fef08a;background:linear-gradient(#facc1547 0%,#eab30824 100%);border-color:#facc15;box-shadow:0 0 8px #facc1559,inset 0 1px #fef08a59}.scout-modal{-webkit-backdrop-filter:blur(4px);padding:var(--hud-safe-top,56px) 12px var(--nav-safe-bottom,74px) 12px;box-sizing:border-box;z-index:1950;background:#020617c7;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.scout-panel{overscroll-behavior:contain;box-sizing:border-box;color:#f8fafc;background:linear-gradient(#0f172af7 0%,#090e1afc 100%);border:1.5px solid #facc1580;border-radius:14px;flex-direction:column;gap:8px;width:100%;max-width:360px;max-height:100%;padding:12px 14px;display:flex;overflow-y:auto;box-shadow:0 12px 32px #000000e0,inset 0 1px #ffeb9638}.scout-header{border-bottom:1px solid #facc1538;align-items:center;gap:10px;padding-bottom:8px;display:flex}.scout-portrait-wrap{background:radial-gradient(circle at 50% 40%,#1e293be6 0%,#020617f2 100%);border:1.5px solid #facc1573;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex;overflow:hidden}.scout-portrait-img{object-fit:contain;width:50px;height:50px}.scout-header-info{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.scout-badges-row{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.scout-level-badge,.scout-role-badge,.scout-element-crest{letter-spacing:.4px;background:#1e293bd9;border:1px solid #94a3b859;border-radius:999px;align-items:center;gap:3px;padding:1px 6px;font-size:9px;font-weight:800;display:inline-flex}.scout-level-badge{color:#fde047;border-color:#facc1573}.scout-role-badge.boss-badge{color:#fca5a5;background:#b91c1c40;border-color:#f8717199}.scout-role-badge.construct-badge{color:#e9d5ff;background:#7e22ce40;border-color:#a855f799}.scout-enemy-name{color:#fef08a;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:15px;font-weight:900;line-height:1.2;overflow:hidden}.scout-threat-card,.scout-auras-section,.scout-rewards-section{background:#0206178c;border:1px solid #94a3b833;border-radius:9px;flex-direction:column;gap:5px;padding:7px 10px;display:flex}.scout-threat-top{justify-content:space-between;align-items:center;gap:6px;display:flex}.scout-section-label{letter-spacing:.75px;color:#94a3b8;text-transform:uppercase;font-size:8.5px;font-weight:800}.scout-threat-badge{background:#0f172ae6;border:1px solid;border-radius:999px;padding:2px 8px;font-size:10px;font-weight:900}.scout-cp-comparison{justify-content:space-between;align-items:center;gap:8px;display:flex}.scout-cp-box{background:#1e293b80;border-radius:6px;flex-direction:column;flex:1;align-items:center;padding:4px 6px;display:flex}.scout-cp-label{color:#94a3b8;text-transform:uppercase;font-size:8.5px;font-weight:700}.scout-cp-val{color:#f8fafc;font-size:12px;font-weight:900}.player-cp-box .scout-cp-val{color:#38bdf8}.enemy-cp-box .scout-cp-val{color:#f87171}.scout-cp-vs{color:#64748b;font-size:9px;font-weight:900}.scout-auras-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.scout-hints-btn{color:#fde047;cursor:pointer;background:#facc1524;border:1px solid #facc1573;border-radius:999px;padding:2px 8px;font-size:9.5px;font-weight:800;transition:background .15s,transform .1s}.scout-hints-btn:hover{background:#facc1540}.scout-hints-btn:active{transform:scale(.96)}.scout-auras-list{flex-direction:column;gap:4px;display:flex}.scout-aura-row{background:#0f172abf;border-left:2px solid #facc158c;border-radius:6px;flex-flow:wrap;justify-content:space-between;align-items:center;gap:4px 8px;padding:4px 7px;display:flex}.scout-aura-badge{color:#fef08a;align-items:center;gap:4px;font-size:10px;font-weight:800;display:inline-flex}.scout-aura-hint{color:#cbd5e1;font-size:10px;line-height:1.25}.scout-hints-overlay{z-index:60;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#020617c7;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.scout-hints-dialog{background:#0f172af5;border:1px solid #facc1559;border-radius:12px;flex-direction:column;gap:10px;width:100%;max-width:340px;padding:14px;display:flex;box-shadow:0 18px 40px #000000b3}.scout-hints-dialog-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.scout-hints-dialog-title{color:#fef08a;letter-spacing:.3px;font-size:13px;font-weight:900}.scout-hints-dialog-subtitle{color:#94a3b8;font-size:11px;line-height:1.35}.scout-hints-dialog-subtitle strong{color:#f8fafc}.scout-hints-notes-list{flex-direction:column;gap:7px;display:flex}.scout-hint-note-card{background:#1e293ba6;border:1px solid #94a3b833;border-radius:8px;flex-direction:column;gap:3px;padding:7px 9px;display:flex}.scout-hint-note-title{color:#fde047;align-items:center;gap:5px;font-size:10.5px;font-weight:800;display:inline-flex}.scout-hint-note-body{color:#e2e8f0;font-size:10.5px;line-height:1.35}.scout-hints-got-it-btn{width:100%;margin-top:2px}.scout-capture-decay-hint{color:#94a3b8;margin:-2px 0 2px;font-size:10px;line-height:1.35}.scout-intel-row{color:#e2e8f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;font-size:10.5px;display:flex}.scout-intel-pill,.scout-reward-pill{background:#1e293bd9;border:1px solid #94a3b859;border-radius:999px;padding:1px 7px;font-size:9.5px;font-weight:800}.scout-intel-pill.owned,.scout-intel-pill.claimed{color:#4ade80;border-color:#4ade8080}.scout-intel-pill.unowned,.scout-intel-pill.unclaimed{color:#facc15;border-color:#facc1580}.scout-actions{flex-direction:column;gap:6px;margin-top:2px;display:flex}.scout-engage-btn{width:100%;padding:10px 14px;font-size:14px;font-weight:900}.scout-secondary-actions{gap:6px;width:100%;display:flex}.scout-secondary-actions .btn{white-space:nowrap;flex:1;padding:7px 6px;font-size:11px}.prismatic-card{background:linear-gradient(135deg,#facc1524 0%,#0f172aeb 55%,#a855f729 100%)!important;border-color:#facc15e6!important;box-shadow:0 0 12px #facc1573,0 0 22px #c084fc40,inset 0 0 10px #facc1538!important}.prismatic-crest-badge{z-index:3;pointer-events:none;background:#0f172ad9;border:1px solid #facc15bf;border-radius:999px;padding:1px 3px;font-size:10px;line-height:1;position:absolute;top:3px;left:auto;right:3px;box-shadow:0 0 6px #facc158c}.prismatic-detail-pill{letter-spacing:.5px;color:#fef08a;background:linear-gradient(90deg,#ca8a0459,#9333ea59);border:1px solid #facc15cc;border-radius:999px;align-items:center;gap:4px;padding:2px 10px;font-size:10px;font-weight:900;display:inline-flex;box-shadow:0 0 10px #facc1566}.summon-menu{flex-direction:column;gap:8px;display:flex}.summon-currency-bar{background:#0206178c;border:1px solid #94a3b838;border-radius:8px;flex-wrap:wrap;flex-shrink:0;justify-content:space-between;gap:6px;padding:6px 8px;display:flex}.summon-currency-pill{color:#f8fafc;white-space:nowrap;background:#1e293bd9;border:1px solid #94a3b859;border-radius:999px;flex-shrink:0;padding:2px 7px;font-size:10px;font-weight:800}.summon-currency-pill.tickets-pill{color:#38bdf8;border-color:#38bdf873}.summon-currency-pill.gold-pill{color:#fde047;border-color:#facc1573}.summon-currency-pill.shards-pill{color:#e9d5ff;border-color:#c084fc80}.summon-pity-banner{background:#0f172abf;border:1px solid #c084fc59;border-radius:8px;flex-direction:column;flex-shrink:0;gap:4px;padding:6px 8px;display:flex}.summon-pity-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.summon-prismatic-rate-pill{color:#fef08a;white-space:nowrap;background:#eab3082e;border:1px solid #facc1573;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;padding:3px 8px;font-size:9px;font-weight:800;line-height:1.2;display:inline-flex}.summon-rules-banner .hud-label{text-transform:none;letter-spacing:.2px;flex:1;min-width:0;line-height:1.35}.summon-actions-row{z-index:3;flex-shrink:0;grid-template-columns:1fr 1.35fr;gap:8px;width:100%;display:grid;position:relative}.summon-action-btn{cursor:pointer;color:#f8fafc;background:linear-gradient(#1e293bf2 0%,#0f172afa 100%);border:1.5px solid #facc1599;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:9px 10px;transition:transform .14s,box-shadow .18s,border-color .18s;display:flex;box-shadow:0 4px 12px #0000008c,inset 0 1px #ffffff24}.summon-action-btn:hover:not(:disabled):not(.disabled){border-color:#facc15f2;transform:translateY(-1px);box-shadow:0 6px 16px #facc1540,inset 0 1px #ffffff38}.summon-action-btn:active:not(:disabled):not(.disabled){transform:translateY(1px)scale(.98)}.summon-multi-btn{background:linear-gradient(#581c87a6 0%,#1e1b4bf0 100%);border-color:#c084fccc;box-shadow:0 0 14px #a855f759,inset 0 1px #e9d5ff38}.summon-multi-btn:hover:not(:disabled):not(.disabled){border-color:#e9d5fff2;box-shadow:0 0 20px #c084fc8c,inset 0 1px #ffffff47}.summon-action-btn.disabled,.summon-action-btn:disabled{opacity:.45;cursor:not-allowed}.summon-btn-title{text-align:center;font-size:11px;font-weight:900}.summon-btn-cost{color:#fde047;font-size:10px;font-weight:800}.summon-altar-stage{background:radial-gradient(circle at 50% 38%,#a855f73d 0%,#38bdf81f 42%,#020617eb 85%),linear-gradient(#0f172aeb 0%,#090e1af5 100%);border:1.5px solid #c084fc6b;border-radius:12px;flex-direction:column;flex-shrink:0;align-items:center;gap:8px;padding:10px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 26px #581c8759,0 4px 16px #0000008c}.summon-altar-bg-glow{pointer-events:none;z-index:0;background:radial-gradient(circle at 50% 42%,#facc1529 0%,#a855f729 35%,#0000 70%);animation:4s ease-in-out infinite summonAltarIdlePulse;position:absolute;inset:-20%}.summon-altar-runic-wheel{opacity:.36;mix-blend-mode:screen;pointer-events:none;z-index:1;background-image:url(../assets/cinematics/vfx/vfx_golden_runic_ring.webp),url(../assets/ui/stone_altar_wheel.png);background-position:50%,50%;background-repeat:no-repeat;background-size:contain,128px 128px;width:146px;height:146px;margin-left:-73px;animation:22s linear infinite cin-fx-spin;position:absolute;top:4px;left:50%}.summon-altar-stardust{pointer-events:none;z-index:1;background:radial-gradient(circle at 30% 35%,#fef08aa6 0 1.5px,#0000 2.5px),radial-gradient(circle at 72% 28%,#38bdf8bf 0 1.5px,#0000 2.5px),radial-gradient(circle at 22% 72%,#c084fcbf 0 2px,#0000 3px),radial-gradient(circle at 78% 68%,#facc15b3 0 1.5px,#0000 2.5px),radial-gradient(circle at 50% 18%,#fffc 0 1.5px,#0000 2.5px);width:160px;height:110px;margin-left:-80px;animation:3.4s ease-in-out infinite cin-fx-drift;position:absolute;top:-6px;left:50%}.summon-altar-shockwave{opacity:0;pointer-events:none;z-index:2;border:2px solid #facc15e6;border-radius:50%;width:24px;height:24px;margin-top:-12px;margin-left:-12px;position:absolute;top:38px;left:50%;box-shadow:0 0 18px #facc15cc,inset 0 0 12px #c084fccc}.summon-altar-core{z-index:2;flex-direction:column;align-items:center;gap:4px;display:flex;position:relative}.summon-altar-orb{background:radial-gradient(circle,#facc1540 0%,#9333ea47 55%,#0f172aa6 100%);border:1.5px solid #facc1599;border-radius:50%;justify-content:center;align-items:center;width:68px;height:68px;display:flex;position:relative;box-shadow:0 0 16px #a855f773,inset 0 0 10px #facc154d}.summon-altar-emblem{object-fit:contain;filter:drop-shadow(0 2px 8px #000000d9)drop-shadow(0 0 8px #c084fc80);width:54px;height:54px}.summon-altar-crystal{opacity:.72;pointer-events:none;background-size:168px 42px;width:42px;height:42px;animation:.85s steps(4,end) infinite summonCrystalMiniPlay;position:absolute}@keyframes summonCrystalMiniPlay{0%{background-position:0 0}to{background-position:-168px 0}}.summon-altar-callout{color:#e2e8f0;text-align:center;text-shadow:0 1px 2px #000000f2;background:#020617b8;border:1px solid #94a3b847;border-radius:999px;max-width:100%;padding:2px 10px;font-size:10.5px;font-weight:800}.summon-callout-prismatic{color:#fef08a;text-shadow:0 0 8px #facc15bf}.summon-altar-stage.summon-burst-active{border-color:#facc15e0;animation:.68s cubic-bezier(.22,1,.36,1) summonAltarStageFlash}.summon-altar-stage.summon-burst-active .summon-altar-orb{animation:.65s cubic-bezier(.22,1,.36,1) summonAltarOrbBurst}.summon-altar-stage.summon-burst-active .summon-altar-runic-wheel{opacity:.82;animation:.85s cubic-bezier(.16,1,.3,1) summonRunicFastSpin,14s linear .85s infinite cin-fx-spin}.summon-altar-stage.summon-burst-active .summon-altar-shockwave{animation:.7s cubic-bezier(.16,1,.3,1) forwards summonShockwaveExpand}.summon-altar-stage.summon-burst-prismatic{box-shadow:0 0 24px #facc158c,inset 0 0 28px #facc1559}.summon-inspect-focus-btn{color:#fef08a;cursor:pointer;background:#9333ea52;border:1px solid #facc1599;border-radius:999px;align-items:center;gap:4px;padding:2px 8px;font-size:9.5px;font-weight:800;display:inline-flex}.summon-inspect-focus-btn:hover{background:#9333ea85;border-color:#facc15e6}@keyframes summonAltarIdlePulse{0%,to{opacity:.7;transform:scale(.98)}50%{opacity:1;transform:scale(1.04)}}@keyframes summonAltarStageFlash{0%{filter:brightness(1.85);box-shadow:0 0 32px #facc15bf,inset 0 0 36px #c084fcbf}to{filter:brightness()}}@keyframes summonAltarOrbBurst{0%{filter:brightness(2);transform:scale(.82)}45%{filter:brightness(1.5);transform:scale(1.18)}to{filter:brightness();transform:scale(1)}}@keyframes summonRunicFastSpin{0%{opacity:.95;transform:rotate(0)scale(.85)}60%{opacity:.9;transform:rotate(220deg)scale(1.12)}to{opacity:.45;transform:rotate(360deg)scale(1)}}@keyframes summonShockwaveExpand{0%{opacity:.95;transform:scale(.5)}to{opacity:0;transform:scale(9.5)}}.summon-result-card{transition:transform .16s,box-shadow .16s,border-color .16s}.summon-result-card:hover{transform:translateY(-2px)scale(1.02);box-shadow:0 6px 14px #000000a6,0 0 12px #facc1552;border-color:#facc15d9!important}.summon-card-animated{animation:.46s cubic-bezier(.22,1,.36,1) both summonCardMaterialize;animation-delay:calc(var(--pull-index,0) * 42ms)}.summon-card-new{box-shadow:0 0 12px #4ade8052,inset 0 0 8px #4ade8026}.summon-card-upgrade{box-shadow:0 0 12px #38bdf847,inset 0 0 8px #38bdf81f}.summon-card-shard{box-shadow:0 0 12px #c084fc52,inset 0 0 8px #c084fc26}@keyframes summonCardMaterialize{0%{opacity:0;filter:brightness(2.1);transform:translateY(12px)scale(.82)}60%{opacity:1;filter:brightness(1.3);transform:translateY(-2px)scale(1.04)}to{opacity:1;filter:brightness();transform:translateY(0)scale(1)}}.summon-status-badge{letter-spacing:.4px;border-radius:999px;margin-top:2px;padding:1px 5px;font-size:8px;font-weight:900}.summon-status-badge.badge-new{color:#4ade80;background:#16653473;border:1px solid #4ade80a6}.summon-status-badge.badge-upgrade{color:#38bdf8;background:#0369a173;border:1px solid #38bdf8a6}.summon-status-badge.badge-shard{color:#e9d5ff;background:#6b21a880;border:1px solid #c084fcb3}.summon-prismatic-badge{color:#fef08a;background:linear-gradient(90deg,#ca8a0473,#9333ea73);border:1px solid #facc15d9;border-radius:999px;margin-top:2px;padding:1px 5px;font-size:8px;font-weight:900}.shard-priority-tag{color:#fef08a;background:#b91c1ca6;border:1px solid #facc1580;border-radius:4px;padding:1px 4px;font-size:7.5px;font-weight:900;position:absolute;top:3px;left:22px}.monster-detail-modal.summon-detail-focus{border-color:#c084fcbf;box-shadow:0 14px 38px #000000f0,0 0 26px #a855f759,inset 0 1px #facc154d}.monster-detail-modal.summon-detail-prismatic{border-color:#facc15eb;box-shadow:0 14px 40px #000000f2,0 0 30px #facc1573,inset 0 0 18px #facc152e}.summon-focus-banner{background:linear-gradient(135deg,#581c876b 0%,#0f172ae0 55%,#1e3a8a61 100%);border:1px solid #c084fc80;border-radius:10px;flex-direction:column;gap:5px;margin-top:6px;padding:7px 10px;display:flex;box-shadow:inset 0 0 14px #a855f733}.summon-focus-banner.is-prismatic{background:linear-gradient(135deg,#ca8a0452 0%,#0f172ae6 50%,#9333ea61 100%);border-color:#facc15c7}.summon-focus-banner-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.summon-focus-kicker{letter-spacing:.7px;color:#fde047;align-items:center;gap:4px;font-size:9.5px;font-weight:900;display:inline-flex}.summon-focus-counter{color:#e9d5ff;background:#1e293bd9;border:1px solid #c084fc73;border-radius:999px;padding:1px 8px;font-size:9.5px;font-weight:800}.summon-focus-outcome-row{justify-content:center;align-items:center;display:flex}.summon-focus-outcome{letter-spacing:.4px;border-radius:999px;align-items:center;gap:4px;padding:2px 10px;font-size:10.5px;font-weight:900;display:inline-flex}.summon-focus-outcome.badge-new{color:#4ade80;background:#1665348c;border:1px solid #4ade80bf;box-shadow:0 0 10px #4ade8059}.summon-focus-outcome.badge-upgrade{color:#7dd3fc;background:#0369a18c;border:1px solid #38bdf8bf;box-shadow:0 0 10px #38bdf859}.summon-focus-outcome.badge-shard{color:#f3e8ff;background:#6b21a899;border:1px solid #c084fccc;box-shadow:0 0 10px #c084fc61}.detail-portrait-stage{border-radius:50%;justify-content:center;align-items:center;width:176px;height:176px;display:flex;position:relative}.detail-portrait-stage.summon-portrait-stage{background:radial-gradient(circle,#a855f747 0%,#38bdf824 50%,#0000 74%)}.detail-portrait-stage.prismatic-stage{background:radial-gradient(circle,#facc1552 0%,#a855f738 52%,#0000 75%)}.summon-portrait-runic-ring{opacity:0;pointer-events:none;mix-blend-mode:screen;background-image:url(../assets/cinematics/vfx/vfx_golden_runic_ring.webp);background-position:50%;background-repeat:no-repeat;background-size:contain;position:absolute;inset:2px}.summon-portrait-stage .summon-portrait-runic-ring{opacity:.48;animation:18s linear infinite cin-fx-spin}.summon-portrait-burst{opacity:0;pointer-events:none;border:2.5px solid #facc15eb;border-radius:50%;width:36px;height:36px;position:absolute;box-shadow:0 0 22px #facc15d9,inset 0 0 16px #c084fcd9}.summon-portrait-crystal{z-index:3;opacity:.9;pointer-events:none;position:absolute;bottom:2px;right:2px;transform:scale(.78)}.detail-monster-portrait{z-index:2;position:relative}.monster-detail-modal.summon-focus-animating .summon-materializing-portrait{animation:.56s cubic-bezier(.22,1,.36,1) both summonPortraitMaterialize}.monster-detail-modal.summon-focus-animating .summon-portrait-burst{animation:.65s cubic-bezier(.16,1,.3,1) forwards summonPortraitShockwave}.monster-detail-modal.summon-focus-animating .summon-focus-banner{animation:.42s cubic-bezier(.22,1,.36,1) both summonBannerPop}@keyframes summonPortraitMaterialize{0%{opacity:0;filter:brightness(2.8)drop-shadow(0 0 28px #facc15f2);transform:scale(.42)translateY(14px)}52%{opacity:1;filter:brightness(1.45)drop-shadow(0 0 22px #c084fcd9);transform:scale(1.09)translateY(-3px)}to{opacity:1;filter:drop-shadow(0 6px 14px #000000bf);transform:scale(1)translateY(0)}}@keyframes summonPortraitShockwave{0%{opacity:.95;transform:scale(.5)}to{opacity:0;transform:scale(5.2)}}@keyframes summonBannerPop{0%{opacity:0;transform:translateY(-6px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.summon-focus-batch-section{box-sizing:border-box;background:#02061799;border:1px solid #94a3b840;border-radius:10px;width:100%;padding:6px 8px}.summon-focus-batch-label{color:#cbd5e1;text-align:center;margin-bottom:5px;font-size:9.5px;font-weight:800}.summon-focus-batch-strip{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;display:grid}.summon-batch-thumb{cursor:pointer;background:#0f172ae0;border:1.5px solid #94a3b84d;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;padding:4px 2px 3px;transition:transform .12s,border-color .12s,box-shadow .12s;display:flex;position:relative}.summon-batch-thumb img{object-fit:contain;width:32px;height:32px}.summon-batch-thumb.active{background:#581c878c;transform:scale(1.05);box-shadow:0 0 10px #facc158c;border-color:#facc15!important}.summon-batch-thumb.prismatic-thumb{border-color:#facc15bf}.summon-thumb-prismatic{font-size:8px;line-height:1;position:absolute;top:1px;right:2px}.summon-thumb-tag{border-radius:999px;margin-top:2px;padding:0 4px;font-size:7.5px;font-weight:900;line-height:1.25}.summon-thumb-tag.tag-new{color:#4ade80;background:#166534a6}.summon-thumb-tag.tag-up{color:#38bdf8;background:#0369a18c}.summon-thumb-tag.tag-shard{color:#e9d5ff;background:#6b21a8a6}.summon-focus-again-bar{box-sizing:border-box;border-top:1px solid #c084fc47;flex-direction:column;gap:6px;width:100%;margin-top:2px;padding-top:8px;display:flex}.summon-focus-again-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.summon-focus-done-btn{color:#e2e8f0;cursor:pointer;background:#1e293be6;border:1px solid #94a3b873;border-radius:8px;padding:4px 10px;font-size:10px;font-weight:800}.summon-focus-done-btn:hover{color:#fff;border-color:#facc15b3}.summon-focus-again-buttons{grid-template-columns:1fr 1.25fr;gap:8px;display:grid}@keyframes cam-zoom-in-anim{0%{transform:scale(1)translate(0)}to{transform:scale(1.14)translateY(-2%)}}@keyframes cam-zoom-out-anim{0%{transform:scale(1.16)translateY(-2%)}to{transform:scale(1.02)translate(0)}}@keyframes cam-pan-up-anim{0%{transform:scale(1.14)translateY(4%)}to{transform:scale(1.14)translateY(-4%)}}@keyframes cam-pan-down-anim{0%{transform:scale(1.14)translateY(-4%)}to{transform:scale(1.14)translateY(4%)}}@keyframes cam-pan-right-anim{0%{transform:scale(1.14)translate(-4%)}to{transform:scale(1.14)translate(4%)}}@keyframes cam-dramatic-push-anim{0%{transform:scale(1.02)translateY(1%)}to{transform:scale(1.22)translateY(-3%)}}@keyframes cin-sheet-play{0%{background-position-x:0%}to{background-position-x:100%}}@keyframes cin-fx-fade-in{0%{opacity:0}to{opacity:var(--fx-opacity,1)}}@keyframes cin-fx-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes cin-fx-spin-reverse{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@keyframes cin-fx-pulse{0%,to{filter:brightness(.95);transform:scale(.96)}50%{filter:brightness(1.25);transform:scale(1.06)}}@keyframes cin-fx-drift{0%,to{transform:translateY(1.5%)scale(1)}50%{transform:translateY(-1.5%)scale(1.03)}}@keyframes cin-fx-reveal{0%{opacity:0;filter:brightness(2.2);transform:scale(.5)}28%{opacity:1;filter:brightness(1.6);transform:scale(1.03)}40%{opacity:.6}52%{opacity:1;filter:brightness(1.2)}64%{opacity:.8}to{opacity:1;filter:brightness();transform:scale(1)}}@keyframes cin-enter-rise{0%{opacity:0;transform:translateY(26px)scale(.92)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes cin-enter-left{0%{opacity:0;transform:translate(-46px)}to{opacity:1;transform:translate(0)}}@keyframes cin-enter-right{0%{opacity:0;transform:translate(46px)}to{opacity:1;transform:translate(0)}}@keyframes cin-enter-zoom{0%{opacity:0;filter:brightness(2);transform:scale(1.5)}60%{opacity:1;filter:brightness(1.25);transform:scale(.96)}to{opacity:1;filter:brightness();transform:scale(1)}}@keyframes cin-enter-loom{0%{opacity:0;filter:brightness(.4);transform:translateY(18px)scale(.72)}to{opacity:1;filter:brightness();transform:translateY(0)scale(1)}}@keyframes cin-idle-float{0%,to{transform:translateY(0px) scale(var(--actor-scale,1))}50%{transform:translateY(-8px) scale(calc(var(--actor-scale,1) * 1.03))}}@keyframes cin-idle-breathe{0%,to{transform:translateY(0px) scale(var(--actor-scale,1))}50%{transform:translateY(-4px) scale(calc(var(--actor-scale,1) * 1.02))}}@keyframes cin-idle-menace{0%,to{transform:translateY(0px) scale(calc(var(--actor-scale,1) * 1.02))}50%{transform:translateY(-6px) scale(calc(var(--actor-scale,1) * 1.07))}}@keyframes cin-idle-pulse{0%,to{transform:scale(var(--actor-scale,1)) translateY(0)}50%{transform:scale(calc(var(--actor-scale,1) * 1.08)) translateY(-6px)}}@keyframes cin-idle-glow-menace{0%,to{filter:drop-shadow(0 8px 16px #000000e0) drop-shadow(0 0 18px var(--actor-glow,#ef4444a6))}50%{filter:drop-shadow(0 8px 16px #000000e0) drop-shadow(0 0 30px var(--actor-glow,#f97316e6)) brightness(1.08)}}@keyframes cin-idle-glow-pulse{0%,to{filter:drop-shadow(0 8px 16px #000000e0) drop-shadow(0 0 18px var(--actor-glow,#4ade80d9))}50%{filter:drop-shadow(0 8px 16px #000000e0) drop-shadow(0 0 34px var(--actor-glow,#38bdf8f2)) brightness(1.12)}}@keyframes cin-boss-fall-move{0%{transform:translateY(0) rotate(0deg) scale(calc(var(--actor-scale,1) * 1.04))}14%{transform:translateY(-8px) rotate(0deg) scale(calc(var(--actor-scale,1) * 1.08))}28%{transform:translateY(0) rotate(0deg) scale(var(--actor-scale,1))}34%{transform:translateY(2px) translateX(-3px) rotate(-2deg) scale(var(--actor-scale,1))}40%{transform:translateY(0) translateX(3px) rotate(2deg) scale(var(--actor-scale,1))}62%{transform:translateY(12px) rotate(-12deg) scale(calc(var(--actor-scale,1) * .96))}to{transform:translateY(18px) rotate(-16deg) scale(calc(var(--actor-scale,1) * .92))}}@keyframes cin-boss-fall-tint{0%{filter:brightness(1.7)saturate(1.3)drop-shadow(0 0 26px #fff);opacity:1}14%{filter:brightness(2.1)contrast(1.3)drop-shadow(0 0 34px #38bdf8);opacity:1}28%{filter:brightness()saturate()drop-shadow(0 8px 16px #000000e0);opacity:1}62%{filter:brightness(.95)saturate(.7)drop-shadow(0 8px 16px #000000e0)drop-shadow(0 0 16px #a855f7);opacity:1}to{filter:brightness(.88)saturate(.5)grayscale(.15)drop-shadow(0 6px 12px #000c)drop-shadow(0 0 14px #a855f7d9);opacity:.94}}@keyframes cin-fading-tint{0%,to{opacity:1;filter:grayscale(.2)brightness(.95)drop-shadow(0 8px 16px #000000e0)drop-shadow(0 0 14px #ef44448c)}45%{opacity:.5;filter:grayscale(.8)brightness(.7)drop-shadow(0 8px 16px #000000e0)drop-shadow(0 0 22px #ef4444e6)}55%{opacity:.85}70%{opacity:.45}}@keyframes cin-fading-tremble{0%,to{transform:translate(0, 0) scale(var(--actor-scale,1))}20%{transform:translate(-1.5px, 1px) scale(var(--actor-scale,1))}40%{transform:translate(1.5px, -1px) scale(var(--actor-scale,1))}60%{transform:translate(-1px, -1px) scale(var(--actor-scale,1))}80%{transform:translate(1px, 1px) scale(var(--actor-scale,1))}}@keyframes cin-spectral-float{0%,to{transform:translateY(0) scale(var(--actor-scale,1))}50%{transform:translateY(-12px) scale(calc(var(--actor-scale,1) * 1.02))}}@keyframes cin-spectral-glow{0%,to{opacity:.86;filter:brightness(1.05)drop-shadow(0 0 14px #2dd4bfe6)drop-shadow(0 0 30px #38bdf873)}50%{opacity:.98;filter:brightness(1.2)drop-shadow(0 0 22px #2dd4bf)drop-shadow(0 0 44px #38bdf8b3)}}@keyframes cin-dormant-ember{0%,to{filter:grayscale(.55)brightness(.7)saturate(.7)drop-shadow(0 8px 16px #000000e0)drop-shadow(0 0 8px #a855f74d)}50%{filter:grayscale(.5)brightness(.78)saturate(.8)drop-shadow(0 8px 16px #000000e0)drop-shadow(0 0 16px #a855f78c)}}@keyframes cin-captive-bob{0%,to{transform:translateY(0) scale(var(--actor-scale,1))}50%{transform:translateY(-5px) scale(var(--actor-scale,1))}}@keyframes cin-overlay-spin{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}@keyframes cinematic-mote-rise{0%{opacity:0;transform:translateY(24px)scale(.6)}30%{opacity:.9}to{opacity:0;transform:translateY(-95px)scale(1.2)}}.cinematic-storyboard{-webkit-user-select:none;user-select:none;--cin-u:3.9px;--cin-crowd:1;--cin-deck-h:218px;--cin-portrait:clamp(92px, calc(var(--cin-u) * 29), 132px);--cin-portrait-rise:0px;--cin-banner-room:0px;background:#04070f;flex-direction:column;justify-content:space-between;width:100%;height:100%;display:flex;position:relative;overflow:hidden;container-type:size}@supports (width:1cqw){.cinematic-storyboard{--cin-u:clamp(2.8px, min(1cqw, .5cqh), 5.2px)}}.cinematic-storyboard.has-portrait{--cin-portrait-rise:calc(var(--cin-portrait) * .45)}.cinematic-storyboard.has-reward{--cin-banner-room:34px}.cinematic-stage{z-index:1;--stage-theme-rim:#38bdf861;position:absolute;inset:0;overflow:hidden}.cinematic-stage.theme-emerald{--stage-theme-rim:#10b98170}.cinematic-stage.theme-amber{--stage-theme-rim:#f59e0b75}.cinematic-stage.theme-gold{--stage-theme-rim:#facc157a}.cinematic-stage.theme-crimson{--stage-theme-rim:#ef444475}.cinematic-stage.theme-toxic{--stage-theme-rim:#84cc1670}.cinematic-stage.theme-storm{--stage-theme-rim:#38bdf87a}.cinematic-stage.theme-molten{--stage-theme-rim:#ea580c80}.cinematic-stage.theme-abyssal{--stage-theme-rim:#06b6d475}.cinematic-stage.theme-astral{--stage-theme-rim:#a855f77a}.cinematic-stage.theme-forge{--stage-theme-rim:#f973167a}.cinematic-stage.theme-void{--stage-theme-rim:#ef44446b}.cinematic-bg-layer{filter:blur(2px)brightness(.65)contrast(1.08)saturate(1.1);will-change:transform;background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:-6%}.cinematic-bg-layer.cam-zoom-in{animation:6.2s ease-out forwards cam-zoom-in-anim}.cinematic-bg-layer.cam-zoom-out{animation:6.2s ease-out forwards cam-zoom-out-anim}.cinematic-bg-layer.cam-pan-up{animation:6.2s ease-in-out forwards cam-pan-up-anim}.cinematic-bg-layer.cam-pan-down{animation:6.2s ease-in-out forwards cam-pan-down-anim}.cinematic-bg-layer.cam-pan-right{animation:6.2s ease-in-out forwards cam-pan-right-anim}.cinematic-bg-layer.cam-dramatic-push{animation:5.5s cubic-bezier(.22,1,.36,1) forwards cam-dramatic-push-anim}.cinematic-lighting-overlay{pointer-events:none;z-index:2;background:radial-gradient(circle at 50% 38%,#0f172a1a 0%,#020617d1 78%),linear-gradient(#020617a6 0%,#02061714 28%,#02061759 60%,#020617f5 100%);position:absolute;inset:0}.cinematic-lighting-overlay.theme-emerald,.cinematic-lighting-overlay.lighting-verdant{background:radial-gradient(circle at 50% 36%,#10b98138 0%,#020617d6 78%),linear-gradient(#0206179e 0%,#064e3b24 42%,#020617f5 100%)}.cinematic-lighting-overlay.theme-amber,.cinematic-lighting-overlay.lighting-ember{background:radial-gradient(circle at 50% 36%,#f9731642 0%,#020617db 78%),linear-gradient(#0206179e 0%,#7c2d122e 42%,#020617f5 100%)}.cinematic-lighting-overlay.theme-cyan,.cinematic-lighting-overlay.lighting-abyss,.cinematic-lighting-overlay.lighting-precursor{background:radial-gradient(circle at 50% 36%,#0ea5e93d 0%,#020617db 78%),linear-gradient(#0206179e 0%,#0c4a6e33 42%,#020617f5 100%)}.cinematic-lighting-overlay.theme-gold,.cinematic-lighting-overlay.lighting-solar{background:radial-gradient(circle at 50% 36%,#facc1547 0%,#020617d6 78%),linear-gradient(#02061794 0%,#713f122e 42%,#020617f5 100%)}.cinematic-lighting-overlay.theme-violet,.cinematic-lighting-overlay.lighting-astral{background:radial-gradient(circle at 50% 36%,#a855f747 0%,#020617db 78%),linear-gradient(#0206179e 0%,#581c8738 42%,#020617f5 100%)}.cinematic-lighting-overlay.theme-crimson,.cinematic-lighting-overlay.lighting-crimson-collapse{background:radial-gradient(circle at 50% 36%,#ef444452 0%,#020617e0 78%),linear-gradient(#450a0a8c 0%,#7f1d1d38 42%,#020617f7 100%)}.cinematic-lighting-overlay.theme-toxic{background:radial-gradient(circle at 50% 36%,#84cc1642 0%,#020617db 78%),linear-gradient(#020617a3 0%,#36531433 42%,#020617f5 100%)}.cinematic-lighting-overlay.theme-storm{background:radial-gradient(circle at 50% 30%,#38bdf84d 0%,#020617db 76%),linear-gradient(#0f172ab3 0%,#1e3a8a33 42%,#020617f5 100%)}.cinematic-lighting-overlay.theme-molten{background:radial-gradient(circle at 50% 62%,#ea580c57 0%,#020617e0 78%),linear-gradient(#020617b3 0%,#7c2d1238 50%,#431407e6 100%)}.cinematic-lighting-overlay.theme-abyssal{background:radial-gradient(circle at 50% 36%,#06b6d43d 0%,#020617e0 78%),linear-gradient(#082f4999 0%,#0c4a6e38 42%,#020617f7 100%)}.cinematic-lighting-overlay.theme-astral{background:radial-gradient(circle at 50% 36%,#a855f74d 0%,#020617db 78%),linear-gradient(#171126a8 0%,#581c873d 42%,#020617f5 100%)}.cinematic-lighting-overlay.theme-forge{background:radial-gradient(circle at 50% 40%,#f9731642 0%,#020617db 78%),linear-gradient(#1c1917ad 0%,#78350f33 45%,#020617f5 100%)}.cinematic-lighting-overlay.theme-void{background:radial-gradient(circle at 50% 38%,#ef44442e 0%,#020617e6 70%),linear-gradient(#020617d9 0%,#450a0a4d 45%,#000000fa 100%)}.cinematic-sheet{aspect-ratio:1;background-repeat:no-repeat;background-size:calc(var(--sheet-frames,1) * 100%) 100%;pointer-events:none;background-position:0 0;width:100%;display:block}.cinematic-vfx-layer,.cinematic-fx-front-layer{pointer-events:none;position:absolute;inset:0;overflow:hidden}.cinematic-vfx-layer{z-index:3}.cinematic-fx-front-layer{z-index:5}.cinematic-stage-fx{opacity:var(--fx-opacity,1);animation:.7s ease-out both cin-fx-fade-in;animation-delay:var(--fx-delay,0s);will-change:opacity;position:absolute;transform:translate(-50%,-50%)}.cinematic-stage-fx.fx-blend-screen{mix-blend-mode:screen}.cinematic-stage-fx.fx-blend-lighten{mix-blend-mode:lighten}.cinematic-stage-fx-motion{width:100%;animation-delay:var(--fx-delay,0s);will-change:transform}.cinematic-stage-fx-motion.fx-motion-spin{animation:16s linear infinite cin-fx-spin}.cinematic-stage-fx-motion.fx-motion-spin-reverse{animation:22s linear infinite cin-fx-spin-reverse}.cinematic-stage-fx-motion.fx-motion-pulse{animation:2.4s ease-in-out infinite cin-fx-pulse}.cinematic-stage-fx-motion.fx-motion-drift{animation:7s ease-in-out infinite cin-fx-drift}.cinematic-stage-fx-motion.fx-motion-reveal{animation:2.4s cubic-bezier(.2,.9,.3,1) both cin-fx-reveal}.vfx-mote,.cinematic-vfx-mote{opacity:.8;background:#fde047;border-radius:50%;width:6px;height:6px;animation:3.4s ease-in infinite cinematic-mote-rise;position:absolute;bottom:42%;box-shadow:0 0 10px #facc15,0 0 18px #38bdf8}.vfx-mote.mote-1{animation-delay:0s;left:16%}.vfx-mote.mote-2{background:#38bdf8;width:5px;height:5px;animation-delay:.6s;left:29%}.vfx-mote.mote-3{width:7px;height:7px;animation-delay:1.1s;left:43%}.vfx-mote.mote-4{background:#4ade80;animation-delay:.3s;left:57%}.vfx-mote.mote-5{background:#c084fc;width:5px;height:5px;animation-delay:1.5s;left:71%}.vfx-mote.mote-6{animation-delay:.9s;left:84%}.cinematic-vfx-layer.vfx-ember-storm .vfx-mote,.cinematic-vfx-layer.vfx-forge-sparks .vfx-mote{background:#fb923c;box-shadow:0 0 10px #f97316,0 0 18px #ef4444}.cinematic-vfx-layer.vfx-reality-fracture .vfx-mote{background:#fca5a5;box-shadow:0 0 10px #ef4444,0 0 18px #7f1d1d}.cinematic-vfx-layer.vfx-astral-nebula .vfx-mote,.cinematic-vfx-layer.vfx-dimensional-rift .vfx-mote{background:#e9d5ff;box-shadow:0 0 10px #a855f7,0 0 18px #38bdf8}.cinematic-actors-layer{top:52px;left:0;right:0;bottom:calc(var(--cin-deck-h) + var(--cin-portrait-rise) + var(--cin-banner-room) + 8px);z-index:4;pointer-events:none;justify-content:space-evenly;align-items:flex-end;padding:0 8px;transition:bottom .3s;display:flex;position:absolute}.cinematic-actors-layer.actors-crowd{--cin-crowd:.68;justify-content:space-between;padding:0 10px}.actors-crowd .cinematic-actor-label{letter-spacing:.2px;max-width:122px;padding:2px 7px;font-size:9.5px}.cinematic-actor{flex-direction:column;flex:0 auto;align-items:center;gap:6px;min-width:0;display:flex;position:relative}.cinematic-actor.role-title-crest{align-self:center}.cinematic-actor.state-captive,.cinematic-actor.state-spectral{margin-bottom:calc(var(--cin-u) * 6)}.cinematic-actor.role-artifact-center-pulse{margin-bottom:calc(var(--cin-u) * 9)}.cinematic-actor.role-artifact-center-pulse:only-child{--actor-size:64;margin-bottom:calc(var(--cin-u) * 12)}.cinematic-actor.role-title-crest{z-index:0;position:absolute;top:0;left:0;right:0}.cinematic-actor.role-title-crest~.cinematic-actor{z-index:1}.role-title-crest .cinematic-actor-label{display:none}.cinematic-actor-entrance{animation:.7s cubic-bezier(.2,.9,.3,1) both cin-enter-rise;animation-delay:var(--actor-delay,0s)}.role-hero-left .cinematic-actor-entrance,.role-companion-left .cinematic-actor-entrance{animation-name:cin-enter-left}.role-boss-right .cinematic-actor-entrance,.role-boss-siphon-shatter .cinematic-actor-entrance,.role-companion-right .cinematic-actor-entrance{animation-name:cin-enter-right}.role-title-crest .cinematic-actor-entrance{animation-name:cin-enter-zoom;animation-duration:.9s}.role-boss-center-loom .cinematic-actor-entrance{animation-name:cin-enter-loom;animation-duration:1.2s}.cinematic-actor-body{transform:scale(var(--actor-scale,1));animation:3s ease-in-out infinite cin-idle-float;animation-delay:calc(var(--actor-delay,0s) + .7s);justify-content:center;align-items:center;display:flex;position:relative}.role-hero-left .cinematic-actor-body,.role-hero-center .cinematic-actor-body{animation-name:cin-idle-breathe;animation-duration:3.4s}.role-boss-right .cinematic-actor-body,.role-boss-center-loom .cinematic-actor-body{animation-name:cin-idle-menace;animation-duration:2.6s}.role-artifact-center-pulse .cinematic-actor-body{animation-name:cin-idle-pulse;animation-duration:2.2s}.role-title-crest .cinematic-actor-body{animation-name:cin-idle-breathe;animation-duration:4.5s}.cinematic-actor-shadow{pointer-events:none;z-index:0;background:radial-gradient(#000000d1 0%,#0000007a 45%,#0000 72%);border-radius:50%;height:16%;position:absolute;bottom:3%;left:14%;right:14%}.role-artifact-center-pulse .cinematic-actor-shadow,.role-title-crest .cinematic-actor-shadow,.state-captive .cinematic-actor-shadow,.state-spectral .cinematic-actor-shadow{display:none}.cinematic-actor-halo{background:radial-gradient(circle, var(--actor-glow,#facc1559) 0%, transparent 70%);opacity:.42;pointer-events:none;border-radius:50%;position:absolute;inset:-10px}.cinematic-actor{--actor-size:46}.cinematic-actor.role-hero-left{--actor-size:64}.cinematic-actor.role-hero-center{--actor-size:74}.cinematic-actor.role-boss-right,.cinematic-actor.role-boss-siphon-shatter{--actor-size:56}.cinematic-actor.role-boss-center-loom{--actor-size:66}.cinematic-actor.role-artifact-center-pulse{--actor-size:50}.cinematic-actor.role-companion-left,.cinematic-actor.role-companion-right{--actor-size:40}.cinematic-actor.state-spectral{--actor-size:56}.cinematic-actors-layer:has(.is-backline){justify-content:center}.cinematic-actors-layer .cinematic-actor.is-backline{--actor-size:34;z-index:0;margin-left:calc(var(--cin-u) * -12);margin-bottom:calc(var(--cin-u) * 7)}.cinematic-actors-layer:has(.is-backline) .cinematic-actor:not(.is-backline){z-index:1}.cinematic-actor.is-backline .cinematic-actor-img{filter:brightness(.82) saturate(.9) drop-shadow(0 6px 10px #000000d9) drop-shadow(0 0 8px var(--actor-glow,#facc1559))}.cinematic-actor-img{z-index:1;width:calc(var(--cin-u) * var(--actor-size) * var(--cin-crowd));height:calc(var(--cin-u) * var(--actor-size) * var(--cin-crowd));object-fit:contain;filter:drop-shadow(0 8px 16px #000000e6) drop-shadow(0 -2px 9px var(--stage-theme-rim,#38bdf861)) drop-shadow(0 0 11px var(--actor-glow,#facc156b));position:relative}.role-boss-right .cinematic-actor-img,.role-boss-center-loom .cinematic-actor-img{animation:2.6s ease-in-out infinite cin-idle-glow-menace}.role-artifact-center-pulse .cinematic-actor-img{animation:2.2s ease-in-out infinite cin-idle-glow-pulse}.role-title-crest .cinematic-actor-img{width:calc(var(--cin-u) * 68);height:calc(var(--cin-u) * 38);filter:drop-shadow(0 8px 16px #000000e0)drop-shadow(0 0 22px #facc1599)}.role-boss-siphon-shatter .cinematic-actor-body,.state-defeated .cinematic-actor-body{animation:3.6s cubic-bezier(.3,.7,.3,1) both cin-boss-fall-move;animation-delay:calc(var(--actor-delay,0s) + .45s)}.role-boss-siphon-shatter .cinematic-actor-img,.state-defeated .cinematic-actor-img{animation:3.6s cubic-bezier(.3,.7,.3,1) both cin-boss-fall-tint;animation-delay:calc(var(--actor-delay,0s) + .45s)}.state-fading .cinematic-actor-body{animation:.9s linear infinite cin-fading-tremble}.state-fading .cinematic-actor-img{animation:2.2s ease-in-out infinite cin-fading-tint}.state-spectral .cinematic-actor-body{animation:3.6s ease-in-out infinite cin-spectral-float}.state-spectral .cinematic-actor-img{animation:3s ease-in-out infinite cin-spectral-glow}.state-spectral .cinematic-actor-halo{opacity:.75;background:radial-gradient(circle,#2dd4bf73 0%,#0000 70%);inset:-18px}.state-dormant .cinematic-actor-body{animation:none}.state-dormant .cinematic-actor-img{animation:4.5s ease-in-out infinite cin-dormant-ember}.state-dormant .cinematic-actor-halo{opacity:.25}.state-captive .cinematic-actor-body{width:calc(var(--cin-u) * 40 * var(--cin-crowd));height:calc(var(--cin-u) * 40 * var(--cin-crowd));animation:3.2s ease-in-out infinite cin-captive-bob}.state-captive .actor-fx-crystal{mix-blend-mode:screen;opacity:.88;filter:drop-shadow(0 0 12px #38bdf873)drop-shadow(0 0 14px #facc158c);width:100%;position:absolute;inset:0;transform:none}.state-captive .cinematic-actor-img{width:56%;height:56%;filter:saturate(.85) brightness(.95) drop-shadow(0 0 8px var(--actor-glow,#facc15b3));position:absolute;top:22%;left:22%}.state-captive .cinematic-actor-halo{opacity:.4;inset:-6px}.actor-fx-overlay{pointer-events:none;mix-blend-mode:screen;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.actor-fx-cracks{z-index:2;opacity:.48;width:108%;animation-delay:1.5s}.actor-fx-wisps{z-index:0;opacity:.52;width:122%;animation-delay:1.7s;top:32%}.actor-fx-custom.overlay-golden-runic-ring{z-index:0;opacity:.52;width:138%;animation:16s linear infinite cin-overlay-spin}.actors-crowd .actor-fx-custom.overlay-golden-runic-ring{width:116%}.actor-fx-custom.overlay-shatter-cracks{z-index:2;opacity:.5;width:128%;animation-delay:.9s}.cinematic-actor-label{color:#f8fafc;letter-spacing:.4px;text-align:center;white-space:normal;overflow-wrap:break-word;word-break:normal;text-wrap:balance;text-shadow:0 1px 2px #000;max-width:168px;animation:.5s ease-out both cin-fx-fade-in;animation-delay:calc(var(--actor-delay,0s) + .5s);background:#020617db;border:1px solid #facc1573;border-radius:999px;padding:3px 10px;font-size:11px;font-weight:800;line-height:1.25;box-shadow:0 3px 10px #000000bf}.state-defeated .cinematic-actor-label{color:#e9d5ff;border-color:#a855f799}.state-captive .cinematic-actor-label{color:#bbf7d0;border-color:#4ade8099}@media (prefers-reduced-motion:reduce){.cinematic-actor-body,.cinematic-actor-img,.cinematic-stage-fx-motion,.actor-fx-overlay,.cinematic-sheet{animation-duration:.01ms!important;animation-iteration-count:1!important}}.cinematic-reward-banner{left:50%;bottom:calc(var(--cin-deck-h) + var(--cin-portrait-rise) + 6px);z-index:6;color:#fef08a;letter-spacing:.7px;text-align:center;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;background:linear-gradient(90deg,#0f172aeb 0%,#166534e0 50%,#0f172aeb 100%);border:1.5px solid #4ade80;border-radius:999px;max-width:calc(100% - 20px);padding:5px 14px;font-size:10.5px;font-weight:900;transition:bottom .3s;position:absolute;overflow:hidden;transform:translate(-50%);box-shadow:0 4px 16px #000000d9,0 0 18px #4ade8073}.cinematic-top-hud{z-index:10;padding:max(12px, env(safe-area-inset-top,12px)) 102px 10px 12px;background:linear-gradient(#020617eb 0%,#02061700 100%);justify-content:space-between;align-items:center;gap:8px;display:flex;position:relative}.cinematic-chapter-badge{color:#fde047;letter-spacing:.7px;text-transform:uppercase;white-space:nowrap;background:#0f172ad9;border:1px solid #facc1573;border-radius:999px;padding:4px 10px;font-size:9.5px;font-weight:900}.cinematic-step-dots{align-items:center;gap:5px;display:flex}.cinematic-step-dot{cursor:pointer;background:#0f172abf;border:1px solid #facc158c;border-radius:50%;width:8px;height:8px;padding:0;transition:all .2s}.cinematic-step-dot.completed{background:#38bdf8bf;border-color:#38bdf8}.cinematic-step-dot.active{background:#facc15;border-color:#fef08a;border-radius:999px;width:18px;box-shadow:0 0 8px #facc15bf}.cinematic-narrative-deck{z-index:10;margin:0 10px max(12px, env(safe-area-inset-bottom,12px)) 10px;background:linear-gradient(#0f172af0 0%,#050812fa 100%);border:1.5px solid #facc158c;border-radius:14px;flex-direction:column;gap:8px;padding:12px 14px;display:flex;position:relative;box-shadow:0 -8px 28px #000000d9,0 0 20px #facc1524}.cinematic-narrative-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.has-portrait .cinematic-narrative-header{padding-left:calc(var(--cin-portrait) + 8px);min-height:calc(var(--cin-portrait) - var(--cin-portrait-rise) - 6px);flex-flow:column;justify-content:center;align-items:flex-start;gap:4px}.cinematic-speaker-portrait{left:8px;top:calc(-1 * var(--cin-portrait-rise));width:var(--cin-portrait);height:var(--cin-portrait);z-index:2;background:radial-gradient(circle at 50% 38%,#38bdf852 0%,#1e1b4bd9 55%,#020617fa 100%);border:2px solid #facc15d9;border-radius:14px;position:absolute;overflow:hidden;box-shadow:0 4px 12px #000000a6,0 0 14px #facc1540,inset 0 0 18px #000000a6}.cinematic-speaker-portrait.hidden{display:none}.cinematic-speaker-portrait.portrait-pop{animation:.38s cubic-bezier(.2,.9,.3,1.25) both cin-portrait-pop}@keyframes cin-portrait-pop{0%{opacity:0;transform:translateY(10px)scale(.86)}to{opacity:1;transform:translateY(0)scale(1)}}.cinematic-speaker-pill{background:#020617bf;border:1px solid #38bdf859;border-radius:999px;align-items:center;gap:6px;padding:3px 10px;display:inline-flex}.cinematic-speaker-avatar{object-fit:contain;filter:drop-shadow(0 3px 6px #000000b3);width:100%;height:100%;display:block}.cinematic-speaker-avatar.is-bust{transform-origin:50% 36%;transform:scale(1.24)}.cinematic-speaker-avatar.is-monster-avatar{object-fit:cover;object-position:center 18%;transform-origin:50% 22%;transform:scale(1.45)}.cinematic-speaker-name{letter-spacing:.4px;text-transform:uppercase;color:#38bdf8;font-size:11px;font-weight:900}.cinematic-scene-headline{font-family:var(--font-display,"Cinzel", serif);color:#fef08a;letter-spacing:.4px;text-shadow:0 1px 3px #000000f2;font-size:14px;font-weight:900;line-height:1.2}.cinematic-caption-text{z-index:3;color:#f1f5f9;text-shadow:0 1px 2px #000000e6;min-height:50px;font-size:12.5px;line-height:1.42;display:grid;position:relative}.cinematic-caption-ghost,.cinematic-caption-live{grid-area:1/1}.cinematic-caption-ghost{visibility:hidden}.cinematic-narrative-footer{justify-content:space-between;align-items:center;gap:10px;margin-top:2px;display:flex}.cinematic-auto-progress-track{background:#1e293bd9;border-radius:999px;flex:1;height:5px;overflow:hidden}.cinematic-auto-progress-fill{background:linear-gradient(90deg,#38bdf8 0%,#facc15 100%);border-radius:999px;width:0%;height:100%;transition:width 80ms linear}.cinematic-nav-btn{cursor:pointer;border-radius:8px;padding:5px 12px;font-size:11px;font-weight:800}.cinematics-filter-tabs{flex-shrink:0;gap:4px;margin-bottom:10px;padding-bottom:2px;display:flex;overflow-x:auto}.cinematic-filter-tab{color:#94a3b8;cursor:pointer;white-space:nowrap;background:#0f172abf;border:1px solid #94a3b847;border-radius:8px;flex:1;padding:5px 6px;font-size:10px;font-weight:800}.cinematic-filter-tab.active{color:#fef08a;background:#facc152e;border-color:#facc15a6}.cinematic-card-thumb{object-fit:contain;filter:drop-shadow(0 2px 6px #000c);width:34px;height:34px}.cinematic-scene-count{color:#7dd3fc;background:#38bdf824;border:1px solid #38bdf859;border-radius:999px;padding:1px 6px;font-size:9px;font-weight:800}.cinematic-storyboard.is-v2 .cinematic-narrative-deck{display:none}.cinematic-storyboard.is-v2 .cinematic-bg-layer{filter:brightness(.94)contrast(1.04)saturate(1.05)}.cinematic-storyboard.is-v2 .cinematic-lighting-overlay{background:linear-gradient(#02061761 0%,#02061700 16% 60%,#020617e0 100%)}.cinematic-storyboard.is-v2 .cinematic-vfx-layer .vfx-mote{display:none}.cinematic-storyboard.is-v2 .cinematic-actor[data-actor-id=hero] .cinematic-actor-halo{opacity:.14}.cinematic-storyboard.is-v2 .cinematic-actor[data-actor-id=hero] .cinematic-actor-img{filter:drop-shadow(0 8px 16px #000000e6) drop-shadow(0 -1px 4px var(--stage-theme-rim,#38bdf838)) drop-shadow(0 0 4px color-mix(in srgb, var(--actor-glow,#facc15) 45%, transparent))}.cinematic-subtitle{left:16px;right:16px;bottom:calc(22px + env(safe-area-inset-bottom,0px));z-index:12;pointer-events:none;align-items:flex-start;gap:10px;display:flex;position:absolute}.cinematic-subtitle.hidden{display:none}.cinematic-subtitle.line-pop{animation:.32s ease-out cin-line-pop}.cinematic-subtitle-avatar{object-fit:cover;object-position:50% 16%;background:#0b1222;border:2px solid #facc15bf;border-radius:50%;flex:none;width:42px;height:42px;display:none;box-shadow:0 2px 8px #000000b3}.cinematic-subtitle.has-avatar .cinematic-subtitle-avatar{display:block}.cinematic-subtitle-body{flex-direction:column;gap:3px;min-width:0;display:flex}.cinematic-subtitle-name{letter-spacing:1.6px;text-transform:uppercase;color:#facc15;text-shadow:0 1px 3px #000;font-size:10.5px;font-weight:800}.cinematic-subtitle-name:empty{display:none}.cinematic-subtitle-text{color:#f8fafc;text-shadow:0 2px 4px #000000f2,0 0 14px #000000d9;font-size:16.5px;font-weight:600;line-height:1.4;display:grid}.cinematic-subtitle-ghost,.cinematic-subtitle-live{grid-area:1/1}.cinematic-subtitle-ghost{visibility:hidden}.cinematic-subtitle.is-thought{text-align:center;justify-content:center}.cinematic-subtitle.is-thought .cinematic-subtitle-text{color:#e8dcb5;letter-spacing:.2px;font-style:italic;font-weight:500}@keyframes cin-line-pop{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.cinematic-letterbox{z-index:9;pointer-events:none;background:#000;height:0;transition:height .7s;position:absolute;left:0;right:0}.cinematic-letterbox.lb-top{top:0}.cinematic-letterbox.lb-bottom{bottom:0}.cinematic-stage.has-letterbox .cinematic-letterbox{height:9%}.cinematic-card{z-index:10;background:#000;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:absolute;inset:0}.cinematic-card.hidden{display:none}.cinematic-card-title{font-family:var(--font-display,"Cinzel", serif);letter-spacing:12px;color:#f5d77a;text-shadow:0 0 26px #facc1573;padding-left:12px;font-size:42px;font-weight:900;animation:2.6s ease-out both cin-card-in}.cinematic-card-sub{letter-spacing:4px;text-transform:uppercase;color:#94a3b8;font-size:11px;animation:2.6s ease-out .9s both cin-card-in}@keyframes cin-card-in{0%{opacity:0;filter:blur(6px);transform:scale(1.06)}60%{opacity:1;filter:blur()}to{opacity:1;transform:none}}.cinematic-transition{z-index:20;pointer-events:none;opacity:0;position:absolute;inset:0}.cinematic-transition.tx-flash{background:#fff;animation:.6s ease-out forwards tx-fade-out}.cinematic-transition.tx-black{background:#000;animation:1s ease-in forwards tx-fade-out}.cinematic-transition.tx-crossfade{background:#04070f;animation:.55s forwards tx-fade-out}.cinematic-transition.tx-dissolve{background:radial-gradient(circle at 50% 45%,#ffffffe6,#a7f3d08c 38%,#04070f 80%);animation:1.1s forwards tx-fade-out}.cinematic-transition.tx-rewind{-webkit-backdrop-filter:blur(5px)hue-rotate(160deg);backdrop-filter:blur(5px)hue-rotate(160deg);background:repeating-linear-gradient(0deg,#ffffff1a 0 2px,#0000 2px 7px),#312e81b8;animation:1s steps(10,end) forwards tx-rewind}@keyframes tx-fade-out{0%{opacity:1}to{opacity:0}}@keyframes tx-rewind{0%{opacity:1;transform:none}20%{transform:translate(-8px)skew(5deg)}40%{transform:translate(6px)skew(-4deg)}60%{opacity:.85;transform:translate(-4px)}to{opacity:0;transform:none}}.cinematic-stage.is-shot .cinematic-bg-layer,.cinematic-stage.is-shot .cinematic-actors-layer{transition:filter 1.6s}.cinematic-storyboard.is-v2 .cinematic-stage.grade-dawn .cinematic-bg-layer{filter:brightness(1.02)saturate(1.14)sepia(.12)}.cinematic-storyboard.is-v2 .cinematic-stage.grade-grey .cinematic-bg-layer,.cinematic-stage.grade-grey .cinematic-actors-layer{filter:grayscale(.85)brightness(.8)}.cinematic-storyboard.is-v2 .cinematic-stage.grade-night .cinematic-bg-layer{filter:brightness(.78)saturate(.88)}.cinematic-stage.grade-night .cinematic-actors-layer{filter:brightness(.82)saturate(.85)sepia(.12)}.cinematic-storyboard.is-v2 .cinematic-stage.grade-cold .cinematic-bg-layer,.cinematic-stage.grade-cold .cinematic-actors-layer{filter:saturate(.55)brightness(.86)hue-rotate(14deg)}.cinematic-storyboard.is-v2 .cinematic-stage.grade-drain .cinematic-bg-layer,.cinematic-stage.grade-drain .cinematic-actors-layer{animation:1.8s forwards cin-grade-drain}@keyframes cin-grade-drain{0%{filter:none}to{filter:grayscale(.92)brightness(.72)contrast(1.1)}}.cinematic-stage.shot-wide .cinematic-actor{--actor-size:44}.cinematic-storyboard.is-v2 .cinematic-actor-halo{opacity:.16}.cinematic-stage.shot-close .cinematic-actor{--actor-size:100}.cinematic-stage.shot-close .cinematic-actors-layer{bottom:calc(var(--cin-deck-h) * .55)}.cinematic-stage.shot-insert .cinematic-actor{--actor-size:86}.cinematic-storyboard.is-v2 .cinematic-stage.shot-insert .cinematic-bg-layer{filter:blur(5px)brightness(.45)saturate(.9)}.cinematic-stage.shot-insert .cinematic-actors-layer{align-items:center}.cinematic-stage.shot-close .cinematic-actor-shadow,.cinematic-stage.shot-insert .cinematic-actor-shadow{display:none}.cinematic-stage.shot-two .cinematic-actors-layer:not(:has(.is-backline)){justify-content:space-around}.cinematic-stage.shot-silhouette .cinematic-lighting-overlay{background:radial-gradient(at 50% 46%,#fff1cc8c 0%,#fff1cc14 38%,#02061700 60%),linear-gradient(#02061766 0%,#02061700 20% 60%,#020617e6 100%)}.cinematic-stage.shot-silhouette .cinematic-actor-img{transition:filter 1.5s;animation:none}.cinematic-stage.shot-silhouette .cinematic-actor:not(.is-revealed) .cinematic-actor-img{filter:brightness(0)drop-shadow(0 0 8px #ffecb3f2)drop-shadow(0 0 22px #facc158c)}.cinematic-storyboard.is-v2 .cinematic-actor{transform:translateX(var(--actor-dx,0px));transition:transform 1.1s cubic-bezier(.3,.7,.3,1)}.cinematic-actor.is-pending{opacity:0}.cinematic-actor.is-pending .cinematic-actor-entrance{animation:none}.cinematic-actor.is-flipped .cinematic-actor-img{scale:-1 1}.cinematic-actor.beat-exit-left{animation:.8s ease-in forwards cin-exit-left}.cinematic-actor.beat-exit-right{animation:.8s ease-in forwards cin-exit-right}.cinematic-actor.beat-exit-up{animation:.9s ease-in forwards cin-exit-up}.cinematic-actor.beat-exit-fade{animation:1.1s forwards cin-exit-fade}@keyframes cin-exit-left{to{transform:translateX(calc(var(--actor-dx,0px) - 160%));opacity:0}}@keyframes cin-exit-right{to{transform:translateX(calc(var(--actor-dx,0px) + 160%));opacity:0}}@keyframes cin-exit-up{to{transform:translate(var(--actor-dx,0px), -70%);opacity:0}}@keyframes cin-exit-fade{to{opacity:0}}.cinematic-actor-img.pose-swap{animation:.45s ease-out cin-pose-swap}@keyframes cin-pose-swap{0%{filter:brightness(2.2)drop-shadow(0 0 24px #a5f3fce6)}to{filter:none}}.cinematic-actor.beat-dissolve .cinematic-actor-img{animation:1.8s ease-in forwards cin-dissolve}.actor-fx-dissolve{z-index:3;aspect-ratio:1;width:120%}@keyframes cin-dissolve{0%{opacity:1;filter:none;transform:none}35%{opacity:1;filter:brightness(2)saturate(.4)}to{opacity:0;filter:brightness(3)saturate(0);transform:translateY(-6%)}}.cinematic-stage.beat-shake{animation:.5s cubic-bezier(.36,.07,.19,.97) cin-shake}@keyframes cin-shake{10%,90%{transform:translate(-2px,1px)}20%,80%{transform:translate(4px,-2px)}30%,50%,70%{transform:translate(-6px,2px)}40%,60%{transform:translate(6px,-1px)}}.cinematic-stage.is-frozen *,.cinematic-stage.is-frozen{animation-play-state:paused!important}.cinematic-stage.is-frozen .cinematic-lighting-overlay{box-shadow:inset 0 0 120px #94a3b859}.cinematic-stage-fx-motion.fx-motion-eye-open{animation:cin-eye-open 2.4s cubic-bezier(.2, .8, .2, 1) var(--fx-delay,0s) both, cin-eye-breathe 5s calc(var(--fx-delay,0s) + 2.4s) ease-in-out infinite}.cinematic-stage-fx-motion.fx-motion-fade-in{animation:cin-fx-fade-slow 2.6s ease var(--fx-delay,0s) both}@keyframes cin-eye-open{0%{opacity:0;filter:blur(8px);transform:scaleY(.03)scaleX(.9)}35%{opacity:.85}to{opacity:1;filter:none;transform:none}}@keyframes cin-eye-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.035)}}@keyframes cin-fx-fade-slow{0%{opacity:0}to{opacity:1}}.cinematic-bg-layer.cam-slow-push{animation:16s linear forwards cam-slow-push-anim}@keyframes cam-slow-push-anim{0%{transform:scale(1)}to{transform:scale(1.09)}}.cinematic-ambient{z-index:3;pointer-events:none;position:absolute;inset:0;overflow:hidden}.cinematic-ambient .amb-p{animation-name:amb-fall;animation-timing-function:linear;animation-iteration-count:infinite;display:block;position:absolute;top:-6%}.amb-leaves .amb-p{opacity:.85;background:linear-gradient(135deg,#86efac,#15803d);border-radius:70% 0;width:9px;height:5px}.amb-motes .amb-p,.amb-embers .amb-p{border-radius:50%;width:3px;height:3px;animation-name:amb-rise;top:auto;bottom:-4%}.amb-motes .amb-p{background:#fef9c3;box-shadow:0 0 6px #fde68a,0 0 12px #fde68a99}.amb-embers .amb-p{background:#fdba74;box-shadow:0 0 6px #f97316,0 0 12px #ef444499}@keyframes amb-fall{0%{transform:translate(0)rotate(0)}50%{transform:translate(calc(var(--amb-sway,0px) * .6), 55cqh) rotate(200deg)}to{transform:translate(var(--amb-sway,0px), 112cqh) rotate(420deg)}}@keyframes amb-rise{0%{opacity:0;transform:translate(0)}15%{opacity:1}to{transform:translate(var(--amb-sway,0px), -105cqh);opacity:0}}.amb-p-1{--amb-sway:-54px;animation-duration:7.97s;animation-delay:-6.64s;left:43%}.amb-p-2{--amb-sway:14px;animation-duration:6.47s;animation-delay:-5.75s;left:11%}.amb-p-3{--amb-sway:-49px;animation-duration:7.07s;animation-delay:-6.37s;left:9%}.amb-p-4{--amb-sway:10px;animation-duration:7.2s;animation-delay:-2.93s;left:57%}.amb-p-5{--amb-sway:-32px;animation-duration:8.83s;animation-delay:-.41s;left:56%}.amb-p-6{--amb-sway:13px;animation-duration:10.74s;animation-delay:-4.39s;left:82%}.amb-p-7{--amb-sway:-55px;animation-duration:10.88s;animation-delay:-2.78s;left:76%}.amb-p-8{--amb-sway:-42px;animation-duration:7.45s;animation-delay:-6.01s;left:73%}.amb-p-9{--amb-sway:27px;animation-duration:7.54s;animation-delay:-.82s;left:71%}.amb-p-10{--amb-sway:-36px;animation-duration:8.86s;animation-delay:-.72s;left:25%}.amb-p-11{--amb-sway:12px;animation-duration:9.56s;animation-delay:-.68s;left:49%}.amb-p-12{--amb-sway:8px;animation-duration:8.48s;animation-delay:-4.33s;left:9%}.amb-p-13{--amb-sway:-2px;animation-duration:8.33s;animation-delay:-5.44s;left:56%}.amb-p-14{--amb-sway:29px;animation-duration:9.97s;animation-delay:-2.1s;left:48%}.cinematic-subtitle.is-voice{text-align:center;justify-content:center}.cinematic-subtitle.is-voice .cinematic-subtitle-text{font-family:var(--font-display,"Cinzel", serif);letter-spacing:2px;color:#ddd6fe;text-shadow:0 0 18px #a78bfad9,0 2px 4px #000;font-size:22px;font-weight:700}.cinematic-storyboard.is-v2 .cinematic-actor-label{display:none}.cinematic-actor.beat-dissolve .cinematic-actor-shadow,.cinematic-actor.beat-dissolve .cinematic-actor-halo{opacity:0;transition:opacity 1.4s .4s}.cinematic-subtitle.is-glitch .cinematic-subtitle-text{color:#c4b5fd;text-shadow:-1.5px 0 #ef4444bf,1.5px 0 #22d3eebf,0 2px 4px #000;animation:2.4s step-end infinite cin-glitch-jitter}@keyframes cin-glitch-jitter{0%,86%,to{transform:none}88%{transform:translate(-2px)skew(-6deg)}91%{transform:translate(3px)}94%{transform:translate(-1px)skew(4deg)}}.handbook-modal{gap:10px}.hb-speaker-tag{letter-spacing:1.2px;color:#38bdf8;text-transform:uppercase;font-size:9px;font-weight:800}.hb-index-hero{background:radial-gradient(120% 140% at 0%,#38bdf829 0%,#38bdf800 60%),#0000004d;border:1px solid #38bdf847;border-radius:10px;flex-shrink:0;align-items:center;gap:12px;padding:10px 12px;display:flex}.hb-index-portrait{object-fit:cover;object-position:50% 20%;background:radial-gradient(circle at 50% 35%,#1e293b 0%,#090d16 100%);border:2px solid #facc15;border-radius:50%;flex-shrink:0;width:58px;height:58px;box-shadow:0 0 14px #facc1559,inset 0 0 8px #000000b3}.hb-index-hero-copy{flex-direction:column;flex:auto;gap:4px;min-width:0;display:flex}.hb-index-hero-text{color:#e2e8f0;margin:0;font-size:12px;line-height:1.4}.hb-index-progress{align-items:center;gap:8px;display:flex}.hb-index-progress .progress-bar-container{flex:auto;height:6px}.hb-index-progress-label{color:var(--color-text-muted);white-space:nowrap;font-size:10px;font-weight:700}.hb-chapter-list{-webkit-overflow-scrolling:touch;flex-direction:column;flex:auto;gap:8px;min-height:0;padding:2px 4px 4px 0;display:flex}.hb-chapter-card{text-align:left;color:#fff;width:100%;font-family:var(--font-primary);background:linear-gradient(90deg, color-mix(in srgb, var(--hb-accent) 16%, transparent) 0%, #1e293b00 55%), #1e293bc7;border:1px solid color-mix(in srgb, var(--hb-accent) 35%, #ffffff14);box-shadow:inset 3px 0 0 var(--hb-accent);cursor:pointer;animation:.36s cubic-bezier(.22,1,.36,1) both hb-card-in;animation-delay:calc(var(--hb-i,0) * 35ms);border-radius:10px;flex-shrink:0;align-items:center;gap:10px;padding:10px 12px 10px 14px;transition:transform .2s cubic-bezier(.22,1,.36,1),border-color .2s,box-shadow .2s,background .2s;display:flex;position:relative;overflow:hidden}.hb-chapter-card:hover,.hb-chapter-card:focus-visible{border-color:var(--hb-accent);box-shadow:inset 3px 0 0 var(--hb-accent), 0 0 14px color-mix(in srgb, var(--hb-accent) 30%, transparent);outline:none;transform:translate(2px)}.hb-chapter-card:active{transform:scale(.985)}.hb-chapter-card.locked{cursor:default;opacity:.62;background:repeating-linear-gradient(135deg,#94a3b80d 0 6px,#94a3b800 6px 12px),#0f172ab3;box-shadow:inset 3px 0 #334155}.hb-chapter-card.locked:hover{border-color:color-mix(in srgb, var(--hb-accent) 35%, #ffffff14);transform:none}.hb-chapter-num{font-family:var(--font-heading,var(--font-primary));color:color-mix(in srgb, var(--hb-accent) 75%, #fff);opacity:.75;flex-shrink:0;width:16px;font-size:10px;font-weight:800}.hb-chapter-icon{background:radial-gradient(circle at 50% 35%, color-mix(in srgb, var(--hb-accent) 30%, #1e293b) 0%, #0b1220 100%);border:1px solid color-mix(in srgb, var(--hb-accent) 45%, transparent);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.hb-chapter-icon img{image-rendering:pixelated;filter:drop-shadow(0 1px 2px #000c)}.hb-chapter-info{flex-direction:column;flex:auto;gap:2px;min-width:0;display:flex}.hb-chapter-title{font-family:var(--font-heading,var(--font-primary));color:#fef9c3;align-items:center;gap:6px;font-size:13px;font-weight:800;display:inline-flex}.hb-chapter-tagline{color:var(--color-text-muted);font-size:10.5px;line-height:1.3}.hb-chapter-arrow{color:var(--hb-accent);opacity:.75;flex-shrink:0;font-size:22px;line-height:1;transition:transform .2s,opacity .2s}.hb-chapter-card:hover .hb-chapter-arrow{opacity:1;transform:translate(3px)}.hb-new-badge{font-family:var(--font-primary);letter-spacing:.8px;color:#0b1220;background:linear-gradient(90deg,#fde047,#f59e0b);border-radius:999px;padding:2px 5px;font-size:8px;font-weight:900;animation:1.8s ease-in-out infinite hb-new-pulse;box-shadow:0 0 8px #facc1599}.hb-page-header{gap:8px}.hb-back-btn{color:#fef08a;font-family:var(--font-primary);cursor:pointer;background:#1e293bbf;border:1px solid #facc1559;border-radius:6px;padding:5px 10px;font-size:11px;font-weight:800;transition:all .15s}.hb-back-btn:hover{background:#334155e6;border-color:#facc15}.hb-page-counter{text-align:center;letter-spacing:1px;color:var(--color-text-muted);flex:auto;font-size:10px;font-weight:800}.hb-page{flex-direction:column;flex:auto;gap:10px;min-height:0;padding-right:4px;animation:.3s cubic-bezier(.22,1,.36,1) both hb-page-in;display:flex}.hb-banner{background:radial-gradient(60% 90% at 50% 45%, color-mix(in srgb, var(--hb-accent) 38%, transparent) 0%, transparent 70%), linear-gradient(180deg, #111a2e 0%, #070b14 100%);border:1px solid color-mix(in srgb, var(--hb-accent) 50%, #facc154d);border-radius:12px;flex-shrink:0;height:148px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffeb962e,0 6px 18px #0000008c}.hb-banner:after{content:"";pointer-events:none;background:linear-gradient(#070b1400 45%,#070b14eb 100%);position:absolute;inset:0}.hb-banner-ring{opacity:.38;mix-blend-mode:screen;pointer-events:none;width:190px;height:190px;margin:-95px 0 0 -95px;animation:40s linear infinite hb-ring-spin;position:absolute;top:44%;left:50%}.hb-banner-art{object-fit:contain;width:128px;height:128px;filter:drop-shadow(0 6px 10px #000000bf) drop-shadow(0 0 12px color-mix(in srgb, var(--hb-accent) 45%, transparent));margin-left:-64px;animation:4.5s ease-in-out infinite hb-art-float;position:absolute;top:4px;left:50%}.hb-banner-elements{justify-content:center;gap:12px;display:flex;position:absolute;top:30px;left:0;right:0}.hb-banner-elements img{width:36px;height:36px;image-rendering:pixelated;filter:drop-shadow(0 4px 6px #000c);animation:3.6s ease-in-out infinite hb-art-float;animation-delay:calc(var(--hb-i,0) * -.6s)}.hb-banner-caption{z-index:1;flex-direction:column;gap:1px;display:flex;position:absolute;bottom:9px;left:12px;right:12px}.hb-banner-title{font-family:var(--font-heading,var(--font-primary));color:#fef08a;text-shadow:0 2px 4px #000000f2, 0 0 12px color-mix(in srgb, var(--hb-accent) 50%, transparent);margin:0;font-size:18px;font-weight:800}.hb-banner-tagline{color:#cbd5e1;text-shadow:0 1px 2px #000000e6;font-size:11px;font-weight:600}.hb-quip{background:#082f4959;border:1px solid #38bdf84d;border-radius:10px;flex-shrink:0;align-items:center;gap:10px;padding:9px 11px;display:flex}.hb-quip-portrait{object-fit:cover;object-position:50% 20%;background:radial-gradient(circle at 50% 35%,#1e293b 0%,#090d16 100%);border:2px solid #facc15;border-radius:50%;flex-shrink:0;width:44px;height:44px;box-shadow:0 0 10px #facc154d}.hb-quip-body{flex-direction:column;gap:2px;min-width:0;display:flex}.hb-quip-text{color:#e0f2fe;margin:0;font-size:12px;font-style:italic;line-height:1.45}.hb-section-label{letter-spacing:1.4px;text-transform:uppercase;color:color-mix(in srgb, var(--hb-accent) 70%, #fef08a);flex-shrink:0;align-items:center;gap:8px;font-size:9.5px;font-weight:800;display:flex}.hb-section-label:after{content:"";background:linear-gradient(90deg, color-mix(in srgb, var(--hb-accent) 45%, transparent), transparent);flex:auto;height:1px}.hb-rules{flex-direction:column;flex-shrink:0;gap:6px;margin:0;padding:0;list-style:none;display:flex}.hb-rule{background:#1e293b99;border:1px solid #ffffff12;border-radius:9px;flex-shrink:0;align-items:center;gap:10px;padding:8px 10px;display:flex}.hb-rule-chip{flex-shrink:0;justify-content:center;width:64px;display:flex}.hb-rule-body{flex-direction:column;gap:2px;min-width:0;display:flex}.hb-rule-term{color:#fff;font-size:12.5px;font-weight:800}.hb-rule-text{color:#cbd5e1;font-size:11.5px;line-height:1.4}.hb-chip{font-family:var(--font-primary);justify-content:center;align-items:center;line-height:1;display:inline-flex}.hb-chip-icon{background:#0f172ad9;border:1px solid #94a3b840;border-radius:8px;width:34px;height:34px}.hb-chip-icon img{image-rendering:pixelated;filter:drop-shadow(0 1px 2px #000c)}.hb-chip-badge{letter-spacing:.6px;white-space:nowrap;text-shadow:0 1px 2px #000c;border:1px solid;border-radius:5px;padding:4px 6px;font-size:9px;font-weight:900}.hb-chip-glyph{white-space:nowrap;text-shadow:0 1px 2px #000c;border:1px solid;border-radius:8px;min-width:34px;height:30px;padding:0 6px;font-size:12px;font-weight:900}.tone-gold{color:#facc15;background:#facc1524}.tone-cyan{color:#22d3ee;background:#22d3ee1f}.tone-emerald{color:#4ade80;background:#22c55e24}.tone-crimson{color:#f87171;background:#ef444424}.tone-violet{color:#c4b5fd;background:#8b5cf62e}.tone-amber{color:#fbbf24;background:#f59e0b24}.tone-slate{color:#cbd5e1;background:#64748b33}.tone-indigo{color:#a5b4fc;background:#6366f133}.hb-chip-hp{width:62px}.hb-chip-hp .hud-hp-track{flex:none;width:100%;height:16px;display:block}.hb-chip-hp .hud-hp-fill{display:block}.hb-chip-hp .hud-hp-badge{font-size:8.5px}.hb-chip-camp .hud-camp-btn{cursor:default;pointer-events:none}.hb-chip-stars{letter-spacing:-.5px;white-space:nowrap;font-size:11px}.hb-chip-stars .on{color:#facc15;text-shadow:0 0 6px #facc1599}.hb-chip-stars .off{color:#94a3b859}.hb-element-grid{flex-shrink:0;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:6px;display:grid}.hb-element-card{--el:#94a3b8;text-align:center;background:radial-gradient(circle at 50% 0%, color-mix(in srgb, var(--el) 26%, transparent) 0%, #0f172acc 70%);border:1px solid color-mix(in srgb, var(--el) 45%, transparent);border-radius:9px;flex-direction:column;align-items:center;gap:3px;padding:8px 6px;display:flex}.hb-element-card img{image-rendering:pixelated}.hb-element-card.element-fire{--el:var(--color-fire)}.hb-element-card.element-water{--el:var(--color-water)}.hb-element-card.element-wind{--el:var(--color-wind)}.hb-element-card.element-light{--el:var(--color-light)}.hb-element-card.element-dark{--el:var(--color-dark)}.hb-element-name{color:color-mix(in srgb, var(--el) 60%, #fff);font-size:11px;font-weight:800}.hb-element-hint{color:#cbd5e1;font-size:9.5px;line-height:1.3}.hb-fineprint{background:#0000004d;border:1px dashed #facc154d;border-radius:9px;flex-shrink:0}.hb-fineprint>summary{cursor:pointer;color:#fef08a;align-items:center;gap:8px;padding:9px 11px;font-size:11px;font-weight:800;list-style:none;display:flex}.hb-fineprint>summary::-webkit-details-marker{display:none}.hb-fineprint>summary:before{content:"▸";color:#facc15;transition:transform .2s}.hb-fineprint[open]>summary:before{transform:rotate(90deg)}.hb-fineprint-hint{color:var(--color-text-muted);font-size:9.5px;font-weight:600}.hb-fineprint-list{flex-direction:column;margin:0;padding:0 11px 9px;display:flex}.hb-fineprint-row{border-top:1px solid #ffffff0f;justify-content:space-between;gap:12px;padding:5px 0;display:flex}.hb-fineprint-row dt{color:var(--color-text-muted);font-size:10.5px}.hb-fineprint-row dd{color:#f1f5f9;text-align:right;margin:0;font-size:10.5px;font-weight:700}.hb-page-nav{flex-shrink:0;grid-template-columns:1fr 1fr;gap:8px;padding-top:2px;display:grid}.hb-page-nav-btn{color:#fff;font-family:var(--font-primary);cursor:pointer;background:#1e293bbf;border:1px solid #facc1540;border-radius:9px;flex-direction:column;gap:2px;min-width:0;padding:8px 10px;transition:all .2s;display:flex}.hb-page-nav-btn.prev{text-align:left}.hb-page-nav-btn.next{text-align:right;grid-column:2}.hb-page-nav-btn:hover{background:#facc151a;border-color:#facc15}.hb-page-nav-dir{letter-spacing:.8px;text-transform:uppercase;color:#facc15;font-size:9.5px;font-weight:800}.hb-page-nav-title{color:#e2e8f0;text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;font-weight:700;overflow:hidden}.nav-unread-dot,.system-menu-unread-dot{pointer-events:none;background:#facc15;border-radius:50%;width:8px;height:8px;animation:1.8s ease-in-out infinite hb-new-pulse;position:absolute;box-shadow:0 0 0 2px #0f172af2,0 0 8px #facc15d9}.nav-unread-dot{top:4px;right:calc(50% - 15px)}.system-menu-unread-dot{top:8px;right:8px}@keyframes hb-card-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes hb-page-in{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}@keyframes hb-ring-spin{to{transform:rotate(360deg)}}@keyframes hb-art-float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes hb-new-pulse{0%,to{opacity:1}50%{opacity:.55}}@media (prefers-reduced-motion:reduce){.hb-chapter-card,.hb-page,.hb-banner-ring,.hb-banner-art,.hb-banner-elements img,.hb-new-badge,.nav-unread-dot,.system-menu-unread-dot{animation:none!important}}