:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#113c3a;color:#17312e;--ink: #17312e;--ink-muted: #4d635f;--surface: #fff8e7;--surface-strong: #fffdf4;--surface-warm: #f2dfb8;--line: rgba(23, 49, 46, .18);--teal: #123d3b;--teal-bright: #1d6a61;--leaf: #5c8a42;--gold: #f4c95d;--amber: #d67a35;--rust: #a94c36;--water: #3e9aa8;--focus: #ffbf3f;--shadow: 0 20px 50px rgba(9, 28, 27, .22)}*{box-sizing:border-box}html{min-height:100%}body{margin:0;min-width:320px;min-height:100%;background:radial-gradient(circle at 16% 10%,rgba(244,201,93,.22),transparent 26rem),radial-gradient(circle at 86% 2%,rgba(62,154,168,.24),transparent 28rem),linear-gradient(135deg,#123d3b,#255240 46%,#5d5936)}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:4px solid var(--focus);outline-offset:3px}a{color:inherit}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(2.35rem,2.1rem + 1.1vw,4.1rem);line-height:.98;margin-bottom:.75rem}main h1[tabindex="-1"]:focus{outline:none}h2{font-size:1.45rem}p{line-height:1.55}#root,.app-shell{min-height:100vh}.app-shell[data-world=shark]{--ink: #14313b;--ink-muted: #4a646d;--surface: #f4fbf4;--surface-strong: #fbfff8;--surface-warm: #d8ece8;--line: rgba(20, 49, 59, .18);--teal: #123d4a;--teal-bright: #1a7281;--leaf: #4f8a79;--gold: #f2c95f;--amber: #e58a55;--rust: #b8554c;--water: #278ba5;background:radial-gradient(circle at 14% 8%,rgba(242,201,95,.2),transparent 25rem),radial-gradient(circle at 84% 4%,rgba(39,139,165,.28),transparent 28rem),linear-gradient(135deg,#0d3444,#1d5d65 48%,#466842)}.topbar{position:sticky;top:0;z-index:10;display:grid;grid-template-columns:auto auto 1fr auto;gap:.75rem;align-items:center;padding:.75rem clamp(1rem,3vw,2.5rem);background:#fff8e7ed;border-bottom:1px solid rgba(23,49,46,.14);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.brand-button,.nav-button,.profile-pill,.primary-button,.secondary-button,.mini-button,.text-button,.icon-button,.duel-slot,.quiz-choice,.creature-card__main{border:0}.brand-button{display:flex;align-items:center;gap:.7rem;min-width:0;padding:0;color:var(--ink);background:transparent;text-align:left}.brand-button strong,.brand-button small{display:block}.brand-button small{color:var(--ink-muted)}.brand-mark{display:grid;width:2.8rem;height:2.8rem;place-items:center;border-radius:8px;color:#fff8e7;font-weight:900;background:linear-gradient(135deg,var(--teal),var(--rust));box-shadow:0 8px 16px #17312e33}.topbar__nav{display:flex;justify-content:center;gap:.5rem}.world-switcher{display:flex;gap:.25rem;align-items:center;justify-self:start;padding:.25rem;border:1px solid rgba(23,49,46,.12);border-radius:8px;background:var(--surface-warm)}.world-switcher button{min-height:2.25rem;padding:.35rem .62rem;border:0;border-radius:7px;color:var(--teal);background:transparent;font-weight:900}.world-switcher button.is-active{color:#fff8e7;background:var(--teal-bright)}.nav-button,.primary-button,.secondary-button,.mini-button,.text-button{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:2.65rem;border-radius:8px;font-weight:800}.nav-button{padding:.55rem .8rem;color:var(--ink-muted);background:transparent}.nav-button.is-active,.nav-button:hover{color:var(--teal);background:#1d6a611f}.profile-pill{position:relative;display:flex;align-items:center;gap:.45rem;min-width:0;padding:.35rem;border-radius:8px;background:#f1e3c5}.profile-pill input{width:8rem;min-width:0;padding:.4rem .3rem;border:0;color:var(--ink);font-weight:800;background:transparent}.favorite-count{display:grid;min-width:2rem;height:2rem;place-items:center;border-radius:8px;color:#fff8e7;font-weight:900;background:var(--rust)}.media-preferences-trigger{width:2rem;height:2rem;color:var(--teal);background:#fffdf4b3}.media-preferences-trigger[aria-expanded=true]{color:#fff8e7;background:var(--teal-bright)}.media-preferences-panel{position:absolute;top:calc(100% + .55rem);right:0;z-index:20;display:grid;gap:.75rem;width:min(20rem,calc(100vw - 2rem));padding:.85rem;border:1px solid rgba(23,49,46,.16);border-radius:8px;color:var(--ink);background:#fff8e7fa;box-shadow:0 18px 42px #091c1b38}.media-preferences-panel:before{position:absolute;top:-.42rem;right:.9rem;width:.8rem;height:.8rem;content:"";background:#fff8e7fa;border-top:1px solid rgba(23,49,46,.16);border-left:1px solid rgba(23,49,46,.16);transform:rotate(45deg)}.media-preferences-panel__row{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.75rem;align-items:center}.media-preferences-panel__row>span{display:inline-flex;gap:.45rem;align-items:center;min-width:0;color:var(--teal);font-weight:900}.media-toggle,.media-segmented button{min-height:2.2rem;border:0;border-radius:8px;color:var(--teal);background:#e8dcc2;font-weight:900}.media-toggle{min-width:4.4rem;padding:.45rem .7rem}.media-toggle.is-on,.media-segmented button.is-active{color:#fff8e7;background:var(--teal-bright)}.media-segmented{display:flex;gap:.25rem;padding:.25rem;border-radius:8px;background:#e8dcc2}.media-segmented button{padding:.35rem .55rem;background:transparent}.screen,.home-screen{width:min(100%,1440px);margin:0 auto;padding:clamp(1rem,3vw,2.5rem)}.screen-heading{display:grid;gap:.4rem;max-width:56rem;margin-bottom:1.35rem;color:#fff8e7}.screen-heading p{max-width:48rem;color:#fff8e7e0;font-size:1.08rem}.eyebrow{color:var(--gold);font-size:.82rem;font-weight:900;letter-spacing:0;text-transform:uppercase}.home-hero{display:grid;grid-template-columns:minmax(19rem,.9fr) minmax(31rem,1.2fr);gap:clamp(1rem,3vw,2.4rem);align-items:center;min-height:calc(100vh - 13rem)}.home-hero__copy{color:#fff8e7}.home-hero__copy p{max-width:44rem;color:#fff8e7e6;font-size:1.1rem}.hero-tagline{color:var(--gold)!important;font-size:1.45rem!important;font-weight:900}.home-actions,.detail-actions,.setup-actions,.flow-footer{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.primary-button{padding:.85rem 1.05rem;color:#102927;background:linear-gradient(135deg,var(--gold),#f0a64b);box-shadow:0 12px 24px #113c3a38}.primary-button:hover:not(:disabled){filter:saturate(1.08) brightness(1.02)}.secondary-button{padding:.78rem .95rem;color:var(--teal);background:var(--surface-strong);border:1px solid var(--line)}.secondary-button.is-active{color:#fff8e7;background:var(--teal-bright)}.mini-button{min-height:2.1rem;padding:.35rem .55rem;color:#fff8e7;background:var(--teal)}.text-button{color:#fff8e7;background:#ffffff1f;padding:.6rem .8rem;margin-bottom:1rem}.icon-button{display:grid;width:2.25rem;height:2.25rem;place-items:center;border-radius:8px;color:var(--teal);background:#f1e3c5}.icon-button.is-active{color:#fff8e7;background:var(--rust)}.hero-matchup{display:grid;grid-template-columns:minmax(12rem,1fr) auto minmax(12rem,1fr);gap:.8rem;align-items:center}.hero-versus,.versus-icon{display:grid;min-width:3.1rem;min-height:3.1rem;place-items:center;border-radius:8px;color:#fff8e7;font-weight:900;background:var(--rust);box-shadow:var(--shadow)}.home-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem;margin-top:1.2rem}.home-stats div{display:grid;gap:.2rem;min-height:7rem;padding:1rem;border:1px solid rgba(255,248,231,.24);border-radius:8px;color:#fff8e7;background:#fff8e71f}.home-stats strong{color:var(--gold);font-size:2rem}.library-controls{display:grid;grid-template-columns:minmax(16rem,1.8fr) repeat(5,minmax(9rem,1fr)) auto;gap:.7rem;align-items:end;padding:.85rem;margin-bottom:1rem;border-radius:8px;background:#fff8e7f0;box-shadow:var(--shadow)}.library-controls label,.picker-panel label{display:grid;gap:.35rem;color:var(--ink);font-size:.88rem;font-weight:900}.library-controls input,.library-controls select,.picker-panel input{width:100%;min-height:2.65rem;padding:.55rem .7rem;border:1px solid var(--line);border-radius:8px;color:var(--ink);background:var(--surface-strong)}.search-field{position:relative}.search-field svg{position:absolute;left:.7rem;bottom:.78rem;color:var(--ink-muted)}.search-field input{padding-left:2.2rem}.check-row{align-self:center;grid-template-columns:auto 1fr!important;align-items:center;min-height:2.65rem}.check-row input{width:1.25rem;min-height:1.25rem}.creature-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(17rem,1fr));gap:1rem}.creature-grid--picker{grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));grid-auto-rows:max-content}.creature-card{display:grid;gap:0;overflow:hidden;border:1px solid rgba(23,49,46,.15);border-radius:8px;color:var(--ink);background:var(--surface);box-shadow:0 18px 36px #091c1b29}.creature-card.is-selected{outline:4px solid var(--gold)}.creature-card.is-disabled{outline-color:#9b4f3d8a}.creature-card__main{display:grid;grid-template-rows:auto 1fr;gap:0;min-width:0;padding:0;color:inherit;background:transparent;text-align:left}.creature-card__main:disabled{cursor:not-allowed}.creature-card.is-disabled .creature-art,.creature-card.is-disabled .placeholder-art{filter:saturate(.78)}.creature-card__content{display:grid;gap:.3rem;min-width:0;padding:.85rem}.creature-card__eyebrow,.creature-card__meta,.creature-card__pronunciation{color:var(--ink-muted);font-size:.88rem}.creature-card__title{overflow-wrap:anywhere;font-size:1.35rem;font-weight:900}.creature-card__selection{width:fit-content;max-width:100%;padding:.22rem .45rem;overflow-wrap:anywhere;border-radius:999px;color:var(--teal);background:#f4d984;font-size:.76rem;font-weight:900}.tag-row{display:flex;flex-wrap:wrap;gap:.35rem}.tag{padding:.22rem .45rem;border-radius:999px;color:#fff8e7;font-size:.76rem;font-weight:800;background:var(--teal-bright)}.creature-card__footer{display:flex;gap:.45rem;align-items:center;justify-content:space-between;padding:.7rem .85rem .85rem}.creature-card__actions{display:flex;gap:.35rem;align-items:center}.score-chip{padding:.3rem .5rem;border-radius:8px;color:#2b2a18;font-weight:900;background:#f4d984}.score-chip--hidden{color:var(--ink-muted);background:#eadfc4}.score-chip--pick{color:#fff8e7;background:var(--teal-bright)}.score-chip--selected{color:var(--teal);background:#f4d984}.score-chip--blocked{color:#fff8e7;background:#9b4f3d}.creature-card--compact .creature-card__title{font-size:1.1rem}.creature-card--compact .placeholder-art,.creature-card--compact .creature-art{aspect-ratio:16 / 9}.creature-art{--art-frame: rgba(255, 248, 231, .32);--art-badge-bg: rgba(19, 45, 43, .84);--art-badge-ink: #fff8e7;--art-domain-wash: linear-gradient(0deg, transparent, transparent);--art-filter: saturate(1.04) contrast(1.02);--art-pattern: linear-gradient(0deg, transparent, transparent);position:relative;isolation:isolate;width:100%;min-width:0;aspect-ratio:16 / 9;min-height:0;overflow:hidden;background:#17312e}.creature-art:before{position:absolute;z-index:4;top:0;right:0;bottom:0;left:0;pointer-events:none;content:"";border:.28rem solid var(--art-frame);border-radius:inherit;box-shadow:inset 0 0 0 1px #fff8e72e,inset 0 1rem 2.8rem #fff8e71a,inset 0 -1.5rem 2.4rem #091c1b3d}.creature-art:after{position:absolute;z-index:3;inset:auto 0 0;height:46%;pointer-events:none;content:"";border-radius:inherit;background:linear-gradient(180deg,transparent 0%,rgba(9,28,27,.34) 100%),var(--art-domain-wash)}.creature-art__image{position:relative;z-index:1;display:block;width:100%;height:100%;filter:var(--art-filter);object-fit:cover;object-position:center}.creature-art__pattern{position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;pointer-events:none;border-radius:inherit;background:var(--art-pattern);opacity:.54}.creature-art__badge{position:absolute;top:.55rem;left:.55rem;z-index:5;max-width:calc(100% - 1.1rem);overflow:hidden;padding:.26rem .45rem;border:1px solid rgba(255,248,231,.32);border-radius:6px;color:var(--art-badge-ink);font-size:.62rem;font-weight:900;letter-spacing:0;line-height:1;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;background:var(--art-badge-bg);box-shadow:0 .45rem 1.2rem #091c1b38}.creature-card--compact .creature-art__badge,.creature-art--battle .creature-art__badge{display:none}.creature-art--land{--art-domain-wash: linear-gradient(0deg, rgba(214, 122, 53, .34), transparent 72%)}.creature-art--air{--art-domain-wash: linear-gradient(0deg, rgba(126, 200, 216, .34), transparent 72%)}.creature-art--water{--art-domain-wash: linear-gradient(0deg, rgba(62, 154, 168, .46), transparent 72%)}.creature-art--hero{min-height:0;border-radius:8px}.creature-art--hero .creature-art__badge{top:.7rem;left:.7rem;padding:.35rem .55rem;font-size:.7rem}.creature-art--battle{aspect-ratio:16 / 9;border-radius:8px}.creature-art--battle .creature-art__pattern{opacity:.42}.creature-art--left .creature-art__image{transform:scaleX(-1)}.creature-art--motif-sail .creature-art__pattern{background:linear-gradient(104deg,transparent 0 46%,rgba(255,248,231,.22) 46% 49%,transparent 49%),var(--art-pattern)}.creature-art--motif-feathered .creature-art__pattern{background:repeating-linear-gradient(116deg,transparent 0 1.05rem,rgba(255,248,231,.16) 1.05rem 1.18rem,transparent 1.18rem 2.1rem),var(--art-pattern)}.creature-art--motif-crested .creature-art__pattern{background:repeating-linear-gradient(18deg,transparent 0 2.3rem,rgba(255,248,231,.18) 2.3rem 2.52rem,transparent 2.52rem 4.6rem),var(--art-pattern)}.creature-art--motif-dome-head .creature-art__pattern{background:repeating-linear-gradient(48deg,transparent 0 1.35rem,rgba(255,248,231,.16) 1.35rem 1.52rem,transparent 1.52rem 2.7rem),var(--art-pattern)}.creature-art--motif-tail-club .creature-art__pattern{background:repeating-linear-gradient(90deg,transparent 0 1.1rem,rgba(255,248,231,.15) 1.1rem 1.28rem,transparent 1.28rem 2.2rem),var(--art-pattern)}.creature-art--motif-tail-spikes .creature-art__pattern{background:linear-gradient(130deg,transparent 0 35%,rgba(255,248,231,.18) 35% 38%,transparent 38%),linear-gradient(130deg,transparent 54%,rgba(255,248,231,.16) 54% 57%,transparent 57%),var(--art-pattern)}.creature-art--motif-clawed .creature-art__pattern{background:linear-gradient(118deg,transparent 0 56%,rgba(255,248,231,.24) 56% 58%,transparent 58%),linear-gradient(126deg,transparent 0 67%,rgba(255,248,231,.18) 67% 69%,transparent 69%),var(--art-pattern)}.creature-art--large-theropod,.placeholder-art.placeholder-art--large-theropod{--art-frame: rgba(217, 116, 53, .78);--art-badge-bg: rgba(94, 41, 26, .88);--art-filter: saturate(1.09) contrast(1.04);--art-pattern: linear-gradient(132deg, transparent 0 62%, rgba(248, 212, 129, .24) 62% 64%, transparent 64%), repeating-linear-gradient(28deg, transparent 0 1.55rem, rgba(255, 248, 231, .13) 1.55rem 1.72rem, transparent 1.72rem 3.2rem);--creature-base: #d98238;--creature-light: #f0be64;--creature-deep: #8e3d2f}.creature-art--small-theropod,.placeholder-art.placeholder-art--small-theropod{--art-frame: rgba(71, 173, 117, .78);--art-badge-bg: rgba(24, 83, 62, .88);--art-filter: saturate(1.12) hue-rotate(8deg);--art-pattern: repeating-linear-gradient(160deg, transparent 0 1.1rem, rgba(176, 236, 174, .15) 1.1rem 1.24rem, transparent 1.24rem 2.3rem), linear-gradient(24deg, transparent 0 70%, rgba(255, 248, 231, .16) 70% 72%, transparent 72%);--creature-base: #4da867;--creature-light: #a7d986;--creature-deep: #21614e}.creature-art--ceratopsian,.placeholder-art.placeholder-art--ceratopsian{--art-frame: rgba(229, 166, 67, .8);--art-badge-bg: rgba(101, 70, 25, .88);--art-filter: saturate(1.07) sepia(.08);--art-pattern: linear-gradient(45deg, transparent 0 42%, rgba(255, 248, 231, .2) 42% 44%, transparent 44%), repeating-linear-gradient(90deg, transparent 0 2rem, rgba(245, 205, 114, .16) 2rem 2.18rem, transparent 2.18rem 4rem);--creature-base: #c7893d;--creature-light: #f0cf7c;--creature-deep: #805334}.creature-art--stegosaur,.placeholder-art.placeholder-art--stegosaur{--art-frame: rgba(189, 139, 54, .82);--art-badge-bg: rgba(75, 72, 36, .9);--art-filter: saturate(1.05) hue-rotate(-8deg);--art-pattern: linear-gradient(126deg, transparent 0 20%, rgba(255, 248, 231, .18) 20% 26%, transparent 26%), linear-gradient(126deg, transparent 42%, rgba(255, 248, 231, .14) 42% 48%, transparent 48%), repeating-linear-gradient(0deg, transparent 0 2.4rem, rgba(143, 94, 42, .18) 2.4rem 2.62rem, transparent 2.62rem 4.8rem);--creature-base: #b38a3c;--creature-light: #efc463;--creature-deep: #6d693e}.creature-art--armored,.placeholder-art.placeholder-art--armored{--art-frame: rgba(103, 147, 123, .84);--art-badge-bg: rgba(42, 76, 62, .9);--art-filter: saturate(.98) contrast(1.08);--art-pattern: repeating-linear-gradient(90deg, transparent 0 1.15rem, rgba(255, 248, 231, .14) 1.15rem 1.32rem, transparent 1.32rem 2.25rem), repeating-linear-gradient(0deg, transparent 0 1.15rem, rgba(9, 28, 27, .14) 1.15rem 1.28rem, transparent 1.28rem 2.25rem);--creature-base: #73916e;--creature-light: #b8c88a;--creature-deep: #415848}.creature-art--sauropod,.placeholder-art.placeholder-art--sauropod{--art-frame: rgba(118, 179, 137, .78);--art-badge-bg: rgba(49, 91, 66, .9);--art-filter: saturate(1.05) brightness(1.03);--art-pattern: linear-gradient(90deg, transparent 0 18%, rgba(255, 248, 231, .12) 18% 20%, transparent 20%), repeating-linear-gradient(86deg, transparent 0 2.7rem, rgba(166, 220, 156, .16) 2.7rem 2.95rem, transparent 2.95rem 5.6rem);--creature-base: #73a35e;--creature-light: #d4c96d;--creature-deep: #496b43}.creature-art--hadrosaur,.placeholder-art.placeholder-art--hadrosaur{--art-frame: rgba(85, 161, 111, .8);--art-badge-bg: rgba(37, 89, 67, .9);--art-filter: saturate(1.08) hue-rotate(4deg);--art-pattern: repeating-linear-gradient(18deg, transparent 0 1.8rem, rgba(255, 248, 231, .13) 1.8rem 1.96rem, transparent 1.96rem 3.6rem), repeating-linear-gradient(162deg, transparent 0 3.2rem, rgba(126, 200, 216, .14) 3.2rem 3.38rem, transparent 3.38rem 6.4rem);--creature-base: #65a65a;--creature-light: #d5be64;--creature-deep: #376d51}.creature-art--pachycephalosaur,.placeholder-art.placeholder-art--pachycephalosaur{--art-frame: rgba(202, 137, 78, .82);--art-badge-bg: rgba(91, 58, 37, .9);--art-filter: saturate(1.04) contrast(1.05);--art-pattern: repeating-linear-gradient(45deg, transparent 0 1.3rem, rgba(255, 248, 231, .14) 1.3rem 1.48rem, transparent 1.48rem 2.6rem), repeating-linear-gradient(135deg, transparent 0 3rem, rgba(202, 137, 78, .16) 3rem 3.2rem, transparent 3.2rem 6rem);--creature-base: #bd7f46;--creature-light: #e9c16b;--creature-deep: #744c36}.creature-art--therizinosaur,.placeholder-art.placeholder-art--therizinosaur{--art-frame: rgba(117, 168, 93, .8);--art-badge-bg: rgba(52, 88, 51, .9);--art-filter: saturate(1.08) hue-rotate(12deg);--art-pattern: linear-gradient(116deg, transparent 0 58%, rgba(255, 248, 231, .24) 58% 60%, transparent 60%), linear-gradient(128deg, transparent 0 68%, rgba(255, 248, 231, .18) 68% 70%, transparent 70%), repeating-linear-gradient(96deg, transparent 0 2rem, rgba(117, 168, 93, .2) 2rem 2.18rem, transparent 2.18rem 4rem);--creature-base: #6ca85b;--creature-light: #d2d26f;--creature-deep: #47623c}.creature-art--ornithomimid,.placeholder-art.placeholder-art--ornithomimid{--art-frame: rgba(225, 181, 86, .82);--art-badge-bg: rgba(99, 75, 32, .9);--art-filter: saturate(1.06) brightness(1.04);--art-pattern: repeating-linear-gradient(172deg, transparent 0 1rem, rgba(255, 248, 231, .18) 1rem 1.12rem, transparent 1.12rem 2rem), repeating-linear-gradient(172deg, transparent 0 3.3rem, rgba(225, 181, 86, .2) 3.3rem 3.48rem, transparent 3.48rem 6.6rem);--creature-base: #d39f45;--creature-light: #f2d77a;--creature-deep: #7e6336}.creature-art--pterosaur,.placeholder-art.placeholder-art--pterosaur{--art-frame: rgba(126, 200, 216, .84);--art-badge-bg: rgba(44, 91, 121, .9);--art-filter: saturate(1.08) brightness(1.04);--art-pattern: repeating-linear-gradient(25deg, transparent 0 1.7rem, rgba(255, 248, 231, .16) 1.7rem 1.88rem, transparent 1.88rem 3.4rem), linear-gradient(90deg, rgba(126, 200, 216, .2), transparent 45%);--creature-base: #6c9fb6;--creature-light: #d7c98a;--creature-deep: #375e84}.creature-art--marine-reptile,.placeholder-art.placeholder-art--marine-reptile{--art-frame: rgba(71, 176, 184, .84);--art-badge-bg: rgba(22, 72, 91, .92);--art-filter: saturate(1.12) hue-rotate(-6deg);--art-pattern: repeating-linear-gradient(170deg, transparent 0 1.3rem, rgba(176, 236, 236, .15) 1.3rem 1.48rem, transparent 1.48rem 2.6rem), repeating-linear-gradient(10deg, transparent 0 3rem, rgba(62, 154, 168, .2) 3rem 3.2rem, transparent 3.2rem 6rem);--creature-base: #3f9aa8;--creature-light: #88d2c7;--creature-deep: #24566d}.creature-art--shark,.placeholder-art.placeholder-art--shark{--art-frame: rgba(94, 152, 172, .84);--art-badge-bg: rgba(30, 67, 87, .92);--art-filter: saturate(.98) contrast(1.1) hue-rotate(-6deg);--art-pattern: repeating-linear-gradient(136deg, transparent 0 1.35rem, rgba(255, 248, 231, .16) 1.35rem 1.5rem, transparent 1.5rem 2.7rem), linear-gradient(0deg, rgba(14, 47, 67, .18), transparent 68%);--creature-base: #658da3;--creature-light: #bcc8c0;--creature-deep: #2c4e63}.placeholder-art{--art-hue: 35;--art-hue-secondary: 120;--art-accent: #d67a35;--art-frame: rgba(255, 248, 231, .22);--art-pattern: linear-gradient(0deg, transparent, transparent);--creature-base: #e69b44;--creature-light: #f5cd72;--creature-deep: #a75336;--creature-mark: rgba(255, 248, 231, .52);position:relative;isolation:isolate;width:100%;min-width:0;aspect-ratio:4 / 3;min-height:0;overflow:hidden;background:radial-gradient(circle at 72% 18%,rgba(255,248,231,.18),transparent 6rem),linear-gradient(160deg,hsl(var(--art-hue) 54% 42%),hsl(var(--art-hue-secondary) 45% 25%)),var(--art-accent)}.placeholder-art:before,.placeholder-art:after{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;content:""}.placeholder-art:before{z-index:1;opacity:.78;box-shadow:inset 0 0 0 .26rem var(--art-frame),inset 0 0 0 1px #fff8e724}.placeholder-art:after{z-index:3;top:auto;height:34%;background:linear-gradient(180deg,transparent,rgba(9,28,27,.58))}.placeholder-art--land{background:radial-gradient(circle at 75% 16%,rgba(255,248,231,.2),transparent 6.4rem),linear-gradient(160deg,hsl(var(--art-hue) 52% 43%),#214c38 72%)}.placeholder-art--land:before{background:linear-gradient(122deg,transparent 0 18%,rgba(255,248,231,.13) 18% 32%,transparent 32%),radial-gradient(ellipse at 18% 84%,rgba(247,211,122,.2),transparent 11rem),repeating-linear-gradient(92deg,transparent 0 2rem,rgba(255,248,231,.08) 2rem 2.18rem,transparent 2.18rem 4rem)}.placeholder-art--water{background:radial-gradient(circle at 70% 18%,rgba(255,248,231,.16),transparent 6rem),linear-gradient(160deg,#1e758d,#143f58 72%)}.placeholder-art--water:before{background:radial-gradient(circle at 22% 34%,rgba(255,248,231,.2) 0 .28rem,transparent .32rem),radial-gradient(circle at 62% 48%,rgba(255,248,231,.16) 0 .2rem,transparent .24rem),repeating-linear-gradient(170deg,rgba(255,248,231,.16) 0 .08rem,transparent .08rem 1.8rem)}.placeholder-art--air{background:radial-gradient(circle at 72% 18%,rgba(255,248,231,.34),transparent 6.2rem),linear-gradient(160deg,#4a9ab2,#345b86 74%)}.placeholder-art--air:before{background:radial-gradient(ellipse at 16% 28%,rgba(255,248,231,.34),transparent 5rem),radial-gradient(ellipse at 70% 42%,rgba(255,248,231,.2),transparent 6rem),repeating-linear-gradient(24deg,transparent 0 2.2rem,rgba(255,248,231,.1) 2.2rem 2.35rem,transparent 2.35rem 4.4rem)}.placeholder-art--hero{min-height:28rem;border-radius:8px}.placeholder-art--hero .creature-shape{right:7%;bottom:15%;width:80%;height:50%}.placeholder-art--hero .placeholder-art__sun{width:4.9rem;height:4.9rem}.placeholder-art--hero .placeholder-art__name{font-size:1.05rem}.placeholder-art--battle{aspect-ratio:16 / 9;border-radius:8px}.placeholder-art--battle:before{background:radial-gradient(ellipse at 50% 56%,rgba(255,248,231,.28),transparent 9rem),linear-gradient(118deg,transparent 0 45%,rgba(255,248,231,.13) 45% 48%,transparent 48%)}.placeholder-art--battle .creature-shape{right:8%;bottom:18%;width:76%;height:48%}.placeholder-art--battle .placeholder-art__name{font-size:.82rem}.placeholder-art__sun,.placeholder-art__pattern,.placeholder-art__ridge,.placeholder-art__ground,.creature-shape,.creature-shape span{position:absolute}.placeholder-art__pattern{z-index:2;top:0;right:0;bottom:0;left:0;pointer-events:none;background:var(--art-pattern);opacity:.52}.placeholder-art__sun{z-index:2;top:12%;right:14%;width:4.3rem;height:4.3rem;border-radius:50%;background:#fff8e773;filter:blur(.5px)}.placeholder-art__ridge{z-index:2;right:-8%;bottom:28%;left:-8%;height:34%;background:linear-gradient(135deg,transparent 0 22%,rgba(255,248,231,.18) 22% 35%,transparent 35%),linear-gradient(225deg,transparent 0 20%,rgba(17,60,58,.32) 20% 38%,transparent 38%)}.placeholder-art__ground{z-index:2;right:0;bottom:0;left:0;height:28%;background:linear-gradient(180deg,#17312e1a,#17312e8c)}.placeholder-art__name{position:absolute;right:.65rem;bottom:.55rem;left:.65rem;z-index:5;overflow-wrap:anywhere;color:#fff8e7;font-size:.95rem;font-weight:900;text-shadow:0 2px 6px rgba(0,0,0,.38)}.creature-shape{z-index:4;right:12%;bottom:20%;width:68%;height:42%;transform-origin:center;filter:drop-shadow(0 1.5rem 1.1rem rgba(9,28,27,.24))}.placeholder-art--left .creature-shape{transform:scaleX(-1)}.creature-shape__body{right:18%;bottom:18%;width:58%;height:52%;border-radius:55% 45% 48% 52%;background:linear-gradient(135deg,var(--creature-light),var(--creature-base));box-shadow:inset -1.1rem -1.1rem #17312e24,inset 0 .55rem #fff8e729}.creature-shape__tail{right:62%;bottom:35%;width:42%;height:18%;border-radius:100% 0 0 100%;background:linear-gradient(90deg,var(--creature-deep),var(--creature-base));transform:rotate(-12deg);transform-origin:right center}.creature-shape__neck{right:15%;bottom:50%;width:15%;height:38%;border-radius:60% 60% 35% 35%;background:linear-gradient(180deg,var(--creature-light),var(--creature-base));transform:rotate(32deg);transform-origin:bottom center}.creature-shape__head{right:1%;bottom:70%;width:25%;height:25%;border-radius:60% 45% 55% 35%;background:linear-gradient(135deg,var(--creature-light),#f2b84f);box-shadow:inset -.55rem -.45rem #17312e1a}.creature-shape__leg{bottom:0;width:10%;height:35%;border-radius:0 0 30% 30%;background:linear-gradient(180deg,var(--creature-base),var(--creature-deep))}.creature-shape__leg--front{right:28%}.creature-shape__leg--back{right:55%}.creature-shape__detail{right:52%;bottom:64%;width:32%;height:12%;border-radius:999px;background:var(--creature-mark)}.creature-shape__jaw,.creature-shape__arm,.creature-shape__wing,.creature-shape__fin,.creature-shape__accent{display:none}.creature-shape__jaw{background:#f8d481}.creature-shape__arm,.creature-shape__fin,.creature-shape__accent{background:var(--creature-base)}.creature-shape__wing{background:#fff8e785}.creature-shape--long-neck .creature-shape__neck{right:18%;bottom:43%;height:72%;width:13%;transform:rotate(20deg)}.creature-shape--long-neck .creature-shape__head{right:4%;bottom:102%;width:19%;height:18%}.creature-shape--general .creature-shape__jaw{display:block;right:-5%;bottom:69%;width:20%;height:9%;border-radius:999px 70% 70% 999px}.creature-shape--large-theropod .creature-shape__body{right:24%;bottom:18%;width:44%;height:58%;border-radius:58% 38% 44% 56%}.creature-shape--large-theropod .creature-shape__tail{right:58%;bottom:44%;width:52%;height:15%;transform:rotate(-10deg)}.creature-shape--large-theropod .creature-shape__neck{right:20%;bottom:56%;width:14%;height:34%;transform:rotate(38deg)}.creature-shape--large-theropod .creature-shape__head{right:-1%;bottom:75%;width:32%;height:34%;border-radius:68% 48% 58% 38%}.creature-shape--large-theropod .creature-shape__jaw{display:block;right:-5%;bottom:73%;width:25%;height:13%;border-radius:0 999px 999px 55%;transform:rotate(-4deg)}.creature-shape--large-theropod .creature-shape__leg{width:12%;height:48%;border-radius:38% 38% 28% 28%}.creature-shape--large-theropod .creature-shape__leg--front{right:35%}.creature-shape--large-theropod .creature-shape__leg--back{right:54%}.creature-shape--large-theropod .creature-shape__arm{display:block;right:23%;bottom:53%;width:18%;height:9%;border-radius:999px;transform:rotate(22deg)}.creature-shape--large-theropod .creature-shape__arm--back{right:30%;bottom:49%;opacity:.72}.creature-shape--large-theropod .creature-shape__detail{right:10%;bottom:95%;width:16%;height:9%;opacity:.75}.creature-shape--small-theropod{width:62%;height:40%}.creature-shape--small-theropod .creature-shape__body{right:24%;bottom:26%;width:44%;height:42%;border-radius:62% 38% 46% 54%}.creature-shape--small-theropod .creature-shape__tail{right:58%;bottom:44%;width:54%;height:12%;transform:rotate(-7deg)}.creature-shape--small-theropod .creature-shape__neck{right:21%;bottom:58%;width:13%;height:26%;transform:rotate(42deg)}.creature-shape--small-theropod .creature-shape__head{right:3%;bottom:74%;width:24%;height:22%}.creature-shape--small-theropod .creature-shape__leg{width:9%;height:56%;border-radius:45% 45% 20% 20%}.creature-shape--small-theropod .creature-shape__leg--front{right:36%}.creature-shape--small-theropod .creature-shape__leg--back{right:52%}.creature-shape--small-theropod .creature-shape__arm{display:block;right:25%;bottom:53%;width:17%;height:7%;border-radius:999px;transform:rotate(24deg)}.creature-shape--small-theropod .creature-shape__jaw{display:block;right:-1%;bottom:73%;width:17%;height:8%;border-radius:0 999px 999px 50%}.creature-shape--feathered .creature-shape__detail{right:62%;bottom:52%;width:44%;height:20%;border-radius:50% 0 0 50%;background:repeating-linear-gradient(110deg,var(--creature-mark) 0 .28rem,transparent .28rem .58rem);transform:rotate(-4deg)}.creature-shape--ceratopsian .creature-shape__body{right:23%;bottom:16%;width:58%;height:48%;border-radius:58% 40% 42% 52%}.creature-shape--ceratopsian .creature-shape__tail{right:72%;bottom:35%;width:26%;height:12%;transform:rotate(-10deg)}.creature-shape--ceratopsian .creature-shape__neck{display:none}.creature-shape--ceratopsian .creature-shape__head{right:3%;bottom:50%;width:30%;height:26%;border-radius:55% 40% 60% 45%}.creature-shape--ceratopsian .creature-shape__detail{right:12%;bottom:58%;width:30%;height:36%;border-radius:76% 34%;background:#fff8e75c;transform:rotate(10deg)}.creature-shape--ceratopsian .creature-shape__jaw{display:block;right:-4%;bottom:52%;width:14%;height:9%;border-radius:0 80% 80% 0;transform:rotate(-6deg)}.creature-shape--ceratopsian .creature-shape__leg{width:12%;height:34%}.creature-shape--ceratopsian .creature-shape__leg--front{right:30%}.creature-shape--ceratopsian .creature-shape__leg--back{right:59%}.creature-shape--armored .creature-shape__body{right:20%;bottom:17%;width:66%;height:39%;border-radius:74% 48% 42%;box-shadow:inset -1.1rem -1.1rem #17312e29,inset 0 .9rem #fff8e738}.creature-shape--armored .creature-shape__body:before{position:absolute;right:10%;bottom:72%;width:74%;height:28%;content:"";border-radius:999px;background:repeating-linear-gradient(90deg,rgba(255,248,231,.54) 0 .55rem,transparent .55rem 1rem)}.creature-shape--armored .creature-shape__neck{display:none}.creature-shape--armored .creature-shape__head{right:7%;bottom:42%;width:20%;height:18%}.creature-shape--armored .creature-shape__tail{right:76%;bottom:33%;width:26%;height:12%}.creature-shape--tail-club .creature-shape__tail:after{position:absolute;left:-20%;top:-48%;width:28%;height:165%;content:"";border-radius:50%;background:var(--creature-light)}.creature-shape--armored .creature-shape__leg{height:28%}.creature-shape--stegosaur .creature-shape__body:before{position:absolute;right:12%;bottom:74%;width:74%;height:58%;content:"";background:linear-gradient(132deg,transparent 0 10%,rgba(255,248,231,.64) 10% 21%,transparent 21% 30%),linear-gradient(132deg,transparent 28%,rgba(255,248,231,.56) 28% 40%,transparent 40% 49%),linear-gradient(132deg,transparent 50%,rgba(255,248,231,.48) 50% 62%,transparent 62% 72%),linear-gradient(132deg,transparent 70%,rgba(255,248,231,.38) 70% 82%,transparent 82%)}.creature-shape--stegosaur .creature-shape__body{right:21%;bottom:16%;width:62%;height:43%}.creature-shape--stegosaur .creature-shape__head{right:5%;bottom:46%;width:20%;height:17%}.creature-shape--stegosaur .creature-shape__neck{right:18%;bottom:44%;width:11%;height:22%;transform:rotate(46deg)}.creature-shape--stegosaur .creature-shape__tail{right:73%;bottom:38%;width:31%;height:12%}.creature-shape--tail-spikes .creature-shape__tail:after{position:absolute;left:-2%;bottom:44%;width:26%;height:70%;content:"";background:linear-gradient(45deg,transparent 0 28%,#fff8e7 28% 45%,transparent 45%),linear-gradient(115deg,transparent 46%,#fff8e7 46% 62%,transparent 62%)}.creature-shape--sauropod{width:82%;height:50%}.creature-shape--sauropod .creature-shape__body{right:28%;bottom:12%;width:50%;height:53%;border-radius:62% 44% 46% 54%}.creature-shape--sauropod .creature-shape__tail{right:74%;bottom:36%;width:34%;height:13%;transform:rotate(-14deg)}.creature-shape--sauropod .creature-shape__neck{right:16%;bottom:45%;width:12%;height:78%;transform:rotate(17deg)}.creature-shape--sauropod .creature-shape__head{right:6%;bottom:110%;width:17%;height:15%}.creature-shape--sauropod .creature-shape__leg{width:12%;height:40%;border-radius:24% 24% 16% 16%}.creature-shape--sauropod .creature-shape__leg--front{right:36%}.creature-shape--sauropod .creature-shape__leg--back{right:61%}.creature-shape--sauropod .creature-shape__detail{right:34%;bottom:69%;width:38%;height:12%}.creature-shape--hadrosaur .creature-shape__head:after{position:absolute;right:52%;bottom:40%;width:50%;height:34%;content:"";border-radius:65% 22%;background:#fff8e76b;transform:rotate(-18deg)}.creature-shape--hadrosaur .creature-shape__body{right:24%;bottom:20%;width:53%;height:47%}.creature-shape--hadrosaur .creature-shape__tail{right:67%;bottom:42%;width:36%;height:13%}.creature-shape--hadrosaur .creature-shape__head{right:2%;bottom:70%;width:26%;height:22%}.creature-shape--hadrosaur .creature-shape__jaw{display:block;right:-5%;bottom:70%;width:18%;height:8%;border-radius:0 90% 90% 0}.creature-shape--crested .creature-shape__accent--one{display:block;right:7%;bottom:88%;width:17%;height:24%;border-radius:70% 20%;background:#fff8e780;transform:rotate(-18deg)}.creature-shape--pachycephalosaur .creature-shape__body{right:26%;bottom:20%;width:48%;height:44%}.creature-shape--pachycephalosaur .creature-shape__head{right:4%;bottom:70%;width:27%;height:25%;border-radius:70% 48% 56% 36%}.creature-shape--dome-head .creature-shape__head:before,.creature-shape--pachycephalosaur .creature-shape__head:before{position:absolute;right:18%;bottom:52%;width:58%;height:56%;content:"";border-radius:70% 70% 38% 38%;background:#fff8e785}.creature-shape--ornithomimid{width:62%;height:45%}.creature-shape--ornithomimid .creature-shape__body{right:28%;bottom:30%;width:42%;height:38%}.creature-shape--ornithomimid .creature-shape__neck{right:20%;bottom:58%;width:12%;height:42%;transform:rotate(18deg)}.creature-shape--ornithomimid .creature-shape__head{right:5%;bottom:92%;width:20%;height:17%}.creature-shape--ornithomimid .creature-shape__tail{right:61%;bottom:46%;width:46%;height:10%}.creature-shape--ornithomimid .creature-shape__leg{width:8%;height:62%}.creature-shape--ornithomimid .creature-shape__leg--front{right:39%}.creature-shape--ornithomimid .creature-shape__leg--back{right:54%}.creature-shape--therizinosaur .creature-shape__body{right:25%;bottom:20%;width:48%;height:54%;border-radius:56% 44% 50% 50%}.creature-shape--therizinosaur .creature-shape__head{right:7%;bottom:82%;width:23%;height:20%}.creature-shape--therizinosaur .creature-shape__arm{display:block;right:25%;bottom:48%;width:26%;height:8%;border-radius:999px;transform:rotate(48deg)}.creature-shape--clawed .creature-shape__arm:after{position:absolute;right:-18%;bottom:-52%;width:30%;height:160%;content:"";border-radius:90% 0;background:#fff8e7;transform:rotate(24deg)}.creature-shape--pterosaur{right:10%;bottom:28%;width:74%;height:34%}.creature-shape--pterosaur .creature-shape__body{right:36%;bottom:26%;width:28%;height:30%;border-radius:60%}.creature-shape--pterosaur .creature-shape__tail,.creature-shape--pterosaur .creature-shape__leg,.creature-shape--pterosaur .creature-shape__arm{display:none}.creature-shape--pterosaur .creature-shape__neck{right:28%;bottom:40%;width:12%;height:32%;transform:rotate(46deg)}.creature-shape--pterosaur .creature-shape__head{right:17%;bottom:66%;width:24%;height:15%;border-radius:80% 20%}.creature-shape--pterosaur .creature-shape__jaw{display:block;right:2%;bottom:67%;width:18%;height:6%;border-radius:0 999px 999px 0}.creature-shape--pterosaur .creature-shape__wing{display:block;bottom:28%;width:46%;height:50%;clip-path:polygon(4% 18%,100% 44%,16% 100%)}.creature-shape--pterosaur .creature-shape__wing--near{right:44%;background:#fff8e794}.creature-shape--pterosaur .creature-shape__wing--far{right:10%;background:#f5cd726b;transform:scaleX(-1)}.creature-shape--pterosaur .creature-shape__detail{right:32%;bottom:46%;width:30%;height:5%;background:#17312e40;transform:rotate(18deg)}.creature-shape--marine-reptile .creature-shape__body{right:20%;bottom:28%;width:62%;height:34%;border-radius:82% 36% 76% 34%}.creature-shape--marine-reptile .creature-shape__neck{right:12%;bottom:48%;width:13%;height:20%;transform:rotate(72deg)}.creature-shape--marine-reptile .creature-shape__head{right:-2%;bottom:50%;width:24%;height:18%;border-radius:80% 28%}.creature-shape--marine-reptile .creature-shape__tail{right:74%;bottom:38%;width:26%;height:18%;transform:rotate(2deg)}.creature-shape--marine-reptile .creature-shape__fin{display:block;width:22%;height:22%;border-radius:80% 0;background:#f5cd72ad}.creature-shape--marine-reptile .creature-shape__fin--top{right:45%;bottom:56%;transform:rotate(36deg)}.creature-shape--marine-reptile .creature-shape__fin--side{right:43%;bottom:20%;transform:rotate(138deg)}.creature-shape--marine-reptile .creature-shape__detail,.creature-shape--shark .creature-shape__detail{right:42%;bottom:60%;width:18%;height:30%;border-radius:80% 10%;background:#fff8e76b;transform:rotate(35deg)}.creature-shape--shark .creature-shape__body{right:20%;bottom:33%;width:64%;height:30%;border-radius:90% 28%}.creature-shape--shark .creature-shape__head{right:6%;bottom:40%;width:22%;height:18%;border-radius:70% 28%}.creature-shape--shark .creature-shape__tail{right:78%;bottom:30%;width:22%;height:42%;border-radius:20% 80% 80% 20%;transform:rotate(0)}.creature-shape--shark .creature-shape__tail:before,.creature-shape--shark .creature-shape__tail:after{position:absolute;left:-15%;width:68%;height:55%;content:"";border-radius:80% 12%;background:var(--creature-base)}.creature-shape--shark .creature-shape__tail:before{top:-16%;transform:rotate(34deg)}.creature-shape--shark .creature-shape__tail:after{bottom:-16%;transform:rotate(-34deg)}.creature-shape--shark .creature-shape__neck,.creature-shape--shark .creature-shape__leg{display:none}.creature-shape--shark .creature-shape__fin{display:block;width:18%;height:28%;border-radius:90% 0;background:#fff8e780}.creature-shape--shark .creature-shape__fin--top{right:46%;bottom:58%;transform:rotate(34deg)}.creature-shape--shark .creature-shape__fin--side{right:42%;bottom:21%;transform:rotate(136deg)}.creature-shape--horned .creature-shape__head:before,.creature-shape--horned .creature-shape__head:after{position:absolute;top:-12%;width:46%;height:18%;content:"";border-radius:999px;background:#fff8e7}.creature-shape--horned .creature-shape__head:before{left:4%;transform:rotate(-28deg)}.creature-shape--horned .creature-shape__head:after{right:4%;transform:rotate(20deg)}.creature-shape--ceratopsian.creature-shape--horned .creature-shape__head:before,.creature-shape--ceratopsian.creature-shape--horned .creature-shape__head:after{top:-20%;width:54%;height:16%}.creature-shape--sail .creature-shape__accent--one{display:block;right:36%;bottom:67%;width:38%;height:46%;border-radius:70% 30% 18% 18%;background:linear-gradient(180deg,#fff8e79e,#f5cd7229);clip-path:polygon(0 100%,28% 18%,54% 0,78% 18%,100% 100%)}.creature-shape--aquatic .creature-shape__leg{display:none}.creature-shape--aquatic .creature-shape__body{border-radius:80% 30%}.creature-shape--aquatic .creature-shape__tail{height:34%}.creature-shape--air:not(.creature-shape--pterosaur) .creature-shape__detail{right:34%;bottom:46%;width:62%;height:34%;border-radius:50% 10%;background:#fff8e77a;transform:rotate(-14deg)}.creature-shape--marine-reptile.creature-shape--aquatic .creature-shape__body{border-radius:82% 36% 76% 34%}.creature-shape--marine-reptile.creature-shape--aquatic .creature-shape__tail{height:18%}.creature-shape--shark.creature-shape--aquatic .creature-shape__body{border-radius:90% 28%}.creature-shape--shark.creature-shape--aquatic .creature-shape__tail{height:42%}.detail-hero,.detail-layout,.result-grid{display:grid;grid-template-columns:minmax(20rem,.9fr) minmax(22rem,1fr);gap:1rem}.detail-hero__copy,.fact-panel,.reading-panel,.stats-panel,.related-card,.setup-layout,.picker-panel,.reading-card,.environment-banner,.reveal-panel,.score-summary,.explanation-panel,.result-hero,.empty-state{border:1px solid rgba(23,49,46,.15);border-radius:8px;color:var(--ink);background:#fff8e7f5;box-shadow:var(--shadow)}.detail-hero__copy{display:grid;align-content:center;gap:.75rem;padding:clamp(1rem,3vw,2rem)}.detail-hero__copy h1{color:var(--teal)}.pronunciation{color:var(--rust);font-size:1.2rem;font-weight:900}.note{padding:.75rem;border-left:5px solid var(--water);border-radius:8px;background:#e4f2ef}.detail-layout{margin-top:1rem;grid-template-columns:.85fr 1.15fr 1fr;align-items:start}.fact-panel,.reading-panel,.stats-panel,.related-card,.picker-panel,.reading-card,.score-summary,.explanation-panel{padding:1rem}.fact-grid{display:grid;gap:.6rem;margin:0}.fact-grid div{display:grid;gap:.2rem;padding-bottom:.55rem;border-bottom:1px solid var(--line)}.fact-grid dt{color:var(--ink-muted);font-size:.82rem;font-weight:900;text-transform:uppercase}.fact-grid dd{margin:0;font-weight:750}.fact-measurements{display:grid;gap:.6rem;margin:1rem 0 0}.fact-measurements div{display:grid;gap:.25rem;padding:.7rem;border-radius:8px;background:#e4f2ef}.fact-measurements dt{color:var(--teal);font-size:.76rem;font-weight:950;text-transform:uppercase}.fact-measurements dd,.size-facts dd{display:grid;gap:.25rem}.fact-measurements dd span,.size-facts dd span{font-weight:950}.fact-measurements dd small,.size-facts dd small{color:var(--ink-muted);font-size:.82rem;font-weight:750;line-height:1.25}.callout{display:grid;gap:.25rem;padding:.8rem;border-radius:8px;background:#e5f0d9}.callout--gold{background:#f7e7ad}.score-line{color:var(--rust);font-weight:900}.stat-bars{display:grid;gap:.55rem}.stat-bars--compact{gap:.35rem}.stat-row{display:grid;grid-template-columns:4.6rem 1fr 2rem;gap:.55rem;align-items:center}.stat-row__label,.stat-row__value{font-weight:900}.stat-row__track{height:.78rem;overflow:hidden;border-radius:999px;background:#17312e1f}.stat-row__fill{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--leaf),var(--gold),var(--amber))}.rationale-list,.compact-list{padding-left:1.2rem}.rationale-list li,.compact-list li{margin:.45rem 0}.related-card{margin-top:1rem}.size-comparison{display:grid;gap:.65rem;padding:.85rem;margin-bottom:1rem;border:1px solid rgba(23,49,46,.15);border-radius:8px;color:var(--ink);background:#fff8e7f5;box-shadow:var(--shadow)}.size-comparison--compact{margin-bottom:1rem}.size-comparison__header{display:grid;grid-template-columns:minmax(0,1fr) minmax(16rem,.8fr);gap:1rem;align-items:end}.size-comparison__header h2{margin:.15rem 0 0;color:var(--teal)}.size-comparison__header p{margin:0;color:var(--ink-muted);font-weight:850}.size-comparison__stage{display:grid;gap:.45rem;padding:.65rem;border-radius:8px;background:linear-gradient(180deg,#e4f2efbd,#f7e7ad57),#e4f2ef}.size-comparison__row{display:grid;grid-template-columns:minmax(12rem,.36fr) minmax(0,1fr) minmax(8rem,.26fr);gap:.75rem;align-items:center;min-width:0}.size-comparison__identity,.size-comparison__name,.size-comparison__value{min-width:0;overflow-wrap:anywhere;font-weight:950}.size-comparison__identity{display:grid;grid-template-columns:3.15rem minmax(0,1fr);gap:.6rem;align-items:center}.size-comparison__name{color:var(--teal);line-height:1.08;overflow-wrap:normal;word-break:normal}.size-comparison__value{color:var(--rust);text-align:right}.size-comparison__badge{position:relative;display:block;width:3.15rem;height:3.15rem;overflow:hidden;border:2px solid rgba(18,57,54,.18);border-radius:8px;background:#fff8e7d1;box-shadow:0 .48rem .9rem #17312e24}.size-comparison__badge-image{display:block;width:100%;height:100%;object-fit:cover}.size-comparison__badge--fallback{display:grid;place-items:center;color:var(--teal);font-size:.95rem;text-transform:uppercase}.size-comparison__track{position:relative;display:block;min-width:0;height:4.6rem;border-radius:8px;background:linear-gradient(90deg,rgba(23,49,46,.1) 1px,transparent 1px) 0 0 / 10% 100%,#fff8e747;overflow:hidden}.size-comparison__track:before{position:absolute;right:0;bottom:.62rem;left:0;height:2px;background:#17312e38;content:"";z-index:1}.size-comparison__track:after{position:absolute;right:0;bottom:.44rem;left:0;height:.38rem;background:repeating-linear-gradient(90deg,rgba(23,49,46,.34) 0 2px,transparent 2px calc(10% - 1px),rgba(23,49,46,.18) calc(10% - 1px) 10%);content:"";z-index:1}.size-comparison__bar{position:absolute;bottom:.82rem;left:0;z-index:2;display:block;width:var(--size-scale);min-width:2.8rem;height:.44rem;border-radius:999px;background:linear-gradient(90deg,rgba(255,248,231,.32),transparent 42%),linear-gradient(90deg,#123936,#22635b);box-shadow:0 .32rem .45rem #17312e24,inset 0 0 0 1px #fff8e733}.size-comparison__bar:before,.size-comparison__bar:after{position:absolute;top:50%;width:.18rem;height:1.02rem;border-radius:999px;background:#123936;content:"";transform:translateY(-50%)}.size-comparison__bar:before{left:0}.size-comparison__bar:after{right:0}.size-comparison__row.is-b .size-comparison__bar{background:linear-gradient(90deg,rgba(255,248,231,.26),transparent 42%),linear-gradient(90deg,#8d4034,#c06c43)}.size-comparison__row.is-b .size-comparison__bar:before,.size-comparison__row.is-b .size-comparison__bar:after{background:#8d4034}.setup-layout{display:grid;gap:1rem;padding:1rem;margin-bottom:1rem}.battle-screen{padding-bottom:clamp(6rem,9vw,8rem)}.duel-slots{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:.8rem;align-items:stretch}.duel-slot{display:grid;grid-template-columns:1fr auto;gap:.35rem .7rem;min-height:7rem;padding:1rem;border:2px solid transparent;border-radius:8px;color:var(--ink);background:var(--surface-strong);text-align:left}.duel-slot.is-active{border-color:var(--gold);background:#fff3ce}.duel-slot.is-filled:not(.is-active){border-color:#44867d47}.duel-slot__label{color:var(--rust);font-size:.82rem;font-weight:900;text-transform:uppercase}.duel-slot__status{justify-self:end;padding:.18rem .45rem;border-radius:999px;color:var(--teal);background:#44867d1f;font-size:.75rem;font-weight:900}.duel-slot.is-active .duel-slot__status{color:#2b2a18;background:var(--gold)}.duel-slot strong,.duel-slot small{display:block;overflow-wrap:anywhere}.duel-slot__selected{display:grid;grid-column:1 / -1;grid-template-columns:minmax(7.5rem,.42fr) minmax(0,1fr);gap:.75rem;align-items:center}.duel-slot__empty{grid-column:1 / -1;color:var(--ink-muted);font-weight:900}.duel-slot__art{display:block;min-width:0}.form-message{margin:0;color:var(--rust);font-weight:900}.matchup-pack-panel{display:grid;gap:1rem;padding:1rem;margin-bottom:1rem;border:1px solid rgba(23,49,46,.15);border-radius:8px;color:var(--ink);background:#fff8e7f5;box-shadow:var(--shadow)}.matchup-pack-panel__header{display:grid;grid-template-columns:minmax(0,1fr) minmax(16rem,.65fr);gap:1rem;align-items:end}.matchup-pack-panel__header h2{margin:.15rem 0 0;color:var(--teal)}.matchup-pack-panel__header p{margin:0;color:var(--ink-muted);font-weight:750}.matchup-pack-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.matchup-pack-card{display:grid;gap:.65rem;align-content:start;min-height:20.5rem;padding:.85rem;border:1px solid rgba(23,49,46,.14);border-radius:8px;color:var(--ink);background:linear-gradient(150deg,#fff8e7,#f3ead2);text-align:left}.matchup-pack-card:hover,.matchup-pack-card:focus-visible{border-color:#c79334b3;box-shadow:0 13px 26px #113c3a24}.matchup-pack-card.is-selected{border-color:var(--gold);background:linear-gradient(150deg,#fff5d0,#e6f0d9)}.matchup-pack-card__topline,.matchup-pack-card__creatures,.matchup-pack-card__names,.matchup-pack-card__tags{display:flex;align-items:center}.matchup-pack-card__topline{gap:.45rem}.matchup-pack-card__topline .eyebrow{color:var(--rust)}.matchup-pack-card__icon{display:grid;width:2rem;height:2rem;place-items:center;border-radius:8px;color:#fff8e7;background:var(--teal)}.matchup-pack-card__icon--giant{background:#5b6c38}.matchup-pack-card__icon--ocean{background:#2e7181}.matchup-pack-card__icon--defense,.matchup-pack-card__icon--spikes{background:#9b4f3d}.matchup-pack-card__icon--speed{background:#ba6b2f}.matchup-pack-card__status{margin-left:auto;padding:.25rem .45rem;border-radius:999px;color:var(--teal);background:#e5f0d9;font-size:.78rem;font-weight:900}.matchup-pack-card__title{color:var(--teal);font-size:1.3rem;font-weight:950;line-height:1.05}.matchup-pack-card__creatures{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:.45rem;color:var(--teal)}.matchup-pack-card__art{min-width:0}.matchup-pack-card__names{gap:.35rem;flex-wrap:wrap;color:var(--teal);font-weight:900}.matchup-pack-card__names strong,.matchup-pack-card__description,.matchup-pack-card__question{overflow-wrap:anywhere}.matchup-pack-card__description{margin:0;font-size:.94rem;font-weight:750;line-height:1.35}.matchup-pack-card__question{padding:.55rem;border-radius:8px;color:var(--teal);background:#44867d1f;font-size:.9rem;font-weight:900;line-height:1.3}.matchup-pack-card__tags{flex-wrap:wrap;gap:.35rem;margin-top:auto}.matchup-pack-card__tags span{padding:.25rem .45rem;border-radius:999px;color:var(--ink-muted);background:#ffffffb8;font-size:.78rem;font-weight:850}.picker-panel{display:grid;gap:1rem}.battle-ready-dock{position:fixed;right:1rem;bottom:max(1rem,env(safe-area-inset-bottom));left:50%;z-index:25;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.85rem;align-items:center;width:min(calc(100% - 2rem),58rem);padding:.75rem .85rem;border:1px solid rgba(23,49,46,.18);border-radius:8px;color:var(--ink);background:#fff8e7f7;box-shadow:0 18px 42px #091c1b47;transform:translate(-50%);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.battle-ready-dock span{color:var(--rust);font-size:.76rem;font-weight:950;text-transform:uppercase}.battle-ready-dock strong{display:block;overflow-wrap:anywhere;color:var(--teal);line-height:1.1}.picker-panel__header{display:grid;grid-template-columns:minmax(0,1fr) minmax(18rem,.62fr);gap:1rem;align-items:end}.picker-panel__header h2{margin:.15rem 0 0;color:var(--teal)}.picker-panel__header p{margin:.35rem 0 0;color:var(--ink-muted);font-weight:800}.slot-switcher{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem}.slot-switcher button{display:grid;gap:.2rem;min-width:0;min-height:3.2rem;padding:.55rem .65rem;border:1px solid var(--line);border-radius:8px;color:var(--teal);background:var(--surface-strong);text-align:left}.slot-switcher button.is-active{border-color:var(--gold);background:#fff3ce;box-shadow:inset 0 0 0 2px #f5c14266}.slot-switcher span,.slot-switcher small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.slot-switcher span{font-weight:950}.slot-switcher small{color:var(--ink-muted);font-weight:800}.quick-filter-row{display:flex;flex-wrap:wrap;gap:.45rem}.filter-chip{min-height:2.25rem;padding:.45rem .65rem;border:1px solid var(--line);border-radius:999px;color:var(--teal);font-weight:850;background:var(--surface-strong)}.filter-chip.is-active{color:#fff8e7;background:var(--teal-bright)}.reading-grid,.prediction-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.reading-card{display:grid;gap:1rem}.reading-card__header{display:grid;grid-template-columns:minmax(10rem,.55fr) 1fr;gap:1rem;align-items:center}.reading-card__header h2{margin-bottom:.25rem;color:var(--teal)}.reading-copy{font-size:1.08rem}.reading-sections{display:grid;gap:.7rem;margin:.85rem 0}.reading-section{display:grid;gap:.25rem;padding:.85rem;border:1px solid rgba(23,49,46,.1);border-radius:8px;background:#e4f2efad}.reading-section h3{margin-bottom:0;color:var(--teal);font-size:1rem}.reading-section p{margin:0}.reading-sections--compact{gap:.55rem;margin:0}.reading-sections--compact .reading-section{padding:.7rem}.size-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem;margin:0}.size-facts div{display:grid;gap:.2rem;min-width:0;padding:.65rem;border-radius:8px;background:#e4f2ef}.size-facts dt{color:var(--teal);font-size:.76rem;font-weight:900;text-transform:uppercase}.size-facts dd{margin:0;overflow-wrap:anywhere;font-weight:850}.clue-hunt{display:grid;gap:.7rem;padding:.9rem;border:1px solid rgba(244,201,93,.48);border-radius:8px;background:linear-gradient(135deg,#fffdf4f0,#f7e7ad9e)}.clue-hunt__header{display:flex;gap:.75rem;align-items:start;justify-content:space-between}.clue-hunt__header h3{margin:0;color:var(--teal)}.clue-hunt__header strong{flex:0 0 auto;padding:.35rem .55rem;border-radius:999px;color:var(--teal);background:var(--surface-strong);font-size:.82rem;font-weight:950}.clue-hunt>p{margin:0;color:var(--ink-muted);font-weight:800}.clue-card-grid{display:grid;gap:.55rem}.clue-card{display:grid;gap:.22rem;width:100%;padding:.75rem;border:2px solid rgba(23,49,46,.12);border-radius:8px;color:var(--ink);background:#fff8e7eb;text-align:left}.clue-card:not(:disabled):hover{border-color:#f4c95dcc;background:var(--surface-strong)}.clue-card.is-found{border-color:#5c8a42bf;background:#e5f0d9;opacity:1}.clue-card span{color:var(--rust);font-size:.72rem;font-weight:950;text-transform:uppercase}.clue-card strong{color:var(--teal);font-size:1rem}.clue-card p{margin:0}.clue-card em{display:inline-flex;gap:.35rem;align-items:center;justify-self:start;margin-top:.15rem;color:var(--teal-bright);font-style:normal;font-weight:950}.quiz-box{display:grid;gap:.7rem;padding:.9rem;border-radius:8px;background:#f3e3bd}.quiz-box h3{display:flex;gap:.45rem;align-items:center;margin-bottom:0}.quiz-lock-hint{margin:0;color:#6d3328;font-weight:850}.quiz-lock-hint.is-unlocked{color:#2f612e}.quiz-choices{display:grid;gap:.5rem}.quiz-choice{min-height:3rem;padding:.7rem .8rem;border:2px solid transparent;border-radius:8px;color:var(--ink);font-weight:800;background:var(--surface-strong);text-align:left}.quiz-choice.is-selected{border-color:var(--teal-bright)}.quiz-choice.is-correct{background:#d7ecc3}.quiz-feedback{margin:0;color:#6d3328;font-weight:800}.quiz-feedback.is-correct{color:#2f612e}.flow-footer{margin-top:1rem}.environment-banner,.result-hero{display:grid;gap:.35rem;padding:1rem;margin-bottom:1rem}.environment-banner strong{color:var(--teal);font-size:1.65rem}.prediction-clue-preview{display:grid;gap:1rem;padding:1rem;margin-bottom:1rem;border:1px solid rgba(23,49,46,.15);border-radius:8px;color:var(--ink);background:#fff8e7f5;box-shadow:var(--shadow)}.prediction-clue-preview__header{display:grid;grid-template-columns:minmax(0,1fr) minmax(15rem,.7fr);gap:1rem;align-items:end}.prediction-clue-preview__header h2{margin:.15rem 0 0;color:var(--teal)}.prediction-clue-preview__header p{margin:0;color:var(--ink-muted);font-weight:750}.prediction-clue-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.prediction-clue-column{display:grid;gap:.75rem;padding:.85rem;border:1px solid var(--line);border-radius:8px;background:linear-gradient(145deg,#fffaf0,#eef4e6)}.prediction-clue-column__header{display:grid;grid-template-columns:minmax(8rem,.36fr) minmax(0,1fr);gap:.75rem;align-items:center}.prediction-clue-column__header h3{margin:.1rem 0;color:var(--teal)}.prediction-clue-column__header p{display:flex;gap:.35rem;align-items:center;margin:0;color:var(--rust);font-weight:900}.prediction-clue-list{display:grid;gap:.6rem}.prediction-clue{display:grid;gap:.18rem;padding:.7rem;border:1px solid rgba(23,49,46,.12);border-radius:8px;background:#ffffffb3}.prediction-clue span{color:var(--rust);font-size:.78rem;font-weight:950;text-transform:uppercase}.prediction-clue strong{color:var(--teal);line-height:1.1}.prediction-clue p,.prediction-clue-empty{margin:0;color:var(--ink);font-size:.95rem;font-weight:650;line-height:1.35}.prediction-clue-empty{padding:.7rem;border-radius:8px;background:#f7e7ad}.prediction-grid>div{display:grid;gap:.8rem}.prediction-button{width:100%}.journal-heading{display:flex;flex-wrap:wrap;gap:1rem;align-items:flex-start;justify-content:space-between}.journal-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;margin-bottom:1rem}.journal-stats span{display:grid;gap:.1rem;min-width:0;padding:.8rem .9rem;border:1px solid rgba(255,248,231,.22);border-radius:8px;color:#fff8e7;font-weight:850;background:#0a2b286b}.journal-stats strong{color:var(--gold);font-size:1.75rem;line-height:1}.journal-toolbar{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;justify-content:space-between;padding:.85rem;margin-bottom:1rem;border:1px solid rgba(23,49,46,.15);border-radius:8px;background:#fff8e7f5;box-shadow:var(--shadow)}.segmented-control{display:flex;flex-wrap:wrap;gap:.35rem;padding:.25rem;border-radius:8px;background:#e8dcc2}.segmented-control button{min-height:2.35rem;padding:.45rem .65rem;border-radius:8px;color:var(--teal);background:transparent}.segmented-control button.is-active{color:#fff8e7;background:var(--teal-bright)}.journal-list{display:grid;gap:1rem}.journal-card{display:grid;grid-template-columns:minmax(19rem,.9fr) minmax(22rem,1.1fr);gap:1rem;padding:1rem;border:1px solid rgba(23,49,46,.15);border-radius:8px;color:var(--ink);background:#fff8e7f5;box-shadow:var(--shadow)}.journal-card__matchup{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:.6rem;align-items:center}.journal-card__versus{display:grid;width:2.4rem;height:2.4rem;place-items:center;border-radius:999px;color:#fff8e7;font-size:.78rem;font-weight:950;text-transform:uppercase;background:var(--rust)}.journal-creature{display:grid;gap:.45rem;min-width:0}.journal-creature span{display:grid;gap:.15rem;min-width:0}.journal-creature strong{color:var(--teal);font-weight:950;overflow-wrap:anywhere}.journal-creature em{width:fit-content;padding:.18rem .45rem;border-radius:999px;color:var(--teal);background:#e5f0d9;font-style:normal;font-weight:950}.journal-card__body{display:grid;gap:.75rem}.journal-card__topline,.journal-card__badges,.journal-actions{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.journal-card__topline{justify-content:space-between;color:var(--rust);font-weight:950}.journal-card__topline span{display:inline-flex;gap:.35rem;align-items:center}.journal-card__topline time{color:var(--ink-muted);font-size:.9rem}.journal-card h2{margin:0;color:var(--teal)}.journal-meta-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem}.journal-meta-grid span{display:grid;gap:.2rem;min-width:0;padding:.55rem;border-radius:8px;background:#e4f2ef;font-weight:850}.journal-meta-grid strong{color:var(--ink-muted);font-size:.74rem;text-transform:uppercase}.journal-card__badges span{padding:.28rem .5rem;border-radius:999px;color:var(--teal);background:#f7e7ad;font-size:.8rem;font-weight:900}.reveal-status-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;margin-bottom:.75rem}.reveal-status-strip span{display:grid;gap:.1rem;min-width:0;padding:.65rem .8rem;border:1px solid rgba(255,248,231,.2);border-radius:8px;color:#fff8e7;font-weight:850;background:#0a2b286b}.reveal-status-strip strong{color:var(--gold);font-size:.76rem;font-weight:950;text-transform:uppercase}.reveal-stage{display:grid;grid-template-columns:minmax(13rem,1fr) minmax(15rem,.9fr) minmax(13rem,1fr);gap:.8rem;align-items:stretch;margin-bottom:.85rem}.reveal-stage__creature,.reveal-stage__center{min-width:0;border:1px solid rgba(255,248,231,.22);border-radius:8px;box-shadow:0 18px 38px #091c1b33}.reveal-stage__creature{display:grid;grid-template-columns:minmax(8rem,.8fr) minmax(0,1fr);gap:.75rem;align-items:center;padding:.65rem;color:#fff8e7;background:linear-gradient(135deg,#0a2b28eb,#1d6a61b3),var(--teal)}.reveal-stage__creature.is-leading,.reveal-stage__creature.is-winner{animation:leader-glow .68s ease-out;border-color:#f4c95de0;background:linear-gradient(135deg,#f4c95deb,#1d6a61d1),var(--gold)}.reveal-stage__creature.is-chasing{background:linear-gradient(135deg,#a94c36e6,#1d6a61b8),var(--rust)}.reveal-stage__creature.is-even,.reveal-stage__creature.is-draw{border-color:#fff8e76b}.reveal-stage__creature .placeholder-art{min-width:0;aspect-ratio:1.55}.reveal-stage__creature span,.reveal-stage__center span{color:var(--gold);font-size:.76rem;font-weight:950;text-transform:uppercase}.reveal-stage__creature strong{display:block;overflow-wrap:anywhere;color:#fff8e7;font-size:clamp(1.1rem,.95rem + .7vw,1.8rem);line-height:1}.reveal-stage__creature em{display:block;margin-top:.25rem;color:#fff8e7;font-size:clamp(2.1rem,1.7rem + 1.2vw,3.5rem);font-style:normal;font-weight:950;line-height:.9}.reveal-stage__creature small{display:inline-block;padding:.2rem .5rem;margin-top:.45rem;border-radius:999px;color:#102927;font-size:.72rem;font-weight:950;text-transform:uppercase;background:#fff8e7d6}.reveal-stage__center{position:relative;display:grid;gap:.5rem;align-content:center;justify-items:center;padding:1rem;overflow:hidden;color:#fff8e7;text-align:center;background:linear-gradient(135deg,#0a2b28fa,#375c43eb),var(--teal)}.reveal-stage__center:before{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;content:"";background:linear-gradient(115deg,transparent 0 35%,rgba(255,248,231,.1) 35% 41%,transparent 41% 100%);animation:reveal-shine 2.8s ease-in-out infinite}.reveal-stage__center.has-cinematic{background:var(--teal)}.reveal-stage__center.has-cinematic:after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;content:"";background:linear-gradient(180deg,#061e1d57,#061e1d9e),radial-gradient(circle at 50% 10%,rgba(244,201,93,.22),transparent 14rem)}.reveal-stage__center>*{position:relative;z-index:2}.reveal-stage__center>.reveal-stage__arena-video{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;display:block;width:100%;height:100%;object-fit:cover;opacity:.84;filter:saturate(1.08) contrast(1.08)}.reveal-stage__cinematic-status{position:absolute;right:.7rem;bottom:.7rem;left:.7rem;display:flex;flex-wrap:wrap;gap:.28rem .55rem;align-items:baseline;justify-content:center;padding:.45rem .62rem;border:1px solid rgba(255,248,231,.2);border-radius:8px;background:#061e1da8;box-shadow:0 10px 24px #061e1d33;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.reveal-stage__cinematic-status span{color:var(--gold);font-size:.68rem;line-height:1}.reveal-stage__center .reveal-stage__cinematic-status strong,.reveal-stage__center .reveal-stage__cinematic-status em{overflow-wrap:anywhere;color:#fff8e7;font-size:.74rem;font-style:normal;font-weight:900;line-height:1.05}.reveal-stage__center .reveal-stage__cinematic-status em{color:#fff8e7c7}.reveal-stage__center strong{overflow-wrap:anywhere;color:#fff8e7;font-size:clamp(1.8rem,1.3rem + 1.7vw,3.2rem);line-height:.95}.reveal-stage__center p{max-width:28rem;margin:0;color:#fff8e7e6;font-weight:800}.reveal-stage__clue-score{display:inline-grid;gap:.15rem;min-width:min(11rem,100%);padding:.35rem .65rem;border-radius:8px;background:#fff8e71f;box-shadow:inset 0 0 0 1px #fff8e738;animation:clue-score-in .28s ease-out}.reveal-stage__clue-score.is-a{border-left:5px solid var(--gold)}.reveal-stage__clue-score.is-b{border-right:5px solid var(--gold)}.reveal-stage__clue-score.is-tie{border-inline:5px solid var(--gold)}.reveal-stage__clue-score span{color:var(--gold);font-size:.68rem}.reveal-stage__clue-score strong{display:inline-flex;gap:.35rem;align-items:baseline;justify-content:center;font-size:clamp(1.2rem,1rem + .8vw,1.9rem)}.reveal-stage__clue-score i{color:#fff8e7b8;font-size:.66rem;font-style:normal;font-weight:950;text-transform:uppercase}.reveal-stage__center em{color:#fff8e7bd;font-size:.8rem;font-style:normal;font-weight:850}.reveal-panel{position:relative;display:grid;gap:.9rem;min-height:18rem;padding:clamp(1rem,2vw,1.35rem);overflow:hidden;border-color:#f4c95d52;background:linear-gradient(135deg,#fff8e7fa,#f2dfb8f0),var(--surface)}.reveal-panel:before{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;content:"";background:linear-gradient(90deg,rgba(29,106,97,.12),transparent 24%,transparent 76%,rgba(169,76,54,.1)),radial-gradient(circle at 18% 14%,rgba(244,201,93,.22),transparent 14rem)}.reveal-panel>*{position:relative}.reveal-panel h2{display:flex;gap:.5rem;align-items:center;margin-bottom:0;color:var(--teal)}.reveal-panel__spark{position:absolute;top:1rem;right:1rem;color:#a94c3647}.reveal-panel__intro{margin:0;color:var(--ink-muted);font-weight:750}.arena-card{display:grid;gap:.3rem;padding:1rem;border:1px solid rgba(29,106,97,.16);border-radius:8px;background:#fffdf4bd}.arena-card span,.reveal-kicker{color:var(--rust);font-size:.78rem;font-weight:950;text-transform:uppercase}.arena-card strong{color:var(--teal);font-size:clamp(2rem,1.6rem + 1.8vw,3.4rem);line-height:1}.reveal-drama-card{display:grid;gap:.25rem;padding:.9rem;border:1px solid rgba(244,201,93,.36);border-radius:8px;color:#fff8e7;background:linear-gradient(135deg,#1d6a61f5,#a94c36db),var(--teal)}.reveal-drama-card span{color:var(--gold);font-size:.76rem;font-weight:950;text-transform:uppercase}.reveal-drama-card strong{font-size:clamp(1.25rem,1.1rem + .7vw,2rem);line-height:1}.reveal-drama-card p{margin:0;color:#fff8e7db;font-weight:800}.arena-cinematic{position:relative;min-width:0;margin:0;overflow:hidden;border:1px solid rgba(23,49,46,.2);border-radius:8px;aspect-ratio:118 / 82;color:#fff8e7;background:var(--teal);box-shadow:0 16px 34px #091c1b2e}.arena-cinematic video{display:block;width:100%;height:100%;object-fit:cover}.arena-cinematic:after{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;content:"";background:linear-gradient(180deg,rgba(6,30,29,.12),transparent 38%,rgba(6,30,29,.4)),radial-gradient(circle at 82% 16%,rgba(244,201,93,.18),transparent 18rem)}.arena-cinematic figcaption{position:absolute;right:.8rem;bottom:.8rem;left:.8rem;z-index:1;display:flex;flex-wrap:wrap;gap:.35rem .6rem;align-items:baseline;justify-content:space-between;padding:.65rem .75rem;border:1px solid rgba(255,248,231,.18);border-radius:8px;background:#061e1d9e;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.arena-cinematic span{color:var(--gold);font-size:.72rem;font-weight:950;text-transform:uppercase}.arena-cinematic strong{color:#fff8e7;font-size:clamp(1.2rem,1rem + .8vw,1.8rem);line-height:1}.score-vs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.score-vs>span{display:grid;gap:.3rem;min-height:4.5rem;padding:.85rem;border-radius:8px;background:#fffdf4c7;box-shadow:inset 0 0 0 1px #17312e1a}.score-vs>span.is-leader{animation:score-pop .36s ease-out;outline:3px solid var(--gold);background:linear-gradient(135deg,#fff0b9,#f7d96e);box-shadow:inset 0 0 0 1px #17312e1f,0 12px 26px #a94c3629}.score-vs>span.is-tie{outline:2px solid rgba(29,106,97,.35)}.score-vs strong{color:var(--rust);font-size:clamp(2.4rem,2rem + 1.4vw,4rem);line-height:.92}.score-vs em{color:var(--teal-bright);font-size:.78rem;font-style:normal;font-weight:900;text-transform:uppercase}.score-vs__name{color:var(--teal);font-weight:950}.score-vs--final strong{color:var(--teal-bright);font-size:clamp(3rem,2.4rem + 2vw,5rem)}.reveal-progress{display:flex;gap:.35rem;margin-bottom:1rem;overflow-x:auto;padding-bottom:.2rem}.reveal-progress__step{flex:0 0 auto;padding:.38rem .55rem;border:1px solid rgba(255,248,231,.26);border-radius:999px;color:#fff8e7c7;font-size:.78rem;font-weight:900;background:#fff8e71a}.reveal-progress__step.is-complete{color:#102927;background:var(--gold)}.reveal-progress__step.is-current{color:#fff8e7;background:var(--rust)}.reveal-command-bar{position:sticky;top:5rem;z-index:8;display:grid;grid-template-columns:minmax(13rem,1fr) minmax(17rem,.82fr) minmax(13rem,1fr);gap:.75rem;align-items:stretch;padding:.75rem;margin-bottom:1rem;border:1px solid rgba(23,49,46,.15);border-radius:8px;color:var(--ink);background:#fff8e7f7;box-shadow:0 14px 34px #091c1b33;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.reveal-score-card{display:grid;grid-template-columns:minmax(6.5rem,.45fr) minmax(0,1fr);gap:.65rem;align-items:center;min-width:0;padding:.5rem;border-radius:8px;background:#f1e3c5}.reveal-score-card.is-leader{outline:3px solid var(--gold);background:#f7e7ad}.reveal-score-card.is-tie{outline:2px solid rgba(29,106,97,.35)}.reveal-score-card .placeholder-art{min-width:0}.reveal-score-card span,.running-total span{color:var(--ink-muted);font-size:.76rem;font-weight:900;text-transform:uppercase}.reveal-score-card strong{display:block;overflow-wrap:anywhere}.reveal-score-card em{display:block;color:var(--rust);font-size:2rem;font-style:normal;font-weight:950;line-height:1}.reveal-score-card small{display:inline-block;padding:.18rem .45rem;margin-top:.35rem;border-radius:999px;color:var(--teal);font-size:.72rem;font-weight:950;text-transform:uppercase;background:#fffdf4ad}.running-total{display:grid;gap:.45rem;align-content:center;justify-items:center;min-width:0;padding:.65rem;border-radius:8px;text-align:center;background:var(--surface-strong)}.running-total strong{color:var(--teal);font-size:clamp(1.7rem,1.5rem + 1vw,2.8rem);line-height:1}.current-clue-score{display:grid;gap:.2rem;width:min(13rem,100%);padding:.45rem .55rem;border-radius:8px;background:#fffdf4b8;box-shadow:inset 0 0 0 1px #17312e1a}.current-clue-score.is-a{border-left:5px solid var(--teal-bright)}.current-clue-score.is-b{border-left:5px solid var(--rust)}.current-clue-score.is-tie{border-left:5px solid var(--gold)}.current-clue-score span{color:var(--rust);font-size:.7rem}.current-clue-score strong{display:flex;gap:.35rem;align-items:baseline;justify-content:center;color:var(--teal);font-size:clamp(1.25rem,1rem + .8vw,2rem)}.current-clue-score b{color:inherit;font:inherit}.current-clue-score i{color:var(--ink-muted);font-size:.68rem;font-style:normal;font-weight:950;text-transform:uppercase}.running-total em{min-height:2.35rem;color:var(--ink-muted);font-size:.86rem;font-style:normal;font-weight:850;line-height:1.25}.score-momentum{width:min(12rem,100%);height:.75rem;overflow:hidden;border-radius:999px;background:linear-gradient(90deg,#a94c36bf,#a94c368c);box-shadow:inset 0 0 0 1px #17312e29}.score-momentum span{display:block;height:100%;min-width:.18rem;border-radius:inherit;background:linear-gradient(90deg,var(--teal-bright),var(--gold));transition:width .32s ease-out}.reveal-actions{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.reveal-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(18rem,.42fr);gap:1rem;align-items:start}.reveal-active{animation:reveal-in .32s ease-out}.round-banner{position:relative;display:grid;grid-template-columns:auto 1fr auto;gap:.65rem;align-items:center;padding:.7rem .9rem;margin-bottom:.65rem;border:1px solid rgba(255,248,231,.22);border-radius:8px;color:#fff8e7;background:#0a2b289e;overflow:hidden}.round-banner:after{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;content:"";background:linear-gradient(105deg,transparent 0 40%,rgba(255,248,231,.13) 45%,transparent 55% 100%);animation:reveal-shine 1.9s ease-out}.round-banner>*{position:relative}.round-banner span,.round-banner em{color:var(--gold);font-size:.78rem;font-style:normal;font-weight:950;text-transform:uppercase}.round-banner strong{min-width:0;overflow-wrap:anywhere;font-size:1.35rem}.reveal-history{position:sticky;top:7rem;padding:1rem;border:1px solid rgba(23,49,46,.15);border-radius:8px;color:var(--ink);background:#fff8e7f5;box-shadow:var(--shadow)}.reveal-history h2{color:var(--teal)}.reveal-history ol{display:grid;gap:.55rem;padding:0;margin:0;list-style:none}.reveal-history li{display:grid;gap:.15rem;padding:.55rem;border-radius:8px;background:#f1e3c5}.reveal-history span{color:var(--ink-muted);font-size:.78rem;font-weight:900;text-transform:uppercase}.reveal-history b{color:var(--teal);font-size:.82rem}.reveal-history strong{overflow-wrap:anywhere}.reveal-note{margin:.75rem 0 0;color:var(--teal);font-weight:850}.finish-reveal-note{padding:.75rem;margin:.75rem 0 0;border-left:5px solid var(--gold);border-radius:8px;color:var(--teal);background:#fffdf4bd;font-weight:850}.stat-spotlight{display:grid;gap:.25rem;padding:.8rem;border-left:5px solid var(--gold);border-radius:8px;background:#fffdf4a3}.stat-spotlight p{margin:0}.advantage-banner,.total-spotlight{display:grid;gap:.2rem;padding:.85rem;border-radius:8px;color:var(--ink);background:#fffdf4c7;box-shadow:inset 0 0 0 1px #17312e1a}.advantage-banner{animation:score-pop .32s ease-out}.advantage-banner.is-a,.total-spotlight.is-a{border-left:6px solid var(--teal-bright)}.advantage-banner.is-b,.total-spotlight.is-b{border-left:6px solid var(--rust)}.advantage-banner.is-tie,.total-spotlight.is-tie{border-left:6px solid var(--gold)}.advantage-banner span,.total-spotlight span{color:var(--rust);font-size:.76rem;font-weight:950;text-transform:uppercase}.advantage-banner strong,.total-spotlight strong{color:var(--teal);font-size:clamp(1.1rem,1rem + .5vw,1.65rem);line-height:1.05}.stat-reason-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.stat-reason{display:grid;gap:.25rem;padding:.75rem;border-radius:8px;color:var(--ink);background:#e4f2efb8}.stat-reason strong{color:var(--teal);font-size:.78rem;font-weight:950;text-transform:uppercase}.modifier-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.modifier-card{display:grid;gap:.25rem;padding:.8rem;border-radius:8px;background:#f1e3c5}.modifier-card.is-positive{background:#e5f0d9}.modifier-card.is-negative{background:#f3d6c8}.modifier-card strong{color:var(--teal)}.modifier-card__formula{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:.35rem;align-items:center;padding:.55rem;border-radius:8px;color:var(--teal);background:#fffdf49e}.modifier-card__formula b{min-width:0;font-size:clamp(1.45rem,1.2rem + .8vw,2.3rem);line-height:1}.modifier-card__formula i{min-width:2.3rem;padding:.18rem .35rem;border-radius:999px;color:#fff8e7;font-style:normal;font-weight:950;text-align:center;background:var(--rust)}.modifier-card em{color:var(--rust);font-style:normal;font-weight:900}.winner-moment{display:grid;grid-template-columns:minmax(12rem,.8fr) minmax(0,1fr);gap:.9rem;align-items:center;padding:.85rem;border:1px solid rgba(244,201,93,.42);border-radius:8px;color:#fff8e7;background:linear-gradient(135deg,#1d6a61fa,#f4c95d9e),var(--teal);box-shadow:0 16px 32px #091c1b29}.winner-moment.is-draw{background:linear-gradient(135deg,#1d6a61f0,#537c5dd1),var(--teal)}.winner-moment__art{display:grid;grid-template-columns:1fr;gap:.4rem;min-width:0}.winner-moment.is-draw .winner-moment__art{grid-template-columns:repeat(2,minmax(0,1fr))}.winner-moment .placeholder-art{min-width:0;aspect-ratio:1.45}.winner-moment span{color:var(--gold);font-size:.78rem;font-weight:950;text-transform:uppercase}.winner-moment strong{display:block;margin-top:.2rem;color:#fff8e7;font-size:clamp(1.7rem,1.3rem + 1.4vw,3rem);line-height:.98}.winner-moment p{margin:.45rem 0 0;color:#fff8e7e0;font-weight:850}.winner-callout{display:flex;gap:.7rem;align-items:center;color:var(--rust);font-size:2rem;font-weight:900}.winner-callout span{display:grid;gap:.15rem}.winner-callout strong{line-height:1.05}.winner-callout em{color:var(--teal);font-size:.82rem;font-style:normal;font-weight:950;text-transform:uppercase}.winner-callout.is-close{color:var(--teal-bright)}.winner-callout.is-tie-breaker,.winner-callout.is-draw{color:var(--teal)}.result-hero{color:var(--ink)}.result-hero--recap{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem;align-items:center;padding:clamp(1rem,2.8vw,1.6rem);overflow:hidden;color:#fff8e7;background:linear-gradient(135deg,#123d3bf5,#1d6a61e6 58%,#a94c36e6),var(--teal)}.result-hero--recap.is-close{background:linear-gradient(135deg,#123d3bf5,#1d6a61e6 48%,#f4c95dd6),var(--teal)}.result-hero--recap.is-tie-breaker,.result-hero--recap.is-draw{background:linear-gradient(135deg,#123d3bf5,#1d6a61e0 52%,#fff8e73d),var(--teal)}.result-hero--recap h1{max-width:14ch;margin-bottom:.4rem;color:#fff8e7}.result-hero--recap p{max-width:48rem;margin:0;color:#fff8e7eb;font-weight:800}.result-hero__copy{display:grid;gap:.25rem}.finish-burst{display:grid;gap:.2rem;max-width:45rem;padding:.75rem;margin-top:.55rem;border:1px solid rgba(255,248,231,.24);border-radius:8px;background:#0a2b2857}.finish-burst span{color:var(--gold);font-size:.72rem;font-weight:950;text-transform:uppercase}.finish-burst strong{color:#fff8e7;font-size:1.25rem;line-height:1.05}.finish-burst p{margin:0;color:#fff8e7e6;font-weight:750}.result-kicker{display:inline-flex;gap:.4rem;align-items:center;color:var(--gold);font-size:.78rem;font-weight:950;letter-spacing:0;text-transform:uppercase}.result-trophy{display:grid;place-items:center;width:clamp(4.5rem,9vw,6.5rem);aspect-ratio:1;border:1px solid rgba(255,248,231,.28);border-radius:999px;color:var(--gold);background:#0a2b2857}.result-status-strip{display:grid;grid-column:1 / -1;grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem}.result-status-strip span{display:grid;gap:.1rem;min-width:0;padding:.65rem .75rem;border:1px solid rgba(255,248,231,.2);border-radius:8px;overflow-wrap:anywhere;background:#0a2b285c}.result-status-strip strong{color:var(--gold);font-size:.72rem;font-weight:950;text-transform:uppercase}.result-recap-grid,.result-analysis-grid{display:grid;grid-template-columns:minmax(23rem,.95fr) minmax(26rem,1.05fr);gap:1rem;align-items:start}.result-recap-grid{margin-bottom:1rem}.result-scoreboard{display:grid;gap:.75rem}.result-scoreboard h2{margin:0;color:#fff8e7}.result-score-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.result-score-card{position:relative;display:grid;grid-template-columns:1fr;gap:.75rem;align-items:start;min-width:0;padding:.75rem;border:1px solid rgba(23,49,46,.15);border-radius:8px;color:var(--ink);background:#fff8e7f5;box-shadow:var(--shadow)}.result-score-card.is-winner{border-color:#f4c95de6;background:#fff0b8}.result-score-card.is-close-winner{border-color:#1d6a618c;background:linear-gradient(180deg,#fff0b8,#e4f2ef)}.result-score-card.is-near-miss{border-color:#1d6a613d;background:#f6ead1}.result-score-card.is-draw{border-color:#1d6a615c;background:#e4f2ef}.result-score-card .creature-art{min-height:6.4rem}.result-score-card div{display:grid;gap:.2rem;min-width:0}.result-score-card span{overflow-wrap:anywhere;line-height:1.12;font-weight:850}.result-score-card strong{color:var(--teal-bright);font-size:clamp(3rem,5vw,4.6rem);line-height:.9}.result-score-card em{grid-column:1 / -1;justify-self:start;padding:.25rem .5rem;border-radius:999px;color:var(--teal);background:var(--surface-strong);font-size:.74rem;font-style:normal;font-weight:950;text-transform:uppercase}.result-arena-chip{display:inline-flex;gap:.45rem;align-items:center;justify-self:start;padding:.55rem .7rem;border:1px solid rgba(255,248,231,.22);border-radius:8px;color:#fff8e7;background:#0a2b2866;font-weight:850}.result-panel,.result-next-panel{border:1px solid rgba(23,49,46,.15);border-radius:8px;color:var(--ink);background:#fff8e7f5;box-shadow:var(--shadow)}.result-panel{display:grid;align-content:start;gap:.85rem;padding:1rem}.result-panel--why p{margin-bottom:0;font-size:1.08rem}.result-panel__heading{display:flex;gap:.55rem;align-items:center;color:var(--teal)}.result-panel__heading h2,.result-panel h2{margin:0;color:var(--teal)}.result-matchup-art{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;margin-bottom:.8rem}.explanation-panel p{font-size:1.08rem}.result-clue-list,.result-modifier-grid{display:grid;gap:.65rem}.result-clue{display:grid;gap:.25rem;padding:.75rem;border-left:5px solid var(--gold);border-radius:8px;background:#fffdf4c7}.result-clue span{color:var(--ink-muted);font-size:.75rem;font-weight:950;text-transform:uppercase}.result-clue strong{color:var(--teal);font-size:1.08rem}.result-clue p{margin:0}.result-modifier-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.result-modifier{display:grid;gap:.15rem;padding:.75rem;border-radius:8px;background:#f1e3c5}.result-modifier.is-positive{background:#e5f0d9}.result-modifier.is-negative{background:#f3d6c8}.result-modifier span{color:var(--ink-muted);font-size:.8rem;font-weight:900}.result-modifier strong{color:var(--teal);font-size:2rem;line-height:1}.result-modifier p{margin:0;font-weight:750}.result-context-notes{display:grid;gap:.45rem;padding-left:1.1rem;margin:0}.result-context-notes li{padding-left:.15rem}.result-muted{margin:0;color:var(--ink-muted);font-weight:800}.result-next-panel{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem;align-items:center;padding:1rem;margin-top:1rem;color:#fff8e7;background:linear-gradient(135deg,#0a2b28e0,#1d6a61b3),var(--teal)}.result-next-panel h2{margin:.2rem 0 .25rem;color:#fff8e7}.result-next-panel p{max-width:48rem;margin:0;color:#fff8e7e6;font-weight:750}.result-action-row{display:flex;flex-wrap:wrap;gap:.65rem;justify-content:flex-end}.empty-state{display:grid;gap:.5rem;justify-items:start;padding:1.2rem}.empty-state--compact{box-shadow:none}.empty-state h1,.empty-state h2{color:var(--teal)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes reveal-in{0%{opacity:0;transform:translateY(.55rem) scale(.995)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes reveal-shine{0%,58%{transform:translate(-38%)}to{transform:translate(38%)}}@keyframes score-pop{0%{transform:scale(.985)}to{transform:scale(1)}}@keyframes clue-score-in{0%{opacity:0;transform:translateY(.2rem)}to{opacity:1;transform:translateY(0)}}@keyframes leader-glow{0%{box-shadow:0 18px 38px #091c1b33;transform:translateY(0)}45%{box-shadow:0 20px 40px #091c1b38,0 0 0 4px #f4c95d47;transform:translateY(-.08rem)}to{box-shadow:0 18px 38px #091c1b33;transform:translateY(0)}}.app-shell[data-motion=reduced] *,.app-shell[data-motion=reduced] *:before,.app-shell[data-motion=reduced] *:after{scroll-behavior:auto!important;animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}}@media (max-width: 1280px){.library-controls{grid-template-columns:repeat(3,minmax(0,1fr))}.search-field{grid-column:1 / -1}}@media (max-width: 980px){.home-hero,.detail-hero,.detail-layout,.result-recap-grid,.result-analysis-grid,.result-grid,.reveal-stage,.reveal-layout,.matchup-pack-panel__header,.picker-panel__header,.size-comparison__header,.prediction-clue-preview__header,.prediction-clue-grid,.journal-card,.journal-meta-grid{grid-template-columns:1fr}.matchup-pack-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reveal-history{position:static}.reveal-stage__center.has-cinematic{min-height:clamp(10rem,38vw,16rem)}}@media (max-width: 900px){.topbar{grid-template-columns:1fr}.reveal-command-bar{top:8.5rem}.topbar__nav{justify-content:start;overflow-x:auto}.world-switcher,.profile-pill{justify-self:start}.result-next-panel{grid-template-columns:1fr}.result-action-row{justify-content:flex-start}}@media (max-width: 760px){h1{font-size:2.35rem}.screen,.home-screen{padding:.85rem}.brand-button small,.nav-button span{display:none}.topbar{gap:.65rem;padding:.65rem}.world-switcher button{padding-inline:.52rem}.profile-pill input{width:6.5rem}.media-preferences-panel{right:auto;left:0}.media-preferences-panel:before{right:auto;left:10.7rem}.home-hero{min-height:auto}.matchup-pack-grid{grid-template-columns:1fr}.matchup-pack-card{min-height:auto}.hero-matchup,.duel-slots,.reading-grid,.prediction-grid,.score-vs,.result-status-strip,.result-score-cards,.result-score-card,.reveal-status-strip,.reveal-stage,.winner-moment,.stat-reason-grid,.reading-card__header,.modifier-grid,.result-modifier-grid,.size-facts,.size-comparison__row,.duel-slot__selected,.slot-switcher,.prediction-clue-column__header,.journal-card__matchup,.battle-ready-dock,.reveal-command-bar,.reveal-score-card,.result-matchup-art,.journal-stats{grid-template-columns:1fr}.journal-toolbar{align-items:stretch}.journal-toolbar,.segmented-control,.journal-actions{display:grid}.reveal-command-bar{position:static}.battle-ready-dock .primary-button{width:100%}.size-comparison{gap:.5rem;padding:.7rem}.size-comparison__header{gap:.3rem}.size-comparison__header p{font-size:.92rem}.size-comparison__stage{gap:.35rem;padding:.55rem}.size-comparison__row{grid-template-columns:minmax(0,1fr) auto;gap:.2rem .65rem}.size-comparison__identity{grid-template-columns:2.65rem minmax(0,1fr);gap:.5rem}.size-comparison__badge{width:2.65rem;height:2.65rem}.size-comparison__identity{grid-column:1}.size-comparison__value{grid-column:2;color:var(--rust);font-size:.9rem;text-align:right}.size-comparison__track{grid-column:1 / -1;height:3.9rem}.size-comparison__bar{min-width:2.4rem;height:.38rem}.size-comparison__bar:before,.size-comparison__bar:after{height:.88rem}.result-hero--recap{grid-template-columns:1fr}.result-trophy{display:none}.result-score-card strong{font-size:3.5rem}.result-action-row{display:grid;grid-template-columns:1fr 1fr}.round-banner{grid-template-columns:1fr}.hero-versus,.versus-icon,.journal-card__versus{justify-self:center}.home-stats,.library-controls{grid-template-columns:1fr}.creature-grid,.creature-grid--picker{grid-template-columns:1fr;max-height:none}.placeholder-art--hero{min-height:19rem}.stat-row{grid-template-columns:4.2rem 1fr 1.8rem}}