:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink-950:#050d1a;--ink-900:#081426;--ink-800:#0d1e36;--text:#f2f6ff;--text-muted:#a8b8d6;--text-faint:#71809f;--gold:#f2c57c;--gold-strong:#ffdfa0;--gold-deep:#b9873f;--red:#ff6b5e;--teal:#6fd6c3;--blue:#7db4ff;--line:#f2c57c29;--line-strong:#f2c57c57;--glass:#081020b8;--glass-soft:#0c182e8c;--glass-deep:#050b16e0;--shadow:0 24px 60px #02060e8c;--radius-xl:26px;--radius-lg:18px;--radius-md:12px;--font-display:"Hiragino Mincho ProN", "Yu Mincho", "Noto Serif JP", serif;--font-body:"Hiragino Sans", "Yu Gothic UI", "Noto Sans JP", system-ui, sans-serif;--safe-bottom:env(safe-area-inset-bottom,0px);--safe-top:env(safe-area-inset-top,0px)}*{box-sizing:border-box}html{background:var(--ink-950);-moz-text-size-adjust:100%;text-size-adjust:100%}body{min-height:100vh;color:var(--text);font-family:var(--font-body);font-synthesis:none;-webkit-font-smoothing:antialiased;margin:0;line-height:1.65}button{color:inherit;font-family:inherit}h1,h2,h3{font-family:var(--font-display);letter-spacing:.02em;margin:0;font-weight:600}p{margin:0}ul,ol{margin:0;padding:0;list-style:none}fieldset{border:0;margin:0;padding:0}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip-link{background:var(--gold);border-radius:0 0 var(--radius-md) 0;color:#241703;z-index:90;padding:10px 16px;font-weight:700;text-decoration:none;transition:transform .2s;position:fixed;top:0;left:0;transform:translateY(-120%)}.skip-link:focus-visible{transform:translateY(0)}.app-shell{flex-direction:column;min-height:100vh;display:flex;position:relative}.app-bg{z-index:-1;background-image:linear-gradient(#050d1a6b 0%,#050d1a29 34%,#050d1aa8 78%,#050d1ae6 100%),url(/art/bg-sea-tall.png);background-position:50%;background-size:cover;position:fixed;inset:0}@media (min-aspect-ratio:5/6){.app-bg{background-image:linear-gradient(#050d1a6b 0%,#050d1a29 34%,#050d1aa8 78%,#050d1ae6 100%),url(/art/bg-sea-wide.png)}}.app-shell--loading{justify-content:center;align-items:center}.loading-note{color:var(--text-muted);font-family:var(--font-display);letter-spacing:.14em;font-size:18px}.app-header{-webkit-backdrop-filter:blur(18px);border-bottom:1px solid var(--line);padding:calc(10px + var(--safe-top)) 20px 10px;z-index:30;background:linear-gradient(#050b16d9,#050b168c);justify-content:space-between;align-items:center;gap:16px;display:flex;position:sticky;top:0}.app-header__brand{align-items:center;gap:12px;display:flex}.brand-mark{border:1px solid var(--line-strong);color:var(--gold-strong);font-family:var(--font-display);letter-spacing:0;background:radial-gradient(circle at 30% 26%,#ffdfa059,#f2c57c14);border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:19px;font-weight:700;display:flex}.brand-name{color:var(--gold);letter-spacing:.34em;font-size:11px;display:block}.brand-sub{font-family:var(--font-display);letter-spacing:.08em;font-size:16px;display:block}.app-header__status{align-items:center;gap:8px;display:flex}.pill{background:var(--glass-soft);border:1px solid var(--line);letter-spacing:.04em;white-space:nowrap;border-radius:999px;padding:5px 12px;font-size:12px}.pill--gold{border-color:var(--line-strong);color:var(--gold-strong)}.pill--elapsed{color:var(--teal);font-variant-numeric:tabular-nums;border-color:#6fd6c361}.sound-toggle{border:1px solid var(--line);color:var(--text-muted);cursor:pointer;white-space:nowrap;background:#050d1bb3;border-radius:999px;justify-content:center;align-items:center;gap:6px;min-height:44px;padding:0 10px;transition:background .16s,border-color .16s,color .16s;display:inline-flex}.sound-toggle:hover{border-color:var(--line-strong);color:var(--text)}.sound-toggle--on{color:var(--teal);background:#6fd6c31a;border-color:#6fd6c375}.sound-toggle__icon{fill:var(--text-faint);stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:19px;height:19px}.sound-toggle--on .sound-toggle__icon{fill:#6fd6c347}.sound-toggle__label{font-size:11px;font-weight:700}.sound-toggle__state{letter-spacing:.05em;border:1px solid;border-radius:999px;padding:3px 5px;font-size:8px;font-weight:900;line-height:1}.progress-ring__text{fill:var(--text-muted);letter-spacing:.02em;font-size:12px}@media (max-width:640px){.brand-name{display:none}.brand-sub{white-space:nowrap;font-size:14px}.app-header__status .pill:not(.pill--gold):not(.pill--elapsed){display:none}.sound-toggle{flex:0 0 44px;width:44px;padding:0}.sound-toggle__label,.sound-toggle__state{display:none}}@media (max-width:480px){.app-header__status .pill{display:none}.app-header__status .pill--elapsed{padding:5px 8px;font-size:10px;display:inline-flex}}@media (max-width:380px){.app-header{gap:8px;padding-left:12px;padding-right:12px}.app-header__brand{gap:8px}.brand-mark{width:38px;height:38px;font-size:16px}.brand-sub{font-size:12px}}.tab-nav__label-long{display:none}@media (min-width:1000px){.tab-nav__label-long{display:inline}.tab-nav__label-short{display:none}}.app-body{flex-direction:column;flex:1;display:flex}.app-main{max-width:920px;padding:22px 18px calc(120px + var(--safe-bottom));flex:1;width:100%;margin:0 auto}.tab-nav{-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--line);padding:8px 10px calc(8px + var(--safe-bottom));z-index:40;background:linear-gradient(#040912c7,#040912f0);grid-template-columns:repeat(4,1fr);gap:2px;display:grid;position:fixed;bottom:0;left:0;right:0}.tab-nav__item{border-radius:var(--radius-md);color:var(--text-faint);cursor:pointer;letter-spacing:.02em;text-align:center;background:0 0;border:0;flex-direction:column;align-items:center;gap:3px;padding:7px 2px 5px;font-size:10px;line-height:1.25;transition:color .18s,background .18s;display:flex}.tab-nav__item--active{color:var(--gold-strong);background:#f2c57c1a}.tab-icon{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7px;width:22px;height:22px}.tab-nav__reset{display:none}@media (min-width:1000px){.app-body{flex-direction:row;gap:8px;width:100%;max-width:1240px;margin:0 auto;padding:0 20px}.tab-nav{-webkit-backdrop-filter:none;z-index:10;background:0 0;border:0;flex-direction:column;align-self:flex-start;gap:6px;width:236px;padding:26px 0;display:flex;position:sticky;top:76px}.tab-nav__item{background:var(--glass-soft);border:1px solid #0000;flex-direction:row;justify-content:flex-start;align-items:center;gap:12px;width:100%;padding:13px 16px;font-size:14px}.tab-nav__item--active{border-color:var(--line-strong);background:#f2c57c1f}.tab-nav__reset{color:var(--text-faint);cursor:pointer;text-underline-offset:4px;background:0 0;border:0;margin-top:18px;padding:6px;font-size:12px;text-decoration:underline;display:block}.tab-nav__reset:hover{color:var(--text-muted)}.app-main{margin:0;padding:26px 4px 80px}}.panel-stack{flex-direction:column;gap:18px;display:flex}.glass-card{-webkit-backdrop-filter:blur(18px);background:var(--glass);border:1px solid var(--line);border-radius:var(--radius-xl);box-shadow:var(--shadow);padding:22px}.section-heading{justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:14px;display:flex}.section-heading h2{font-size:20px}.eyebrow{color:var(--gold);letter-spacing:.3em;text-transform:uppercase;margin-bottom:4px;font-size:10px;font-weight:700}.muted{color:var(--text-muted)}.small{font-size:12px;display:block}.empty-note{border:1px dashed var(--line-strong);border-radius:var(--radius-lg);color:var(--text-muted);text-align:center;padding:22px;font-size:13px}.btn{cursor:pointer;letter-spacing:.03em;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:11px 22px;font-size:14px;font-weight:700;transition:transform .12s,box-shadow .18s,background .18s,opacity .18s;display:inline-flex}.btn:active{transform:scale(.97)}.btn:disabled{cursor:not-allowed;opacity:.45}.btn--primary{background:linear-gradient(135deg, var(--gold-strong), var(--gold) 55%, var(--gold-deep));color:#241703;box-shadow:0 10px 28px #f2c57c47}.btn--primary:not(:disabled):hover{box-shadow:0 14px 34px #f2c57c66}.btn--secondary{border-color:var(--line-strong);color:var(--gold-strong);background:#f2c57c1a}.btn--secondary:not(:disabled):hover{background:#f2c57c2e}.btn--ghost{border-color:var(--line);color:var(--text-muted);background:0 0}.btn--ghost:not(:disabled):hover{color:var(--text)}.btn--lg{padding:14px 28px;font-size:15px}.btn--sm{padding:7px 14px;font-size:12px}.stat-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;display:grid}.stat-tile{background:var(--glass-soft);border:1px solid var(--line);border-radius:var(--radius-lg);flex-direction:column;gap:2px;padding:14px 16px;display:flex}.stat-tile__label{color:var(--text-faint);letter-spacing:.1em;font-size:11px}.stat-tile__value{font-family:var(--font-display);font-size:20px}.stat-tile__sub{color:var(--text-muted);font-size:11px}.xp-bar{background:#f2c57c1f;border-radius:999px;height:8px;margin:8px 0 4px;overflow:hidden}.xp-bar__fill{background:linear-gradient(90deg, var(--gold-deep), var(--gold-strong));border-radius:999px;height:100%;transition:width .6s cubic-bezier(.22,1,.36,1)}.lock-badge{color:var(--text-faint);font-size:11px}.rarity{color:var(--gold);letter-spacing:.1em;font-size:11px}.rarity--3{color:var(--gold-strong);text-shadow:0 0 8px #ffdfa0a6}.hero-card{background:var(--glass);border:1px solid var(--line);border-radius:var(--radius-xl);box-shadow:var(--shadow);overflow:hidden}.hero-card__art{aspect-ratio:16/8.4;position:relative;overflow:hidden}.hero-card__art:after{content:"";background:linear-gradient(#0000 46%,#081020eb 100%);position:absolute;inset:0}.hero-card__art img{object-fit:cover;width:100%;height:100%;display:block}.hero-card__copy{z-index:1;flex-direction:column;gap:12px;margin-top:-46px;padding:0 24px 26px;display:flex;position:relative}.hero-card__copy h2{font-size:clamp(24px,4.6vw,34px);line-height:1.3}.hero-card__lead{color:var(--text-muted);max-width:560px;font-size:14px}.hero-card__copy .btn{align-self:flex-start}.story-split{flex-wrap:wrap;gap:20px;display:flex}.story-split__art{flex:240px;max-width:320px}.story-split__art img{border:1px solid var(--line-strong);border-radius:var(--radius-lg);width:100%;display:block;-webkit-mask-image:radial-gradient(circle,#000 62%,#0000 96%);mask-image:radial-gradient(circle,#000 62%,#0000 96%)}.story-split--reverse{flex-direction:row-reverse}.story-split__body{flex-direction:column;flex:2 320px;gap:12px;display:flex}.story-split__body strong{color:var(--gold-strong);font-weight:700}.story-acts{counter-reset:act;flex-direction:column;gap:16px;margin-bottom:14px;display:flex}.story-acts li{border-left:2px solid var(--line-strong);gap:14px;padding-left:16px;display:flex}.story-acts__act{color:var(--gold);font-family:var(--font-display);letter-spacing:.08em;flex:0 0 52px;padding-top:1px;font-size:14px}.story-acts strong{font-family:var(--font-display);margin-bottom:3px;font-size:15px;display:block}.step-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;display:grid}.step-card{padding:18px;position:relative}.step-card__number{color:var(--gold);font-family:var(--font-display);letter-spacing:.2em;font-size:13px}.step-card h3{margin:6px 0 8px;font-size:17px}.step-card p{color:var(--text-muted);font-size:13px}.form-strip{grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0;display:grid}.form-strip__item{background:var(--glass-soft);border:1px solid var(--line);border-radius:var(--radius-lg);text-align:center;flex-direction:column;align-items:center;gap:6px;padding:14px 8px;display:flex}.form-strip__label{font-family:var(--font-display);font-size:14px}.form-strip__range{color:var(--text-faint);font-size:11px}.blessing-list{color:var(--text-muted);flex-direction:column;gap:6px;margin-top:10px;font-size:13px;display:flex}.blessing-list strong{color:var(--text)}.stage{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;min-height:170px;padding:6px 6px 0;display:flex}.stage__companion{flex-direction:column;align-items:center;display:flex}.stage__companion-plate{-webkit-backdrop-filter:blur(10px);background:var(--glass-deep);border:1px solid var(--line);z-index:2;border-radius:999px;margin-top:-8px;padding:5px 16px;position:relative}.stage__companion-name{font-family:var(--font-display);align-items:center;gap:8px;font-size:14px;display:flex}.stage__companion-name em{color:var(--gold);font-size:11px;font-style:normal}.stage__objectives{flex-direction:column;flex:1;gap:6px;min-width:240px;display:flex}.stage__objectives-title{color:var(--gold);letter-spacing:.22em;font-size:11px}.objective-chip{-webkit-backdrop-filter:blur(10px);background:var(--glass-soft);border:1px solid var(--line);border-radius:999px;align-items:center;gap:8px;width:fit-content;padding:6px 14px;font-size:12px;display:flex}.objective-chip span{color:var(--gold);min-width:30px;font-size:11px;font-weight:700}.objective-chip--done{color:var(--text-muted);border-color:#6fd6c380}.objective-chip--done span{color:var(--teal)}.companion-portrait{filter:drop-shadow(0 14px 30px #02060e99);position:relative}.companion-portrait img{object-fit:cover;border-radius:24%;width:100%;height:100%;display:block;-webkit-mask-image:radial-gradient(circle at 50% 46%,#000 58%,#0000 76%);mask-image:radial-gradient(circle at 50% 46%,#000 58%,#0000 76%)}.spirit-orb-stage{justify-content:center;align-items:center;display:flex;position:relative}.spirit-orb{background:radial-gradient(circle at 34% 30%, hsl(var(--orb-hue) 90% 82% / .95), hsl(var(--orb-hue) 85% 58% / .85) 52%, hsl(var(--orb-hue) 80% 40% / .7));box-shadow:0 0 24px hsl(var(--orb-hue) 90% 62% / .55), inset 0 -6px 16px hsl(var(--orb-hue) 90% 30% / .6);z-index:1;border-radius:46% 46% 52% 52%;position:relative}.spirit-orb__eye{background:#fff;border-radius:50%;width:9%;height:22%;position:absolute;top:34%}.spirit-orb__eye--left{left:32%}.spirit-orb__eye--right{right:32%}.spirit-orb__fin{background:hsl(var(--orb-hue) 85% 66% / .85);border-radius:60% 40%;width:34%;height:30%;position:absolute;bottom:-8%;right:-14%;transform:rotate(-30deg)}.spirit-orb__crown{background:linear-gradient(180deg, var(--gold-strong), var(--gold-deep));clip-path:polygon(0 100%,15% 30%,33% 72%,50% 12%,67% 72%,85% 30%,100% 100%);width:40%;height:26%;position:absolute;top:-22%;left:30%}.spirit-orb__halo{background:radial-gradient(circle, hsl(var(--orb-hue) 90% 60% / .3), transparent 70%);border-radius:50%;width:120%;height:120%;animation:3.4s ease-in-out infinite halo-breathe;position:absolute}@keyframes halo-breathe{0%,to{opacity:.55;transform:scale(.96)}50%{opacity:1;transform:scale(1.05)}}@media (prefers-reduced-motion:reduce){.spirit-orb__halo{animation:none}}.slot-indicator{color:var(--gold);font-family:var(--font-display);white-space:nowrap;font-size:14px}.chip-row{min-inline-size:0;max-width:100%;margin-bottom:14px}.chip-row legend{color:var(--text-muted);letter-spacing:.08em;margin-bottom:8px;font-size:12px;font-weight:700}.chip-row__scroll{scrollbar-width:none;gap:8px;margin:0 -22px;padding:2px 22px 6px;display:flex;overflow-x:auto}.chip-row__scroll::-webkit-scrollbar{display:none}.scene-chip,.gear-chip,.item-chip{background:var(--glass-soft);border:1px solid var(--line);border-radius:var(--radius-lg);cursor:pointer;text-align:left;flex:none;padding:0;transition:border-color .16s,box-shadow .16s,transform .12s;display:flex;overflow:hidden}.scene-chip:not(:disabled):hover,.gear-chip:not(:disabled):hover,.item-chip:not(:disabled):hover{transform:translateY(-2px)}.scene-chip--active,.gear-chip--active,.item-chip--active{border-color:var(--gold);box-shadow:0 8px 26px #f2c57c3d}.scene-chip--locked,.gear-chip--locked,.item-chip--locked{cursor:not-allowed}.scene-chip--locked .scene-chip__art,.gear-chip--locked .gear-chip__art,.item-chip--locked .item-chip__art{filter:grayscale(.85)brightness(.55)}.scene-chip{flex-direction:column;width:216px}.scene-chip__art{aspect-ratio:16/9;object-fit:cover;width:100%;display:block}.scene-chip__body{flex-direction:column;flex:1;gap:2px;padding:10px 14px 12px;display:flex}.scene-chip__label{font-size:14px;font-weight:700}.scene-chip__detail{color:var(--text-faint);font-size:11px;line-height:1.45}.scene-chip--active .scene-chip__label{color:var(--gold-strong)}.gear-chip{flex-direction:column;width:172px}.gear-chip__art{aspect-ratio:1;object-fit:cover;width:100%;display:block}.gear-chip__body{flex-direction:column;flex:1;gap:2px;padding:10px 12px 12px;display:flex}.gear-chip__meta{color:var(--gold);margin-top:2px;font-size:11px}.gear-chip--active .scene-chip__label{color:var(--gold-strong)}.item-chip{border-radius:var(--radius-lg);flex-direction:row;align-items:center;gap:10px;width:196px;padding:8px 14px 8px 8px}.item-chip__art{border:1px solid var(--line);object-fit:cover;border-radius:50%;flex:none;width:56px;height:56px;display:block}.item-chip__body{flex-direction:column;gap:1px;min-width:0;display:flex}.item-chip__label{font-size:13px;font-weight:700}.item-chip__detail{color:var(--text-faint);font-size:10.5px;line-height:1.4}.item-chip--active .item-chip__label{color:var(--gold-strong)}.item-chip--active .item-chip__art{border-color:var(--gold);box-shadow:0 0 14px #f2c57c59}.loadout-footer{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-top:4px;padding-top:16px;display:flex}.loadout-hint{align-items:center;gap:12px;display:flex}.loadout-hint strong{font-size:13px;display:block}.affinity{border:1px solid var(--line-strong);border-radius:50%;flex:none;justify-content:center;align-items:center;width:42px;height:42px;font-size:18px;display:flex}.affinity--match{color:var(--teal);border-color:#6fd6c38c;box-shadow:0 0 14px #6fd6c340}.affinity--neutral{color:var(--gold)}.affinity--mismatch{color:var(--text-faint)}.rig-list{flex-direction:column;gap:12px;display:flex}.rig-card{background:var(--glass-soft);border:1px solid var(--line);border-radius:var(--radius-lg);position:relative;overflow:hidden}.rig-card__scene{opacity:.22;background-position:50%;background-size:cover;position:absolute;inset:0}.rig-card__content{padding:14px 16px;position:relative}.rig-card__head{align-items:center;gap:12px;display:flex}.rig-card__thumb{border:1px solid var(--line-strong);border-radius:var(--radius-md);object-fit:cover;flex:none;width:52px;height:52px;display:block}.rig-card__titles{flex-direction:column;gap:1px;min-width:0;display:flex}.rig-card__title{font-size:15px;font-weight:700}.rig-card__meter{background:#7db4ff24;border-radius:999px;height:7px;margin:10px 0;overflow:hidden}.rig-card__meter-fill{background:linear-gradient(90deg, #4d7ec4, var(--blue));border-radius:999px;height:100%;transition:width .5s}.rig-card__meter-fill--full{background:linear-gradient(90deg, var(--gold-deep), var(--gold-strong))}.rig-card__foot{justify-content:space-between;align-items:center;gap:10px;display:flex}.time-controls{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}.accordion-head{cursor:pointer;text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;width:100%;padding:0;display:flex}.accordion-title{font-family:var(--font-display);font-size:19px;display:block}.accordion-arrow{color:var(--gold);font-size:18px;transition:transform .2s}.accordion-arrow--open{transform:rotate(180deg)}.workshop{padding-top:18px}.workshop__title{margin:14px 0 10px;font-size:15px}.upgrade-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:8px;display:grid}.upgrade-card{background:var(--glass-soft);border:1px solid var(--line);border-radius:var(--radius-md);justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;display:flex}.upgrade-card strong{font-size:13px;display:block}.upgrade-card__id{align-items:center;gap:10px;display:flex}.upgrade-card__thumb{border:1px solid var(--line);border-radius:var(--radius-md);object-fit:cover;flex:none;width:40px;height:40px;display:block}.market-list{flex-direction:column;gap:10px;display:flex}.market-card{background:var(--glass-soft);border:1px solid var(--line);border-radius:var(--radius-lg);align-items:center;gap:14px;padding:12px 16px;display:flex}.market-card__body{flex-direction:column;flex:1;gap:2px;display:flex}.journal{color:var(--text-muted);flex-direction:column;gap:8px;font-size:13px;display:flex}.journal li{border-left:2px solid var(--line-strong);padding-left:12px}.companion-list{flex-direction:column;gap:12px;display:flex}.companion-card{background:var(--glass-soft);border:1px solid var(--line);border-radius:var(--radius-lg);gap:16px;padding:16px;display:flex}.companion-card--active{border-color:var(--line-strong);box-shadow:0 8px 26px #f2c57c1f}.companion-card--missing{opacity:.75}.companion-card__portrait{flex:0 0 104px;justify-content:center;align-items:center;display:flex}.companion-card__unknown{border:1px dashed var(--line-strong);color:var(--text-faint);font-family:var(--font-display);border-radius:50%;justify-content:center;align-items:center;width:84px;height:84px;font-size:30px;display:flex}.companion-card__body{flex-direction:column;flex:1;gap:4px;display:flex}.companion-card__head{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.companion-card__head strong{font-family:var(--font-display);font-size:17px}.form-tag{border:1px solid var(--line-strong);color:var(--gold-strong);background:#f2c57c24;border-radius:999px;padding:2px 10px;font-size:11px}.companion-card__actions{align-items:center;gap:12px;margin-top:8px;display:flex}.active-tag{color:var(--teal);font-size:12px;font-weight:700}.dex-filter{flex-wrap:wrap;gap:8px;margin-bottom:10px;display:flex}.dex-filter__chip{background:var(--glass-soft);border:1px solid var(--line);color:var(--text-muted);cursor:pointer;border-radius:999px;padding:6px 14px;font-size:12px;font-weight:700;transition:border-color .15s,color .15s}.dex-filter__chip--on{border-color:var(--gold);color:var(--gold-strong)}.dex-progress{margin:0 0 14px}.dex-progress-note{margin-bottom:6px}.dex-grid{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:8px;max-height:460px;display:grid;overflow-y:auto}.dex-cell{background:var(--glass-soft);border:1px solid var(--line);border-radius:var(--radius-md);text-align:center;flex-direction:column;align-items:center;gap:2px;padding:12px 6px 10px;display:flex}.dex-cell--unknown{opacity:.55}.dex-cell__icon{color:var(--text-faint);font-family:var(--font-display);justify-content:center;align-items:center;height:44px;font-size:20px;display:flex}.dex-cell__name{font-size:11px;font-weight:700}.dex-cell__meta{color:var(--text-muted);font-size:10px}.score-card__value{font-family:var(--font-display);letter-spacing:.04em;font-size:clamp(40px,8vw,56px);line-height:1.1}.score-parts{border-top:1px solid var(--line);flex-direction:column;gap:8px;margin-top:14px;padding-top:14px;display:flex}.score-parts li{color:var(--text-muted);justify-content:space-between;align-items:baseline;font-size:13px;display:flex}.score-parts strong{color:var(--text);font-family:var(--font-display);font-size:15px}.score-parts__highlight{color:var(--gold)}.score-parts__highlight strong{color:var(--gold-strong)}.ranking-list{flex-direction:column;gap:8px;margin-bottom:12px;display:flex}.ranking-row{background:var(--glass-soft);border:1px solid var(--line);border-radius:var(--radius-md);align-items:center;gap:14px;padding:11px 16px;display:flex}.ranking-row--player{border-color:var(--line-strong);background:#f2c57c1f}.ranking-row__rank{color:var(--gold);font-family:var(--font-display);text-align:center;min-width:26px;font-size:17px}.ranking-row__name{flex-direction:column;flex:1;font-size:14px;font-weight:700;display:flex}.ranking-row__name em{color:var(--text-faint);font-size:11px;font-style:normal;font-weight:400}.ranking-row__score{font-family:var(--font-display);font-size:16px}.objective-list{flex-direction:column;gap:10px;margin-bottom:10px;display:flex}.objective-list li{align-items:center;gap:10px;font-size:13px;display:flex}.objective-list__mark{color:var(--gold);min-width:16px}.objective-list__done .objective-list__mark{color:var(--teal)}.objective-list__done{color:var(--text-faint)}.objective-list__label{flex:1}.objective-list__progress{color:var(--text-muted);font-size:12px}.modal-veil{-webkit-backdrop-filter:blur(6px);z-index:60;background:#03070ea8;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{-webkit-backdrop-filter:blur(24px);background:var(--glass-deep);border:1px solid var(--line-strong);border-radius:var(--radius-xl) var(--radius-xl) 0 0;border-bottom:0;flex-direction:column;width:100%;max-width:640px;max-height:88vh;display:flex;overflow:hidden}@media (min-width:700px){.modal-veil{align-items:center;padding:24px}.sheet{border-bottom:1px solid var(--line-strong);border-radius:var(--radius-xl)}}.sheet__head{padding:22px 22px 12px}.sheet__head h2{font-size:22px}.sheet__quick{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:8px;padding:10px 22px 12px;display:flex}.sheet__list{flex-direction:column;flex:1;gap:10px;padding:14px 22px;display:flex;overflow-y:auto}.catch-row{background:var(--glass-soft);border:1px solid var(--line);border-radius:var(--radius-lg);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}.catch-row__id{align-items:center;gap:10px;display:flex}.catch-row__name{font-size:14px;font-weight:700;display:block}.new-tag{background:linear-gradient(135deg, var(--gold-strong), var(--gold-deep));color:#241703;letter-spacing:.08em;vertical-align:2px;border-radius:999px;margin-left:8px;padding:2px 8px;font-size:10px;font-style:normal;font-weight:800}.segmented{border:1px solid var(--line);background:#050b16b3;border-radius:999px;padding:3px;display:flex}.segmented__option{color:var(--text-faint);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:700;transition:background .15s,color .15s}.segmented__option--on{color:var(--gold-strong);background:#f2c57c33}.sheet__foot{border-top:1px solid var(--line);padding:14px 22px calc(18px + var(--safe-bottom));flex-direction:column;gap:10px;display:flex}.sheet__head--with-close{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.sheet__later{flex:none;margin-top:4px}.pending-card{border-color:var(--line-strong)}.pending-list{flex-direction:column;gap:10px;margin-top:12px;display:flex}.pending-row{background:var(--glass-soft);border:1px solid var(--line);border-radius:var(--radius-lg);align-items:center;gap:12px;padding:10px 14px;display:flex}.pending-row__thumb{border:1px solid var(--line-strong);border-radius:var(--radius-md);object-fit:cover;flex:none;width:62px;height:46px;display:block}.pending-row__body{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.share-live{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:14px;padding:6px 22px 12px;display:flex}.share-live__companion{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.share-live__meter{flex:1;min-width:0}.share-live__name{font-family:var(--font-display);align-items:center;gap:8px;font-size:15px;display:flex}.share-live__name em{color:var(--gold);font-size:12px;font-style:normal}.share-live__select{background:var(--glass-soft);border:1px solid var(--line-strong);color:var(--text);border-radius:999px;padding:3px 8px;font-size:11px}.share-live__coins{color:var(--gold-strong);font-family:var(--font-display);white-space:nowrap;font-size:16px}.share-stage{flex-direction:column;gap:14px;padding:16px 22px 6px;display:flex;position:relative}.share-featured{background:var(--glass-soft);border:1px solid var(--line-strong);border-radius:var(--radius-lg);align-items:center;gap:14px;padding:14px 18px;display:flex}.share-featured__body{flex-direction:column;gap:2px;min-width:0;display:flex}.share-float{font-family:var(--font-display);pointer-events:none;text-shadow:0 2px 12px #02060ee6;z-index:3;font-size:20px;font-weight:700;position:absolute;top:6px;left:50%;transform:translate(-50%)}.share-float--feed{color:var(--teal)}.share-float--sell{color:var(--gold-strong)}.share-float--release{color:var(--blue)}.share-actions{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.share-btn{border:1px solid var(--line-strong);border-radius:var(--radius-lg);cursor:pointer;flex-direction:column;align-items:center;gap:2px;padding:13px 8px;transition:transform .1s,box-shadow .16s,background .16s;display:flex}.share-btn:not(:disabled):active{transform:scale(.95)}.share-btn:disabled{cursor:not-allowed;opacity:.4}.share-btn__label{font-size:14px;font-weight:800}.share-btn__gain{opacity:.85;font-size:11px}.share-btn--feed{color:var(--teal);background:#6fd6c324;border-color:#6fd6c380}.share-btn--feed:not(:disabled):hover{box-shadow:0 8px 22px #6fd6c338}.share-btn--sell{border-color:var(--line-strong);color:var(--gold-strong);background:#f2c57c24}.share-btn--sell:not(:disabled):hover{box-shadow:0 8px 22px #f2c57c3d}.share-btn--release{color:var(--blue);background:#7db4ff1a;border-color:#7db4ff66}.share-queue{flex-wrap:wrap;gap:8px;max-height:128px;padding:10px 22px 12px;display:flex;overflow-y:auto}.share-queue__chip{background:var(--glass-soft);border:1px solid var(--line);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:5px 12px 5px 6px;font-size:12px;font-weight:700;display:flex}.share-queue__chip em{color:var(--text-faint);font-style:normal}.share-queue__chip--active{border-color:var(--gold);color:var(--gold-strong)}.sheet__foot--share{flex-flow:wrap;align-items:center}.sheet__quick-actions{flex-wrap:wrap;gap:8px;display:flex}.feed-target{color:var(--text-muted);font-size:13px}.feed-target select{background:var(--glass-soft);border:1px solid var(--line-strong);border-radius:var(--radius-md);color:var(--text);margin-left:8px;padding:7px 10px;font-size:13px}.sheet__summary{color:var(--text-muted);flex-wrap:wrap;gap:14px;min-height:20px;font-size:13px;display:flex}.xp-text{color:var(--teal)}.coin-text{color:var(--gold-strong)}.ceremony-veil{-webkit-backdrop-filter:blur(10px);z-index:70;background:#03060cd1;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.ceremony-veil--tappable{cursor:pointer;border:0;width:100%}.ceremony{text-align:center;flex-direction:column;align-items:center;gap:10px;max-width:460px;display:flex;position:relative}.ceremony h2{font-size:clamp(22px,5vw,30px);line-height:1.35}.ceremony__lead{color:var(--text-muted);font-size:14px}.ceremony__burst{z-index:-1;background:repeating-conic-gradient(#f2c57c29 0deg 8deg,#0000 8deg 24deg);border-radius:50%;width:420px;height:420px;animation:14s linear infinite burst-spin;position:absolute;top:-90px;-webkit-mask-image:radial-gradient(circle,#000 30%,#0000 68%);mask-image:radial-gradient(circle,#000 30%,#0000 68%)}@keyframes burst-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.ceremony__burst{animation:none}}.ceremony--result{background:var(--glass-deep);border:1px solid var(--line-strong);border-radius:var(--radius-xl);max-height:92vh;padding:0 26px 28px;overflow-y:auto}.ceremony__art{margin:0 -26px 14px;overflow:hidden}.ceremony__art img{object-fit:cover;width:100%;max-height:300px;display:block;-webkit-mask-image:linear-gradient(#000 72%,#0000 100%);mask-image:linear-gradient(#000 72%,#0000 100%)}.ceremony__score{color:var(--gold-strong);font-family:var(--font-display);font-size:52px;line-height:1.1}.ceremony__actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:12px;display:flex}.cutin-veil{-webkit-backdrop-filter:blur(6px);cursor:pointer;z-index:65;background:#03070e99;border:0;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.cutin{border:1px solid var(--line-strong);border-radius:var(--radius-xl);box-shadow:var(--shadow);width:100%;max-width:560px;position:relative;overflow:hidden}.cutin__scene{aspect-ratio:16/9;object-fit:cover;width:100%;display:block}.cutin__overlay{background:linear-gradient(#050d1a0d 40%,#050d1ae0 100%);position:absolute;inset:0}.cutin__rig{border:2px solid var(--gold);object-fit:cover;border-radius:50%;width:clamp(96px,26vw,132px);height:clamp(96px,26vw,132px);position:absolute;top:26%;left:50%;transform:translate(-50%);box-shadow:0 0 34px #f2c57c80}.cutin__ripple{position:absolute;top:62%;left:50%}.cutin__ripple i{border:2px solid #ffdfa0a6;border-radius:50%;width:20px;height:20px;animation:1.4s ease-out infinite ripple-out;position:absolute;top:-6px;left:-10px;transform:scaleY(.45)}.cutin__ripple i:nth-child(2){animation-delay:.3s}.cutin__ripple i:nth-child(3){animation-delay:.6s}@keyframes ripple-out{0%{opacity:.9;transform:scale(.4)scaleY(.45)}to{opacity:0;transform:scale(5.5)scaleY(.45)}}@media (prefers-reduced-motion:reduce){.cutin__ripple i{opacity:0;animation:none}}.cutin__caption{text-align:center;position:absolute;bottom:16px;left:0;right:0}.cutin__caption strong{font-family:var(--font-display);letter-spacing:.04em;text-shadow:0 2px 14px #02060ed9;font-size:clamp(17px,3.6vw,22px);display:block}.toast-stack{pointer-events:none;left:0;right:0;top:calc(70px + var(--safe-top));z-index:80;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed}.toast{-webkit-backdrop-filter:blur(14px);background:var(--glass-deep);border:1px solid var(--line-strong);box-shadow:var(--shadow);color:var(--text);border-radius:999px;max-width:min(92vw,480px);padding:10px 20px;font-size:13px;font-weight:600}:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.status-subnav{-webkit-backdrop-filter:blur(16px);border:1px solid var(--line);top:calc(70px + var(--safe-top));z-index:20;background:#050b16c2;border-radius:999px;grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid;position:sticky}.status-subnav__button{color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;gap:7px;min-height:44px;padding:8px 12px;font-size:13px;font-weight:800;display:flex}.status-subnav__button span{color:var(--text-faint);white-space:nowrap;font-size:10px}.status-subnav__button--active{box-shadow:inset 0 0 0 1px var(--line-strong);color:var(--gold-strong);background:linear-gradient(135deg,#f2c57c33,#f2c57c14)}.status-dex-cta{width:100%;min-height:44px;margin-top:16px}.encyclopedia{flex-direction:column;gap:14px;display:flex}.dex-floating-guide{-webkit-backdrop-filter:blur(14px);border:1px solid var(--line-strong);bottom:max(18px, env(safe-area-inset-bottom));color:var(--text-muted);letter-spacing:.08em;pointer-events:none;text-transform:uppercase;z-index:28;background:#05101edb;border-radius:22px;align-items:center;gap:2px;padding:6px 10px 6px 4px;font-size:9px;line-height:1.35;display:flex;position:fixed;right:max(18px,50vw - 702px);box-shadow:0 16px 38px #01050e8f}.dex-floating-guide .companion-portrait{flex:none}.dex-floating-guide strong{color:var(--gold-strong);font-size:12px}.dex-hero{background:radial-gradient(circle at 90% 16%,#6fd6c329,#0000 34%),linear-gradient(135deg,#0b1f36eb,#071020eb);grid-template-columns:minmax(0,1fr) 164px;gap:12px;min-height:230px;padding-top:22px;padding-bottom:18px;display:grid;position:relative;overflow:hidden}.dex-hero:after{content:"";opacity:.75;background:repeating-radial-gradient(#0000 0 13px,#7db4ff14 14px 15px);height:120px;position:absolute;bottom:-48px;left:-20px;right:-20px;transform:scaleY(.42)}.dex-hero__copy{z-index:2;min-width:0;position:relative}.dex-hero__lead{color:var(--text-muted);max-width:560px;font-size:13px;line-height:1.8}.dex-total-progress{margin-top:18px}.dex-total-progress__labels{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:7px;display:flex}.dex-total-progress__labels strong{color:var(--gold-strong);font-family:var(--font-display);font-size:18px}.dex-total-progress__labels span{color:var(--text-faint);font-size:11px}.dex-total-progress__track{background:#01070fc2;border:1px solid #f2c57c24;border-radius:999px;height:9px;overflow:hidden}.dex-total-progress__fill{background:linear-gradient(90deg, var(--teal), var(--gold-strong));border-radius:inherit;height:100%;box-shadow:0 0 16px #f2c57c73}.dex-hero__companion{z-index:2;flex-direction:column;justify-content:flex-end;align-self:end;align-items:center;min-height:190px;display:flex;position:relative}.dex-hero__companion .companion-portrait{filter:drop-shadow(0 16px 24px #01050e8f)}.dex-hero__caption{border:1px solid var(--line-strong);color:var(--gold-strong);text-align:center;background:#050b16d1;border-radius:999px;margin-top:-14px;padding:5px 12px;font-size:10px;font-weight:800;line-height:1.35;position:relative}.dex-hero__spark{color:var(--gold-strong);font-size:24px;animation:2.8s ease-in-out infinite dex-spark;position:absolute;top:6px;right:6px}@keyframes dex-spark{0%,to{opacity:.45;transform:rotate(-8deg)scale(.86)}50%{opacity:1;transform:rotate(9deg)scale(1.12)}}.dex-rarity-summary{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.dex-rarity-stat{border:1px solid var(--line);border-radius:var(--radius-lg);cursor:pointer;text-align:left;background:#081224d1;grid-template-columns:auto 1fr;align-items:center;gap:2px 8px;min-height:72px;padding:10px 12px;transition:border-color .16s,transform .16s,background .16s;display:grid}.dex-rarity-stat:hover{border-color:var(--line-strong);transform:translateY(-1px)}.dex-rarity-stat--active{border-color:var(--gold);background:#f2c57c1f}.dex-rarity-stat__code{font-family:var(--font-display);background:#ffffff14;border-radius:8px;grid-row:1/3;justify-content:center;align-items:center;width:34px;height:34px;font-size:12px;display:flex}.dex-rarity-stat__label{color:var(--text-faint);letter-spacing:.04em;text-overflow:ellipsis;white-space:nowrap;font-size:9px;font-weight:800;overflow:hidden}.dex-rarity-stat strong{font-size:17px;line-height:1}.dex-rarity-stat small{color:var(--text-faint);font-size:10px;font-weight:600}.dex-rarity-stat--rare .dex-rarity-stat__code{color:var(--blue)}.dex-rarity-stat--super-rare .dex-rarity-stat__code{color:#d4a2ff}.dex-rarity-stat--ultra-rare .dex-rarity-stat__code{color:var(--gold-strong)}.dex-catalog{padding-top:18px}.dex-toolbar{grid-template-columns:minmax(0,1fr) auto;align-items:flex-end;gap:10px;display:grid}.dex-search{border:1px solid var(--line);background:#030913ad;border-radius:14px;align-items:center;min-height:46px;padding:0 13px;display:flex}.dex-search:focus-within{border-color:var(--gold);box-shadow:0 0 0 2px #f2c57c1a}.dex-search svg{fill:none;height:20px;stroke:var(--text-faint);stroke-linecap:round;stroke-width:1.8px;flex:0 0 20px;width:20px;margin-right:9px}.dex-search input{color:var(--text);font:inherit;background:0 0;border:0;outline:0;width:100%;min-width:0;font-size:16px}.dex-search input::placeholder{color:var(--text-faint)}.dex-sort{flex-direction:column;gap:3px;display:flex}.dex-sort span{color:var(--text-faint);letter-spacing:.08em;font-size:9px;font-weight:800}.dex-sort select{appearance:none;border:1px solid var(--line);color:var(--text);cursor:pointer;background:#030913ad;border-radius:12px;min-height:44px;padding:0 36px 0 12px;font-size:13px}.dex-segmented{border:1px solid var(--line);background:#03091394;border-radius:999px;grid-template-columns:repeat(3,1fr);gap:3px;margin-top:12px;padding:3px;display:inline-grid}.dex-segmented__button{color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:999px;min-width:86px;min-height:38px;padding:7px 14px;font-size:12px;font-weight:800}.dex-segmented__button--active{color:var(--gold-strong);background:#f2c57c26}.dex-filter--biomes{border-bottom:1px solid var(--line);margin:12px 0 0;padding-bottom:14px}.dex-filter__chip{min-height:40px}.dex-results-head{justify-content:space-between;align-items:center;min-height:46px;display:flex}.dex-results-head p{color:var(--text-muted);font-size:12px}.dex-results-head strong{color:var(--text);font-size:14px}.dex-results-head span{color:var(--gold-strong)}.dex-clear{color:var(--gold-strong);cursor:pointer;background:0 0;border:0;min-height:40px;padding:7px 0 7px 12px;font-size:12px}.dex-card-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.dex-card{border:1px solid var(--line);cursor:pointer;text-align:left;background:#050d1be6;border-radius:16px;width:100%;min-height:44px;padding:0;transition:border-color .18s,transform .18s,box-shadow .18s;display:block;position:relative;overflow:hidden}.dex-card:hover{border-color:var(--line-strong);transform:translateY(-2px);box-shadow:0 14px 30px #01050e6b}.dex-card--rare{border-color:#7db4ff4d}.dex-card--super-rare{border-color:#c586ff57}.dex-card--ultra-rare{border-color:#ffdfa080;box-shadow:inset 0 0 22px #f2c57c0d}.dex-card__number{color:#ffffffb8;letter-spacing:.06em;z-index:2;background:#030811b8;border-radius:999px;padding:3px 7px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px;position:absolute;top:7px;left:7px}.dex-card__art{aspect-ratio:1.12;background:linear-gradient(135deg,#142c47,#07101e);display:block;position:relative;overflow:hidden}.dex-card__art:after{content:"";background:linear-gradient(#0000 60%,#050d1be6);position:absolute;inset:0}.dex-card__art img{object-fit:cover;width:100%;height:100%;transition:transform .28s,filter .28s;display:block;transform:scale(1.01)}.dex-card:hover .dex-card__art img{transform:scale(1.05)}.dex-card--unknown .dex-card__art img{filter:brightness(.11)saturate(.15)contrast(1.28)blur(1px)}.dex-card__question{color:#ffdfa09e;font-family:var(--font-display);text-shadow:0 0 22px #f2c57c73;z-index:2;font-size:38px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.dex-card__body{flex-direction:column;gap:5px;min-height:64px;padding:9px 10px 10px;display:flex}.dex-card__body strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1.35;overflow:hidden}.dex-card--unknown .dex-card__body strong{color:var(--text-faint);letter-spacing:.12em}.dex-card__meta{color:var(--text-faint);align-items:center;gap:5px;min-height:18px;font-size:9px;display:flex}.dex-rarity-badge{color:var(--text-muted);letter-spacing:.05em;background:#ffffff14;border:1px solid #ffffff1f;border-radius:999px;padding:2px 7px;font-size:9px;font-weight:900;display:inline-flex}.dex-rarity-badge--rare{color:var(--blue);border-color:#7db4ff80}.dex-rarity-badge--super-rare{color:#d4a2ff;border-color:#c586ff8c}.dex-rarity-badge--ultra-rare{border-color:var(--line-strong);color:var(--gold-strong)}.dex-empty{border:1px dashed var(--line-strong);border-radius:var(--radius-lg);color:var(--text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:220px;padding:24px;display:flex}.dex-empty>span{color:var(--teal);font-family:var(--font-display);font-size:42px;line-height:1}.dex-empty strong{color:var(--text)}.dex-empty p{font-size:12px}.dex-load-more{width:100%;min-height:46px;margin-top:14px}.dex-internal-note{border-top:1px solid var(--line);color:var(--text-faint);text-align:center;margin-top:16px;padding-top:12px;font-size:10px}.dex-detail-veil{-webkit-backdrop-filter:blur(10px);z-index:70;background:#02060ec7;justify-content:center;align-items:center;padding:18px;display:flex;position:fixed;inset:0}.dex-detail{background:var(--glass-deep);border:1px solid var(--line-strong);border-radius:var(--radius-xl);box-shadow:var(--shadow);grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);width:100%;max-width:820px;max-height:min(760px,92dvh);display:grid;position:relative;overflow:hidden auto}.dex-detail--rare{border-color:#7db4ff8a}.dex-detail--super-rare{border-color:#c586ff94}.dex-detail--ultra-rare{border-color:#ffdfa0b8}.dex-detail__close{border:1px solid var(--line-strong);cursor:pointer;z-index:5;background:#030811d1;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:24px;line-height:1;display:flex;position:absolute;top:12px;right:12px}.dex-detail__art{background:linear-gradient(135deg,#173554,#07101e);min-height:390px;position:relative;overflow:hidden}.dex-detail__art:after{content:"";pointer-events:none;background:linear-gradient(#0000 68%,#050b16b8);position:absolute;inset:0}.dex-detail__art>img{object-fit:cover;width:100%;height:100%;display:block}.dex-detail--unknown .dex-detail__art>img{filter:brightness(.1)saturate(.1)contrast(1.3)blur(1.5px)}.dex-detail__question{color:#ffdfa0b3;font-family:var(--font-display);text-shadow:0 0 34px #f2c57c80;z-index:2;font-size:80px;position:absolute;top:47%;left:50%;transform:translate(-50%,-50%)}.dex-detail__taimaru{z-index:3;position:absolute;bottom:2px;right:4px}.dex-detail__body{flex-direction:column;justify-content:center;min-width:0;padding:58px 28px 28px;display:flex}.dex-detail__title-row{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.dex-detail__number{color:var(--text-faint);letter-spacing:.08em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.dex-detail__title-row h2{margin-top:3px;font-size:clamp(25px,4vw,34px);line-height:1.3}.dex-detail__stats{grid-template-columns:1fr 1fr;gap:8px;margin:22px 0 0;display:grid}.dex-detail__stats div{background:var(--glass-soft);border:1px solid var(--line);border-radius:12px;min-width:0;padding:10px 12px}.dex-detail__stats dt{color:var(--text-faint);font-size:9px;font-weight:800}.dex-detail__stats dd{text-overflow:ellipsis;white-space:nowrap;margin:2px 0 0;font-size:13px;font-weight:800;overflow:hidden}.dex-detail__affinity{border-top:1px solid var(--line);gap:12px;margin-top:18px;padding-top:16px;display:grid}.dex-detail__affinity span,.dex-detail__clue>span{color:var(--gold-strong);letter-spacing:.08em;font-size:10px;font-weight:900}.dex-detail__affinity p{margin-top:2px;font-size:13px}.dex-detail__working{color:var(--text-faint);margin-top:16px;font-size:10px}.dex-detail__clue{border-radius:var(--radius-lg);background:#6fd6c314;border:1px solid #6fd6c338;flex-direction:column;margin-top:24px;padding:18px;display:flex}.dex-detail__clue strong{font-family:var(--font-display);margin-top:4px;font-size:20px}.dex-detail__clue p{color:var(--text-muted);margin-top:8px;font-size:12px}@media (max-width:700px){.dex-floating-guide{bottom:calc(78px + env(safe-area-inset-bottom));padding:3px;right:8px}.dex-floating-guide .companion-portrait{width:68px!important;height:68px!important}.dex-floating-guide span{display:none}.dex-hero{grid-template-columns:minmax(0,1fr) 118px;padding:18px}.dex-hero__companion{min-height:160px;transform:translate(10px)}.dex-hero__companion .companion-portrait{width:118px!important;height:118px!important}.dex-hero__caption{padding-inline:9px;font-size:9px}.dex-rarity-summary{grid-template-columns:1fr 1fr}.dex-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.dex-detail{max-width:520px;max-height:92dvh;display:block}.dex-detail__art{aspect-ratio:1.3;min-height:0}.dex-detail__body{padding:22px 20px 26px}}@media (max-width:480px){.status-subnav{top:calc(66px + var(--safe-top))}.status-subnav__button{padding-inline:7px;font-size:11px}.dex-hero{grid-template-columns:minmax(0,1fr) 92px}.dex-hero .section-heading{flex-direction:column;align-items:flex-start;gap:6px}.dex-hero__lead{font-size:12px}.dex-hero__companion .companion-portrait{width:100px!important;height:100px!important}.dex-hero__caption,.dex-hero__spark{display:none}.dex-total-progress__labels{flex-direction:column;align-items:flex-start;gap:0}.dex-toolbar{grid-template-columns:1fr;align-items:stretch}.dex-sort{grid-template-columns:auto minmax(0,1fr);align-items:center;display:grid}.dex-sort select{width:100%}.dex-segmented{width:100%;display:grid}.dex-segmented__button{min-width:0;padding-inline:6px}.dex-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dex-card__body{min-height:61px}.dex-card__body strong{font-size:11px}.dex-detail-veil{align-items:flex-end;padding:0}.dex-detail{border-radius:var(--radius-xl) var(--radius-xl) 0 0;border-bottom:0;max-height:91dvh}.dex-detail__art{aspect-ratio:1.5}}@media (prefers-reduced-motion:reduce){.dex-hero__spark{animation:none}.dex-card,.dex-card__art img{transition:none}}