@import"https://fonts.googleapis.com/css2?family=Archivo:wght@300;400;600;700&family=Fraunces:wght@500;700&display=swap";:root{font-family:Archivo,system-ui,sans-serif}body{margin:0}h1,h2,h3{font-family:Fraunces,serif}button,input,select{font-family:inherit}:root{--bg: #0c1017;--bg-soft: #111826;--panel: #151f2f;--panel-2: #1a2639;--line: #26354d;--text: #e9f1ff;--text-dim: #9bb1cc;--primary: #4da3ff;--primary-strong: #2e8ef3;--ok: #42d392;--warn: #f2b55f;--bad: #f07b7b;--shadow: 0 16px 30px rgba(0, 0, 0, .35)}*{box-sizing:border-box}html,body,#root{min-height:100%;background:var(--bg)}body{margin:0;color:var(--text);background:radial-gradient(1100px 700px at 12% -10%,rgba(74,163,255,.12),transparent 58%),radial-gradient(900px 600px at 100% 0%,rgba(66,211,146,.09),transparent 58%),var(--bg);font-family:Segoe UI,Noto Sans,Arial,sans-serif}.app{min-height:100vh}.friendly-return-btn{position:fixed;right:22px;bottom:22px;z-index:30;min-height:40px;border-radius:999px;border:1px solid rgba(157,197,244,.35);padding:9px 14px;background:#080d14e0;color:#d8e8fb;cursor:pointer;backdrop-filter:blur(10px)}.advanced-discord-orb{position:fixed;left:22px;bottom:22px;z-index:30;width:58px;height:58px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(157,197,244,.35);background:radial-gradient(circle at top,rgba(97,144,255,.22),transparent 58%),#080d14e0;box-shadow:0 16px 34px #00000052;backdrop-filter:blur(10px);text-decoration:none}.advanced-discord-orb img{width:28px;height:28px;display:block}.friendly-return-btn:hover,.advanced-discord-orb:hover{border-color:#9dc5f4a6}.hero{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:24px clamp(14px,4vw,48px);border-bottom:1px solid var(--line);background:linear-gradient(180deg,#131d2deb,#0c1017db);backdrop-filter:blur(8px)}.eyebrow{margin-bottom:6px;color:#8ba2bf;font-size:11px;letter-spacing:.16em;text-transform:uppercase}.hero-text h1{margin:0 0 7px;font-size:clamp(30px,3.8vw,44px);line-height:1.08;letter-spacing:-.02em}.hero-text p{margin:0;color:var(--text-dim);max-width:780px;font-size:15px}.hero-actions{display:grid;gap:8px;justify-items:end}.tabs{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.tabs button{border:1px solid var(--line);border-radius:999px;min-height:36px;padding:7px 12px;background:#ffffff05;color:var(--text);font-weight:600;cursor:pointer}.tabs button:hover{border-color:#3d5577}.tabs button.active{border-color:#3f8fe8;background:linear-gradient(180deg,#3e8ee7,#337fd4);color:#fff}.settings-btn{border:1px solid #355072;border-radius:999px;min-height:30px;padding:4px 11px;background:#ffffff08;color:#b7c9e0;font-size:11px;letter-spacing:.03em;text-transform:uppercase;cursor:pointer}.settings-btn:hover{border-color:#4b6f99}.settings-panel{margin-top:6px;border:1px solid #314761;border-radius:12px;background:#080d14f2;padding:10px;min-width:260px;display:grid;gap:8px}.settings-unlock{display:grid;gap:8px}.panel{padding:20px clamp(14px,4vw,48px) 40px}.layout-grid{display:grid;gap:14px;grid-template-columns:1fr}.panel-grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.results-grid{margin-top:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(330px,1fr))}.panel-block{background:linear-gradient(180deg,#182233e6,#151f2feb);border:1px solid var(--line);border-radius:16px;padding:16px;box-shadow:var(--shadow)}.panel-block h3{margin:0 0 12px;font-size:22px;line-height:1.1}.field{display:grid;gap:6px;margin-bottom:10px}.field label{font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:#90a5c3}input,select,button{font:inherit}input,select{width:100%;min-height:42px;border-radius:10px;border:1px solid #2f4260;background:#0b121ce6;color:var(--text);padding:10px 12px}input[type=number]{-moz-appearance:textfield;appearance:textfield}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input:focus,select:focus{outline:2px solid rgba(77,163,255,.35);border-color:#4f86bf}.icon-input{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px}.creature-name-input{position:relative;width:100%}.creature-name-input-menu{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:20;display:grid;gap:4px;max-height:260px;overflow:auto;padding:6px;border:1px solid #2f415a;border-radius:10px;background:#0a0f18fa;box-shadow:var(--shadow)}.creature-name-input-option{width:100%;min-height:36px;border:1px solid #2f415a;border-radius:8px;background:#ffffff05;color:var(--text);text-align:left;padding:8px 10px;cursor:pointer}.creature-name-input-option:hover,.creature-name-input-option.selected{border-color:#4f8ee8;background:#23487e40}.icon-img{border-radius:10px;border:1px solid #31445f;background:#1b273a;object-fit:cover}.card-title{display:flex;align-items:center;gap:14px;margin-bottom:10px}.card-title strong{font-size:19px}.trait-grid,.ascension-grid,.elder-selector-grid{display:grid;gap:8px}.elder-choice{width:100%;text-align:left;border:1px solid #2f425f;border-radius:10px;background:#070d1573;color:inherit;padding:10px 12px;display:grid;gap:4px;cursor:pointer}.elder-choice strong{font-size:13px}.elder-choice span{font-size:11px;color:#a6bdd8}.elder-choice.active{border-color:#f0a467;background:#f0a4671f}.ascension-row{display:grid;grid-template-columns:minmax(0,1fr) 92px;align-items:center;gap:8px}.toggle{display:grid;gap:5px;margin-bottom:10px}.switch{width:100%;border:1px solid #2f415a;border-radius:12px;background:#0a0f188c;color:var(--text);padding:8px 10px;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:10px;text-align:left;cursor:pointer}.switch:hover{border-color:#3d5b82}.switch-thumb{width:34px;height:20px;border-radius:999px;background:#3a4f6c;position:relative;transition:all .14s ease}.switch-thumb:after{content:"";position:absolute;width:14px;height:14px;border-radius:50%;background:#dce7f7;top:3px;left:3px;transition:transform .14s ease}.switch.on{border-color:#4386cf;background:#20456f57}.switch.on .switch-thumb{background:#3f8ee8}.switch.on .switch-thumb:after{transform:translate(14px);background:#f3f9ff}.switch-body{display:grid;gap:2px}.switch-label{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:14px;font-weight:600}.switch-state{border-radius:999px;border:1px solid #334a67;padding:1px 8px;font-size:10px;letter-spacing:.06em;text-transform:uppercase}.switch-state.on{border-color:#3d8ce5;color:#b9d9ff}.switch-state.off{border-color:#4a5f7a;color:#9bb0c9}.switch-desc{font-size:12px;color:var(--text-dim)}.toggle-group,.compare-buff-section{margin-top:12px;padding-top:10px;border-top:1px solid var(--line)}.compare-air-rule-card{margin:12px 0 2px;padding:12px;border:1px solid #31445f;border-radius:16px;background:linear-gradient(180deg,#202c3feb,#101622f0);box-shadow:inset 0 1px #ffffff08}.compare-air-rule-card .switch{margin-bottom:10px}.compare-air-rule-field{margin-bottom:0}.compare-air-rule-note{margin-top:2px}.compare-buff-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px;font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:#90a5c3}.compare-buff-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px}.compare-buff-chip{position:relative;display:flex;align-items:center;justify-content:center;min-height:38px;padding:8px 10px;border:1px solid #355072;border-radius:10px;background:#ffffff05;color:var(--text);font-size:13px;font-weight:600;text-align:center;cursor:pointer;transition:border-color .15s ease,background-color .15s ease,transform .15s ease,box-shadow .15s ease}.compare-buff-chip:hover{border-color:#4d719a;background:#ffffff0a}.compare-buff-chip.selected{border-color:#76b4ffd9;background:linear-gradient(180deg,#213d60f2,#162b46f2);box-shadow:inset 0 0 0 1px #76b4ff2e}.compare-buff-chip input{position:absolute;inset:0;opacity:0;pointer-events:none}.debug-controls{display:grid;gap:8px;margin-bottom:10px}.debug-controls label{display:grid;gap:6px;font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:#90a5c3}.calculate-row{margin-top:10px;display:flex;align-items:center;gap:10px}.primary,.secondary,.apply-btn{min-height:38px;border-radius:10px;cursor:pointer;font-weight:600}.primary{border:none;background:linear-gradient(180deg,var(--primary),var(--primary-strong));color:#061427;padding:8px 14px}.primary:hover{filter:brightness(1.06)}.secondary{border:1px solid #355072;background:#ffffff05;color:var(--text);padding:8px 14px}.note{color:var(--text-dim);font-size:12px}.muted{color:#8197b5}.approx{color:var(--warn);font-size:12px;margin-top:8px}.stat-list,.result-list,.ability-list ul{margin:0;padding:0;list-style:none;display:grid;gap:6px}.result-list li{border:1px solid #2f415a;border-radius:12px;background:#090f186b;padding:10px 12px}.result-list strong{font-size:16px}.compare-detail-stack{margin-top:14px;display:grid;gap:14px}.compare-detail-grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(330px,1fr))}.compare-detail-metrics{margin-bottom:12px}.compare-ability-section{display:grid;gap:8px}.compare-timeline-panel{display:grid;gap:12px}.compare-timeline-header{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap}.compare-timeline-list{display:grid;gap:8px;max-height:560px;overflow:auto}.compare-timeline-entry{display:grid;grid-template-columns:72px minmax(120px,170px) minmax(0,1fr) minmax(96px,112px);gap:12px;align-items:start;border:1px solid #2f415a;border-left-width:4px;border-radius:12px;background:#090f186b;padding:12px 14px;line-height:1.35}.compare-timeline-entry-damage{border-left-color:#ff9a7a}.compare-timeline-entry-heal{border-left-color:#6dde9d}.compare-timeline-entry-status{border-left-color:#79bdff}.compare-timeline-entry-decay{border-left-color:#aeb7c7}.compare-timeline-entry-utility{border-left-color:#b99dff}.compare-timeline-entry-death{border-left-color:#ff5f6d;background:#2a0a106b}.compare-timeline-time{color:#9bb0c9;font-variant-numeric:tabular-nums;padding-top:2px}.compare-timeline-actor{display:grid;align-content:start;gap:2px;min-width:0}.compare-timeline-copy{display:grid;gap:4px;min-width:0}.compare-timeline-copy-top{display:flex;align-items:center;gap:8px;min-width:0;flex-wrap:wrap}.compare-timeline-badge{display:inline-flex;align-items:center;justify-content:center;min-width:58px;padding:3px 8px;border-radius:999px;border:1px solid transparent;font-size:11px;font-weight:700;letter-spacing:.02em;text-transform:uppercase}.compare-timeline-badge-damage{border-color:#ff866e66;background:#ff866e1f;color:#ffb8aa}.compare-timeline-badge-heal{border-color:#58d68d66;background:#58d68d1f;color:#aef1c6}.compare-timeline-badge-status{border-color:#72b7ff66;background:#72b7ff1f;color:#b8ddff}.compare-timeline-badge-decay{border-color:#b5b8c559;background:#b5b8c51a;color:#d9dce7}.compare-timeline-badge-utility{border-color:#c7a6ff59;background:#c7a6ff1a;color:#ddd0ff}.compare-timeline-badge-death{border-color:#ff5f6d73;background:#ff5f6d1f;color:#ffc2c8}.compare-timeline-result{display:grid;gap:4px;justify-items:end;text-align:right;font-variant-numeric:tabular-nums;min-width:0;padding-top:2px}.compare-timeline-result-muted{color:#6f829d;font-size:12px}.compare-timeline-damage{color:#ffd2c2;font-weight:700}.compare-timeline-heal{color:#bff3cf;font-weight:700}.compare-outcome-mode-switch{display:inline-grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:6px;border:1px solid #31425b;border-radius:16px;background:linear-gradient(180deg,#1c2737f2,#0d131eeb);box-shadow:inset 0 1px #ffffff0d,0 12px 24px #0000002e;margin-bottom:12px}.compare-outcome-mode-button{border:1px solid transparent;border-radius:12px;padding:9px 14px;background:transparent;color:#b8c9de;font-weight:700;letter-spacing:.01em;transition:background .14s ease,border-color .14s ease,color .14s ease,transform .14s ease}.compare-outcome-mode-button:hover{border-color:#7caaff3d;background:#4862901f;color:#dbe7f7}.compare-outcome-mode-button.is-active{border-color:#7caaff6b;background:radial-gradient(circle at top,rgba(123,179,255,.18),transparent 70%),linear-gradient(180deg,#3654806b,#18263d7a);color:#f2f7ff;box-shadow:inset 0 1px #ffffff14;transform:translateY(-1px)}.why{margin-top:5px;color:#a6bdd8;font-size:12px}.ability-list{margin-top:10px;font-size:12px}.ability-list summary{cursor:pointer;font-weight:600}.ability-list li{display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid #2f425f;border-radius:8px;background:#070d1573;padding:6px 8px}.ability-modeled em{color:var(--ok)}.ability-partial em{color:#9dd4ff}.ability-deferred em{color:#ffd166}.ability-out-of-model em{color:#ffb86c}.ability-not-modeled em{color:var(--bad)}.debug-panel{margin-top:12px;border:1px solid #2a3c56;border-radius:12px;background:#090e1699;padding:10px}.debug-panel summary{cursor:pointer;font-weight:700}.debug-grid{margin-top:10px;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px;font-size:12px}.build-details{margin-top:8px;border:1px solid #2e3f58;border-radius:10px;background:#090f1780;padding:8px;display:grid;gap:6px;font-size:12px}.optimizer-results-block{margin-top:14px}.build-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.apply-btn{border:1px solid #355072;background:#ffffff08;color:var(--text);padding:6px 9px}.inline-icon{display:inline-flex;align-items:center;gap:5px;margin-right:10px}.asc-item{display:inline-block;margin-right:10px}.explain-wrap{margin-top:8px;border:1px solid #2f4a69;border-radius:10px;background:linear-gradient(180deg,#0b1421eb,#070e18eb);overflow:hidden}.explain-badge{padding:7px 10px;border-bottom:1px solid #2b4360;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#8eb6e4;background:#152538cc}.explain-box{margin:0;padding:10px;white-space:pre-wrap;max-height:360px;overflow:auto;font-size:12px;line-height:1.42;color:#d7e8ff}.ad-slot{border:1px dashed #3f5372;border-radius:10px;background:#121c2b6b;color:#89a4c6;display:grid;place-items:center;text-align:center;box-shadow:inset 0 0 0 1px #4da3ff12;opacity:.8}.ad-title{font-size:13px;font-weight:700}.ad-subtitle{font-size:11px}.ad-top,.ad-bottom{margin:0 clamp(14px,4vw,48px);min-height:38px}.ad-top{margin-top:10px}.ad-bottom{margin-bottom:12px}.donate-card p{margin:0 0 10px;color:var(--text-dim);line-height:1.5}.donate-actions{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:10px}.donate-actions a.primary,.donate-actions a.secondary{display:inline-flex;align-items:center;text-decoration:none}.site-footer{padding:12px clamp(14px,4vw,48px) 22px}.site-footer-inner{border-top:1px solid var(--line);padding-top:10px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#88a1c0;font-size:12px}.site-footer-inner a{color:#9dc5f4;text-decoration:none}.site-footer-inner a:hover{text-decoration:underline}@media(max-width:760px){.advanced-discord-orb,.friendly-return-btn{bottom:14px}.advanced-discord-orb{left:14px;width:52px;height:52px}.advanced-discord-orb img{width:24px;height:24px}.hero{flex-direction:column}.hero-actions,.tabs{justify-items:start;justify-content:flex-start}.panel-grid,.results-grid,.compare-detail-grid{grid-template-columns:1fr}.compare-timeline-entry{grid-template-columns:1fr;gap:6px}.compare-outcome-mode-switch{width:100%}.site-footer-inner{flex-direction:column;align-items:flex-start}}.row-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.pool-preview-list{max-height:320px;overflow:auto;display:grid;gap:6px}.pool-preview-item{display:grid;grid-template-columns:26px minmax(0,1fr) auto;align-items:center;gap:8px;padding:4px 6px;border:1px solid #2f415a;border-radius:8px}.pool-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pool-tier{color:#9bb7db;font-weight:600}.custom-pool-list{max-height:260px;overflow:auto;display:grid;gap:6px;margin-top:8px}.custom-pool-item{width:100%;display:grid;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:8px;padding:6px 8px;border:1px solid #2f415a;border-radius:8px;background:#0a0f188c;color:var(--text);text-align:left;cursor:pointer}.custom-pool-item.selected{border-color:#4f8ee8;background:#23487e40}.custom-pool-item:hover{border-color:#3d5b82}.selected-list{max-height:180px}.blacklist-dropdown{border:1px solid #2f415a;border-radius:10px;background:#0a0f188c;overflow:hidden}.blacklist-summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;cursor:pointer;user-select:none}.blacklist-summary::-webkit-details-marker{display:none}.blacklist-summary-meta{color:#9bb7db;font-size:12px}.blacklist-dropdown-body{display:grid;gap:8px;padding:0 12px 12px;border-top:1px solid rgba(47,65,90,.8)}.blacklist-list{max-height:240px;overflow:auto;display:grid;gap:6px}.blacklist-item{display:grid;grid-template-columns:16px 22px minmax(0,1fr);align-items:center;gap:8px;padding:7px 8px;border:1px solid #2f415a;border-radius:8px;background:#0a0f1866;cursor:pointer}.blacklist-item.selected{border-color:#4f8ee8;background:#23487e40}.blacklist-item:hover{border-color:#3d5b82}.blacklist-item input{appearance:auto;width:16px;min-height:16px;margin:0;border:none;background:transparent;padding:0}.aggregate-compare-table-wrap{margin-top:10px;overflow:auto}.aggregate-compare-table{width:100%;border-collapse:collapse;font-size:13px}.aggregate-compare-table th,.aggregate-compare-table td{border:1px solid #2f415a;padding:6px 8px;text-align:left}.aggregate-compare-table th{color:#9bb7db;background:#111d2ea6}.sandbox-summary{display:grid;gap:4px;margin-bottom:12px}.sandbox-action-row{margin-bottom:12px}.sandbox-ability-buttons,.sandbox-status-list,.sandbox-log,.sandbox-seed-list{display:grid;gap:8px}.sandbox-cooldown{opacity:.65}.sandbox-status-item,.sandbox-log-item,.sandbox-seed-item{border:1px solid #2f415a;border-radius:10px;background:#090f186b;padding:10px 12px}.sandbox-status-item{display:grid;gap:4px}.sandbox-seed-item{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center}.reference-hero h2{margin:0 0 10px;font-size:28px;line-height:1.1}.reference-section-links{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.reference-section-link{text-decoration:none}.reference-section-stack{gap:14px}.reference-section{scroll-margin-top:24px}.reference-section-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.reference-section-status{border:1px solid #355072;border-radius:999px;padding:4px 10px;color:#9bb7db;font-size:11px;letter-spacing:.08em;text-transform:uppercase}.reference-section-description{margin:0 0 12px;color:var(--text-dim);line-height:1.5}.reference-placeholder{border:1px dashed #355072;border-radius:12px;background:#0a0f186b;padding:12px 14px;display:grid;gap:6px}.reference-placeholder-title{color:#b7d4f6;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.reference-placeholder-copy{color:var(--text-dim);line-height:1.45}.reference-entry-list{display:grid;gap:10px}.reference-entry{border:1px solid #2f415a;border-radius:12px;background:#090f186b;overflow:hidden}.reference-entry-summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;cursor:pointer;font-weight:700}.reference-entry-summary::-webkit-details-marker{display:none}.reference-entry-badge{border:1px solid #2f6e53;border-radius:999px;padding:4px 10px;background:#42d3921a;color:#aee9c8;font-size:11px;letter-spacing:.08em;text-transform:uppercase}.reference-entry-body{border-top:1px solid #2f415a;padding:14px;display:grid;gap:12px}.reference-entry-lead{margin:0;color:var(--text-dim);line-height:1.5}.reference-entry-block{display:grid;gap:6px}.reference-entry-title{color:#b7d4f6;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.reference-entry-points{margin:0;padding-left:18px;display:grid;gap:6px;color:var(--text-dim);line-height:1.45}.friendly-shell{--friendly-card-bg: linear-gradient(180deg, rgba(31, 18, 15, .76), rgba(14, 12, 17, .82));--friendly-card-border: rgba(255, 233, 211, .12);--friendly-card-shadow: 0 18px 42px rgba(0, 0, 0, .26);--friendly-card-blur: blur(10px);--friendly-panorama-image: none;--friendly-panorama-opacity: 0;--friendly-panorama-overlay: linear-gradient(90deg, rgba(13, 10, 12, .44), rgba(13, 10, 12, .08), rgba(13, 10, 12, .44)), linear-gradient(180deg, rgba(20, 12, 10, .06), rgba(9, 8, 12, .22));--friendly-backdrop-a-bg: radial-gradient(circle at 15% 30%, rgba(225, 119, 63, .16), transparent 36%), radial-gradient(circle at 80% 20%, rgba(68, 141, 155, .16), transparent 34%), linear-gradient(125deg, rgba(15, 12, 17, .58), rgba(45, 22, 17, .42), rgba(16, 20, 28, .58));--friendly-backdrop-b-bg: radial-gradient(circle at 50% 85%, rgba(190, 174, 120, .08), transparent 30%), radial-gradient(circle at 75% 65%, rgba(107, 38, 20, .1), transparent 26%);--friendly-grid-opacity: .24;position:relative;min-height:100vh;overflow:hidden;color:#f4f0e8;background:#120f0d;font-family:Trebuchet MS,Aptos,Segoe UI,sans-serif}.friendly-shell.home-active{--friendly-panorama-image: url(/friendly-home-panorama.jpg);--friendly-panorama-opacity: .72}.friendly-shell.bestbuild-active{--friendly-card-bg: linear-gradient(180deg, rgba(28, 20, 17, .82), rgba(13, 15, 19, .86));--friendly-card-border: rgba(255, 226, 200, .12);--friendly-card-shadow: 0 18px 44px rgba(6, 8, 12, .3);--friendly-panorama-image: url(/friendly-bestbuild-panorama.jpg);--friendly-panorama-opacity: .38;--friendly-panorama-overlay: linear-gradient(90deg, rgba(14, 11, 12, .34), rgba(14, 11, 12, .1), rgba(14, 11, 12, .28)), linear-gradient(180deg, rgba(10, 10, 14, .26), rgba(8, 10, 14, .62));--friendly-backdrop-a-bg: radial-gradient(circle at 18% 22%, rgba(233, 170, 103, .12), transparent 34%), radial-gradient(circle at 76% 18%, rgba(130, 175, 197, .12), transparent 30%), radial-gradient(circle at 46% 78%, rgba(118, 95, 61, .1), transparent 28%), linear-gradient(140deg, rgba(21, 17, 16, .62), rgba(31, 24, 16, .42), rgba(12, 18, 22, .58));--friendly-backdrop-b-bg: linear-gradient(90deg, rgba(255, 219, 173, .035) 1px, transparent 1px), linear-gradient(rgba(255, 219, 173, .035) 1px, transparent 1px), radial-gradient(circle at 50% 52%, rgba(240, 179, 111, .08), transparent 34%);--friendly-grid-opacity: .12}.friendly-shell.battle-active{--friendly-card-bg: linear-gradient(180deg, rgba(26, 18, 18, .8), rgba(12, 13, 18, .88));--friendly-card-border: rgba(255, 224, 205, .11);--friendly-card-shadow: 0 22px 52px rgba(0, 0, 0, .34);--friendly-panorama-image: url(/friendly-battle-panorama.jpg);--friendly-panorama-opacity: .32;--friendly-panorama-overlay: linear-gradient(90deg, rgba(58, 18, 14, .48), rgba(10, 12, 16, .16) 36%, rgba(10, 12, 16, .16) 64%, rgba(18, 39, 56, .46)), linear-gradient(180deg, rgba(10, 10, 14, .18), rgba(8, 10, 14, .48));--friendly-backdrop-a-bg: radial-gradient(circle at 14% 42%, rgba(208, 84, 52, .18), transparent 34%), radial-gradient(circle at 86% 32%, rgba(81, 160, 216, .18), transparent 34%), linear-gradient(90deg, rgba(48, 16, 14, .52), rgba(12, 12, 16, .28) 36%, rgba(12, 12, 16, .28) 64%, rgba(14, 28, 46, .54));--friendly-backdrop-b-bg: radial-gradient(circle at 50% 50%, rgba(255, 246, 220, .06), transparent 16%), radial-gradient(circle at 50% 50%, rgba(255, 246, 220, .03), transparent 28%), linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(4, 5, 8, .28));--friendly-grid-opacity: .08}.friendly-shell-inner{position:relative;z-index:1;width:min(1400px,calc(100% - 32px));margin:0 auto;padding:24px 0 48px}.friendly-backdrop{position:absolute;inset:0;overflow:hidden}.friendly-backdrop-panorama{position:absolute;inset:-8%;background-image:var(--friendly-panorama-overlay),var(--friendly-panorama-image, none);background-size:cover;background-position:center;opacity:var(--friendly-panorama-opacity);transform:scale(1.06);animation:panBackdrop 42s ease-in-out infinite alternate;will-change:transform}.friendly-backdrop-layer{position:absolute;inset:-12%;filter:blur(14px);transform:scale(1.08)}.friendly-backdrop-a{background:var(--friendly-backdrop-a-bg);animation:driftA 24s ease-in-out infinite alternate}.friendly-backdrop-b{background:var(--friendly-backdrop-b-bg);animation:driftB 28s ease-in-out infinite alternate}.friendly-backdrop-grid{position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:90px 90px;mask-image:linear-gradient(180deg,rgba(0,0,0,.5),transparent 85%);opacity:var(--friendly-grid-opacity)}.friendly-home{min-height:calc(100vh - 72px);display:grid;align-items:center;justify-items:center;gap:28px}.friendly-home-copy,.friendly-panel,.friendly-card,.battle-config-card,.result-card,.friendly-loading-card{border:1px solid var(--friendly-card-border);background:var(--friendly-card-bg);box-shadow:var(--friendly-card-shadow);backdrop-filter:var(--friendly-card-blur)}.friendly-home-copy{max-width:760px;border-radius:28px;padding:clamp(28px,5vw,54px);margin:0 auto;text-align:center}.friendly-kicker{display:inline-flex;margin-bottom:14px;color:#f4b674;font-size:12px;letter-spacing:.18em;text-transform:uppercase}.friendly-home-copy h1,.friendly-topbar h1{margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(48px,8vw,90px);line-height:.94;letter-spacing:-.04em}.friendly-home-copy p,.friendly-topbar p,.friendly-muted{color:#f4f0e8c2}.friendly-home-copy p{max-width:620px;margin:18px auto 0}.friendly-home-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;width:min(1120px,100%);margin:0 auto}.mode-card{position:relative;min-height:320px;border-radius:32px;border:1px solid rgba(255,224,194,.16);padding:34px;color:inherit;text-align:left;cursor:pointer;background:linear-gradient(180deg,#311912b8,#100e14e0),radial-gradient(circle at top left,rgba(255,187,112,.18),transparent 45%);transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.mode-card-battle{background:linear-gradient(180deg,#162130b8,#100e14e0),radial-gradient(circle at top left,rgba(122,201,255,.22),transparent 45%)}.mode-card:hover,.choice-card:hover,.creature-tile:hover,.wizard-progress-item:hover,.facet-chip:hover{transform:translateY(-4px)}.mode-card strong{display:block;margin-bottom:14px;font-family:Georgia,Times New Roman,serif;font-size:42px}.mode-card p{max-width:420px;color:#f4f0e8c7;font-size:18px;line-height:1.55}.mode-card-badge{display:inline-flex;margin-bottom:18px;padding:8px 12px;border-radius:999px;background:#ffffff14;color:#f7d8bd;font-size:12px;letter-spacing:.14em;text-transform:uppercase}.floating-advanced{position:fixed;z-index:3;bottom:22px;min-height:42px;padding:10px 16px;border-radius:999px;border:1px solid rgba(255,226,190,.22);background:#140f0ebd;color:#f7eadf;cursor:pointer;backdrop-filter:blur(8px)}.floating-advanced-right{right:22px}.friendly-panel{border-radius:28px;padding:clamp(18px,3vw,34px)}.friendly-panel-fallback{display:grid}.friendly-card-fallback{display:grid;place-items:center;min-height:220px}.friendly-section-rail{display:flex;gap:10px;width:max-content;margin:0 auto 18px;padding:10px;border:1px solid rgba(255,233,211,.12);border-radius:999px;background:#120c0e8a;backdrop-filter:blur(8px)}.friendly-section-rail button{min-height:38px;padding:8px 14px;border-radius:999px;border:1px solid transparent;background:transparent;color:#f4f0e8cc;cursor:pointer}.friendly-section-rail button.active{border-color:#f0b36f80;background:#f0b36f1f;color:#fff0de}.friendly-topbar{display:grid;gap:14px;margin-bottom:28px}.friendly-topbar-copy{display:grid;justify-items:center;text-align:center;gap:6px;max-width:860px;margin:0 auto}.friendly-topbar h1{font-size:clamp(34px,4vw,60px)}.friendly-primary,.friendly-secondary{border-radius:999px;min-height:48px;min-width:206px;padding:10px 22px;font-weight:700;cursor:pointer}.friendly-primary{border:none;background:linear-gradient(135deg,#f0b36f,#de6d42);color:#1c120c}.friendly-secondary{border:1px solid rgba(255,233,211,.18);background:#ffffff0a;color:#f8f0e7}.creature-select-layout,.wizard-layout,.battle-grid{display:grid;gap:22px}.creature-select-layout{grid-template-columns:320px minmax(0,1fr);margin-bottom:24px}.friendly-card,.battle-config-card,.result-card,.friendly-loading-card{border-radius:24px;padding:22px;content-visibility:auto;contain-intrinsic-size:280px}.friendly-card-hero{min-height:260px}.selected-creature-stage{display:grid;grid-template-columns:180px minmax(0,1fr) 320px;gap:24px;align-items:center}.selected-creature-portrait-shell{display:grid;place-items:center;padding:18px;border-radius:28px;border:1px solid rgba(255,233,211,.14);background:radial-gradient(circle at top,rgba(240,179,111,.16),transparent 58%),#ffffff0a}.selected-creature-copy h2{margin:0 0 12px;font-family:Georgia,Times New Roman,serif;font-size:clamp(34px,4vw,56px)}.selected-creature-copy p{margin:0;max-width:420px;line-height:1.6}.hero-card-header,.selected-creature-preview,.battle-config-header,.timeline-header,.result-card-main,.result-card-actions,.battle-options-row{display:flex;gap:18px;align-items:center;justify-content:space-between}.selected-creature-meta,.result-score-grid,.battle-summary-grid,.review-grid{display:grid;gap:12px}.selected-creature-meta,.battle-summary-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}.selected-creature-meta-premium{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-chip,.metric-card,.review-card{border-radius:16px;border:1px solid rgba(255,233,211,.14);background:#ffffff0a;padding:12px 14px}.metric-chip{display:grid;gap:6px}.metric-chip span{color:#f4f0e88f;font-size:11px;letter-spacing:.12em;text-transform:uppercase}.metric-chip strong{font-size:24px;font-family:Georgia,Times New Roman,serif}.metric-chip-large{min-height:106px;align-content:center}.metric-card span,.review-card span{display:block;margin-bottom:6px;color:#f4f0e899;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.metric-card strong,.review-card strong{font-size:20px}.creature-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px}.creature-tile,.choice-card,.wizard-progress-item{border-radius:22px;border:1px solid rgba(255,233,211,.14);background:#ffffff0d;color:inherit;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease}.creature-tile{padding:18px 14px;display:grid;justify-items:center;gap:10px;text-align:center}.creature-tile.selected,.choice-card.active,.wizard-progress-item.active,.facet-chip.active{border-color:#f0b36fcc;background:#f0b36f1f}.filter-card{align-self:start}.filter-reset-btn{width:100%;margin-bottom:16px}.friendly-field{display:grid;gap:8px;margin-bottom:16px}.friendly-field span,.facet-picker span{color:#f4f0e8b8;font-size:12px;letter-spacing:.12em;text-transform:uppercase}.friendly-field.compact{margin-bottom:0}.friendly-shell input,.friendly-shell select{width:100%;min-height:44px;border-radius:14px;border:1px solid rgba(255,233,211,.14);background:#0a090c80;color:#f4f0e8;padding:10px 12px}.facet-picker+.facet-picker{margin-top:18px}.facet-grid,.friendly-inline-picker{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.selector-more-btn,.friendly-load-more-row .friendly-secondary{min-width:0}.facet-chip{border-radius:999px;border:1px solid rgba(255,233,211,.16);background:#ffffff0a;color:inherit;padding:9px 14px;cursor:pointer;transition:transform .18s ease,border-color .18s ease}.wizard-layout{grid-template-columns:300px minmax(0,1fr)}.wizard-sidebar{align-self:start;position:sticky;top:18px}.wizard-creature{display:flex;gap:14px;align-items:center;margin-bottom:20px}.wizard-progress{display:grid;gap:10px}.wizard-live-summary{display:grid;gap:10px;margin-top:16px}.wizard-progress-item{width:100%;padding:14px;text-align:left}.wizard-progress-item.done{border-color:#85deae4d}.wizard-progress-item span{display:block;color:#f4f0e88f;font-size:12px;letter-spacing:.1em}.wizard-stage-card{min-height:560px}.wizard-stage-header h2,.timeline-card h2,.battle-announce h2,.result-card h2{margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(30px,4vw,48px)}.wizard-stage-body{margin-top:20px}.wizard-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.choice-card{padding:20px;text-align:left}.choice-card strong{display:block;margin-bottom:10px;font-size:22px}.choice-card p{margin:0;color:#f4f0e8bd;line-height:1.5}.tag-selector .facet-grid{max-height:360px;overflow:auto;overscroll-behavior:contain}.review-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.review-stage-layout{display:grid;grid-template-columns:minmax(0,1.35fr) 320px;gap:20px;align-items:start}.review-cta-card,.result-header-card{display:flex;gap:18px;align-items:center;justify-content:space-between;padding:22px;border-radius:24px;border:1px solid rgba(255,233,211,.14);background:#ffffff0d}.review-cta-card{min-height:100%;flex-direction:column;align-items:flex-start;justify-content:flex-start;padding-top:28px;background:radial-gradient(circle at top,rgba(240,179,111,.16),transparent 56%),#ffffff0d}.review-cta-card .friendly-kicker{margin-bottom:18px;font-size:15px;letter-spacing:.24em}.review-cta-card h3{margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(38px,4vw,52px);line-height:.96}.review-cta-card p{margin:0;color:#f4f0e8b8}.review-card-icons{gap:10px}.review-card{min-height:124px}.review-icon-list,.build-icon-strip{display:flex;flex-wrap:wrap;gap:10px}.build-icon-chip{display:inline-grid;grid-template-columns:auto auto;align-items:center;gap:8px;padding:8px 10px;border-radius:14px;border:1px solid rgba(255,233,211,.14);background:#ffffff0a}.build-icon-chip.icon-only{grid-template-columns:auto;padding:8px;min-width:50px;min-height:50px;place-items:center}.build-icon-chip.plushie-highlight{border-color:#f0b36f4d;background:#f0b36f14}.build-icon-chip.compact{grid-template-columns:auto minmax(0,1fr);width:max-content}.build-icon-chip span{color:#f4f0e8d1;font-size:13px}.build-icon-chip-elder{grid-template-columns:minmax(0,1fr);min-width:132px}.build-icon-chip-elder strong{font-size:16px}.ascension-strip{display:grid;gap:10px;margin-top:16px}.ascension-chip-list{display:flex;flex-wrap:wrap;gap:10px}.ascension-chip{display:inline-grid;grid-template-columns:auto auto;align-items:center;gap:10px;min-width:168px;padding:10px 12px;border-radius:16px;border:1px solid rgba(255,233,211,.14);background:linear-gradient(180deg,#ffffff0d,#ffffff08)}.ascension-chip span,.ascension-chip strong{display:block}.ascension-chip span{color:#f4f0e8b8;font-size:12px}.ascension-chip strong{color:#fff2e1;font-size:18px}.result-header-creature,.result-header-runtime{display:flex;gap:14px;align-items:center}.result-header-runtime{max-width:320px;text-align:right}.result-header-runtime strong{font-size:18px}.result-header-credit,.result-credit-compact{margin:4px 0 0;color:#f4f0e8a3;font-size:12px;letter-spacing:.04em}.result-card-main{align-items:flex-start}.result-card-copy{display:grid;gap:12px}.result-card-main p{margin:10px 0 0}.build-icon-strip-tight{gap:8px}.result-score-grid-compact{grid-template-columns:repeat(2,minmax(130px,1fr));align-self:center}.ascension-chip-list-compact{gap:8px}.ascension-chip-compact{display:inline-flex;align-items:center;gap:6px;min-width:0;padding:7px 9px;border-radius:999px}.ascension-chip-compact span{display:none}.ascension-chip-compact strong{font-size:15px}.run-review-button{min-height:64px;align-self:center;min-width:272px}.air-rule-stage{display:grid;gap:16px}.friendly-field-air-rule{max-width:320px}.friendly-loading-card{display:grid;justify-items:center;gap:16px;text-align:center;padding:60px 24px}.loading-orbit{width:84px;height:84px;border-radius:50%;border:3px solid rgba(240,179,111,.16);border-top-color:#f0b36f;animation:spin .9s linear infinite}.loading-progress-bar,.health-bar{width:min(520px,100%);height:14px;border-radius:999px;overflow:hidden;background:#ffffff14}.loading-progress-bar div,.health-bar-fill{height:100%;border-radius:inherit;background:linear-gradient(135deg,#f0b36f,#de6d42);transition:width 3.1s cubic-bezier(.2,.8,.2,1)}.result-stack{display:grid;gap:18px;width:min(1080px,100%);margin:0 auto}.result-card{display:grid;grid-template-columns:88px minmax(0,1fr);gap:18px}.result-card-rank{display:grid;place-items:center;border-radius:24px;background:linear-gradient(135deg,#f0b36f38,#ffffff0a);font-family:Georgia,Times New Roman,serif;font-size:40px}.result-score-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));flex:1}.result-recommended-badge{display:inline-flex;margin-bottom:12px;padding:7px 12px;border-radius:999px;background:#f0b36f1f;color:#ffd8ab;font-size:12px;letter-spacing:.12em;text-transform:uppercase}.empty-gallery-card{grid-column:1 / -1;text-align:center}.friendly-load-more-row{display:flex;justify-content:center;margin-top:16px}.friendly-note-card{border-radius:20px;border:1px solid rgba(255,196,138,.2);background:#ffbb7017;padding:18px;color:#fae8d2e0}.friendly-note-card-warning{border-color:#ff88755c;background:#a327182e;color:#ffd2c8}.battle-toolbar,.battle-summary-grid{margin-bottom:18px}.battle-toolbar{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;align-items:center}.battle-toolbar-lower{margin:6px auto 18px}.battle-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:18px}.battle-config-card.left{background:linear-gradient(180deg,#42201ac7,#0c0c10e0),radial-gradient(circle at top left,rgba(245,153,110,.16),transparent 48%)}.battle-config-card.right{background:linear-gradient(180deg,#142233c7,#0c0c10e0),radial-gradient(circle at top left,rgba(136,216,255,.16),transparent 48%)}.battle-selector-stack{display:grid;gap:16px}.battle-toolbar-run{min-width:206px}.battle-results-shell{display:grid;grid-template-columns:minmax(0,1fr) 260px minmax(0,1fr);gap:18px;width:min(1180px,100%);margin:0 auto 18px}.battle-stage,.battle-announce{border-radius:26px;padding:24px;border:1px solid rgba(255,233,211,.14);background:#ffffff0d}.battle-stage{display:grid;gap:18px;justify-items:center}.battle-stage-copy{width:min(320px,100%);display:grid;gap:10px;text-align:center;justify-items:center}.battle-creature-name{justify-self:center;margin-bottom:2px;text-align:center}.battle-stage.impact .battle-portrait{animation:impact .52s ease}.battle-stage.impact .health-bar{animation:hpImpact .56s ease}.battle-stage.impact .health-bar-fill{animation:hpShake .56s ease}.battle-portrait{width:190px;height:190px;display:grid;place-items:center;border-radius:32px;background:radial-gradient(circle,rgba(255,255,255,.08),transparent 70%)}.battle-announce{display:grid;place-content:center;text-align:center;justify-items:center}.battle-announce p{max-width:180px;margin:0}.health-bar-wrap{width:100%;display:grid;gap:8px}.health-bar{width:100%}.health-bar-fill{background:linear-gradient(135deg,#ff8766,#a92121)}.timeline-card{margin-top:12px}.timeline-list{display:grid;gap:10px;margin-top:18px;max-height:720px;overflow:auto;overscroll-behavior:contain}.timeline-entry{display:grid;grid-template-columns:90px 1fr 120px 100px;gap:12px;align-items:center;padding:12px 14px;border-radius:16px;background:#ffffff0a}.timeline-event-copy{display:grid;gap:3px}.timeline-event-detail{color:#f4f0e894;font-size:12px}.timeline-damage-block{display:grid;justify-items:end;gap:3px}.timeline-hp-after{color:#f4f0e89e;font-size:12px}.battle-stats-shell{width:min(1180px,100%);margin:0 auto 18px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.battle-stats-column{border-radius:26px;border:1px solid rgba(255,233,211,.14);background:#ffffff0d;padding:22px}.battle-stats-title-row{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:14px}.battle-stats-title-row strong{font-size:22px}.ability-usage-card{margin-top:16px;padding:16px;border-radius:18px;border:1px solid rgba(255,233,211,.12);background:#ffffff09}.ability-usage-list{display:grid;gap:8px}.ability-usage-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:14px;background:#ffffff0a}.ability-usage-row span{color:#f4f0e8cc}.tier-choice-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px}.tier-choice-card{display:grid;gap:10px;padding:18px;text-align:left;border-radius:22px;border:1px solid rgba(255,233,211,.14);background:#ffffff0a;color:inherit;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease}.tier-choice-card strong{font-family:Georgia,Times New Roman,serif;font-size:34px;line-height:1}.tier-choice-card p{margin:0;color:#f4f0e8b8}.tier-choice-card.active{border-color:#f0b36fcc;background:#f0b36f1f}.battle-creature-finder{display:grid;gap:14px;margin-bottom:18px}.battle-filter-group{display:grid;gap:8px}.battle-filter-grid{display:flex;flex-wrap:wrap;gap:8px}.battle-filter-pill{padding:8px 12px;border-radius:12px;border:1px solid rgba(255,233,211,.14);background:#ffffff0a;color:inherit;cursor:pointer}.battle-filter-pill.active{border-color:#f0b36fcc;background:#f0b36f1f}.battle-creature-results{display:grid;gap:10px}.battle-creature-tile{display:grid;grid-template-columns:42px minmax(0,1fr);gap:12px;align-items:center;padding:10px 12px;border-radius:16px;border:1px solid rgba(255,233,211,.14);background:#ffffff0a;color:inherit;text-align:left;cursor:pointer}.battle-creature-tile div{display:grid;gap:4px}.battle-creature-tile span{color:#f4f0e8b8;font-size:13px}.battle-creature-tile.selected{border-color:#f0b36fcc;background:#f0b36f1f}.review-validation{grid-column:1 / -1;margin:0}@keyframes driftA{0%{transform:scale(1.08) translate3d(-1.5%,0,0)}to{transform:scale(1.12) translate3d(1.5%,-1%,0)}}@keyframes driftB{0%{transform:scale(1.04) translate3d(0,-1.5%,0)}to{transform:scale(1.08) translate3d(0,1.5%,0)}}@keyframes panBackdrop{0%{transform:scale(1.06) translate3d(-1.6%,0,0)}to{transform:scale(1.1) translate3d(1.6%,0,0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes impact{0%{transform:translate(0);filter:saturate(1)}25%{transform:translate(-6px);filter:saturate(1.4)}50%{transform:translate(6px);filter:saturate(1.6)}to{transform:translate(0);filter:saturate(1)}}@keyframes hpImpact{0%{transform:translateY(0)}30%{transform:translateY(4px)}55%{transform:translateY(-2px)}to{transform:translateY(0)}}@keyframes hpShake{0%{filter:brightness(1)}25%{filter:brightness(1.14)}55%{filter:brightness(.94)}to{filter:brightness(1)}}@media(max-width:1280px){.selected-creature-stage{grid-template-columns:160px minmax(0,1fr)}.selected-creature-meta-premium{grid-column:1 / -1}.battle-results-shell{grid-template-columns:minmax(0,1fr) 220px minmax(0,1fr)}}@media(max-width:1080px){.friendly-home-grid,.battle-grid,.choice-grid,.battle-results-shell,.battle-stats-shell,.creature-select-layout,.wizard-layout,.review-stage-layout,.selected-creature-stage{grid-template-columns:1fr}.friendly-section-rail{flex-wrap:wrap;border-radius:20px}.friendly-home{min-height:auto;padding:56px 0 12px}.mode-card{min-height:240px}.battle-results-shell,.battle-stats-shell,.result-stack{width:100%}}@media(max-width:760px){.friendly-shell{--friendly-card-shadow: 0 10px 22px rgba(0, 0, 0, .18);--friendly-card-blur: none}.friendly-shell-inner{width:min(100% - 20px,1400px);padding:14px 0 28px}.friendly-backdrop-panorama{inset:-4%;opacity:min(var(--friendly-panorama-opacity),.1);transform:scale(1.02);animation:none}.friendly-backdrop-layer{filter:blur(8px)}.hero-card-header,.selected-creature-preview,.battle-config-header,.battle-stats-title-row,.result-card-main,.result-card-actions,.review-cta-card,.result-header-card{flex-direction:column;align-items:flex-start}.friendly-topbar-copy,.result-header-runtime{justify-items:start;text-align:left}.friendly-home-copy{padding:22px 18px;border-radius:22px}.friendly-home-copy h1,.friendly-topbar h1{font-size:clamp(34px,11vw,56px);line-height:.98}.friendly-home-copy p,.friendly-topbar p{font-size:15px}.friendly-section-rail{width:100%;overflow-x:auto;flex-wrap:nowrap;justify-content:flex-start;padding:8px}.friendly-section-rail button{flex:0 0 auto}.friendly-panel,.friendly-card,.battle-config-card,.result-card,.friendly-loading-card{padding:16px;border-radius:20px}.mode-card{min-height:208px;padding:24px 18px;border-radius:24px}.mode-card strong{font-size:32px}.mode-card p{font-size:15px;line-height:1.45}.wizard-stage-card{min-height:0}.wizard-actions{justify-content:stretch}.wizard-actions .friendly-primary{width:100%}.result-card{grid-template-columns:1fr}.result-card-rank{min-height:84px;font-size:34px}.result-score-grid{width:100%}.ascension-chip{min-width:0;width:100%}.battle-portrait{width:132px;height:132px;border-radius:24px}.battle-announce p{max-width:none}.battle-toolbar{gap:10px}.battle-toolbar .friendly-primary,.battle-toolbar .friendly-secondary{width:100%;min-width:0}.friendly-primary,.friendly-secondary{min-width:0;min-height:46px;padding:10px 16px}.friendly-field{margin-bottom:12px}.friendly-shell input,.friendly-shell select{min-height:42px;padding:9px 11px}.battle-filter-grid{gap:6px}.battle-filter-pill{min-height:40px}.timeline-entry{grid-template-columns:1fr;gap:6px;text-align:left}.timeline-list{max-height:440px}.facet-grid{gap:8px}.facet-chip{padding:8px 12px}.floating-advanced{bottom:14px;right:14px;min-height:38px;padding:8px 12px}}@media(max-width:560px){.friendly-shell-inner{width:min(100% - 14px,1400px)}.friendly-home{gap:18px;padding-top:42px}.selected-creature-copy h2,.wizard-stage-header h2,.timeline-card h2,.battle-announce h2,.result-card h2{font-size:clamp(28px,9vw,38px)}.selected-creature-stage{gap:16px}.selected-creature-portrait-shell{padding:12px}.metric-chip-large{min-height:82px}.review-grid{grid-template-columns:1fr}.review-cta-card h3{font-size:clamp(30px,9vw,40px)}.creature-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.creature-tile{padding:14px 10px}.creature-tile strong,.battle-creature-tile strong{font-size:14px}.battle-creature-results{max-height:320px;overflow:auto;overscroll-behavior:contain}}@media(hover:hover)and (pointer:fine){.mode-card:hover,.choice-card:hover,.creature-tile:hover,.wizard-progress-item:hover,.facet-chip:hover{transform:translateY(-4px)}}@media(hover:none){.mode-card:hover,.choice-card:hover,.creature-tile:hover,.wizard-progress-item:hover,.facet-chip:hover{transform:none}}@media(prefers-reduced-motion:reduce),(max-width:760px){.friendly-backdrop-a,.friendly-backdrop-b,.friendly-backdrop-panorama,.loading-orbit,.battle-stage.impact .battle-portrait,.battle-stage.impact .health-bar,.battle-stage.impact .health-bar-fill{animation:none}.loading-progress-bar div,.health-bar-fill,.mode-card,.choice-card,.creature-tile,.wizard-progress-item,.facet-chip{transition:none}}