.style-lab{color:#edf0f4;background:#07090e;min-height:100vh;overflow:hidden}.style-lab-toolbar{z-index:100;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#090b10f0;border-bottom:1px solid #282c35;grid-template-columns:260px minmax(600px,1fr) auto;align-items:center;gap:22px;min-height:102px;padding:14px max(22px,50vw - 790px);display:grid;position:sticky;top:0;box-shadow:0 15px 40px #0000004d}.style-lab-title{align-items:center;gap:12px;display:flex}.style-lab-title>a{color:#aeb6c2;border:1px solid #303640;border-radius:11px;place-items:center;width:38px;height:38px;text-decoration:none;display:grid}.style-lab-title>a:hover{color:#fff;border-color:#596273}.style-lab-title span{color:#777f8d;letter-spacing:.18em;font-size:9px;font-weight:800}.style-lab-title h1{margin:2px 0 0;font-size:19px}.style-lab-switcher{grid-template-columns:repeat(4,minmax(145px,1fr));gap:8px;display:grid}.style-lab-switcher button{color:#9aa3b1;cursor:pointer;text-align:left;background:#10141c;border:1px solid #292e38;border-radius:11px;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;min-width:0;padding:10px;display:grid}.style-lab-switcher button:hover{background:#151a23;border-color:#48505e}.style-lab-switcher button[aria-selected=true]{color:#f4e4ca;background:#1d1a18;border-color:#756147;box-shadow:inset 0 0 0 1px #efbb6f17}.style-switch-index{color:#666f7e;font:11px ui-monospace,monospace}.style-switch-copy{min-width:0}.style-switch-copy strong,.style-switch-copy small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.style-switch-copy strong{font-size:12px}.style-switch-copy small{color:#717b89;margin-top:3px;font-size:9px}.style-switch-swatches{display:flex}.style-switch-swatches i{border:1px solid #ffffff1a;width:9px;height:24px}.style-switch-swatches i:first-child{border-radius:5px 0 0 5px}.style-switch-swatches i:last-child{border-radius:0 5px 5px 0}.style-lab-hint{color:#727b88;max-width:170px;margin:0;font-size:10px;line-height:1.5}.style-stage{--sample-bg:#0c1017;--sample-panel:#141b25;--sample-panel-2:#1b2431;--sample-line:#93a4bc2b;--sample-text:#f5eee5;--sample-muted:#9fa8b5;--sample-accent:#d39a54;--sample-accent-2:#697796;background:#0a0d13;min-height:calc(100vh - 102px);padding:52px max(24px,50vw - 750px) 80px;position:relative}.style-direction-label{color:#7f8896;align-items:center;gap:12px;max-width:1500px;margin:0 auto 16px;display:flex}.style-direction-label>span{font:12px ui-monospace,monospace}.style-direction-label>div{align-items:baseline;gap:10px;display:flex}.style-direction-label strong{color:#dce1e8;font-size:13px}.style-direction-label small{font-size:10px}.style-mock-app{border:1px solid var(--sample-line);background:var(--sample-bg);width:min(1500px,100%);min-height:930px;color:var(--sample-text);border-radius:24px;margin:auto;overflow:hidden;box-shadow:0 40px 100px #00000073}.style-mock-nav{border-bottom:1px solid var(--sample-line);background:color-mix(in srgb, var(--sample-bg) 86%, transparent);align-items:center;gap:36px;height:76px;padding:0 30px;display:flex}.style-mock-brand{white-space:nowrap;align-items:center;gap:10px;display:flex}.style-mock-brand>span{border:1px solid color-mix(in srgb, var(--sample-accent) 55%, transparent);background:color-mix(in srgb, var(--sample-accent) 19%, transparent);width:34px;height:34px;color:var(--sample-accent);border-radius:10px;place-items:center;font-size:13px;display:grid}.style-mock-brand strong,.style-mock-brand small{display:block}.style-mock-brand strong{letter-spacing:.04em;font:700 17px Songti SC,Georgia,serif}.style-mock-brand small{color:var(--sample-muted);letter-spacing:.12em;margin-top:2px;font-size:7px}.style-mock-nav nav{align-self:stretch;gap:3px;display:flex}.style-mock-nav nav a{color:var(--sample-muted);align-items:center;padding:0 13px;font-size:12px;text-decoration:none;display:flex;position:relative}.style-mock-nav nav a.active{color:var(--sample-text)}.style-mock-nav nav a.active:after{background:var(--sample-accent);content:"";height:2px;position:absolute;bottom:0;left:13px;right:13px}.style-mock-version{color:var(--sample-muted);margin-left:auto;font:10px ui-monospace,monospace}.style-mock-version span{color:var(--sample-accent);margin-right:8px}.style-mock-body{grid-template-columns:224px minmax(0,1fr);min-height:854px;display:grid}.style-mock-filter{border-right:1px solid var(--sample-line);background:color-mix(in srgb, var(--sample-panel) 72%, var(--sample-bg));padding:28px 20px}.style-filter-heading{grid-template-columns:1fr auto;align-items:baseline;margin-bottom:28px;display:grid}.style-filter-heading>span{color:var(--sample-accent);letter-spacing:.14em;grid-column:1/-1;margin-bottom:5px;font:8px ui-monospace,monospace}.style-filter-heading strong{font:700 17px Songti SC,Georgia,serif}.style-filter-heading small{color:var(--sample-muted);font-size:9px}.style-filter-group{gap:5px;margin-bottom:26px;display:grid}.style-filter-group>span{color:color-mix(in srgb, var(--sample-muted) 76%, transparent);margin-bottom:5px;font-size:9px}.style-filter-group button{color:var(--sample-muted);cursor:default;text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;justify-content:space-between;padding:9px 10px;font-size:11px;display:flex}.style-filter-group button b{color:color-mix(in srgb, var(--sample-muted) 55%, transparent);font:9px ui-monospace,monospace}.style-filter-group button.selected{border-color:color-mix(in srgb, var(--sample-accent) 20%, transparent);background:color-mix(in srgb, var(--sample-accent) 11%, transparent);color:var(--sample-text)}.style-filter-foot{border-top:1px solid var(--sample-line);color:var(--sample-muted);padding-top:18px;font-size:9px}.style-filter-foot>strong{float:right;color:var(--sample-text)}.style-filter-foot>i{background:color-mix(in srgb, var(--sample-line) 70%, transparent);border-radius:3px;height:3px;margin-top:10px;display:block;overflow:hidden}.style-filter-foot>i b{background:var(--sample-accent);width:94%;height:100%;display:block}.style-mock-main{min-width:0;padding:28px}.style-mock-hero{border:1px solid var(--sample-line);background:radial-gradient(circle at 82% 35%, color-mix(in srgb, var(--sample-accent) 18%, transparent), transparent 18rem), linear-gradient(140deg, var(--sample-panel-2), var(--sample-panel));border-radius:18px;grid-template-columns:minmax(0,1fr) 180px;align-items:center;min-height:276px;padding:38px 42px;display:grid;position:relative;overflow:hidden}.style-hero-copy{z-index:2;position:relative}.style-hero-copy>span{color:var(--sample-accent);letter-spacing:.16em;font:800 9px ui-monospace,monospace}.style-hero-copy h1{color:var(--sample-text);letter-spacing:-.025em;margin:10px 0 12px;font:700 clamp(34px,3vw,48px)/1.12 Songti SC,Georgia,serif}.style-hero-copy p{max-width:610px;color:var(--sample-muted);margin:0;font-size:12px;line-height:1.75}.style-hero-actions{align-items:center;gap:18px;margin-top:20px;display:flex}.style-hero-actions button{border:1px solid color-mix(in srgb, var(--sample-accent) 50%, transparent);background:var(--sample-accent);color:var(--sample-bg);border-radius:8px;padding:10px 14px;font-size:11px;font-weight:800}.style-hero-actions a{color:var(--sample-muted);font-size:10px;text-decoration:none}.style-hero-stat{z-index:2;border-left:1px solid var(--sample-line);padding-left:30px;position:relative}.style-hero-stat>span,.style-hero-stat>small{color:var(--sample-muted);font-size:9px;display:block}.style-hero-stat>strong{color:var(--sample-accent);margin:4px 0;font:52px/1 Georgia,serif;display:block}.style-hero-stat>div{color:var(--sample-muted);align-items:center;gap:7px;margin-top:18px;font-size:8px;display:flex}.style-hero-stat>div i{background:#68d68b;border-radius:50%;width:5px;height:5px;box-shadow:0 0 8px #68d68b}.style-hero-orbit{border:1px solid color-mix(in srgb, var(--sample-accent) 13%, transparent);border-radius:50%;width:360px;height:360px;position:absolute;bottom:-150px;right:-86px}.style-hero-orbit i{border:1px solid color-mix(in srgb, var(--sample-accent) 8%, transparent);border-radius:50%;position:absolute;inset:42px}.style-hero-orbit i:nth-child(2){inset:90px}.style-hero-orbit i:nth-child(3){background:color-mix(in srgb, var(--sample-accent) 4%, transparent);inset:137px}.style-mock-tools{justify-content:space-between;align-items:center;gap:18px;min-height:78px;display:flex}.style-mock-tools label{border:1px solid var(--sample-line);background:color-mix(in srgb, var(--sample-panel) 63%, transparent);max-width:570px;height:42px;color:var(--sample-muted);border-radius:10px;flex:1;align-items:center;gap:9px;padding:0 13px;display:flex}.style-mock-tools input{width:100%;color:var(--sample-text);background:0 0;border:0;outline:0;font-size:11px}.style-mock-tools input::placeholder{color:color-mix(in srgb, var(--sample-muted) 70%, transparent)}.style-mock-tools>div{align-items:center;gap:4px;display:flex}.style-mock-tools>div>span{color:var(--sample-muted);margin-right:10px;font-size:9px}.style-mock-tools>div button{color:var(--sample-muted);background:0 0;border:1px solid #0000;border-radius:7px;padding:7px 10px;font-size:9px}.style-mock-tools>div button.active{border-color:var(--sample-line);background:var(--sample-panel);color:var(--sample-text)}.style-mock-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.style-mock-card{border:1px solid var(--sample-line);background:var(--sample-panel);border-radius:14px;min-width:0;overflow:hidden}.style-mock-art{border-bottom:1px solid var(--sample-line);background:radial-gradient(circle at 50% 48%, color-mix(in srgb, var(--sample-accent-2) 38%, transparent), transparent 45%), color-mix(in srgb, var(--sample-panel-2) 85%, var(--sample-bg));height:244px;position:relative;overflow:hidden}.style-mock-art img{z-index:2;object-fit:contain;filter:drop-shadow(0 12px 9px #000000ad);width:166px;height:236px;position:absolute;top:0;left:50%;transform:translate(-50%)}.style-mock-art img[data-position="0"]{z-index:1;opacity:.68;width:126px;transform:translate(-130px,24px)rotate(-7deg)}.style-mock-art img[data-position="2"]{z-index:1;opacity:.68;width:126px;transform:translate(4px,24px)rotate(7deg)}.style-card-index{z-index:4;color:color-mix(in srgb, var(--sample-muted) 65%, transparent);font:9px ui-monospace,monospace;position:absolute;top:13px;right:13px}.style-mock-card-copy{padding:16px}.style-mock-meta{align-items:center;gap:5px;display:flex}.style-mock-meta span,.style-mock-meta strong{border:1px solid var(--sample-line);color:var(--sample-muted);border-radius:999px;padding:3px 6px;font-size:8px;font-weight:500}.style-mock-meta strong{border-color:color-mix(in srgb, var(--sample-accent) 25%, transparent);color:var(--sample-accent);margin-left:auto}.style-mock-card h2{color:var(--sample-text);margin:11px 0 8px;font:700 17px Songti SC,Georgia,serif}.style-mock-card p{min-height:54px;color:var(--sample-muted);margin:0;font-size:10px;line-height:1.7}.style-card-action{border-top:1px solid var(--sample-line);color:var(--sample-muted);justify-content:space-between;margin-top:15px;padding-top:12px;font-size:9px;display:flex}.style-card-action b{color:var(--sample-accent)}.style-stage[data-style=obsidian]{background:radial-gradient(circle at 82% 2%,#744c2924,#0000 32rem),#090c12}.style-stage[data-style=obsidian] .style-mock-app{background-image:linear-gradient(#ffffff03 1px,#0000 1px),linear-gradient(90deg,#ffffff03 1px,#0000 1px);background-size:48px 48px}.style-stage[data-style=codex]{--sample-bg:#e7dcc2;--sample-panel:#f4ecd9;--sample-panel-2:#ded0b0;--sample-line:#513c2838;--sample-text:#30271f;--sample-muted:#766857;--sample-accent:#984834;--sample-accent-2:#406a60;background:#171411}.style-stage[data-style=codex] .style-mock-app{background-color:var(--sample-bg);background-image:radial-gradient(#5c43281c .6px,#0000 .7px);background-size:6px 6px;border-radius:4px;box-shadow:0 35px 80px #0000008c,12px 12px #433a2f}.style-stage[data-style=codex] .style-mock-nav{background:0 0;border-bottom:3px double #8b765c;height:94px}.style-stage[data-style=codex] .style-mock-brand>span{border-radius:50%}.style-stage[data-style=codex] .style-mock-brand strong{font-size:20px}.style-stage[data-style=codex] .style-mock-nav nav a{font-family:Songti SC,Georgia,serif;font-weight:700}.style-stage[data-style=codex] .style-mock-nav nav a.active:after{height:3px}.style-stage[data-style=codex] .style-mock-filter{background:#d9caa9}.style-stage[data-style=codex] .style-filter-group button{border-radius:2px}.style-stage[data-style=codex] .style-mock-main{padding:32px}.style-stage[data-style=codex] .style-mock-hero{background:0 0;border:1px solid #7f6c53;border-left:0;border-right:0;border-radius:0;min-height:302px}.style-stage[data-style=codex] .style-mock-hero:before{color:#5d452b38;content:"❦";font-size:54px;position:absolute;top:20px;left:20px}.style-stage[data-style=codex] .style-hero-copy h1{font-size:clamp(38px,3.4vw,54px)}.style-stage[data-style=codex] .style-hero-actions button{color:#fff8e9;border-radius:1px}.style-stage[data-style=codex] .style-mock-tools label,.style-stage[data-style=codex] .style-mock-tools>div button,.style-stage[data-style=codex] .style-mock-card{border-radius:2px}.style-stage[data-style=codex] .style-mock-card{box-shadow:none;background:0 0;border-width:0 0 1px}.style-stage[data-style=codex] .style-mock-art{background:radial-gradient(circle,#41695d38,#0000 48%),#d9cbaa;border:1px solid #a89678;height:260px}.style-stage[data-style=codex] .style-mock-card-copy{padding-inline:3px}.style-stage[data-style=codex] .style-mock-meta span,.style-stage[data-style=codex] .style-mock-meta strong{border-radius:1px}.style-stage[data-style=arcane]{--sample-bg:#0c0921;--sample-panel:#17133a;--sample-panel-2:#25185a;--sample-line:#816cff40;--sample-text:#fbf7ff;--sample-muted:#ada6ce;--sample-accent:#b55cff;--sample-accent-2:#25d3e2;background:radial-gradient(circle at 16% 12%,#5d2bd661,#0000 30rem),radial-gradient(circle at 88% 72%,#12a2bc3d,#0000 28rem),#070616}.style-stage[data-style=arcane] .style-mock-app{background:radial-gradient(circle at 70% 3%, #6c3ddd40, transparent 28rem), var(--sample-bg);border-color:#8a66ff6b;box-shadow:0 40px 110px #000a,0 0 60px #7245ff2e}.style-stage[data-style=arcane] .style-mock-nav{border:1px solid var(--sample-line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#140f33b8;border-radius:16px;height:82px;margin:14px}.style-stage[data-style=arcane] .style-mock-body{grid-template-columns:1fr}.style-stage[data-style=arcane] .style-mock-filter{background:0 0;border:0;align-items:center;gap:8px;padding:6px 28px 18px;display:flex;overflow-x:auto}.style-stage[data-style=arcane] .style-filter-heading{flex:none;align-items:center;gap:8px;margin:0 14px 0 0;display:flex}.style-stage[data-style=arcane] .style-filter-heading>span,.style-stage[data-style=arcane] .style-filter-heading small,.style-stage[data-style=arcane] .style-filter-foot,.style-stage[data-style=arcane] .style-filter-group>span{display:none}.style-stage[data-style=arcane] .style-filter-group{flex:none;gap:6px;margin:0;display:flex}.style-stage[data-style=arcane] .style-filter-group button{border:1px solid var(--sample-line);background:#130e2fad;border-radius:999px;gap:14px}.style-stage[data-style=arcane] .style-filter-group button.selected{box-shadow:0 0 18px #b251ff30}.style-stage[data-style=arcane] .style-mock-main{padding-top:0}.style-stage[data-style=arcane] .style-mock-hero{background:radial-gradient(circle at 78% 42%,#2dd2e24d,#0000 10rem),radial-gradient(circle at 70% 44%,#9d45ff6b,#0000 23rem),linear-gradient(135deg,#22134d,#0c1535);border-color:#9870ff59;border-radius:24px;min-height:330px;box-shadow:inset 0 1px #ffffff17,0 25px 70px #00000052}.style-stage[data-style=arcane] .style-hero-copy h1{letter-spacing:-.05em;font-family:ui-sans-serif,PingFang SC,sans-serif;font-size:clamp(41px,4vw,60px);font-weight:900}.style-stage[data-style=arcane] .style-hero-actions button{color:#fff;background:linear-gradient(90deg,#b250ff,#5966ff);border:0;border-radius:999px;box-shadow:0 0 24px #b150ff6b}.style-stage[data-style=arcane] .style-hero-stat>strong{color:#7bf6ff;text-shadow:0 0 24px #53e3f075}.style-stage[data-style=arcane] .style-mock-tools label,.style-stage[data-style=arcane] .style-mock-tools>div button{border-radius:999px}.style-stage[data-style=arcane] .style-mock-card{border-radius:20px;box-shadow:0 20px 48px #0000003d}.style-stage[data-style=arcane] .style-mock-card:nth-child(2){transform:translateY(18px)}.style-stage[data-style=arcane] .style-mock-art{background:radial-gradient(circle at 50% 48%,#2bd5e24d,#0000 40%),linear-gradient(145deg,#39206c,#111633)}.style-stage[data-style=tactical]{--sample-bg:#080d0c;--sample-panel:#101817;--sample-panel-2:#172220;--sample-line:#89bca02e;--sample-text:#e6eee9;--sample-muted:#84998e;--sample-accent:#95e29c;--sample-accent-2:#d79b55;background:#050807}.style-stage[data-style=tactical] .style-mock-app{background-image:linear-gradient(#83ba9908 1px,#0000 1px),linear-gradient(90deg,#83ba9908 1px,#0000 1px);background-size:32px 32px;border-radius:2px;grid-template-columns:205px minmax(0,1fr);display:grid;box-shadow:0 35px 80px #000c}.style-stage[data-style=tactical] .style-mock-nav{border-right:1px solid var(--sample-line);border-bottom:0;flex-direction:column;grid-row:1/span 2;align-items:stretch;gap:26px;height:auto;min-height:930px;padding:24px 16px}.style-stage[data-style=tactical] .style-mock-brand strong{font-family:ui-monospace,monospace;font-size:13px}.style-stage[data-style=tactical] .style-mock-nav nav{flex-direction:column;align-self:auto;gap:5px}.style-stage[data-style=tactical] .style-mock-nav nav a{border:1px solid #0000;min-height:42px;padding:0 12px;font:10px ui-monospace,monospace}.style-stage[data-style=tactical] .style-mock-nav nav a.active{border-color:var(--sample-line);color:var(--sample-accent);background:#84d79714}.style-stage[data-style=tactical] .style-mock-nav nav a.active:after{width:2px;height:auto;inset:8px auto 8px -1px}.style-stage[data-style=tactical] .style-mock-version{border-top:1px solid var(--sample-line);margin:auto 0 0;padding-top:18px;line-height:1.8}.style-stage[data-style=tactical] .style-mock-version span{display:block}.style-stage[data-style=tactical] .style-mock-body{grid-template-columns:1fr;min-height:930px}.style-stage[data-style=tactical] .style-mock-filter{display:none}.style-stage[data-style=tactical] .style-mock-main{padding:24px}.style-stage[data-style=tactical] .style-mock-hero{background:linear-gradient(110deg,#13201d,#0a1110);border-radius:2px;grid-template-columns:1fr 170px;min-height:210px;padding:26px 30px}.style-stage[data-style=tactical] .style-hero-copy h1{letter-spacing:-.04em;margin-block:7px;font-family:ui-monospace,PingFang SC,monospace;font-size:clamp(28px,2.8vw,42px)}.style-stage[data-style=tactical] .style-hero-copy br{display:none}.style-stage[data-style=tactical] .style-hero-actions{margin-top:13px}.style-stage[data-style=tactical] .style-hero-actions button{border-radius:1px}.style-stage[data-style=tactical] .style-hero-orbit{opacity:.4;bottom:-230px;right:-150px}.style-stage[data-style=tactical] .style-mock-tools{min-height:68px}.style-stage[data-style=tactical] .style-mock-tools label,.style-stage[data-style=tactical] .style-mock-tools>div button{border-radius:2px}.style-stage[data-style=tactical] .style-mock-grid{grid-template-columns:1fr;gap:8px}.style-stage[data-style=tactical] .style-mock-card{border-radius:2px;grid-template-columns:210px minmax(0,1fr);min-height:166px;display:grid}.style-stage[data-style=tactical] .style-mock-art{border-right:1px solid var(--sample-line);border-bottom:0;height:166px}.style-stage[data-style=tactical] .style-mock-art img{width:116px;height:160px}.style-stage[data-style=tactical] .style-mock-art img[data-position="0"]{width:88px;transform:translate(-96px,15px)rotate(-6deg)}.style-stage[data-style=tactical] .style-mock-art img[data-position="2"]{width:88px;transform:translate(6px,15px)rotate(6deg)}.style-stage[data-style=tactical] .style-mock-card-copy{grid-template-columns:minmax(0,1fr) 150px;align-content:center;gap:7px 22px;display:grid}.style-stage[data-style=tactical] .style-mock-meta{grid-column:1}.style-stage[data-style=tactical] .style-mock-card h2{grid-column:1;margin:4px 0;font-family:ui-monospace,PingFang SC,monospace}.style-stage[data-style=tactical] .style-mock-card p{grid-column:1;min-height:0}.style-stage[data-style=tactical] .style-card-action{border-top:0;border-left:1px solid var(--sample-line);flex-direction:column;grid-area:1/2/span 3;justify-content:center;align-items:center;gap:8px;margin:0;padding:0}@media (width<=1050px){.style-lab-toolbar{grid-template-columns:1fr;position:static}.style-lab-title{justify-content:center}.style-lab-hint{display:none}.style-stage{min-height:0;padding-top:28px}.style-mock-body{grid-template-columns:1fr}.style-mock-filter{display:none}.style-mock-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.style-mock-grid .style-mock-card:last-child{grid-column:1/-1}.style-stage[data-style=tactical] .style-mock-app{grid-template-columns:170px minmax(0,1fr)}}@media (width<=720px){.style-lab-toolbar{padding:14px}.style-lab-switcher{grid-template-columns:repeat(2,minmax(0,1fr))}.style-switch-swatches{display:none}.style-stage{padding:22px 12px 44px}.style-direction-label{padding-inline:4px}.style-mock-app{border-radius:16px;min-height:0}.style-mock-nav{flex-direction:column;align-items:flex-start;gap:10px;height:auto;padding:16px}.style-mock-nav nav{width:100%;height:34px;overflow-x:auto}.style-mock-nav nav a{white-space:nowrap;flex:none;padding-inline:10px}.style-mock-version{display:none}.style-mock-main{padding:14px}.style-mock-hero{grid-template-columns:1fr;align-items:start;min-height:390px;padding:28px 22px}.style-hero-copy h1{font-size:35px}.style-hero-stat{border-top:1px solid var(--sample-line);border-left:0;align-self:end;padding:18px 0 0}.style-hero-stat>strong{font-size:42px}.style-mock-tools{flex-direction:column;align-items:stretch;padding-block:14px}.style-mock-tools label{flex:0 0 42px;max-width:none}.style-mock-tools>div{justify-content:space-between}.style-mock-grid{grid-template-columns:1fr}.style-mock-grid .style-mock-card:last-child{grid-column:auto}.style-stage[data-style=codex] .style-mock-nav{height:auto}.style-stage[data-style=arcane] .style-mock-nav{margin:8px}.style-stage[data-style=arcane] .style-mock-filter{padding-inline:14px}.style-stage[data-style=arcane] .style-filter-group:nth-of-type(2){display:none}.style-stage[data-style=arcane] .style-mock-hero{min-height:430px}.style-stage[data-style=arcane] .style-mock-card:nth-child(2){transform:none}.style-stage[data-style=tactical] .style-mock-app{display:block}.style-stage[data-style=tactical] .style-mock-nav{border-right:0;border-bottom:1px solid var(--sample-line);min-height:0}.style-stage[data-style=tactical] .style-mock-nav nav{flex-direction:row}.style-stage[data-style=tactical] .style-mock-hero{min-height:330px}.style-stage[data-style=tactical] .style-mock-card{grid-template-columns:118px minmax(0,1fr)}.style-stage[data-style=tactical] .style-mock-art{height:auto;min-height:186px}.style-stage[data-style=tactical] .style-mock-art img{width:96px;height:166px}.style-stage[data-style=tactical] .style-mock-art img[data-position="0"],.style-stage[data-style=tactical] .style-mock-art img[data-position="2"]{display:none}.style-stage[data-style=tactical] .style-mock-card-copy{padding:13px;display:block}.style-stage[data-style=tactical] .style-card-action{border-top:1px solid var(--sample-line);border-left:0;flex-direction:row;justify-content:space-between;align-items:center;margin-top:10px;padding-top:10px}}:root{color:#f4eadb;font-synthesis:none;--bg:#0d0f12;--surface:#15171b;--surface-2:#1c2024;--surface-3:#24292e;--line:#3b3d3f;--line-strong:#5a4b3c;--gold:#e5b96f;--gold-deep:#9f6b39;--text:#f4eadb;--muted:#b7ada2;--muted-strong:#cec4b8;--green:#9dcc91;--green-bg:#1c3023;--red:#dda096;--red-bg:#35211f;--blue:#9bbfd0;background:#0d0f12;font-family:PingFang SC,Microsoft YaHei,system-ui,sans-serif}*{box-sizing:border-box}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;scroll-behavior:smooth}body{background:var(--bg);min-width:320px;min-height:100vh;color:var(--text);margin:0}#root{min-width:0;max-width:100%;overflow-x:clip}a{color:inherit}button,input,select{font:inherit}button{color:inherit}button:disabled{cursor:not-allowed;opacity:.46}a,button,input,select,summary{outline-offset:3px}.card-image-preview{z-index:1000;pointer-events:none;background:radial-gradient(circle at 50% 44%,#332b25 0,#15181d 62%,#0b0d10 100%);border:1px solid #e2ae646b;border-radius:12px;place-items:center;padding:7px;animation:.1s ease-out card-image-preview-in;display:grid;position:fixed;box-shadow:0 24px 64px #000000c7,0 0 0 1px #ffffff0a}.card-image-preview img{object-fit:contain;filter:drop-shadow(0 12px 10px #000000b8);width:100%;height:100%;display:block}@keyframes card-image-preview-in{0%{opacity:0;transform:translateY(4px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@media (hover:none),(pointer:coarse){.card-image-preview{display:none}}.topbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:30;background:#101114f2;border-bottom:1px solid #3c342d;align-items:center;gap:34px;height:72px;padding:0 34px;display:flex;position:sticky;top:0}.brand{letter-spacing:0;white-space:nowrap;font:21px Georgia,Songti SC,serif;text-decoration:none}.brand span{color:var(--gold)}.topbar nav{gap:4px;height:100%;display:flex}.topbar nav a{color:#a29990;align-items:center;padding:0 16px;text-decoration:none;display:flex;position:relative}.topbar nav a.active{color:#f1d39a}.topbar nav a.active:after{content:"";background:var(--gold);height:2px;position:absolute;bottom:0;left:12px;right:12px}.detail-page,.finder-page,.page{max-width:1400px;margin:0 auto;padding:38px 34px 80px}.page-heading{justify-content:space-between;align-items:flex-end;gap:22px;margin-bottom:24px;display:flex}.detail-hero h1,.page-heading h1,.page>h1{letter-spacing:0;margin:6px 0 8px;font:34px Georgia,Songti SC,serif}.detail-hero p,.page-heading p,.page>p{color:var(--muted);margin:0;line-height:1.7}.eyebrow{color:#c79d62;letter-spacing:0;font-size:12px}.status-badge,.version-badge{background:var(--green-bg);color:#c2e3ba;border:1px solid #4f6e54;border-radius:5px;padding:7px 10px;font-size:12px;display:inline-block}.secondary-button,.primary-button{color:#d5c8b9;cursor:pointer;background:#1b1d21;border:1px solid #514b46;border-radius:6px;padding:9px 12px}.secondary-button:hover{background:#23252a;border-color:#88705a}.empty-state{text-align:center;color:var(--muted);border:1px dashed #57504a;border-radius:8px;padding:58px 20px}.empty-state h2{color:var(--muted-strong);font-size:18px}.empty-state .secondary-button{margin-top:12px}.section-note{color:#a59c93;font-size:12px;line-height:1.6}.field-label{color:var(--muted-strong);margin-bottom:7px;font-size:12px;display:block}.catalog-layout{grid-template-columns:232px minmax(0,1fr);width:100%;min-width:0;max-width:1480px;margin:0 auto;display:grid}.catalog-layout>*{min-width:0}.filter-panel{background:#111317;border-right:1px solid #303236;align-self:start;min-height:calc(100vh - 72px);padding:30px 22px;position:sticky;top:72px}.filter-heading{justify-content:space-between;align-items:center;gap:10px;display:flex}.filter-heading>div:first-child{align-items:center;gap:8px;display:flex}.filter-heading h2{margin:0;font:18px Georgia,Songti SC,serif}.filter-heading span{color:var(--gold);font-size:12px}.filter-actions{gap:6px;display:flex}.filter-heading button{color:#c5b9ad;cursor:pointer;background:#191b1f;border:1px solid #4a4b4e;border-radius:5px;padding:7px 9px}.filter-toggle{display:none}.filter-panel fieldset{border:0;margin:28px 0;padding:0}.filter-panel legend{color:#c59a61;margin-bottom:10px;font-size:12px}.filter-panel label{color:#c2b7ab;border-radius:5px;align-items:center;gap:9px;margin:3px 0;padding:8px 7px;font-size:13px;display:flex}.filter-panel label.selected{color:#f0d2a0;background:#27231f}.choice-card input,.filter-panel input,.tribe-choices input{accent-color:#c68148}.catalog-content{background:#121418;min-width:0;padding:35px 32px 80px}.catalog-search{display:block}.catalog-search>span{position:absolute;left:-9999px}.catalog-search input,.picker-search{color:#eee3d5;background:#0a0c0f;border:1px solid #48494c;border-radius:7px;width:100%;padding:13px 14px}.catalog-search input::placeholder,.picker-search::placeholder{color:#7f7973}.catalog-toolbar{justify-content:space-between;align-items:center;gap:16px;min-height:58px;display:flex}.result-count{color:#9b928a;margin:0;font-size:13px}.catalog-toolbar-controls{align-items:center;gap:12px;display:flex}.sort-control{color:var(--muted);align-items:center;gap:7px;font-size:12px;display:flex}.sort-control select{height:36px;color:var(--text);background:#17191d;border:1px solid #494b4f;border-radius:5px;padding:0 28px 0 10px}.segmented-control{background:#101216;border:1px solid #45474b;border-radius:6px;grid-template-columns:repeat(2,1fr);padding:3px;display:inline-grid}.segmented-control button{color:#9f9890;cursor:pointer;background:0 0;border:0;border-radius:4px;min-width:54px;height:30px;padding:0 10px;font-size:12px}.segmented-control button.active{color:#f1d39a;background:#34302c}.archetype-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.archetype-card{background:#17191d;border:1px solid #46484b;border-radius:8px;text-decoration:none;transition:transform .18s,border-color .18s;display:block;overflow:hidden;box-shadow:0 14px 30px #0005}.archetype-card:hover{border-color:#9d764f;transform:translateY(-3px)}.archetype-art{background:#28211f;height:288px;position:relative;overflow:hidden}.archetype-art>img{z-index:2;object-fit:contain;filter:drop-shadow(0 10px 7px #000c);width:190px;height:274px;position:absolute;left:50%;transform:translate(-50%)}.archetype-art>img:first-of-type:not(:only-of-type){z-index:1;opacity:.76;width:142px;height:252px;transform:translate(-141px,28px)rotate(-7deg)}.archetype-art>img:last-of-type:not(:only-of-type){z-index:1;opacity:.76;width:142px;height:252px;transform:translate(-1px,28px)rotate(7deg)}.entry-point-badges{z-index:5;justify-content:flex-end;gap:5px;display:flex;position:absolute;top:9px;right:8px}.entry-point-badge{display:block}.entry-point-badge-frame{box-sizing:border-box;filter:drop-shadow(0 3px 6px #000b);background:linear-gradient(#d7d2c8,#6f6a60);border-radius:8px;width:34px;height:34px;padding:2px;display:block}.entry-point-badge-art{background:#06080c;border-radius:6px;width:100%;height:100%;display:block;position:relative;overflow:hidden}.entry-point-badge-art img{width:160%;position:absolute;top:-9%;left:-30%}.entry-point-badge.is-hero .entry-point-badge-frame{background:linear-gradient(#f6dcab,#966d2f);border-radius:50%}.entry-point-badge.is-hero .entry-point-badge-art{border-radius:50%}.entry-point-badge.is-hero .entry-point-badge-art img{width:180%;top:-32%;left:-40%}.entry-point-badge.is-trinket .entry-point-badge-frame{clip-path:polygon(50% 0,95% 25%,95% 75%,50% 100%,5% 75%,5% 25%);background:linear-gradient(#d3e9fc,#43769f);border-radius:0}.entry-point-badge.is-trinket .entry-point-badge-art{clip-path:polygon(50% 0,95% 25%,95% 75%,50% 100%,5% 75%,5% 25%);border-radius:0}.entry-point-badge.is-trinket .entry-point-badge-art img{width:250%;top:-73%;left:-75%}.entry-point-badge.is-reward .entry-point-badge-frame{clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);background:linear-gradient(#ffdcbd,#a95f2f);border-radius:0}.entry-point-badge.is-reward .entry-point-badge-art{clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);border-radius:0}.entry-point-badge.is-reward .entry-point-badge-art img{width:190%;top:-22%;left:-45%}.entry-point-badge.is-tier-seven .entry-point-badge-frame{clip-path:polygon(30% 0,70% 0,100% 30%,100% 70%,70% 100%,30% 100%,0 70%,0 30%);background:linear-gradient(#e7d6ff,#63449c);border-radius:0}.entry-point-badge.is-tier-seven .entry-point-badge-art{clip-path:polygon(30% 0,70% 0,100% 30%,100% 70%,70% 100%,30% 100%,0 70%,0 30%);border-radius:0}.entry-point-badge.is-tier-seven .entry-point-badge-art img{width:178%;top:-14%;left:-39%}.entry-point-badge.is-buddy .entry-point-badge-frame{clip-path:polygon(0 0,100% 0,100% 58%,50% 100%,0 58%);background:linear-gradient(#d8f3dd,#3f7f4f);border-radius:0}.entry-point-badge.is-buddy .entry-point-badge-art{clip-path:polygon(0 0,100% 0,100% 58%,50% 100%,0 58%);border-radius:0}.entry-point-badge.is-buddy .entry-point-badge-art img{width:200%;top:-24%;left:-50%}.entry-point-badge.is-timewarp .entry-point-badge-frame{clip-path:polygon(50% 0,100% 38%,82% 100%,18% 100%,0 38%);background:linear-gradient(#ddd9ff,#4f49a0);border-radius:0}.entry-point-badge.is-timewarp .entry-point-badge-art{clip-path:polygon(50% 0,100% 38%,82% 100%,18% 100%,0 38%);border-radius:0}.entry-point-badge.is-timewarp .entry-point-badge-art img{width:178%;top:-14%;left:-39%}.entry-point-badge.is-spell .entry-point-badge-frame{clip-path:polygon(22% 0,100% 0,100% 78%,78% 100%,0 100%,0 22%);background:linear-gradient(#cdf3ee,#34817a);border-radius:0}.entry-point-badge.is-spell .entry-point-badge-art{clip-path:polygon(22% 0,100% 0,100% 78%,78% 100%,0 100%,0 22%);border-radius:0}.entry-point-badges.compact{flex-direction:column;align-items:flex-end;gap:4px;top:7px;right:6px}.entry-point-badges.compact .entry-point-badge-frame{width:28px;height:28px}.entry-point-chips{flex-wrap:wrap;gap:6px;margin:-3px 0 11px;display:flex}.entry-point-chip{color:#e4dccf;background:#12151b;border:1px solid #494a4d;border-radius:999px;align-items:center;gap:6px;max-width:100%;padding:3px 9px 3px 4px;font-size:11px;line-height:1.4;display:inline-flex}.entry-point-chip-art{background:#06080c;border-radius:50%;flex:none;width:20px;height:20px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff2b}.entry-point-chip-art img{width:160%;position:absolute;top:-9%;left:-30%}.entry-point-chip-kind{flex:none;font-weight:600}.entry-point-chip-kind:after{content:"·";color:#7d7466;margin-left:6px}.entry-point-chip-name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.entry-point-chip.is-hero{border-color:#966d2f80}.entry-point-chip.is-hero .entry-point-chip-kind{color:#f2cd92}.entry-point-chip.is-hero .entry-point-chip-art img{width:180%;top:-32%;left:-40%}.entry-point-chip.is-trinket{border-color:#43769f8c}.entry-point-chip.is-trinket .entry-point-chip-kind{color:#cbe2f6}.entry-point-chip.is-trinket .entry-point-chip-art img{width:250%;top:-73%;left:-75%}.entry-point-chip.is-reward{border-color:#a95f2f80}.entry-point-chip.is-reward .entry-point-chip-kind{color:#ffd8bb}.entry-point-chip.is-reward .entry-point-chip-art img{width:190%;top:-22%;left:-45%}.entry-point-chip.is-tier-seven{border-color:#63449c8c}.entry-point-chip.is-tier-seven .entry-point-chip-kind{color:#e2d0ff}.entry-point-chip.is-tier-seven .entry-point-chip-art img{width:178%;top:-14%;left:-39%}.entry-point-chip.is-buddy{border-color:#3f7f4f8c}.entry-point-chip.is-buddy .entry-point-chip-kind{color:#cfeed6}.entry-point-chip.is-buddy .entry-point-chip-art img{width:200%;top:-24%;left:-50%}.entry-point-chip.is-timewarp{border-color:#4f49a08c}.entry-point-chip.is-timewarp .entry-point-chip-kind{color:#d6d3ff}.entry-point-chip.is-timewarp .entry-point-chip-art img{width:178%;top:-14%;left:-39%}.entry-point-chip.is-spell{border-color:#34817a8c}.entry-point-chip.is-spell .entry-point-chip-kind{color:#c8efea}.archetype-card-body{padding:18px}.card-title,.recommendation-heading,.recommendation-title{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.card-title h2,.recommendation-title h2{margin:0;font:20px Georgia,Songti SC,serif}.card-title>span{color:#ffdda7;background:#6f3428;border-radius:4px;padding:5px 7px;font-size:11px}.tag-list{flex-wrap:wrap;gap:6px;margin:11px 0;display:flex}.tag-list span{color:#c1b7ac;border:1px solid #494a4d;border-radius:4px;padding:4px 7px;font-size:11px}.tag-list .archetype-tag-transition{color:#f2c878;background:#32281b;border-color:#8a6838;font-weight:700}.card-summary{color:#b8aea3;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:13px;line-height:1.65;display:-webkit-box;overflow:hidden}.match-reason{border-left:2px solid var(--blue);color:#bcd4df;background:#182329;margin:0 0 8px;padding:7px 9px;font-size:12px}.card-core{color:#d1c4b6;margin:0 0 8px;font-size:12px;line-height:1.6}.compact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.archetype-card.compact{grid-template-columns:150px minmax(0,1fr);min-height:204px;display:grid}.archetype-card.compact .archetype-art{background:#232124;height:100%;min-height:204px}.archetype-card.compact .archetype-card-body{min-width:0;padding:16px}.archetype-card.compact .card-summary{-webkit-line-clamp:2}.archetype-card.compact .entry-point-chips{margin:-5px 0 9px}.archetype-card.compact .entry-point-chip{padding:2px 8px 2px 3px;font-size:10px}.archetype-card.compact .entry-point-chip-art{width:17px;height:17px}.finder-page{max-width:1500px}.finder-selection-summary{background:#15171b;border:1px solid #404247;border-radius:7px;margin-bottom:18px;padding:14px 16px}.finder-selection-summary>div:first-child{align-items:center;gap:9px;margin-bottom:10px;display:flex}.finder-selection-summary h2{margin:0;font-size:14px}.finder-selection-summary>div:first-child span{color:var(--gold);font-size:12px}.selection-chips{flex-wrap:wrap;gap:7px;display:flex}.selection-chips button{color:#e7c99b;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;background:#27211e;border:1px solid #5a4b3c;border-radius:5px;align-items:center;gap:7px;max-width:100%;padding:7px 9px;font-size:12px;display:inline-flex;overflow:hidden}.selection-chips button span{color:#bda98d;font-size:16px;line-height:1}.selection-chips p{color:var(--muted);margin:0;font-size:12px}.finder-mobile-tabs{display:none}.finder-layout{grid-template-columns:minmax(0,1fr) 420px;align-items:start;gap:22px;display:grid}.finder-controls{background:#14161a;border:1px solid #404247;border-radius:8px;padding:22px}.finder-step{border-bottom:1px solid #303237;margin-bottom:22px;padding:3px 0 26px}.finder-step-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:9px;display:flex}.finder-step-heading>div{align-items:center;gap:9px;display:flex}.finder-step-heading>div>span{width:24px;height:24px;color:var(--gold);border:1px solid #756047;border-radius:50%;place-items:center;font-size:12px;display:grid}.finder-step h2,.recommendation-heading h2{margin:0;font-size:16px}.finder-step-heading>strong{color:#99938e;background:#292a2d;border-radius:4px;padding:5px 7px;font-size:11px;font-weight:500}.finder-step-heading>strong.confirmed{background:var(--green-bg);color:var(--green)}.choice-grid{grid-template-columns:repeat(6,minmax(88px,1fr));gap:8px;margin-top:12px;display:grid}.choice-card{color:#b9afa5;text-align:center;cursor:pointer;background:#1a1c20;border:1px solid #424449;border-radius:6px;min-width:0;padding:8px 6px;position:relative}.choice-card input{position:absolute;top:8px;left:8px}.choice-card img{object-fit:contain;filter:drop-shadow(0 5px 4px #0009);width:64px;height:82px;margin:auto;display:block}.choice-card>span{text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:12px;display:block;overflow:hidden}.choice-card small{color:#8f8983;margin-top:3px;font-size:11px;display:block}.tribe-choices{flex-wrap:wrap;gap:8px;margin:12px 0;display:flex}.tribe-choices label{color:#c0b5aa;border:1px solid #44464a;border-radius:5px;padding:9px 11px;font-size:13px}.confirm-tribes-button{color:#baddb2;cursor:pointer;background:#1b2b20;border:1px solid #5f765f;border-radius:5px;margin-top:5px;padding:9px 12px}.finder-advanced{background:#111317;border:1px solid #3d3f44;border-radius:7px}.finder-advanced summary{color:#d3c3b1;cursor:pointer;padding:14px 16px;font-size:14px}.finder-advanced-body{padding:2px 16px 18px}.hero-results{grid-template-columns:repeat(6,minmax(88px,1fr))}.mobile-results-button{display:none}.recommendation-panel{scrollbar-color:#5c5148 transparent;align-self:start;max-height:calc(100vh - 112px);position:sticky;top:94px;overflow:auto}.recommendation-heading{align-items:flex-start;margin-bottom:12px}.recommendation-heading p{color:#938b84;margin:5px 0 0;font-size:12px}.recommendation-heading>span{color:#aaa097;font-size:12px}.recommendation-card{background:#191b1f;border:1px solid #55483c;border-left:3px solid #82705d;border-radius:7px;margin-bottom:12px;padding:18px}.recommendation-card.status-ready{border-left-color:var(--green)}.recommendation-card.status-building{border-left-color:var(--gold)}.recommendation-card.status-signal{border-left-color:var(--blue)}.recommendation-title>span{color:#edc78d;background:#302821;border-radius:4px;flex:none;padding:5px 7px;font-size:11px}.status-ready .recommendation-title>span{background:var(--green-bg);color:var(--green)}.status-signal .recommendation-title>span{color:var(--blue);background:#192a31}.core-progress{margin:14px 0}.core-progress>div:first-child{color:#b9afa5;justify-content:space-between;align-items:center;font-size:12px;display:flex}.core-progress strong{color:#ebd1a9}.core-progress-track{background:#34363a;border-radius:3px;height:5px;margin-top:7px;overflow:hidden}.core-progress-track span{background:var(--gold);height:100%;display:block}.reason-list{gap:5px;display:grid}.reason{color:#b9c7b5;margin:0;padding-left:11px;font-size:12px;line-height:1.5;position:relative}.reason:before{content:"";background:var(--green);border-radius:50%;width:4px;height:4px;position:absolute;top:.58em;left:0}.missing{color:#c8a8a2;margin:10px 0 0;font-size:12px;line-height:1.55}.recommendation-card>a{color:#edc47f;margin-top:12px;font-size:13px;display:inline-block}.back-link{color:#e2bf80;margin-bottom:22px;text-decoration:none;display:inline-block}.detail-hero{border-bottom:1px solid var(--line);padding-bottom:25px}.detail-hero p{max-width:900px}.detail-title-row{align-items:baseline;gap:14px;display:flex}.detail-title-row h1{min-width:0}.detail-title-row .visit-count{border-left:1px solid #474039;padding-left:14px}.availability-notice{border:1px solid #755b3c;border-left:3px solid var(--gold);background:#251f18;border-radius:7px;grid-template-columns:minmax(180px,.42fr) minmax(0,1fr);gap:24px;margin:22px 0 0;padding:18px 20px;display:grid}.availability-notice h2{margin:4px 0 0;font:19px Georgia,Songti SC,serif}.availability-notice ul{color:#d8c7b2;margin:0;padding-left:20px;font-size:13px;line-height:1.7}.availability-notice li+li{margin-top:4px}.site-footer{text-align:center;color:#928a83;background:#0b0d10;border-top:1px solid #303236;padding:26px 34px;font-size:12px;line-height:1.6}.visit-count{color:#a59c93;white-space:nowrap;align-items:baseline;gap:5px;font-size:12px;display:inline-flex}.visit-count strong{color:#e2c38c;font-variant-numeric:tabular-nums;font:600 16px Georgia,serif}.site-footer .site-registration{margin-top:9px}.site-registration a{color:inherit;text-decoration:none}.site-registration a:hover{color:#c0b8ae;text-decoration:underline}.page a{color:#dfbd7b}@media (width<=1280px){.archetype-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.compact-grid{grid-template-columns:1fr}}@media (width<=1100px){.finder-mobile-tabs{background:#101216;border:1px solid #45474b;border-radius:6px;grid-template-columns:repeat(2,1fr);margin-bottom:12px;padding:3px;display:grid}.finder-mobile-tabs button{color:#9f9890;cursor:pointer;background:0 0;border:0;border-radius:4px;height:40px}.finder-mobile-tabs button[aria-selected=true]{color:#f1d39a;background:#34302c}.finder-mobile-tabs span{color:var(--gold);margin-left:4px}.finder-layout{grid-template-columns:1fr}.finder-layout.mobile-conditions .recommendation-panel,.finder-layout.mobile-results .finder-controls{display:none}.recommendation-panel{max-height:none;position:relative;top:0}.choice-grid,.hero-results{grid-template-columns:repeat(4,minmax(88px,1fr))}.mobile-results-button{z-index:5;color:#f2d39e;cursor:pointer;background:#3a2c21;border:1px solid #9b764c;border-radius:6px;width:100%;margin-top:16px;padding:12px;display:block;position:sticky;bottom:12px;box-shadow:0 8px 20px #0008}}@media (width<=941px){.archetype-grid{grid-template-columns:1fr}}@media (width<=720px){.detail-title-row{flex-direction:column;align-items:flex-start;gap:3px}.detail-title-row .visit-count{border-left:0;padding-left:0}.topbar{flex-direction:column;align-items:flex-start;gap:10px;height:auto;min-height:66px;padding:12px 18px}.topbar nav{width:100%;height:38px;overflow-x:auto}.topbar nav a{padding:0 10px;font-size:13px}.brand{font-size:19px}.catalog-layout{grid-template-columns:1fr}.filter-panel{border-bottom:1px solid #303236;border-right:0;min-height:auto;padding:14px 18px;position:static}.filter-toggle{display:inline-block}.filter-panel.collapsed .filter-body{display:none}.filter-panel fieldset{margin:16px 0}.filter-panel label{border:1px solid #3f4145;margin:3px 6px 3px 0;padding:8px 9px;display:inline-flex}.catalog-content,.detail-page,.finder-page,.page{padding:24px 18px 60px}.page-heading{flex-direction:column;align-items:flex-start}.detail-hero h1,.page-heading h1,.page>h1{font-size:30px}.availability-notice{grid-template-columns:1fr;gap:12px}.catalog-toolbar{flex-direction:column;align-items:flex-start;padding:13px 0}.catalog-toolbar-controls{grid-template-columns:minmax(0,1fr) auto;justify-content:space-between;width:100%;display:grid}.sort-control{min-width:0}.sort-control select{width:100%;min-width:0;max-width:none}.archetype-grid{grid-template-columns:1fr}.archetype-art{height:260px}.archetype-card.compact{grid-template-columns:112px minmax(0,1fr);min-height:190px}.archetype-card.compact .archetype-art{min-height:190px}.archetype-card.compact .archetype-art>img{width:108px;height:168px;top:10px}.archetype-card.compact .card-title h2{font-size:17px}.archetype-card.compact .card-summary{display:none}.entry-point-badge-frame{width:30px;height:30px}.entry-point-chip{font-size:10px}.finder-layout,.finder-controls,.finder-selection-summary,.finder-mobile-tabs{width:100%;min-width:0}.finder-controls{padding:14px;overflow:hidden}.finder-selection-summary{padding:12px}.choice-grid,.hero-results{grid-template-columns:repeat(3,minmax(76px,1fr))}.choice-card img{width:58px;height:76px}.selection-chips{max-height:112px;overflow-y:auto}.site-footer{padding:22px 18px}}.detail-nav{z-index:12;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#111317ee;border:1px solid #3e4044;border-radius:7px;gap:4px;margin:18px 0;padding:5px;display:flex;position:sticky;top:80px;overflow-x:auto}.detail-nav a{color:#bdb3a8;border-radius:4px;flex:none;padding:8px 11px;font-size:12px;text-decoration:none}.decision-summary{background:#191b1f;border:1px solid #5a4c3d;border-radius:8px;padding:22px;scroll-margin-top:145px}.decision-heading{margin-bottom:17px}.decision-heading h2{margin:5px 0 0;font:24px Georgia,Songti SC,serif}.decision-grid{grid-template-columns:1fr;gap:12px;display:grid}.decision-grid>article{border:1px solid #3e4145;border-top:3px solid var(--blue);background:#121418;border-radius:6px;padding:16px}.decision-grid h3{margin:0 0 10px;font-size:15px}.stage-summary h3{color:#b6d2df}.stage-summary>div{border-top:1px solid #303339;grid-template-columns:48px 1fr;gap:12px;padding:10px 0;display:grid}.stage-summary strong{color:#d7c39e;font-size:12px}.decision-copy{min-width:0}.stage-summary p{color:#b5aca3;margin:0;font-size:12px;line-height:1.55}.detail-section{background:#14161a;border:1px solid #3f4145;border-radius:8px;margin-top:22px;padding:22px;scroll-margin-top:145px}.detail-section h2{color:#e4c384;letter-spacing:0;margin:0 0 14px;font-size:16px}.archetype-overview{background:linear-gradient(145deg,#18191c,#131519);border-color:#51483d}.archetype-overview h2{margin-top:5px}.archetype-overview p{color:#beb4aa;margin:9px 0 0;font-size:13px;line-height:1.75}.gameplay-video{background:linear-gradient(145deg,#181a1e,#121418);border-color:#574b3d}.gameplay-video .section-heading{align-items:flex-start}.gameplay-video-frame{aspect-ratio:16/9;background:#08090b;border:1px solid #393c40;border-radius:7px;overflow:hidden}.gameplay-video-frame iframe{border:0;width:100%;height:100%}.gameplay-video-caption{justify-content:space-between;align-items:center;gap:18px;margin-top:14px;display:flex}.gameplay-video-caption strong{color:#e6d3b2;font-size:14px}.gameplay-video-caption p{color:#9f978f;margin:5px 0 0;font-size:12px}.gameplay-video-caption a{color:#efcd91;border:1px solid #765d3f;border-radius:5px;flex:none;padding:9px 12px;font-size:12px;text-decoration:none}.gameplay-video-caption a:hover{background:#241f19;border-color:#b48a57}.section-heading{justify-content:space-between;align-items:flex-end;gap:14px;margin-bottom:15px;display:flex}.section-heading h2{margin-bottom:5px}.section-heading>span{color:#a9d09f;font-size:12px}.core-requirement-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.core-requirement-grid article{background:#1b1919;border:1px solid #66503b;border-radius:7px;gap:12px;min-width:0;padding:12px;display:flex}.core-requirement-grid img{object-fit:contain;flex:none;width:110px;height:154px}.core-requirement-grid h3{margin:8px 0 5px;font-size:14px}.core-requirement-grid p{color:#b5aba1;margin:0;font-size:12px;line-height:1.55}.core-pill{color:#ffdda7;background:#70402c;border-radius:4px;padding:4px 6px;font-size:11px;display:inline-block}.lineup{grid-template-columns:repeat(7,minmax(0,1fr));gap:7px;display:grid}.lineup img{object-fit:contain;width:100%;height:240px}.lineup-slot{text-align:center;background:#101216;border:1px solid #34373c;border-radius:8px;min-width:0;padding:8px 6px 9px;position:relative}.lineup-slot-choice{background:linear-gradient(#201b16,#111317);border-color:#80633f}.lineup-slot-flex{border-style:dashed;border-color:#557080}.lineup-slot-temporary{opacity:.8;border-style:dashed}.lineup-slot-heading{color:#8f8983;justify-content:space-between;align-items:center;gap:5px;min-height:20px;margin-bottom:4px;font-size:9px;display:flex}.lineup-slot-heading strong{color:#f0cc88;white-space:nowrap;background:#533a24;border-radius:999px;padding:3px 5px;font-size:9px;font-weight:600}.lineup-slot figure{text-align:center;min-width:0;margin:0}.lineup-slot figure img{object-fit:contain;filter:drop-shadow(0 8px 5px #000b);width:100%;height:222px}.lineup-slot figcaption{color:#cabcae;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.lineup-slot>p{color:#857e76;text-overflow:ellipsis;white-space:nowrap;margin:5px 0 0;font-size:9px;overflow:hidden}.lineup-choice-fan{height:246px;position:relative;overflow:hidden}.lineup-choice-fan button{--fan-offset:calc((var(--fan-index) - (var(--candidate-count) - 1) / 2) * 14px);width:100%;color:inherit;cursor:pointer;transform:translateX(var(--fan-offset)) rotate(calc((var(--fan-index) - (var(--candidate-count) - 1) / 2) * 4deg));transform-origin:50% 90%;background:0 0;border:0;padding:0;transition:transform .18s,filter .18s;position:absolute;inset:0}.lineup-choice-fan button:hover,.lineup-choice-fan button:focus-visible{filter:brightness(1.13)}.lineup-choice-fan button:focus-visible{outline-offset:-4px;border-radius:8px;outline:2px solid #e2b66d}.lineup-choice-fan button[aria-pressed=true]{transform:translate(0)translateY(-4px)rotate(0)}.lineup-choice-fan img{object-fit:contain;filter:drop-shadow(0 8px 5px #000c);width:100%;height:218px}.lineup-choice-fan span{color:#d8c8b7;text-overflow:ellipsis;white-space:nowrap;background:#111317e8;border-radius:4px;padding:4px;font-size:10px;position:absolute;bottom:4px;left:5px;right:5px;overflow:hidden}.lineup-choice-controls{justify-content:center;gap:4px;margin-top:4px;display:flex;overflow-x:auto}.lineup-choice-controls button{color:#a99f94;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;background:#17191d;border:1px solid #4d4439;border-radius:999px;flex:0 auto;min-width:0;padding:4px 6px;font-size:9px;overflow:hidden}.lineup-choice-controls button:hover,.lineup-choice-controls button:focus-visible{color:#efd09a;border-color:#9b774b}.lineup-choice-controls button[aria-pressed=true]{color:#f0cc8e;background:#30251c;border-color:#947049}.engine-family-summary{background:#171512;border:1px solid #5b4a36;border-left:3px solid #c49050;border-radius:7px;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:16px;margin-top:18px;padding:14px 16px;display:grid}.engine-family-summary>.eyebrow{white-space:nowrap;margin-top:3px}.engine-family-summary strong{color:#efcf99;font-size:14px}.engine-family-summary p{color:#aaa096;margin:5px 0 0;font-size:12px;line-height:1.55}.engine-family-siblings{flex-direction:column;align-items:flex-end;gap:5px;display:flex}.engine-family-siblings>span{color:#8f877d;font-size:10px}.engine-family-siblings a{color:#e5bb79;white-space:nowrap;border:1px solid #68543b;border-radius:4px;padding:5px 7px;font-size:11px;text-decoration:none}.component-group-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:15px;display:grid}.component-group-grid>div{background:#0f1114;border:1px solid #393c40;border-radius:7px;padding:12px}.component-group-grid h3{color:#d8b879;margin:0 0 9px;font-size:13px}.component-group-grid article{border-top:1px solid #2e3034;align-items:center;gap:8px;padding:8px 0;display:flex}.component-group-grid img{object-fit:contain;flex:none;width:82px;height:113px}.component-group-grid strong{font-size:12px}.component-group-grid p{color:#a69d94;margin:4px 0 0;font-size:12px;line-height:1.45}.trinket-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:15px;display:grid}.trinket-grid article{background:#18191c;border:1px solid #4a433d;border-radius:7px;align-items:center;gap:10px;min-width:0;padding:14px;display:flex;position:relative}.trinket-grid article>span{color:#f0cc88;background:#533a24;border-radius:4px;padding:4px 6px;font-size:11px;position:absolute;top:8px;right:8px}.trinket-grid img{object-fit:contain;flex:none;width:98px;height:134px}.trinket-grid h3{margin:8px 0 6px;font-size:13px}.trinket-grid p{color:#b5aba1;margin:0;font-size:12px;line-height:1.5}.strategy-insights .section-heading{align-items:flex-start}.strategy-insight-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.strategy-insight{border:1px solid #3e4145;border-top:3px solid var(--blue);background:#101216;border-radius:7px;padding:16px}.strategy-insight-transition{border-top-color:#ca9c57}.strategy-insight-positioning{border-top-color:var(--blue)}.strategy-insight-endgame{border-top-color:var(--green)}.strategy-insight-mistakes{border-top-color:var(--red)}.strategy-insight h3{color:#dfc494;margin:0 0 10px;font-size:14px}.strategy-insight ul{margin:0;padding-left:18px}.strategy-insight li{color:#bdb3aa;margin:7px 0;font-size:13px;line-height:1.6}.strategy-insight li>span{display:block}.insight-card-references{flex-wrap:wrap;gap:6px;margin:8px 0 2px;display:flex}.insight-card-references figure{text-align:center;flex:0 0 64px;min-width:0;margin:0;position:relative}.insight-card-references img{object-fit:contain;filter:drop-shadow(0 3px 3px #0009);width:58px;max-width:100%;height:82px}.insight-card-references figcaption{color:#a9a097;text-overflow:ellipsis;white-space:nowrap;font-size:10px;line-height:1.35;overflow:hidden}.insight-reference-badge{z-index:1;color:#ffd6c8;background:#351c18;border:1px solid #d18b70;border-radius:999px;padding:1px 4px;font-size:9px;font-weight:700;line-height:1.4;position:absolute;top:2px;right:0}.insight-card-references .is-comparison .insight-reference-badge{color:#ffe0a8;background:#352716;border-color:#b88b4d}.insight-card-references .is-access .insight-reference-badge{color:#c8ecff;background:#162b35;border-color:#6d9fb7}.guide-variant-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px;display:grid}.guide-variant{background:#17191d;border:1px solid #404247;border-radius:7px;padding:15px}.guide-variant-heading{justify-content:space-between;gap:12px;display:flex}.guide-variant-heading h3{color:#efd19a;margin:4px 0 0;font:17px Georgia,Songti SC,serif}.guide-variant-heading span{color:#b99b78;font-size:11px}.guide-variant>p{color:#b6ada4;min-height:42px;margin:10px 0;font-size:12px;line-height:1.65}.guide-card-strip{gap:4px;padding:5px 0;display:flex;overflow-x:auto}.guide-card-strip figure{text-align:center;flex:0 0 98px;margin:0}.guide-card-strip img{object-fit:contain;filter:drop-shadow(0 5px 4px #000b);width:91px;height:130px}.guide-card-strip figcaption{color:#afa69d;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.related-variant-grid{grid-template-columns:1fr;gap:12px;margin-top:16px;display:grid}.related-variant-card{color:inherit;background:#17191d;border:1px solid #4b4540;border-left:3px solid #8e6d46;border-radius:7px;gap:16px;padding:17px;text-decoration:none;transition:border-color .18s,background-color .18s;display:grid}.related-variant-card:hover{background:#1c1d20;border-color:#9c7a4f}.related-variant-card:focus-visible{outline-offset:3px;outline:3px solid #d3ad71}.related-variant-summary{grid-template-columns:minmax(0,1fr) auto;gap:16px;display:grid}.related-variant-card h3{color:#efd19a;margin:6px 0 8px;font:18px Georgia,Songti SC,serif}.related-variant-card p{color:#b8afa6;margin:0;font-size:12px;line-height:1.65}.related-shared-cards{color:#b9aa96;flex-direction:column;align-items:flex-end;gap:5px;min-width:92px;font-size:11px;display:flex}.related-shared-cards strong{color:#d8bc89}.related-shared-cards>div{flex-wrap:wrap;justify-content:flex-end;gap:5px;display:flex}.related-shared-cards span{background:#26231f;border-radius:4px;padding:4px 6px}.related-variant-core{border-top:1px solid #34312e;padding-top:14px}.related-core-heading{justify-content:flex-start;align-items:baseline;gap:10px;margin-bottom:10px;display:flex}.related-core-heading h4{color:#d8bc89;margin:0;font:15px Georgia,Songti SC,serif}.related-core-heading span{color:#8f8881;font-size:11px}.related-core-strip{grid-template-columns:repeat(auto-fill,88px);justify-content:start;gap:8px;display:grid}.related-core-strip figure{text-align:center;min-width:0;margin:0}.related-core-strip img{object-fit:contain;filter:drop-shadow(0 4px 4px #000a);width:76px;height:108px}.related-core-strip figcaption{color:#b8afa6;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.related-variant-link{color:#d3ad71;font-size:12px}@media (width<=1100px){.lineup{grid-template-columns:repeat(4,1fr)}.component-group-grid,.trinket-grid,.strategy-insight-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=720px){.detail-nav{border-left:0;border-right:0;border-radius:0;margin-inline:-18px;top:100px}.decision-summary,.detail-section{padding:16px}.decision-grid,.core-requirement-grid,.component-group-grid,.trinket-grid,.strategy-insight-grid,.guide-variant-grid,.related-variant-grid,.related-variant-summary{grid-template-columns:1fr}.related-shared-cards{align-items:flex-start}.related-shared-cards>div{justify-content:flex-start}.section-heading,.gameplay-video-caption{flex-direction:column;align-items:flex-start}.lineup{scroll-snap-type:x proximity;gap:8px;padding-bottom:8px;display:flex;overflow-x:auto}.lineup-slot{scroll-snap-align:start;flex:0 0 172px}.lineup-slot figure img{height:220px}.engine-family-summary{grid-template-columns:1fr}.engine-family-siblings{align-items:flex-start}.core-requirement-grid article{align-items:center}.core-requirement-grid img{width:96px;height:138px}}.compendium-page{width:100%;min-width:0;max-width:1520px;margin:0 auto;padding:34px 34px 80px}.compendium-hero{background:radial-gradient(circle at 80% 15%,#76512426 0,#0000 31%),linear-gradient(135deg,#211c19,#111419 68%);border:1px solid #55493d;border-radius:12px;justify-content:space-between;align-items:flex-end;gap:28px;min-height:210px;padding:34px 38px;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 60px #0005}.compendium-hero:after{content:"";pointer-events:none;border:1px solid #b8874850;border-radius:50%;width:320px;height:220px;position:absolute;bottom:-90px;right:-50px;transform:rotate(-18deg);box-shadow:0 0 0 34px #b8874810,0 0 0 70px #b8874808}.compendium-hero h1{margin:9px 0 12px;font:42px Georgia,Songti SC,serif}.compendium-hero p{color:#c2b7aa;max-width:720px;margin:0;line-height:1.75}.compendium-hero-stats{border-left:1px solid #68543f;flex:none;min-width:170px;padding:18px}.compendium-hero-stats strong,.compendium-hero-stats span,.compendium-hero-stats small{display:block}.compendium-hero-stats strong{color:#f0ca89;font:38px Georgia,serif}.compendium-hero-stats span{color:#d8c5aa;margin:2px 0 14px;font-size:13px}.compendium-hero-stats small{color:#9f9488;line-height:1.5}.compendium-hero-stats button{color:#e2be83;cursor:pointer;background:#2a2119;border:1px solid #765c3f;border-radius:6px;margin-top:15px;padding:8px 10px;font-size:11px}.compendium-hero-stats button:hover{background:#38291e;border-color:#bd8b51}.compendium-sections{scrollbar-color:#584b3e transparent;grid-template-columns:repeat(9,minmax(112px,1fr));gap:7px;margin:18px 0;padding:5px 0 8px;display:grid;overflow-x:auto}.compendium-sections button{color:#b8afa6;cursor:pointer;text-align:left;background:#14161a;border:1px solid #3e4145;border-radius:7px;min-width:112px;padding:12px 10px 10px}.compendium-sections button:hover{background:#1c1c1d;border-color:#796047}.compendium-sections button span,.compendium-sections button small{display:block}.compendium-sections button span{font-size:13px}.compendium-sections button strong{float:right;color:#d1ad77;margin-top:-17px;font-size:12px}.compendium-sections button small{color:#817b75;margin-top:5px;font-size:10px}.compendium-sections button.active small{color:#b69b78}.compendium-controls{background:#121418;border:1px solid #3c3f43;border-radius:9px;gap:17px;padding:18px;display:grid}.compendium-search>span{color:#aaa097;margin-bottom:7px;font-size:11px;display:block}.compendium-search input{width:100%;height:46px;color:var(--text);background:#090b0e;border:1px solid #514b45;border-radius:7px;padding:0 15px}.compendium-search input::placeholder{color:#746e68}.compendium-filter-rows{gap:10px;display:grid}.compendium-filter-row{grid-template-columns:58px minmax(0,1fr);align-items:center;gap:10px;display:grid}.compendium-filter-label{color:#b9aea3;font-size:12px;font-weight:600}.compendium-filter-options{flex-wrap:wrap;gap:7px;display:flex}.compendium-filter-options button{color:#c7bbb0;cursor:pointer;background:#191b1f;border:1px solid #5a4a3f;border-radius:6px;justify-content:center;align-items:center;gap:3px;min-width:58px;height:34px;padding:0 12px;font-size:12px;transition:border-color .15s,background .15s,color .15s,box-shadow .15s;display:inline-flex}.compendium-filter-options button.active{color:#ffe0a4;background:linear-gradient(#68452d,#38291f);border-color:#bd8247;box-shadow:inset 0 0 0 1px #e5aa6240,0 4px 14px #0004}.compendium-filter-options button:focus-visible{outline-offset:2px;outline:2px solid #e2b26d}.compendium-tier-options button:not(.compendium-filter-all){width:50px;min-width:50px;padding:0 7px}.compendium-tier-gem{color:#fff0b7;background:linear-gradient(145deg,#b32e92,#51246e);border:1px solid #997149;border-radius:5px 5px 8px 8px;place-items:center;width:22px;height:22px;font:700 12px Georgia,serif;display:grid;box-shadow:inset 0 0 0 2px #e8b64d35}.compendium-tier-options button.active .compendium-tier-gem{border-color:#f2c269;box-shadow:inset 0 0 0 2px #ffe28a42,0 0 10px #d67bbd44}.compendium-tier-options small{color:inherit;font-size:10px}.compendium-filter-options .compendium-filter-all{min-width:78px}.compendium-results-heading{justify-content:space-between;align-items:center;gap:14px;min-height:62px;display:flex}.compendium-results-heading p{color:#938b84;margin:0;font-size:12px}.compendium-results-heading p strong{color:#d7b77e;font-size:15px}.compendium-results-heading button{color:#b89a72;cursor:pointer;background:0 0;border:0;font-size:12px}.compendium-results-heading button:disabled{color:#625e5a;cursor:default}.compendium-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;display:grid}.compendium-card{cursor:pointer;text-align:left;background:#16181c;border:1px solid #3d4044;border-radius:9px;flex-direction:column;min-width:0;padding:0;transition:transform .16s,border-color .16s,box-shadow .16s;display:flex;overflow:hidden}.compendium-card[data-source=buddy]{--source-color:#8ab2cf}.compendium-card[data-source=timewarp]{--source-color:#b697de}.compendium-card[data-source=anomaly]{--source-color:#d17a71}.compendium-card[data-source=quest]{--source-color:#75c8a0}.compendium-card[data-source=standard]{--source-color:#a5bd91}.compendium-card-art{aspect-ratio:404/558;background:radial-gradient(circle at 50% 42%,#40352c 0,#202126 48%,#121419 76%);place-items:center;width:100%;height:auto;padding:8px;display:grid;position:relative;overflow:hidden}.compendium-card-art:after{content:"";background:var(--source-color);opacity:.72;height:3px;position:absolute;inset:auto 0 0}.compendium-card-art img{object-fit:contain;object-position:center;filter:drop-shadow(0 10px 8px #000a);width:100%;min-width:0;height:100%;min-height:0}.compendium-mode-badge{z-index:2;color:#f0ce92;letter-spacing:.04em;background:#17120deb;border:1px solid #b98e56;border-radius:999px;padding:5px 8px;font-size:9px;font-weight:700;position:absolute;top:10px;left:10px;box-shadow:0 5px 14px #0009}.compendium-mode-badge.duo{color:#c7daf4;background:#152237eb;border-color:#8aa7d2}.compendium-card[data-source=timewarp] .compendium-card-art{background:radial-gradient(circle at 50% 44%,#49335e 0,#241d31 52%,#121419 80%)}.compendium-card[data-source=anomaly] .compendium-card-art{background:radial-gradient(circle at 50% 44%,#52312f 0,#261c21 52%,#121419 80%)}.compendium-card[data-source=quest] .compendium-card-art{background:radial-gradient(circle at 50% 44%,#23493a 0,#182b26 52%,#121419 80%)}.compendium-hero-badge{z-index:3;pointer-events:none;flex-direction:column;align-items:center;width:82px;display:flex;position:absolute;bottom:10px;right:9px}.compendium-hero-portrait{background:#241c2d;border:3px solid #dec38e;border-radius:50%;width:58px;height:58px;display:block;position:relative;overflow:hidden;box-shadow:0 0 0 2px #604a32,0 8px 18px #000c}.compendium-card-art .compendium-hero-portrait img{object-fit:cover;object-position:50% 34%;filter:saturate(1.05)contrast(1.02);width:100%;height:100%;transform:scale(1.34)}.compendium-hero-badge small{color:#f1d5a2;text-overflow:ellipsis;white-space:nowrap;background:#111318ed;border:1px solid #6b543a;border-radius:10px;max-width:82px;margin-top:5px;padding:3px 6px;font-size:9px;line-height:1.2;display:block;overflow:hidden;box-shadow:0 4px 10px #0009}.compendium-load-more{place-items:center;padding:34px 0 4px;display:grid}.compendium-load-more button{color:#e1c18c;cursor:pointer;background:#241e1a;border:1px solid #69543f;border-radius:7px;min-width:220px;padding:12px 18px}.compendium-load-more button:hover{background:#30251f;border-color:#a77a4d}.compendium-load-more span{color:#9f8c75;margin-left:5px;font-size:11px}.compendium-dialog-backdrop{z-index:80;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#050608db;place-items:center;padding:28px;display:grid;position:fixed;inset:0}.compendium-dialog{background:#15171b;border:1px solid #745e48;border-radius:12px;grid-template-columns:minmax(300px,430px) minmax(320px,1fr);width:min(1120px,100%);max-height:min(840px,100vh - 56px);display:grid;position:relative;overflow:auto;box-shadow:0 34px 100px #000c}.compendium-dialog-close{z-index:3;color:#d8cabe;cursor:pointer;background:#111318e8;border:1px solid #625950;border-radius:50%;place-items:center;width:38px;height:38px;font-size:24px;line-height:1;display:grid;position:absolute;top:14px;right:14px}.compendium-dialog-art{background:radial-gradient(circle at 50% 38%,#493a2d 0,#202126 48%,#101216 78%);border-right:1px solid #393b3f;place-items:center;min-height:590px;padding:32px;display:grid}.compendium-dialog-art img{object-fit:contain;filter:drop-shadow(0 18px 14px #000c);width:100%;height:100%;max-height:650px}.compendium-dialog[data-source=anomaly] .compendium-dialog-art{background:radial-gradient(circle at 50% 42%,#583431 0,#271d22 52%,#101216 80%);padding:24px}.compendium-dialog[data-source=anomaly] .compendium-dialog-art img{object-fit:contain;object-position:center;width:100%;height:100%}.compendium-dialog-copy{align-self:center;padding:44px 42px}.compendium-dialog-copy h2{margin:9px 50px 14px 0;font:34px/1.25 Georgia,Songti SC,serif}.compendium-detail-tags{flex-wrap:wrap;gap:6px;margin-bottom:24px;display:flex}.compendium-detail-tags span{color:#bbb0a5;border:1px solid #4d4f53;border-radius:5px;padding:5px 8px;font-size:11px}.compendium-dialog-copy section{border-top:1px solid #35373b;padding:15px 0}.compendium-dialog-copy section h3{color:#d9b77d;margin:0 0 7px;font-size:13px}.compendium-dialog-copy section p{white-space:pre-line;color:#c2b7ac;margin:0;font-size:14px;line-height:1.75}.compendium-card-id{color:#77716b;margin:18px 0 0;font:11px ui-monospace,SFMono-Regular,Menlo,monospace}.compendium-special-note{color:#a99c8e;background:#211d19;border-left:2px solid #8a704f;margin:14px 0 0;padding:10px 11px;font-size:11px;line-height:1.55}.compendium-related-sections{background:#101216;border-top:1px solid #3b3d41;grid-column:1/-1;gap:24px;padding:26px 30px 34px;display:grid}.compendium-related-section>h3{color:#e1c18d;align-items:center;gap:8px;margin:0 0 12px;font:18px Georgia,Songti SC,serif;display:flex}.compendium-related-section>h3 span{color:#a9957d;border:1px solid #5e5143;border-radius:50%;place-items:center;min-width:21px;height:21px;font:10px system-ui,sans-serif;display:grid}.compendium-related-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.compendium-related-card{background:#17191d;border:1px solid #34373b;border-radius:8px;grid-template-columns:100px minmax(0,1fr);min-width:0;display:grid;overflow:hidden}.compendium-related-card>div{background:radial-gradient(circle,#3a3027,#16181c 70%);border-right:1px solid #33363a;place-items:center;min-height:136px;padding:6px;display:grid}.compendium-related-card img{object-fit:contain;filter:drop-shadow(0 6px 6px #000a);width:100%;height:100%}.compendium-related-card section{min-width:0;padding:12px}.compendium-related-card h4{color:#e6d8c8;margin:0 0 7px;font:15px Georgia,Songti SC,serif}.compendium-related-card p{color:#aaa096;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:8px 0;font-size:11px;line-height:1.55;display:-webkit-box;overflow:hidden}.compendium-related-card small{color:#6f6b66;font:9px ui-monospace,SFMono-Regular,Menlo,monospace}.compendium-related-meta{flex-wrap:wrap;gap:4px;display:flex}.compendium-related-meta span{color:#b9aa96;border:1px solid #48443e;border-radius:3px;padding:2px 5px;font-size:9px}.compendium-patch-dialog{background:#121418;border:1px solid #745e48;border-radius:12px;flex-direction:column;width:min(1160px,100%);max-height:min(860px,100dvh - 56px);display:flex;position:relative;overflow:hidden;box-shadow:0 34px 100px #000c}.compendium-patch-dialog>header{z-index:2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#171719f5;border-bottom:1px solid #3f3b36;flex-shrink:0;padding:28px 72px 24px 30px;position:sticky;top:0}.compendium-patch-dialog>header h2{color:#eee0ce;margin:7px 0;font:30px Georgia,Songti SC,serif}.compendium-patch-dialog>header p{color:#9f968d;margin:0;font-size:12px}.compendium-patch-summary{flex-wrap:wrap;gap:7px;margin-top:15px;display:flex}.compendium-patch-summary span,.compendium-patch-change-heading strong{border:1px solid #555;border-radius:5px;padding:5px 8px;font-size:10px}[data-kind=added]{color:#9dd6ad;background:#193022;border-color:#477557!important}[data-kind=removed]{color:#e3a39b;background:#321d1c;border-color:#834d48!important}[data-kind=altered]{color:#e0c184;background:#302719;border-color:#80683f!important}.compendium-patch-list{overscroll-behavior:contain;scrollbar-gutter:stable;gap:10px;min-height:0;padding:18px;display:grid;overflow-y:auto}.compendium-patch-change{background:#17191d;border:1px solid #34373b;border-radius:9px;padding:14px}.compendium-patch-change-heading{color:#bcb0a4;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;font-size:11px;display:flex}.compendium-patch-comparison{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:8px;display:grid}.compendium-patch-comparison>b{color:#987955;place-items:center;font-size:18px;display:grid}.compendium-patch-card{overflow-wrap:anywhere;background:#111317;border:1px solid #34373b;border-radius:7px;min-width:0;padding:10px 12px}.compendium-patch-card>img{object-fit:contain;background:#1c1b1a;width:100%;height:105px;padding:4px}.compendium-patch-card>div{min-width:0;padding:10px}.compendium-patch-card h4{color:#dfd2c4;margin:0 0 5px;font:14px Georgia,Songti SC,serif}.compendium-patch-card p{color:#b8afa6;overflow-wrap:anywhere;margin:0 0 8px;font-size:12px;line-height:1.65}.compendium-patch-card small{color:#c4b39b;font-size:11px}.compendium-patch-phase{color:#bba27d;margin-bottom:6px;font-size:11px;display:block}.compendium-patch-empty{color:#77716b;border:1px dashed #3d4044;border-radius:7px;place-items:center;min-height:105px;font-size:11px;display:grid}@media (width<=1250px){.compendium-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=940px){.compendium-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.compendium-dialog{grid-template-columns:minmax(250px,330px) minmax(300px,1fr)}.compendium-dialog-art{min-height:520px;padding:22px}.compendium-dialog-copy{padding:38px 30px}.compendium-related-card{grid-template-columns:86px minmax(0,1fr)}}@media (width<=720px){.compendium-page{padding:22px 18px 60px}.compendium-hero{flex-direction:column;align-items:flex-start;min-height:0;padding:26px 22px}.compendium-hero h1{font-size:32px}.compendium-hero-stats{border-top:1px solid #68543f;border-left:0;width:100%;padding:13px 0 0}.compendium-hero-stats strong{font-size:30px}.compendium-sections{margin-inline:-18px;padding-inline:18px}.compendium-controls{padding:13px}.compendium-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.compendium-dialog-backdrop{align-items:end;padding:0}.compendium-dialog{border-bottom:0;border-left:0;border-right:0;border-radius:14px 14px 0 0;width:100%;max-height:92dvh;display:block}.compendium-dialog-art{border-bottom:1px solid #393b3f;border-right:0;height:min(330px,38vh);min-height:0;padding:16px 22px}.compendium-dialog-art img{max-height:100%}.compendium-dialog-copy{padding:28px 22px 38px}.compendium-dialog-copy h2{font-size:28px}.compendium-related-sections{padding:22px 18px 30px}.compendium-related-grid{grid-template-columns:1fr}.compendium-patch-dialog{border-bottom:0;border-left:0;border-right:0;border-radius:14px 14px 0 0;width:100%;max-height:92dvh}.compendium-patch-dialog>header{padding:24px 58px 20px 18px}.compendium-patch-list{padding:10px}.compendium-patch-comparison>b{height:20px;transform:rotate(90deg)}}@media (width<=420px){.compendium-filter-row{grid-template-columns:1fr;gap:6px}.compendium-filter-options{gap:5px}.compendium-filter-options button{min-width:54px;padding-inline:9px}.compendium-hero-badge{width:68px;bottom:6px;right:4px}.compendium-hero-portrait{width:50px;height:50px}.compendium-hero-badge small{max-width:68px;font-size:8px}}.compendium-patch-change-heading>img{object-fit:contain;flex-shrink:0;width:38px;height:48px}.compendium-patch-change-heading>div{flex:1;min-width:0}.compendium-patch-change-heading h3{color:var(--text);margin:0 0 3px;font-size:15px}.compendium-patch-shared{color:var(--muted);margin:0 0 10px;font-size:12px;line-height:1.65}.compendium-patch-card mark{-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:3px;padding:1px 3px;font-weight:700}.patch-diff-before{color:#ffd0c8;text-underline-offset:3px;background:#552d30;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.patch-diff-after{color:#c2f2ce;text-underline-offset:3px;background:#234a37;text-decoration:underline}:root[data-theme=light] .patch-diff-before{color:#842d24;background:#f7d9d3}:root[data-theme=light] .patch-diff-after{color:#215d32;background:#d5ecd9}@media (width<=720px){.compendium-patch-change{padding:10px}.compendium-patch-card{padding:8px}.compendium-patch-dialog>header{padding-top:16px;padding-bottom:14px}.compendium-patch-dialog>header h2{font-size:24px}}.patch-list-row{grid-template-columns:80px minmax(0,1fr);align-items:start;gap:18px;display:grid}.patch-list-art{place-items:center;height:110px;display:grid}.patch-list-art img{object-fit:contain;width:80px;height:110px}.patch-list-copy{min-width:0}.patch-list-copy .compendium-patch-change-heading{margin-bottom:8px}.patch-change-summary{color:var(--text);overflow-wrap:anywhere;flex-wrap:wrap;gap:6px 18px;font-size:13px;line-height:1.8;display:flex}.patch-change-summary p{width:100%;margin:0}.patch-stat-change{white-space:nowrap}.patch-change-summary mark{-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:4px;padding:1px 4px;font-weight:650}.patch-full-details{color:var(--muted);margin-top:10px;font-size:12px;line-height:1.7}.patch-full-details summary{cursor:pointer;width:fit-content;color:var(--gold-ink)}.patch-full-details p{margin:8px 0 0}.patch-list-filters{border-bottom:1px solid var(--line);flex-wrap:wrap;flex-shrink:0;align-items:center;gap:10px;padding:12px 18px;display:flex}.patch-list-filters input,.patch-list-filters select{border:1px solid var(--line);background:var(--surface);min-width:0;height:36px;color:var(--text);border-radius:6px;padding:0 10px}.patch-list-filters input{flex:1}.patch-list-filters>span{color:var(--muted);font-size:12px}@media (width<=600px){.patch-list-row{gap:12px}.patch-list-filters{gap:8px;padding:10px}.patch-list-filters input{flex-basis:55%}.patch-change-summary{font-size:12px}}.dark-gifts-page{width:min(1500px,100%);min-height:70vh;margin:0 auto;padding:52px 34px 92px}.dark-gift-loading{min-height:50vh;color:var(--muted);place-items:center;display:grid}.dark-gifts-hero{background:radial-gradient(circle at 82% 48%,#864cd24d,#0000 23rem),radial-gradient(circle at 14% 10%,#ebaf5e1a,#0000 24rem),linear-gradient(135deg,#1c152bf5,#0d111cfa 58%,#130d20f7);border:1px solid #b58feb40;border-radius:28px;grid-template-columns:minmax(0,1fr) 310px;align-items:center;gap:54px;min-height:360px;padding:54px 62px;display:grid;position:relative;overflow:hidden;box-shadow:0 34px 90px #0000004d,inset 0 1px #ffffff0d}.dark-gifts-hero:before,.dark-gifts-hero:after{content:"";pointer-events:none;position:absolute}.dark-gifts-hero:before{opacity:.16;background-image:linear-gradient(30deg,#0000 48%,#dcbeff2e 49%,#0000 50%),linear-gradient(150deg,#0000 48%,#dcbeff1f 49%,#0000 50%);background-size:86px 86px;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000 36%,#000);mask-image:linear-gradient(90deg,#0000 36%,#000)}.dark-gifts-hero:after{border:1px solid #cfadff1f;border-radius:50%;width:360px;height:360px;right:15px;box-shadow:0 0 0 38px #bd8eff08,0 0 0 82px #bd8eff05}.dark-gifts-hero-copy{z-index:2;position:relative}.dark-gifts-hero .eyebrow{color:#c9a4f8}.dark-gifts-hero h1{color:#fff8ef;letter-spacing:-.045em;margin:12px 0 17px;font-family:Songti SC,STSong,Georgia,serif;font-size:clamp(44px,5.2vw,70px);line-height:1.05}.dark-gifts-hero-copy>p{color:#c0bbc8;max-width:770px;margin:0;font-size:15px;line-height:1.9}.dark-gifts-hero-stats{flex-wrap:wrap;gap:10px;margin-top:29px;display:flex}.dark-gifts-hero-stats span{color:#aaa4b1;background:#6f449d21;border:1px solid #c29bf72e;border-radius:999px;align-items:baseline;gap:7px;padding:8px 12px;font-size:12px;display:inline-flex}.dark-gifts-hero-stats strong{color:#ead7ff;font:700 18px Georgia,serif}.dark-gifts-sigil{z-index:2;background:radial-gradient(circle at 44% 38%,#e1c5ff52,#0000 8%),radial-gradient(circle,#5d367e 0,#2c1b47 36%,#130e20 70%);border:1px solid #dcc3ff5c;border-radius:50%;justify-self:center;place-items:center;width:246px;height:246px;display:grid;position:relative;box-shadow:inset 0 0 34px #e1beff2e,0 0 70px #924fde47,0 24px 50px #00000061}.dark-gifts-sigil:before,.dark-gifts-sigil:after,.dark-gifts-sigil i{content:"";border:1px solid #e1c6ff4d;position:absolute}.dark-gifts-sigil:before{inset:21px;transform:rotate(45deg)}.dark-gifts-sigil:after{border-radius:50%;inset:37px}.dark-gifts-sigil i:first-child{width:164px;height:164px;transform:rotate(22.5deg)}.dark-gifts-sigil i:nth-child(2){width:164px;height:164px;transform:rotate(67.5deg)}.dark-gifts-sigil>span{color:#f5d6ff;text-shadow:0 0 18px #e5b7ff;font-size:25px;position:absolute;top:49px}.dark-gifts-sigil b{color:#eedfff;letter-spacing:.14em;text-align:center;text-shadow:0 2px 18px #d29cff;margin-top:42px;font:700 24px/1.1 Georgia,serif}.dark-gifts-basics{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:20px 0;display:grid}.dark-gifts-basics article{border:1px solid var(--hairline);background:linear-gradient(145deg,#161d2ae3,#0d121be0);border-radius:16px;min-width:0;padding:20px 21px;box-shadow:inset 0 1px #ffffff0a}.dark-gifts-basics article>span{color:#a184c8;letter-spacing:.12em;font-size:11px;font-weight:750}.dark-gifts-basics strong{color:#f0e4ff;margin:8px 0 5px;font:700 20px Songti SC,serif;display:block}.dark-gifts-basics p{color:#858e9c;margin:0;font-size:12px;line-height:1.55}.dark-gift-offering{border:1px solid var(--hairline);background:#0a0f18a3;border-radius:18px;grid-template-columns:260px minmax(0,1fr);align-items:center;gap:32px;margin-bottom:20px;padding:25px 28px;display:grid}.dark-gift-offering h2{color:#f1e8dc;margin:7px 0 6px;font:700 21px Songti SC,serif}.dark-gift-offering p{color:#8e98a6;margin:0;font-size:12px;line-height:1.65}.dark-gift-offering-track{grid-template-columns:repeat(8,minmax(76px,1fr));align-items:start;padding:8px 2px 4px;display:grid;overflow-x:auto}.dark-gift-offering-stop{text-align:center;min-width:76px;position:relative}.dark-gift-offering-stop>span{z-index:2;color:#d7bcf6;background:#241932;border:1px solid #c094f459;border-radius:50%;place-items:center;width:34px;height:34px;margin:0 auto 9px;font:700 12px Georgia,serif;display:grid;position:relative;box-shadow:0 0 18px #7f4abb33}.dark-gift-offering-stop>div{flex-wrap:wrap;place-content:flex-start center;gap:3px;min-height:34px;display:flex}.dark-gift-offering-stop b{color:#dcb981;white-space:nowrap;background:#5c3f232e;border:1px solid #d9af6933;border-radius:999px;padding:3px 6px;font-size:10px;font-weight:650}.dark-gift-offering-stop i{z-index:1;background:linear-gradient(90deg,#bc90f06b,#bc90f01f);width:calc(100% - 34px);height:1px;position:absolute;top:16px;left:calc(50% + 17px)}.dark-gift-browser{border:1px solid var(--hairline);box-shadow:var(--shadow);background:#0b1019b8;border-radius:22px;margin-top:20px;padding:34px}.dark-gift-browser-heading{justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.dark-gift-browser-heading h2{color:#f6eee3;margin:7px 0 5px;font:700 30px Songti SC,serif}.dark-gift-browser-heading p{color:#8f98a5;margin:0;font-size:13px;line-height:1.65}.dark-gift-browser .version-badge{color:#d9c1f8;background:#4b2c6a4d;border-color:#b989eb40}.dark-gift-controls{grid-template-columns:minmax(250px,1fr) auto;gap:13px;margin:26px 0 0;display:grid}.dark-gift-search>span{clip:rect(0, 0, 0, 0);width:1px;height:1px;position:absolute;overflow:hidden}.dark-gift-search input{color:#f0e8de;background:#070b12d6;border:1px solid #99adc730;border-radius:12px;width:100%;height:46px;padding:0 15px}.dark-gift-search input::placeholder{color:#697484}.dark-gift-search input:focus{border-color:#b789eb8a}.dark-gift-pool-switch{border:1px solid var(--hairline);background:#080c13bd;border-radius:12px;grid-template-columns:repeat(2,auto);padding:4px;display:inline-grid}.dark-gift-pool-switch button,.dark-gift-turn-filter button,.dark-gift-result-row button{color:#929caa;cursor:pointer;border:0}.dark-gift-pool-switch button{background:0 0;border-radius:9px;padding:0 14px;font-size:12px}.dark-gift-pool-switch button.active{color:#ead9ff;background:linear-gradient(#4a315d,#2a2236);box-shadow:inset 0 1px #ffffff12}.dark-gift-turn-filter{scrollbar-width:thin;grid-column:1/-1;gap:6px;padding:2px 0 3px;display:flex;overflow-x:auto}.dark-gift-turn-filter button{background:#171e2aad;border:1px solid #97acc624;border-radius:9px;flex:none;min-height:34px;padding:0 10px;font-size:11px}.dark-gift-turn-filter button:hover{color:#ddd4e5;border-color:#ba8eec4f}.dark-gift-turn-filter button.active{color:#ebd9ff;background:#462c5eb3;border-color:#c196f16e}.trastath-note{background:linear-gradient(90deg,#43275959,#1917268c);border:1px solid #af7ce547;border-left:3px solid #a76ad7;border-radius:12px;gap:13px;margin-top:16px;padding:15px 17px;display:flex}.trastath-note>span{color:#d8abff;font-size:23px;line-height:1}.trastath-note strong{color:#e8d5fb;font-size:13px}.trastath-note p{color:#aaa4b2;margin:4px 0 0;font-size:12px;line-height:1.6}.dark-gift-result-row{justify-content:space-between;align-items:center;gap:14px;min-height:54px;display:flex}.dark-gift-result-row p{color:#7f8997;margin:0;font-size:12px}.dark-gift-result-row button{color:#bd9add;background:0 0;padding:6px 0;font-size:11px}.dark-gift-result-row button:hover{color:#e3c7ff}.dark-gift-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.dark-gift-card{background:radial-gradient(circle at 0 0,#7b4baa1a,#0000 13rem),linear-gradient(145deg,#161d2af5,#0c1119f5);border:1px solid #98acc624;border-radius:15px;grid-template-columns:54px minmax(0,1fr);min-height:210px;transition:transform .18s,border-color .18s,box-shadow .18s;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff08,0 12px 28px #00000021}.dark-gift-card:hover{border-color:#b285e254;transform:translateY(-3px);box-shadow:0 20px 38px #00000036}.dark-gift-card[data-rare=true]{background:radial-gradient(circle at 0 0,#c4883026,#0000 13rem),linear-gradient(145deg,#1c1c26f5,#0e1118f5);border-color:#e6b2574f}.dark-gift-card-mark{background:linear-gradient(#492a6457,#0000 72%);border-right:1px solid #a183c121;justify-content:center;padding-top:20px;display:flex}.dark-gift-card-mark span{color:#88719d;letter-spacing:.08em;font:700 11px Georgia,serif}.dark-gift-card-mark:after{content:"";background:radial-gradient(circle,#ba87e3,#4b2f68 48%,#0000 52%);border:1px solid #caa4ef59;width:18px;height:18px;position:absolute;top:52px;left:18px;transform:rotate(45deg);box-shadow:0 0 16px #af70e64d}.dark-gift-card[data-rare=true] .dark-gift-card-mark:after{background:radial-gradient(circle,#ffdc91,#755124 48%,#0000 52%);border-color:#f4cc7d7a;box-shadow:0 0 18px #e2a43e54}.dark-gift-card-copy{min-width:0;padding:18px 18px 17px}.dark-gift-card-meta{flex-wrap:wrap;align-items:center;gap:6px;min-height:24px;display:flex}.dark-gift-turn-badge,.dark-gift-rare-badge{border-radius:999px;padding:4px 7px;font-size:10px;font-weight:700;display:inline-flex}.dark-gift-turn-badge{color:#cfafea;background:#472b5f5e;border:1px solid #aa7fd640}.dark-gift-rare-badge{color:#edc77c;background:#6243195c;border:1px solid #e6b2574d}.dark-gift-card h2{color:#f2e9dd;align-items:baseline;gap:8px;margin:10px 0 8px;font:700 20px Songti SC,serif;display:flex}.dark-gift-card h2 small{color:#998aa8;white-space:nowrap;font:600 10px sans-serif}.dark-gift-card-copy>p{color:#b5b6bf;min-height:50px;margin:0;font-size:13px;line-height:1.65}.dark-gift-tags{flex-wrap:wrap;gap:5px;margin-top:13px;display:flex}.dark-gift-tags span{color:#858f9d;background:#080c1273;border:1px solid #96abc624;border-radius:5px;padding:3px 6px;font-size:9px;line-height:1.4}.dark-gift-tags .trastath-tag{color:#c9a6e8;background:#4d2b6959;border-color:#b17fe33d}.dark-gift-rules{border:1px solid var(--hairline);background:#0a0f179e;border-radius:16px;margin-top:20px}.dark-gift-rules summary{color:#d7c9e3;cursor:pointer;justify-content:space-between;align-items:center;gap:20px;padding:18px 20px;font-size:13px;font-weight:650;display:flex}.dark-gift-rules summary small{color:#737f8e;font-size:10px;font-weight:500}.dark-gift-rules[open] summary{border-bottom:1px solid var(--hairline)}.dark-gift-rules ul{color:#9aa3af;margin:0;padding:19px 24px 22px 42px;font-size:12px;line-height:1.75}.dark-gift-rules li+li{margin-top:5px}@media (width<=1180px){.dark-gifts-hero{grid-template-columns:minmax(0,1fr) 240px;padding-inline:42px}.dark-gifts-sigil{width:208px;height:208px}.dark-gifts-sigil i:first-child,.dark-gifts-sigil i:nth-child(2){width:138px;height:138px}.dark-gifts-sigil>span{top:38px}.dark-gifts-sigil b{font-size:21px}.dark-gift-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dark-gift-offering{grid-template-columns:1fr;gap:15px}}@media (width<=820px){.dark-gifts-page{padding-inline:20px}.dark-gifts-hero{grid-template-columns:1fr;min-height:0;padding:40px}.dark-gifts-sigil{opacity:.42;position:absolute;bottom:-52px;right:-22px}.dark-gifts-hero-copy{padding-right:70px}.dark-gifts-basics{grid-template-columns:repeat(2,minmax(0,1fr))}.dark-gift-controls{grid-template-columns:1fr}.dark-gift-pool-switch{min-height:44px}.dark-gift-turn-filter{grid-column:auto}}@media (width<=720px){.dark-gifts-page{padding:22px 16px 64px}.dark-gifts-hero{border-radius:20px;padding:31px 24px}.dark-gifts-hero-copy{padding-right:0}.dark-gifts-hero h1{font-size:39px}.dark-gifts-hero-copy>p{max-width:90%;font-size:13px}.dark-gifts-hero-stats{gap:6px;margin-top:22px}.dark-gifts-hero-stats span{padding:6px 9px;font-size:10px}.dark-gifts-hero-stats strong{font-size:15px}.dark-gifts-sigil{bottom:-81px;right:-73px}.dark-gifts-basics{gap:8px}.dark-gifts-basics article{border-radius:13px;padding:15px}.dark-gifts-basics strong{font-size:17px}.dark-gift-offering{border-radius:15px;padding:20px 18px}.dark-gift-offering-track{margin-inline:-18px;padding-inline:18px}.dark-gift-browser{border-radius:18px;padding:22px 16px}.dark-gift-browser-heading{flex-direction:column;align-items:flex-start;gap:12px}.dark-gift-browser-heading h2{font-size:26px}.dark-gift-pool-switch{grid-template-columns:1fr 1fr}.dark-gift-pool-switch button{padding-inline:9px}.dark-gift-grid{grid-template-columns:1fr}.dark-gift-card{min-height:190px}.dark-gift-card-copy>p{min-height:0}.dark-gift-rules summary{flex-direction:column;align-items:flex-start;gap:4px}}:root{--bg:#080b12;--surface:#111722;--surface-2:#171f2d;--surface-3:#202a39;--line:#263244;--line-strong:#735a39;--gold:#efbd70;--gold-deep:#b97735;--text:#f8f0e5;--muted:#aeb5c1;--muted-strong:#d0d5dd;--green:#8bd3a4;--green-bg:#142b23;--red:#ef9d91;--red-bg:#341d20;--blue:#8dc9e6;--panel:#121925eb;--panel-strong:#192231f5;--hairline:#9bb0cc26;--shadow:0 24px 70px #00000047;font-family:Avenir Next,SF Pro Text,PingFang SC,Microsoft YaHei,ui-sans-serif,sans-serif}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:var(--bg)}body{color:var(--text);background-color:#0000;background-image:radial-gradient(circle at 10% 2%,#3e507d24,#0000 27rem),radial-gradient(circle at 92% 12%,#89532e1c,#0000 29rem),linear-gradient(#0a0e16 0,#080b12 46%,#0a0e15 100%);background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box}body:before{z-index:-1;content:"";pointer-events:none;background-image:linear-gradient(#ffffff04 1px,#0000 1px),linear-gradient(90deg,#ffffff04 1px,#0000 1px);background-size:56px 56px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#0000006b,#0000 68%);mask-image:linear-gradient(#0000006b,#0000 68%)}::selection{color:#fff7ea;background:#db984b52}button,input,select{letter-spacing:.01em}button,summary,label{-webkit-tap-highlight-color:transparent}input[type=search]::-webkit-search-cancel-button{opacity:.6}#main-content{min-width:0}#main-content:focus{outline:none}.skip-link{z-index:1001;color:#ffe0aa;background:#17120e;border:1px solid #ffd0846b;border-radius:9px;padding:9px 13px;font-size:12px;font-weight:700;text-decoration:none;transition:transform .18s;position:fixed;top:10px;left:14px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.detail-page,.finder-page,.page{padding-top:52px}.page-heading{margin-bottom:28px}.detail-hero h1,.page-heading h1,.page>h1{color:#fff8ed;letter-spacing:-.02em;text-wrap:balance;margin-top:9px;font-family:Songti SC,STSong,Georgia,serif;font-size:clamp(34px,3.2vw,48px);font-weight:700;line-height:1.16}.detail-hero p,.page-heading p,.page>p{color:#aeb6c2;max-width:780px;font-size:14px;line-height:1.85}.eyebrow{color:#dcaa65;letter-spacing:.16em;text-transform:uppercase;font-size:11px;font-weight:700}.status-badge,.version-badge{color:#bde4c9;white-space:nowrap;background:#224c377a;border-color:#78b98d42;border-radius:999px;padding:8px 12px;box-shadow:inset 0 1px #ffffff0d}.secondary-button,.primary-button{border-color:var(--hairline);color:#dbe0e7;background:linear-gradient(#273141eb,#181f2beb);border-radius:10px;min-height:40px;padding:9px 15px;transition:border-color .18s,color .18s,transform .18s,background .18s;box-shadow:inset 0 1px #ffffff0d,0 8px 20px #0000001f}.secondary-button:hover,.primary-button:hover{color:#ffe2ad;background:#263143;border-color:#efbd7061;transform:translateY(-1px)}.empty-state{background:#0e141e7a;border-color:#9cb0c92e;border-radius:18px}.empty-state h2{color:#dce1e8;font-family:Songti SC,STSong,Georgia,serif;font-size:21px}.section-note{color:#8f9aa9}.field-label{color:#c6ccd4;font-weight:600}.finder-selection-summary,.finder-controls,.recommendation-card,.decision-summary,.detail-section,.availability-notice{background:linear-gradient(145deg,#161d29f0,#0f151ff0);border-color:#97aeca29;box-shadow:inset 0 1px #ffffff08,0 18px 46px #00000024}.finder-selection-summary{border-radius:14px;padding:16px 18px}.selection-chips button{color:#efc98e;background:#6041234d;border-color:#dca65b3d;border-radius:999px}.selection-chips button:hover{background:#774e2566;border-color:#efbd7085}.finder-layout{grid-template-columns:minmax(0,1fr) 430px;gap:26px}.finder-controls{border-radius:18px;padding:26px}.finder-step{border-color:var(--hairline)}.finder-step-heading>div>span{color:#f3bd70;background:#7f50232e;border-color:#e4b06554;width:28px;height:28px}.finder-step h2,.recommendation-heading h2{color:#ebedf0;font-size:17px}.finder-step-heading>strong{color:#9ea8b5;background:#202836;border:1px solid #99aec71a;border-radius:999px}.choice-grid{gap:10px}.choice-card{color:#b8c0cb;background:#0d121b99;border-color:#95aac529;border-radius:11px;padding:9px 7px;transition:transform .18s,border-color .18s,background .18s}.choice-card:hover{transform:translateY(-2px)}.choice-card.selected,.choice-card:hover{color:#f4d7a5;background:#613f2147;border-color:#e09f4f6b}.tribe-choices label{color:#b7c0cc;cursor:pointer;background:#0b101861;border-color:#97adc82e;border-radius:10px}.tribe-choices label:hover{color:#e6d7c4;border-color:#d8a6614d}.tribe-choices label.selected{color:#f5d49d;background:#6944214d;border-color:#e2a45875}.confirm-tribes-button{background:linear-gradient(#1c3a2c,#15291f);border-color:#6fbe8b47;border-radius:10px;box-shadow:inset 0 1px #ffffff0d}.finder-advanced{border-color:var(--hairline);background:#0b101873;border-radius:12px}.recommendation-panel{scrollbar-color:#4d5c70 transparent;top:100px}.recommendation-card{border-radius:14px;padding:20px}.recommendation-card.status-ready{border-color:#6fc18c38;border-left:3px solid var(--green)}.recommendation-card.status-building{border-left:3px solid var(--gold)}.recommendation-card.status-signal{border-left:3px solid var(--blue)}.core-progress-track{background:#252f3e;height:6px}.core-progress-track span{border-radius:inherit;background:linear-gradient(90deg,#b67437,#f0be72);box-shadow:0 0 12px #e29e4b4d}.back-link{color:#dba65e;font-size:13px}.back-link:hover{color:#ffd99a}.detail-hero{box-shadow:var(--shadow);background:radial-gradient(circle at 88% 40%,#a3633036,#0000 24rem),linear-gradient(135deg,#20222d,#121924 70%);border:1px solid #e0ae6629;border-radius:22px;padding:34px;position:relative;overflow:hidden}.detail-hero:after{content:"";border:40px solid #ffffff04;border-radius:50%;width:260px;height:260px;position:absolute;bottom:-120px;right:-70px}.detail-hero>*{z-index:1;position:relative}.detail-hero h1{font-size:clamp(38px,4vw,56px)}.availability-notice{border-left:3px solid var(--gold);border-radius:15px}.detail-nav{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0a0f17d6;border-color:#99afcb2e;border-radius:13px;margin:22px 0;padding:6px;top:94px;box-shadow:0 12px 32px #0003}.detail-nav a{color:#aab4c0;border-radius:8px;padding:9px 13px}.detail-nav a:hover{color:#f2c983;background:#6c4b2b47}.decision-summary,.detail-section{border-radius:17px}.decision-heading h2,.section-heading h2,.detail-section>h2{color:#f1d19a;font-family:Songti SC,STSong,Georgia,serif}.decision-grid>article,.strategy-insight,.guide-variant,.core-requirement-grid article,.component-group-grid>div,.trinket-grid article{background:#090e1685;border-color:#97aeca26;border-radius:12px}.decision-grid>article{border-top-width:3px}.lineup img,.guide-card-strip img{filter:drop-shadow(0 12px 9px #0000009e)}.compendium-page{padding-top:38px}.compendium-hero{min-height:236px;box-shadow:var(--shadow), inset 0 1px #ffffff0d;background:radial-gradient(circle at 84% 35%,#d695494a,#0000 23rem),radial-gradient(circle at 72% 120%,#5d4aa040,#0000 19rem),linear-gradient(135deg,#28252c,#141b27 72%);border-color:#e8b86f40;border-radius:24px;overflow:hidden}.compendium-hero:after{content:"";border:1px solid #ffd69614;border-radius:50%;width:340px;height:340px;position:absolute;bottom:-180px;right:26%;box-shadow:0 0 0 42px #ffffff04,0 0 0 86px #ffffff03}.compendium-hero>*{z-index:1;position:relative}.compendium-hero h1{color:#fff6e8;letter-spacing:-.02em;font-size:clamp(39px,4vw,56px);font-weight:700}.compendium-hero p{color:#b9b8bd;font-size:14px;line-height:1.8}.compendium-hero-stats{border-color:#f0c37e2e}.compendium-hero-stats strong{color:#ffd594;font-size:44px}.compendium-hero-stats button{background:#583c235c;border-color:#e4b16640;border-radius:9px}.compendium-sections{gap:9px;margin:22px 0}.compendium-sections button{color:#aeb7c2;background:#121823b8;border-color:#97adc826;border-radius:12px;padding:14px 12px 12px;transition:transform .18s,border-color .18s,background .18s}.compendium-sections button:hover{background:#1b2431;border-color:#d8a45d4d;transform:translateY(-2px)}.compendium-sections button.active{color:#ffdda5;background:linear-gradient(160deg,#694623a1,#312824b8);border-color:#e5ac607a;box-shadow:inset 0 1px #ffffff12,0 10px 26px #00000029}.compendium-controls{border-color:var(--hairline);background:#101722c2;border-radius:17px;padding:21px;box-shadow:inset 0 1px #ffffff08,0 16px 42px #0000001f}.compendium-search{position:relative}.compendium-search:before{top:calc(50% + 10px)}.compendium-search:after{top:calc(50% + 15px)}.compendium-search input{border-radius:12px;padding-left:46px}.compendium-filter-label{color:#aeb8c5}.compendium-filter-options button{color:#adb7c4;background:#0b10188f;border-color:#98adc82e;border-radius:9px}.compendium-filter-options button:hover{color:#efd5aa;border-color:#dea95e5c}.compendium-filter-options button.active{background:linear-gradient(#6b472c,#342821);border-color:#e5a75b8c;box-shadow:inset 0 1px #ffffff14,0 6px 16px #0000002e}.compendium-results-heading{min-height:70px}.compendium-grid{gap:16px}.compendium-card{background:linear-gradient(#18202c,#111722);border-color:#97acc726;border-radius:15px;transition:transform .2s,border-color .2s,box-shadow .2s;box-shadow:0 16px 38px #0000002b,inset 0 1px #ffffff08}.compendium-card:hover{border-color:color-mix(in srgb, var(--source-color) 58%, transparent);transform:translateY(-5px);box-shadow:0 24px 48px #00000047}.compendium-card-art{background:radial-gradient(circle at 50% 44%,#3b3541 0,#1b202c 52%,#10151f 83%);border-color:#ffffff0d}.compendium-card-art:before{content:"";pointer-events:none;background:linear-gradient(125deg,#ffffff0d,#0000 34%);position:absolute;inset:0}.compendium-card-art img{transition:transform .25s,filter .25s}.compendium-card:hover .compendium-card-art>img{filter:drop-shadow(0 15px 11px #000000b8);transform:scale(1.025)}.compendium-dialog,.compendium-patch-dialog{background:#121925;border-color:#e9b86e4d;border-radius:20px;box-shadow:0 40px 110px #000000b8}.compendium-dialog-art{border-color:var(--hairline);background:radial-gradient(circle at 50% 38%,#4c3c32,#1b202b 50%,#0e131d 82%)}.compendium-dialog-close{background:#0c1119d1;border-color:#ffffff1f}.compendium-related-sections{border-color:var(--hairline);background:#0f151f}@media (width<=1100px){.finder-layout{grid-template-columns:1fr}.finder-mobile-tabs{border-color:var(--hairline);background:#0a0f17b8;border-radius:11px}.finder-mobile-tabs button{border-radius:8px}.finder-mobile-tabs button[aria-selected=true]{color:#ffdda0;background:linear-gradient(#503c2d,#302820)}.mobile-results-button{background:linear-gradient(#67472e,#3c2c22);border-color:#e9b26580;border-radius:12px}}@media (width<=720px){body:before{background-size:42px 42px}.season-history-notice{flex-direction:column;align-items:flex-start;gap:4px;padding:10px 16px}.detail-page,.finder-page,.page{padding:24px 16px 64px}.detail-hero h1,.page-heading h1,.page>h1{font-size:32px}.version-badge{font-size:11px}.finder-controls{border-radius:15px;padding:16px}.detail-hero{border-radius:18px;padding:24px 21px}.detail-nav{border-radius:0;top:116px}.decision-summary,.detail-section{border-radius:15px;padding:17px}.compendium-page{padding:22px 16px 64px}.compendium-hero{border-radius:19px;padding:27px 22px}.compendium-hero h1{font-size:34px}.compendium-sections{margin-inline:-16px;padding-inline:16px}.compendium-controls{border-radius:14px;padding:15px}.compendium-grid{gap:10px}.compendium-card{border-radius:12px}.compendium-dialog,.compendium-patch-dialog{border-radius:18px 18px 0 0}}@media (width<=420px){.choice-grid,.hero-results{grid-template-columns:repeat(3,minmax(72px,1fr))}.compendium-grid{gap:8px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:root{--topbar-h:64px;--font-sans:"PingFang SC", "Hiragino Sans GB", "Noto Sans SC", "SF Pro Text", "Avenir Next", ui-sans-serif, sans-serif;--font-serif:"Songti SC", "STSong", "Noto Serif SC", Georgia, serif;--font-mono:"SF Mono", "Cascadia Mono", ui-monospace, Menlo, monospace;font-family:var(--font-sans)}:root,:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0a0c12;--bg-2:#0e1119;--surface:#131722;--surface-2:#191e2b;--surface-3:#212736;--text:#f3ecdf;--text-strong:#fff8ec;--muted:#aeb3bf;--muted-2:#7d8494;--muted-3:#565d6c;--muted-strong:#d0d5dd;--gold:#e6b86a;--gold-2:#f4d79a;--gold-deep:#a8752f;--gold-ink:#f3cf86;--gold-line:#e6b86a47;--gold-soft:#e6b86a1a;--gold-glow:#e6b86a38;--ribbon-text:#2a1c08;--hair:#a0b2cd21;--hair-2:#a0b2cd12;--hairline:var(--hair);--line:#263244;--line-strong:#735a39;--chrome:#0a0c12c7;--panel:#131722eb;--panel-strong:#191e2bf5;--ok:#8ed4a5;--warn:#e7b06a;--green:#8bd3a4;--green-bg:#142b23;--red:#ef9d91;--red-bg:#341d20;--blue:#8dc9e6;--art-glow:#78552873;--art-shadow:#0009;--shadow:0 24px 70px #00000047;--shadow-card:0 18px 45px #00000038;--noise-opacity:.035;--hero-art-filter:blur(1.5px) saturate(.85) brightness(.5);--hero-art-opacity:.42}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f3eee4;--bg-2:#ece5d8;--surface:#fbf8f1;--surface-2:#f1ebdf;--surface-3:#e8e0d1;--text:#221b12;--text-strong:#150f08;--muted:#5f574c;--muted-2:#7e766a;--muted-3:#a59d90;--muted-strong:#3f3830;--gold:#b07a2c;--gold-2:#d6a552;--gold-deep:#7d5318;--gold-ink:#8a5d1a;--gold-line:#b07a2c57;--gold-soft:#b07a2c1a;--gold-glow:#b07a2c2e;--ribbon-text:#fff7e6;--hair:#46341e21;--hair-2:#46341e12;--line:#d9cfbf;--line-strong:#b89566;--chrome:#f6f1e9d6;--panel:#fbf8f1f0;--panel-strong:#f1ebdff7;--ok:#2f8f58;--warn:#b8791e;--green:#2f8f58;--green-bg:#e3f0e4;--red:#b5473a;--red-bg:#f6e1dc;--blue:#3a7db0;--art-glow:#c896504d;--art-shadow:#3c280a47;--shadow:0 24px 70px #4632141f;--shadow-card:0 18px 45px #4632141a;--noise-opacity:.05;--hero-art-filter:blur(1.5px) saturate(.75) brightness(1.15);--hero-art-opacity:.22}html{background:var(--bg)}body{background:var(--bg);color:var(--text);transition:background-color .25s,color .25s;position:relative}body:before{z-index:-2;background:radial-gradient(60% 40% at 50% -10%, var(--gold-glow), transparent 70%), radial-gradient(40% 30% at 90% 20%, #5a6eaa1a, transparent 70%);background-size:auto;-webkit-mask-image:none;mask-image:none}body:after{z-index:-1;content:"";pointer-events:none;opacity:var(--noise-opacity);mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/></filter><rect width='160' height='160' filter='url(%23n)'/></svg>");position:fixed;inset:0}::selection{background:color-mix(in srgb, var(--gold) 32%, transparent);color:var(--text-strong)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--gold)}.gilt{position:relative}.gilt:before{border-radius:inherit;background:linear-gradient(135deg, var(--gold-line), transparent 40%, transparent 60%, var(--gold-line));content:"";pointer-events:none;-webkit-mask-composite:xor;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.site-announcement{z-index:31;border-bottom:1px solid var(--hair);background:var(--chrome);box-shadow:none;color:var(--muted);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden}.site-announcement-link{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;width:100%;height:34px;margin:0 auto;padding-inline:max(24px,50vw - 740px);text-decoration:none;display:grid}.site-announcement-label{border:1px solid var(--gold-line);background:var(--gold-soft);height:20px;color:var(--gold-ink);letter-spacing:.08em;white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:0 9px;font-size:10.5px;font-weight:700;display:inline-flex}.site-announcement-label:before{background:var(--gold);width:5px;height:5px;box-shadow:0 0 8px var(--gold);content:"";border-radius:50%}.site-announcement-viewport{min-width:0;overflow:hidden}.site-announcement-message{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;display:block;overflow:hidden}.site-announcement-message:before{content:none}.site-announcement-action{color:var(--gold-ink);white-space:nowrap;border-bottom:1px solid var(--gold-line);align-items:center;gap:5px;font-size:12px;font-weight:600;display:inline-flex}.site-announcement-action span{font-size:13px;transition:transform .18s}.site-announcement-link:hover .site-announcement-action span{transform:translate(3px)}.topbar{z-index:30;height:var(--topbar-h);border-bottom:1px solid var(--hair);background:var(--chrome);box-shadow:none;-webkit-backdrop-filter:blur(18px)saturate(1.3);backdrop-filter:blur(18px)saturate(1.3);align-items:center;gap:30px;padding:0 max(24px,50vw - 740px);display:flex;position:sticky;top:0}.topbar:after{background:linear-gradient(90deg, transparent, var(--gold-line) 30%, var(--gold-line) 70%, transparent);content:"";pointer-events:none;height:1px;position:absolute;bottom:-1px;left:0;right:0}.brand{color:var(--text-strong);font-family:var(--font-serif);letter-spacing:.08em;white-space:nowrap;align-items:center;gap:11px;font-size:19px;font-weight:700;text-decoration:none;display:inline-flex}.brand-seal{width:32px;height:32px;color:var(--gold-2);place-items:center;font-size:13px;display:grid;position:relative}.brand-seal:before,.brand-seal:after{content:"";clip-path:polygon(50% 0,93% 25%,93% 75%,50% 100%,7% 75%,7% 25%);position:absolute}.brand-seal:before{background:conic-gradient(from 210deg, var(--gold-deep), var(--gold-2), var(--gold-deep), var(--gold), var(--gold-deep));inset:0}.brand-seal:after{background:var(--bg-2);inset:2px}.brand-seal-icon{z-index:1;width:22px;height:22px;filter:drop-shadow(0 1px 5px color-mix(in srgb, var(--gold) 22%, transparent));position:relative;overflow:visible}.brand-seal-icon path{fill:none;stroke:var(--gold-2);stroke-linecap:round;stroke-linejoin:round;stroke-width:1.55px;vector-effect:non-scaling-stroke}.brand-seal-icon .brand-seal-roof{stroke-width:1.85px}.brand-seal-icon .brand-seal-banner{fill:color-mix(in srgb, var(--gold-2) 20%, transparent);stroke-width:1.35px}.brand-seal-icon .brand-seal-window{stroke-width:1.35px}.brand small{color:var(--muted-3);font-family:var(--font-sans);letter-spacing:.22em;align-self:flex-end;margin:0 0 3px 2px;font-size:10px;font-weight:600}.topbar nav{align-items:stretch;gap:2px;height:100%;display:flex}.topbar nav a{height:100%;color:var(--muted);background:0 0;border:0;border-radius:0;align-items:center;padding:0 14px;font-size:14px;font-weight:500;text-decoration:none;transition:color .18s;display:flex;position:relative}.topbar nav a:hover{color:var(--text);background:0 0}.topbar nav a.active{box-shadow:none;color:var(--gold-ink);background:0 0;font-weight:600}.topbar nav a.active:after{background:linear-gradient(90deg, transparent, var(--gold), transparent);content:"";border-radius:2px;height:2px;display:block;position:absolute;bottom:-1px;left:14px;right:14px}.topbar nav a.nav-soft{color:var(--muted-3);font-size:13px}.topbar-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.season-control{align-items:center;display:inline-flex;position:relative}.season-control:before{z-index:1;background:var(--ok);width:6px;height:6px;box-shadow:0 0 0 3px color-mix(in srgb, var(--ok) 20%, transparent);content:"";pointer-events:none;border-radius:50%;position:absolute;left:12px}.season-control.is-history:before{background:var(--warn);box-shadow:0 0 0 3px color-mix(in srgb, var(--warn) 20%, transparent)}.season-control:after{border-right:1.5px solid var(--muted-2);border-bottom:1.5px solid var(--muted-2);content:"";pointer-events:none;width:6px;height:6px;position:absolute;right:11px;transform:translateY(-2px)rotate(45deg)}.season-control select,.topbar>select{border:1px solid var(--gold-line);background:linear-gradient(180deg, var(--surface-2), var(--surface));min-width:0;height:36px;color:var(--gold-ink);cursor:pointer;appearance:none;border-radius:10px;margin:0;padding:0 30px 0 26px;font-size:12.5px;font-weight:650;box-shadow:inset 0 1px #ffffff0f}.season-control select:hover{border-color:var(--gold)}.theme-toggle{border:1px solid var(--hair);width:36px;height:36px;color:var(--muted);cursor:pointer;background:0 0;border-radius:10px;place-items:center;transition:color .18s,border-color .18s,background .18s;display:grid}.theme-toggle:hover{border-color:var(--gold-line);background:var(--gold-soft);color:var(--gold-ink)}.theme-toggle svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.season-history-notice{border-bottom:1px solid var(--gold-line);background:linear-gradient(90deg, var(--gold-soft), transparent 30%, transparent 70%, var(--gold-soft)), var(--surface);color:var(--muted)}.season-history-notice a{color:var(--gold-ink)}.catalog-layout{grid-template-columns:252px minmax(0,1fr);gap:0 26px;max-width:1528px;padding:0 24px}.catalog-content{background:0 0;padding:30px 0 90px}.catalog-content>.page-heading{isolation:isolate;background:linear-gradient(120deg, var(--surface-2), var(--surface) 55%, var(--bg-2));min-height:0;box-shadow:none;border:0;border-radius:22px;align-items:flex-end;margin-bottom:22px;padding:32px 36px 28px;position:relative;overflow:hidden}.catalog-content>.page-heading:before{z-index:2;border-radius:inherit;background:linear-gradient(135deg, var(--gold-line), transparent 40%, transparent 60%, var(--gold-line));content:"";pointer-events:none;-webkit-mask-composite:xor;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.catalog-content>.page-heading:after{z-index:2;border-radius:inherit;width:auto;height:auto;box-shadow:none;opacity:.55;background:linear-gradient(var(--gold) 0 0) top left / 14px 1px, linear-gradient(var(--gold) 0 0) top left / 1px 14px, linear-gradient(var(--gold) 0 0) top right / 14px 1px, linear-gradient(var(--gold) 0 0) top right / 1px 14px, linear-gradient(var(--gold) 0 0) bottom left / 14px 1px, linear-gradient(var(--gold) 0 0) bottom left / 1px 14px, linear-gradient(var(--gold) 0 0) bottom right / 14px 1px, linear-gradient(var(--gold) 0 0) bottom right / 1px 14px;content:"";pointer-events:none;background-repeat:no-repeat;border:0;position:absolute;inset:10px}.catalog-content>.page-heading>*{z-index:1;position:relative}.catalog-hero-art{pointer-events:none;width:46%;inset:-30px -40px -30px auto;-webkit-mask:linear-gradient(90deg,#0000,#000 40%);mask:linear-gradient(90deg,#0000,#000 40%);z-index:0!important;position:absolute!important}.catalog-hero-art img{height:105%;filter:var(--hero-art-filter);opacity:var(--hero-art-opacity);position:absolute;top:4%}.catalog-hero-art img:first-child{right:4%;transform:rotate(-7deg)}.catalog-hero-art img:nth-child(2){opacity:calc(var(--hero-art-opacity) * .7);right:30%;transform:rotate(6deg)translateY(10%)}.catalog-hero-sigil{color:var(--gold);font-family:var(--font-serif);opacity:.05;font-size:280px;line-height:1;position:absolute;top:50%;right:34%;transform:translate(50%,-50%)}.catalog-hero-copy{max-width:620px}.catalog-hero-copy .eyebrow{color:var(--gold-ink);letter-spacing:.2em;text-transform:none;align-items:center;gap:12px;font-size:11px;font-weight:800;display:inline-flex}.catalog-hero-copy .eyebrow:before,.catalog-hero-copy .eyebrow:after{background:linear-gradient(90deg, transparent, var(--gold));content:"";width:28px;height:1px}.catalog-hero-copy .eyebrow:after{background:linear-gradient(90deg, var(--gold), transparent)}.catalog-content .page-heading h1{color:var(--text-strong);font:700 clamp(34px, 3vw, 44px) / 1.1 var(--font-serif);letter-spacing:.02em;margin:12px 0 8px}.catalog-content .page-heading h1 em{background:linear-gradient(180deg, var(--gold-2), var(--gold) 60%, var(--gold-deep));color:#0000;-webkit-background-clip:text;background-clip:text;font-style:normal}.catalog-content .page-heading p{max-width:54ch;color:var(--muted);font-size:14.5px;line-height:1.75}.catalog-hero-meta{justify-items:end;gap:18px;min-width:0;display:grid}.catalog-hero-chips{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.version-badge,.hero-chip{border:1px solid var(--hair);background:var(--surface);height:28px;box-shadow:none;color:var(--muted);white-space:nowrap;border-radius:8px;align-items:center;gap:7px;padding:0 11px;font-size:12px;display:inline-flex}.hero-chip b{color:var(--text);font-weight:600}.catalog-hero-meta .version-badge{border-color:var(--gold-line);background:var(--gold-soft);color:var(--gold-ink);font-weight:600}.catalog-metrics{border:0;width:auto;margin:0;padding:0;display:flex}.catalog-metrics>div{text-align:center;padding:0 24px;position:relative;border:0!important}.catalog-metrics>div:last-child{padding-right:0}.catalog-metrics>div+div:before{color:var(--gold);content:"✦";opacity:.7;font-size:9px;position:absolute;top:50%;left:-5px;transform:translateY(-50%)}.catalog-metrics dt{color:var(--muted-2);letter-spacing:.1em;font-size:11px}.catalog-metrics dd{color:var(--gold-ink);font:700 28px / 1.1 var(--font-serif);font-variant-numeric:tabular-nums;margin:2px 0 0}.catalog-search{display:block;position:relative}.catalog-search:before{border-color:var(--gold);border-width:1.8px;width:13px;height:13px;left:17px}.catalog-search:after{background:var(--gold);width:6px;height:1.8px;left:28px}.catalog-search input{background:var(--surface);height:48px;box-shadow:none;color:var(--text);border:1px solid #0000;border-radius:14px;padding:0 56px 0 44px;font-size:14.5px}.catalog-search input::placeholder{color:var(--muted-3)}.catalog-search input:focus{border-color:var(--gold-line);background:var(--surface);box-shadow:0 0 0 3px var(--gold-soft);outline:none}.catalog-search kbd{border:1px solid var(--hair);background:var(--bg-2);color:var(--muted-2);font:600 11px var(--font-mono);pointer-events:none;border-radius:5px;padding:2px 7px;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.catalog-search input:focus~kbd{display:none}.catalog-toolbar{min-height:56px;margin:6px 0 4px}.result-count{color:var(--muted-2);align-items:center;gap:6px;font-size:12.5px;display:flex}.result-count:before{background:var(--gold);width:6px;height:6px;box-shadow:0 0 8px var(--gold);margin:0 4px 0 0}.result-count b{color:var(--text);font-weight:600}.result-selected{border:1px solid var(--gold-line);background:var(--gold-soft);height:20px;color:var(--gold-ink);border-radius:6px;align-items:center;margin-left:6px;padding:0 8px;font-size:11.5px;font-style:normal;font-weight:600;display:inline-flex}.sort-control{color:var(--muted-2)}.sort-control>span{white-space:nowrap}.sort-control select{border:1px solid var(--hair);background:var(--surface);height:36px;color:var(--text);border-radius:9px}.segmented-control{border:1px solid var(--hair);background:var(--surface);border-radius:11px;padding:4px}.segmented-control button{height:28px;color:var(--muted);border-radius:8px;font-weight:500}.segmented-control button.active{border:1px solid var(--gold-line);background:linear-gradient(180deg, var(--surface-3), var(--surface-2));color:var(--gold-ink);box-shadow:inset 0 1px #ffffff0f}.filter-panel{top:calc(var(--topbar-h) + 30px);background:var(--surface);-webkit-backdrop-filter:none;backdrop-filter:none;border:0;border-radius:18px;min-height:0;margin-top:30px;padding:16px 14px 8px;position:sticky}.filter-panel:before{border-radius:inherit;background:linear-gradient(135deg, var(--gold-line), transparent 40%, transparent 60%, var(--gold-line));content:"";pointer-events:none;-webkit-mask-composite:xor;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.filter-heading{border-bottom:1px solid var(--hair);padding:0 6px 12px}.filter-heading h2{color:var(--text-strong);font:700 15px var(--font-serif);letter-spacing:.1em}.filter-heading>div:first-child span{border:1px solid var(--gold-line);background:var(--gold-soft);color:var(--gold-ink);border-radius:999px;padding:1px 7px;font-size:11px;font-weight:700}.filter-heading button{color:var(--muted-2);background:0 0;border:0;border-radius:6px;padding:2px 6px;font-size:12px}.filter-heading button:hover{background:var(--gold-soft);color:var(--gold-ink)}.filter-panel fieldset{border-bottom:1px solid var(--hair-2);margin:0;padding:14px 0 8px}.filter-panel fieldset:last-child{border-bottom:0}.filter-panel legend{color:var(--gold-ink);letter-spacing:.16em;align-items:center;gap:8px;margin:0 6px 8px;padding:0;font-size:11px;font-weight:800;display:flex}.filter-panel legend small{color:var(--muted-3);letter-spacing:0;font-size:11px;font-weight:500}.filter-panel label{height:36px;color:var(--muted);cursor:pointer;border:0;border-radius:9px;align-items:center;gap:10px;margin:0;padding:0 8px;font-size:13.5px;transition:background .15s,color .15s;display:flex}.filter-panel label:hover{background:var(--surface-2);color:var(--text)}.filter-panel label.selected{background:var(--gold-soft);color:var(--text-strong)}.filter-panel input[type=checkbox]{border:1.5px solid var(--muted-3);appearance:none;cursor:pointer;background:0 0;border-radius:5px;flex:none;width:16px;height:16px;margin:0 5px}.filter-panel label.selected input[type=checkbox]{border-color:var(--gold);background:var(--gold);box-shadow:inset 0 0 0 3px var(--surface)}.filter-panel label:has(.tribe-glyph) input[type=checkbox]{clip:rect(0 0 0 0);width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.filter-panel label:has(.tribe-glyph){position:relative}.filter-option-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.filter-count{color:var(--muted-3);font:600 11px var(--font-mono);font-variant-numeric:tabular-nums;margin-left:auto}.filter-panel label.selected .filter-count{color:var(--gold-ink)}.tribe-glyph{border:1px solid var(--hair);background:linear-gradient(160deg, color-mix(in srgb, hsl(var(--tribe-hue,45) 60% 55%) 22%, var(--surface-2)), var(--surface));width:26px;height:26px;color:var(--gold-ink);border-radius:8px;flex:none;place-items:center;transition:background .15s,color .15s,box-shadow .15s;display:grid}.tribe-glyph .tribe-icon{width:16px;height:16px}.filter-panel label.selected .tribe-glyph{background:linear-gradient(180deg, var(--gold-2), var(--gold));box-shadow:0 0 0 3px var(--gold-soft);color:var(--ribbon-text);border-color:#0000}.archetype-grid{gap:22px}.archetype-card{background:var(--surface);box-shadow:none;border:0;border-radius:20px;flex-direction:column;transition:transform .3s cubic-bezier(.2,.7,.2,1),box-shadow .3s;display:flex;position:relative}.archetype-card:before{z-index:7;border-radius:inherit;background:linear-gradient(135deg, var(--gold-line), transparent 40%, transparent 60%, var(--gold-line));content:"";opacity:1;pointer-events:none;-webkit-mask-composite:xor;width:auto;height:auto;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.archetype-card:hover{box-shadow:0 30px 60px -30px #000000b3, 0 0 0 1px var(--gold-line);border-color:#0000;transform:translateY(-4px)}.archetype-card:hover:before,.archetype-card:focus-visible:before{opacity:1;width:auto;left:0}.archetype-art{background:radial-gradient(60% 55% at 50% 95%, var(--art-glow), transparent 70%), linear-gradient(180deg, var(--surface-2), var(--surface));border-bottom:0;height:250px}.archetype-art:before,.archetype-art:after{z-index:0;border:1px solid var(--gold-line);content:"";opacity:.6;pointer-events:none;background:0 0;border-radius:50%;width:210px;height:210px;position:absolute;bottom:26px;left:50%;transform:translate(-50%)}.archetype-art:after{opacity:.35;border-style:dashed;width:170px;height:170px;inset:auto auto 36px 50%}.archetype-art>img{width:172px;height:240px;filter:drop-shadow(0 14px 22px var(--art-shadow));transition:transform .35s cubic-bezier(.2,.7,.2,1),filter .3s;top:18px}.archetype-art>img:only-of-type{transform:translate(-50%)}.archetype-art>img:first-of-type:not(:only-of-type){opacity:.84;width:136px;height:212px;transform:translate(-150px,30px)rotate(-7deg)}.archetype-art>img:last-of-type:not(:only-of-type){opacity:.84;width:136px;height:212px;transform:translate(14px,30px)rotate(7deg)}.archetype-card:hover .archetype-art>img{filter:drop-shadow(0 20px 26px var(--art-shadow));transform:translate(-50%)translateY(-8px)}.archetype-card:hover .archetype-art>img:only-of-type{transform:translate(-50%)translateY(-8px)scale(1.02)}.archetype-card:hover .archetype-art>img:first-of-type:not(:only-of-type){transform:translate(-150px,22px)rotate(-7deg)}.archetype-card:hover .archetype-art>img:last-of-type:not(:only-of-type){transform:translate(14px,22px)rotate(7deg)}.archetype-art-marks{z-index:5;pointer-events:none;align-items:center;gap:8px;display:flex;position:absolute;top:16px;left:0}.archetype-ribbon{background:linear-gradient(180deg, var(--gold-2), var(--gold));clip-path:polygon(0 0,100% 0,calc(100% - 8px) 50%,100% 100%,0 100%);height:24px;color:var(--ribbon-text);letter-spacing:.06em;align-items:center;padding:0 12px 0 14px;font-size:11px;font-weight:700;display:inline-flex;box-shadow:0 2px 6px #0000004d}.archetype-ribbon.is-restricted{background:linear-gradient(#e8c384,#c08a3f)}:root[data-theme=light] .archetype-ribbon{background:linear-gradient(180deg, #c48d3a, var(--gold-deep))}:root[data-theme=light] .archetype-ribbon.is-restricted{background:linear-gradient(#b58347,#8a5d24)}.archetype-tribe-marks{gap:6px;display:flex}.archetype-tribe-marks .tribe-glyph{border-color:var(--hair);background:var(--chrome);width:28px;height:28px;color:var(--gold-ink);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.entry-point-badges{top:14px;right:14px}.archetype-card-body{padding:16px 20px 18px;position:relative}.archetype-card-body:before{background:linear-gradient(90deg, transparent, var(--gold-line), transparent);content:"";height:1px;position:absolute;top:0;left:20px;right:20px}.card-title h2{color:var(--text-strong);font:650 17.5px / 1.35 var(--font-sans);letter-spacing:.01em}.card-title>span{border:1px solid var(--gold-line);background:var(--gold-soft);color:var(--gold-ink);border-radius:999px}.tag-list{gap:8px;margin:6px 0 10px}.tag-list span{color:var(--muted-2);background:0 0;border:0;border-radius:0;padding:0;font-size:12px}.tag-list span+span:before{color:var(--gold);content:"·";opacity:.7;margin-right:8px}.tag-list .archetype-tag-transition{border:1px solid var(--gold-line);background:var(--gold-soft);color:var(--gold-ink);border-radius:6px;padding:1px 7px;font-weight:600}.tag-list .archetype-tag-availability.is-regular{color:var(--ok)}.tag-list .archetype-tag-availability.is-restricted{color:var(--warn)}.entry-point-chip{border-color:var(--hair);background:var(--surface-2);color:var(--text)}.card-summary{color:var(--muted);-webkit-line-clamp:2;font-size:13px;line-height:1.7}.match-reason{border-left-color:var(--blue);background:color-mix(in srgb, var(--blue) 12%, transparent);color:var(--text);border-radius:0 8px 8px 0}.card-core{color:var(--muted-strong)}.card-action{border-top:1px solid var(--hair-2);color:var(--muted-2);letter-spacing:0;justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:12px;font-size:12px;font-weight:500;display:flex}.card-action:before{content:none}.card-action>span{margin-left:0}.card-cores{align-items:center;gap:6px;display:inline-flex}.card-core-dots{gap:3px;display:inline-flex}.card-core-dots i{background:var(--gold);opacity:.9;border-radius:50%;width:6px;height:6px}.card-core-dots i.is-empty{opacity:.2}.card-action-link{color:var(--gold-ink);align-items:center;gap:6px;font-size:12.5px;font-weight:600;display:inline-flex}.card-action-link>span{font-size:13px;transition:transform .2s}.archetype-card:hover .card-action-link>span{transform:translate(3px)}.archetype-card:hover .card-action>span{transform:none}.archetype-card.compact{min-height:204px}.archetype-card.compact .archetype-art{background:radial-gradient(circle at 50% 60%, var(--art-glow), transparent 70%), var(--surface-2);min-height:204px}.archetype-card.compact .archetype-art:before,.archetype-card.compact .archetype-art:after{display:none}.archetype-card.compact .archetype-art>img{width:132px;height:190px;top:7px}.archetype-card.compact .archetype-art-marks{top:10px}.archetype-card.compact .archetype-ribbon{height:20px;padding:0 9px 0 10px;font-size:10px}.archetype-card.compact:hover .archetype-art>img{transform:translate(-50%)translateY(-4px)}.catalog-skeleton{border:1px solid var(--hair);background:var(--surface);border-radius:20px}.catalog-skeleton i{background:linear-gradient(110deg, transparent 34%, var(--gold-soft) 48%, transparent 62%);background-size:220% 100%}.catalog-skeleton b,.catalog-skeleton em{background:var(--surface-3)}.catalog-loading>span{color:var(--muted-2)}.empty-state{border-color:var(--hair);background:var(--surface);color:var(--muted);border-radius:18px}.empty-state h2{color:var(--text)}.site-footer{background:linear-gradient(180deg, transparent, var(--bg-2));color:var(--muted-2);text-align:left;border-top:0;margin-top:40px;padding:38px max(24px,50vw - 740px) 40px;font-size:12.5px;line-height:1.7;position:relative}.site-footer:before{background:var(--bg);color:var(--gold);content:"✦";padding:0 12px;font-size:12px;position:absolute;top:-9px;left:50%;transform:translate(-50%)}.site-footer:after{background:linear-gradient(90deg, transparent, var(--gold-line) 20%, var(--gold-line) 80%, transparent);content:"";height:1px;position:absolute;top:0;left:0;right:0}.site-footer-grid{grid-template-columns:1.3fr 1fr 1fr;gap:40px;display:grid}.site-footer-brand .brand{font-size:17px}.site-footer-brand p{max-width:34ch;margin:10px 0 0}.site-footer h2{color:var(--gold-ink);letter-spacing:.16em;margin:0 0 10px;font-size:11px;font-weight:700}.site-footer p{margin:0 0 6px}.site-footer .site-visit-total{margin-bottom:6px}.site-footer-stats p{justify-content:space-between;gap:12px;display:flex}.site-footer-stats .visit-count{color:inherit;font-size:inherit;flex:1;justify-content:space-between;display:flex}.site-footer-stats .visit-count strong,.site-footer-stats time{color:var(--text);font:600 12px var(--font-mono);font-variant-numeric:tabular-nums}.site-footer-stats .visit-count>span:last-child{display:none}.site-footer-legal{border-top:1px solid var(--hair-2);color:var(--muted-3);justify-content:space-between;gap:12px;margin-top:26px;padding-top:16px;font-size:11.5px;display:flex}.site-footer-legal .site-registration{margin:0}.site-registration a{border-bottom:1px solid var(--hair);color:inherit;text-decoration:none}.site-registration a:hover{color:var(--text)}.detail-nav{top:calc(var(--topbar-h) + 14px)}.recommendation-panel{top:calc(var(--topbar-h) + 22px)}:root[data-theme=light] body:before{background:radial-gradient(60% 40% at 50% -10%, var(--gold-glow), transparent 70%)}:root[data-theme=light] .skip-link{background:var(--surface);color:var(--gold-ink)}:root[data-theme=light] .card-image-preview{border-color:var(--gold-line);background:radial-gradient(circle at 50% 44%,#fbf4e6 0,#efe6d6 62%,#e6dccb 100%);box-shadow:0 24px 64px #3c280a47}:root[data-theme=light] #main-content>:is(.detail-page,.dark-gifts-page){filter:invert()hue-rotate(180deg)sepia(.22)contrast(.92)brightness(1.04)}:root[data-theme=light] #main-content>:is(.detail-page,.dark-gifts-page) :is(img,video,iframe,picture,canvas){filter:invert()hue-rotate(180deg)contrast(1.09)brightness(.96)}@media (width<=1280px){.catalog-layout{grid-template-columns:228px minmax(0,1fr);gap:0 20px}}@media (width<=1100px){.site-footer-grid{grid-template-columns:1fr 1fr}.site-footer-brand{grid-column:1/-1}}@media (width<=720px){.site-announcement-link{gap:10px;height:34px;padding-inline:14px}.site-announcement-label{height:18px;padding-inline:7px;font-size:9.5px}.site-announcement-message{font-size:11.5px}.site-announcement-action{display:none}.topbar{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px 8px;height:auto;min-height:0;padding:10px 14px 0;display:grid}.brand{font-size:17px}.brand-seal{width:28px;height:28px}.brand-seal-icon{width:19px;height:19px}.brand small{display:none}.topbar nav{scrollbar-width:none;grid-column:1/-1;gap:0;width:100%;height:40px;margin:0 -14px;padding:0 8px;overflow-x:auto}.topbar nav::-webkit-scrollbar{display:none}.topbar nav a{white-space:nowrap;height:40px;padding:0 10px;font-size:13px}.topbar nav a.active:after{left:10px;right:10px}.topbar-actions{grid-area:1/2;gap:6px}.season-control select,.topbar>select{height:32px;padding:0 26px 0 24px;font-size:12px}.season-control:before{left:10px}.theme-toggle{width:32px;height:32px}.catalog-layout{grid-template-columns:1fr;gap:0;padding:0 14px}.filter-panel{border-radius:14px;margin:16px 0 0;padding:12px 12px 4px;position:static;top:auto}.filter-panel.collapsed{padding-bottom:12px}.filter-heading{border-bottom:0;padding-bottom:0}.filter-panel:not(.collapsed) .filter-heading{border-bottom:1px solid var(--hair);padding-bottom:10px}.filter-toggle{display:inline-block}.filter-panel.collapsed .filter-body{display:none}.filter-panel fieldset{padding:12px 0 6px}.filter-panel fieldset>label{border:1px solid var(--hair);height:34px;margin:0 6px 6px 0;padding:0 10px 0 6px;font-size:13px;display:inline-flex}.filter-panel fieldset>label .filter-count{margin-left:6px}.catalog-content{padding:18px 0 64px}.catalog-content>.page-heading{border-radius:18px;align-items:flex-start;padding:24px 20px 22px}.catalog-hero-art{width:70%;inset:-20px -60px -20px auto}.catalog-hero-sigil{display:none}.catalog-content .page-heading h1{font-size:30px}.catalog-content .page-heading p{font-size:13px}.catalog-hero-meta{justify-items:start;gap:14px;width:100%}.catalog-hero-chips{justify-content:flex-start}.catalog-metrics{border-top:1px solid var(--hair);justify-content:space-between;width:100%;padding-top:14px}.catalog-metrics>div{text-align:left;padding:0}.catalog-metrics>div+div:before{display:none}.catalog-metrics dd{font-size:22px}.catalog-search input{height:46px}.catalog-search kbd{display:none}.catalog-toolbar{padding-block:10px}.archetype-grid{gap:14px}.archetype-card{border-radius:16px}.archetype-art{height:232px}.archetype-art>img{width:156px;height:218px;top:18px}.archetype-art>img:first-of-type:not(:only-of-type),.archetype-art>img:last-of-type:not(:only-of-type){width:124px;height:194px}.archetype-art>img:first-of-type:not(:only-of-type){transform:translate(-136px,28px)rotate(-7deg)}.archetype-art>img:last-of-type:not(:only-of-type){transform:translate(12px,28px)rotate(7deg)}.archetype-card-body{padding:14px 16px 16px}.site-footer{padding:30px 16px 28px}.site-footer-grid{grid-template-columns:1fr;gap:24px}.site-footer-legal{flex-direction:column;gap:4px}}@media (width<=420px){.catalog-content>.page-heading{padding:22px 18px 20px}.catalog-toolbar-controls{gap:8px}.segmented-control button{min-width:48px;padding-inline:7px}.card-title h2{font-size:16.5px}}.detail-title-row{flex-wrap:wrap;align-items:center}.victory-control{vertical-align:middle;flex-direction:column;margin:6px 0;display:inline-flex;position:relative}.victory-button{border:1px solid var(--gold-ink);background:var(--surface);min-height:44px;color:var(--gold-ink);cursor:pointer;touch-action:manipulation;white-space:nowrap;border-radius:26px;align-self:flex-start;align-items:center;gap:8px;padding:5px 14px 5px 8px;transition:transform .2s,box-shadow .2s;display:inline-flex}.victory-button:hover{box-shadow:0 3px 16px var(--gold-glow)}.victory-button:active{transform:scale(.94)}.victory-button:disabled{cursor:wait;opacity:.7}.victory-button:focus-visible,.victory-feedback button:focus-visible{outline:3px solid var(--blue);outline-offset:4px}.victory-button>img{object-fit:contain;width:32px;height:34px}.victory-label{letter-spacing:1px;color:#ffe3a1;-webkit-text-stroke:2.4px #704b16;paint-order:stroke fill;text-shadow:1.5px 2px #704b16;margin:0 3px 2px 1px;font:900 19px/1.3 Yuanti SC,YouYuan,PingFang SC,Hiragino Sans GB,sans-serif;display:inline-block;transform:rotate(-4deg)skew(-5deg)}.victory-count{border-left:1px solid var(--gold-line);font:600 13px var(--font-sans);font-variant-numeric:tabular-nums;padding-left:10px}.victory-feedback{max-width:260px;color:var(--gold-ink);font:11px/1.7 var(--font-sans);flex-wrap:wrap;gap:4px 8px;display:flex}.victory-feedback:not(:empty){margin-top:5px}.victory-feedback button{color:inherit;cursor:pointer;font:inherit;background:0 0;border:0;padding:3px 2px;text-decoration:underline}.victory-bursts{pointer-events:none;position:absolute;top:0;left:50%}.victory-burst{font:800 22px var(--font-sans);color:var(--gold-ink);animation:.95s ease-out forwards victory-float;position:absolute}.victory-burst img{object-fit:contain;width:38px;height:42px}@keyframes victory-float{0%{opacity:1;transform:translate(-50%)scale(.8)}35%{opacity:1;transform:translate(-55%,-30px)scale(1.15)}to{opacity:0;transform:translate(-70%,-85px)rotate(-10deg)}}:root[data-theme=light] #main-content .victory-control{filter:invert()hue-rotate(180deg)contrast(1.09)brightness(.96)}:root[data-theme=light] #main-content .victory-control img{filter:none}:root[data-theme=light] .victory-label{color:#fff3cd;-webkit-text-stroke-color:#56390e;text-shadow:1.5px 2px #56390e}@media (width<=650px){.detail-title-row{align-items:flex-start}.detail-title-row .victory-control{margin-top:9px}}@media (prefers-reduced-motion:reduce){.victory-button{transition:none}.victory-burst{animation:none;display:none}}:root[data-theme=light] .compendium-page :is(.compendium-hero,.compendium-controls,.compendium-card,.compendium-dialog,.compendium-patch-dialog,.compendium-patch-change,.compendium-related-card){background:var(--surface);border-color:var(--line);box-shadow:var(--shadow-card)}:root[data-theme=light] .compendium-page :is(.compendium-patch-dialog>header,.compendium-related-sections,.compendium-special-note){background:var(--surface-2);border-color:var(--line)}:root[data-theme=light] .compendium-page :is(.compendium-card-art,.compendium-dialog-art,.compendium-related-card>div,.compendium-patch-card>img){border-color:var(--line);background:radial-gradient(circle at 50% 40%,#fffaf0,#e8e0d1)}:root[data-theme=light] .compendium-page :is(.compendium-patch-card,.compendium-search input,.compendium-dialog-close){background:var(--surface);color:var(--text);border-color:var(--line-strong)}:root[data-theme=light] .compendium-page :is(h1,h2,h4){color:var(--text-strong)}:root[data-theme=light] .compendium-page :is(.compendium-hero p,.compendium-hero-stats span,.compendium-hero-stats small,.compendium-search>span,.compendium-filter-label,.compendium-results-heading p,.compendium-dialog-copy section p,.compendium-detail-tags span,.compendium-card-id,.compendium-special-note,.compendium-related-card p,.compendium-related-card small,.compendium-related-meta span,.compendium-patch-dialog>header p,.compendium-patch-change-heading,.compendium-patch-card p,.compendium-patch-empty){color:var(--muted)}:root[data-theme=light] .compendium-page :is(.compendium-hero-stats strong,.compendium-results-heading p strong,.compendium-results-heading button,.compendium-dialog-copy section h3,.compendium-related-section>h3,.compendium-related-section>h3 span,.compendium-patch-card small,.compendium-patch-phase,.compendium-patch-comparison>b){color:var(--gold-ink)}:root[data-theme=light] .compendium-page :is(.compendium-hero-stats,.compendium-dialog-copy section,.compendium-detail-tags span,.compendium-related-meta span,.compendium-patch-empty){border-color:var(--line)}:root[data-theme=light] .compendium-page :is(.compendium-sections button,.compendium-filter-options button,.compendium-hero-stats button,.compendium-load-more button){background:var(--surface);border-color:var(--line);color:var(--muted-strong);box-shadow:none}:root[data-theme=light] .compendium-page :is(.compendium-sections button,.compendium-filter-options button,.compendium-hero-stats button,.compendium-load-more button):hover{background:var(--surface-2);border-color:var(--gold)}:root[data-theme=light] .compendium-page :is(.compendium-sections button.active,.compendium-filter-options button.active){background:var(--gold-soft);border-color:var(--gold);color:var(--gold-ink)}:root[data-theme=light] .compendium-page :is(.compendium-sections button small,.compendium-load-more span){color:var(--muted)}:root[data-theme=light] .compendium-sections button strong{color:var(--gold-ink)}:root[data-theme=light] .compendium-dialog-backdrop{background:#231d147a}:root[data-theme=light] .compendium-page [data-kind=added]{color:#25633a;background:#e3f0e4}:root[data-theme=light] .compendium-page [data-kind=removed]{color:#963a2f;background:#f6e1dc}:root[data-theme=light] .compendium-page [data-kind=altered]{color:#765015;background:#f3e7cb}:root[data-theme=light] .compendium-page .eyebrow{color:var(--gold-ink)}:root[data-theme=light] .compendium-search input::placeholder{color:var(--muted)}:root[data-theme=light] .finder-page :is(.finder-selection-summary,.finder-controls,.recommendation-card,.finder-advanced,.empty-state,.finder-mobile-tabs){background:var(--surface);border-color:var(--line);box-shadow:var(--shadow-card)}:root[data-theme=light] .finder-page :is(h1,h2,h3){color:var(--text-strong)}:root[data-theme=light] .finder-page :is(.eyebrow,.field-label,.recommendation-card>a,.core-progress strong){color:var(--gold-ink)}:root[data-theme=light] .finder-page :is(.choice-card,.tribe-choices label,.finder-step-heading>strong,.secondary-button,.finder-mobile-tabs button){background:var(--surface-2);border-color:var(--line);color:var(--muted-strong)}:root[data-theme=light] .finder-page :is(.choice-card.selected,.choice-card:hover,.tribe-choices label.selected,.tribe-choices label:hover,.selection-chips button,.mobile-results-button,.finder-mobile-tabs button[aria-selected=true]){background:var(--gold-soft);border-color:var(--gold-line);color:var(--gold-ink)}:root[data-theme=light] .finder-page :is(.selection-chips button span,.core-progress>div:first-child,.reason,.finder-step-heading>div>span){color:var(--muted-strong)}:root[data-theme=light] .finder-page .missing{color:var(--red)}:root[data-theme=light] .finder-page :is(.confirm-tribes-button,.finder-step-heading>strong.confirmed){background:var(--green-bg);border-color:var(--green);color:#25633a}:root[data-theme=light] .finder-page .core-progress-track{background:var(--surface-3)}:root[data-theme=light] .finder-page .finder-step{border-color:var(--line)}:root[data-theme=light] .finder-page input{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text);background-color:var(--surface);border-color:var(--line-strong)}:root[data-theme=light] .page a{color:var(--gold-ink)}:root[data-theme=light] :is(.finder-page,.page) :is(.page-heading p,.finder-step>p,.recommendation-heading>span,.finder-advanced summary,.empty-state p),:root[data-theme=light] .page>p{color:var(--muted)}:root[data-theme=light] .page :is(.empty-state,.secondary-button){background:var(--surface);color:var(--text);border-color:var(--line)}:root[data-theme=light] .page .empty-state h2{color:var(--text-strong)}:root[data-theme=light] .finder-page .recommendation-title>span{background:var(--gold-soft);color:var(--gold-ink)}:root[data-theme=light] .finder-page .status-ready .recommendation-title>span{background:var(--green-bg);color:#25633a}:root[data-theme=light] .finder-page .status-signal .recommendation-title>span{color:#2d5f85;background:#e5eef5}.rankings-page{width:min(1500px,100%);min-height:70vh;margin:0 auto;padding:44px 34px 80px}.rankings-hero{border:1px solid var(--gold-line);background:radial-gradient(ellipse at 95% 30%, var(--gold-soft), transparent 60%), var(--surface);border-radius:22px;justify-content:space-between;align-items:center;gap:32px;padding:36px 40px;display:flex;overflow:hidden}.rankings-hero .eyebrow{color:var(--gold-ink);letter-spacing:.15em}.rankings-hero h1{font:700 clamp(32px, 3.6vw, 48px)/1.2 var(--font-serif);letter-spacing:-.03em;color:var(--text-strong);margin:10px 0 14px}.rankings-hero h1 span{font:500 16px/1.6 var(--font-sans);letter-spacing:.03em;color:var(--muted-strong);margin-top:12px;display:block}.rankings-hero p{color:var(--muted);margin:0;font-size:13px;line-height:1.8}.ranking-snapshot-date{color:var(--muted);flex-wrap:wrap;align-items:center;gap:7px;margin-top:22px;font-size:12px;display:flex}.ranking-live-dot{background:var(--gold);border-radius:50%;width:6px;height:6px}.ranking-hero-mark{flex:none;grid-template-columns:repeat(3,60px);align-items:end;gap:7px;margin:10px 22px;display:grid;transform:rotate(-7deg)}.ranking-hero-mark>span{border:1px solid var(--gold-line);background:var(--gold-soft);height:100px;color:var(--gold-ink);font:700 27px var(--font-serif);border-radius:12px;place-items:center;display:grid}.ranking-hero-mark>span:first-child{height:140px}.ranking-hero-mark>span:nth-child(3){height:74px}.ranking-hero-mark small{text-align:center;letter-spacing:.24em;color:var(--muted);grid-column:1/-1;margin-top:8px;font-size:10px}.ranking-category-nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:24px 0 32px;display:grid}.ranking-category-nav a{border:1px solid var(--hair);background:var(--surface);color:var(--muted);border-radius:13px;align-items:center;gap:12px;padding:20px 24px;text-decoration:none;transition:border-color .15s,background .15s;display:flex}.ranking-category-nav a[aria-current]{border-color:var(--gold-line);background:var(--gold-soft);color:var(--gold-ink);box-shadow:inset 0 -2px var(--gold)}.ranking-category-nav a:hover{border-color:var(--gold-line)}.ranking-category-nav span{color:var(--text);font-size:19px;font-weight:700}.ranking-category-nav small{font-size:12px}.ranking-category-nav b{font:500 15px var(--font-mono);margin-left:auto}.ranking-section-heading{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.ranking-section-heading h2{font:700 28px var(--font-serif);color:var(--text-strong);margin:0 0 10px}.ranking-section-heading p{color:var(--muted);margin:0;font-size:13px;line-height:1.7}.ranking-source-link{color:var(--gold-ink);flex:none;padding-top:6px;font-size:12px;text-decoration:none}.ranking-source-meta{color:var(--muted);border-bottom:1px solid var(--hair);flex-wrap:wrap;gap:8px 22px;padding:16px 0 20px;font-size:12px;display:flex}.ranking-source-meta span+span:before{content:"·";color:var(--muted-2);margin-right:18px}.ranking-controls{flex-wrap:wrap;align-items:end;gap:14px;padding:20px 0 4px;display:flex}.ranking-search{flex:1;min-width:200px}.ranking-search>span{color:var(--muted);margin-bottom:8px;font-size:12px;display:block}.ranking-search input{border:1px solid var(--hair);width:100%;min-height:44px;color:var(--text);background:var(--surface);font:inherit;border-radius:9px;padding:10px 14px;font-size:13px}.ranking-search input:focus{outline:2px solid var(--gold);outline-offset:2px}.ranking-size-switch,.ranking-tier-filter{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.ranking-size-switch{border:1px solid var(--hair);background:var(--surface);border-radius:10px;padding:4px}.ranking-tier-filter{width:100%;padding-top:6px}.ranking-controls button{color:var(--muted);cursor:pointer;min-height:38px;font:500 12px var(--font-sans);background:0 0;border:1px solid #0000;border-radius:7px;padding:9px 14px}.ranking-controls button[aria-pressed=true]{color:var(--gold-ink);border-color:var(--gold-line);background:var(--gold-soft)}.ranking-controls button:hover{color:var(--text)}.rankings-page a:focus-visible,.rankings-page button:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.ranking-result-line{min-height:24px;color:var(--muted);justify-content:space-between;align-items:center;margin:16px 0;font-size:12px;display:flex}.ranking-result-line p{margin:0}.ranking-result-line button{color:var(--gold-ink);cursor:pointer;background:0 0;border:0}.ranking-hero-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.ranking-hero-card{border:1px solid var(--hair);background:var(--surface);border-radius:12px;align-items:center;gap:12px;min-width:0;padding:18px 20px 18px 12px;display:flex;position:relative}.ranking-hero-card:nth-child(-n+3){border-color:var(--gold-line)}.ranking-position{color:var(--muted-2);font:11px var(--font-mono);flex:none;align-self:flex-start;width:20px}.ranking-hero-card>img{object-fit:contain;flex:none;width:65px;height:88px}.ranking-hero-card-copy{flex:1;min-width:0}.ranking-hero-card h3{color:var(--text);margin:0 0 12px;font-size:14px;font-weight:600;line-height:1.5}.ranking-pick-value{justify-content:space-between;align-items:baseline;gap:5px;display:flex}.ranking-pick-value>span{color:var(--muted);font-size:11px}.ranking-pick-value strong{font:600 22px var(--font-mono);color:var(--gold-ink)}.ranking-pick-value small{padding-left:2px;font-size:11px}.ranking-pick-track{background:var(--surface-3);border-radius:3px;height:3px;margin-top:9px;overflow:hidden}.ranking-pick-track i{background:var(--gold);height:100%;display:block}.ranking-tier-group{border:1px solid var(--hair);background:var(--surface);border-radius:14px;grid-template-columns:80px minmax(0,1fr);margin:16px 0;display:grid;overflow:hidden}.ranking-tier-label{background:var(--surface-2);border-right:1px solid var(--hair);flex-direction:column;align-items:center;gap:7px;padding:24px 8px;display:flex}.ranking-tier-label h3{font:700 29px var(--font-serif);color:var(--muted-strong);margin:0}.ranking-tier-label span,.ranking-tier-label small{color:var(--muted);font-size:11px}.ranking-tier-label small{margin-top:5px}.ranking-tier-group[data-tier=S] .ranking-tier-label{background:var(--gold-soft)}.ranking-tier-group[data-tier=S] .ranking-tier-label h3{color:var(--gold-ink)}.ranking-tier-group[data-tier=A] .ranking-tier-label h3{color:var(--green)}.ranking-tier-group[data-tier=B] .ranking-tier-label h3{color:var(--blue)}.ranking-tier-content{background:var(--hair);grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;display:grid}.ranking-trinket-card{background:var(--surface);align-items:center;gap:12px;min-width:0;padding:16px;display:flex}.ranking-trinket-card>img{object-fit:contain;flex:none;width:70px;height:92px}.ranking-trinket-card>div{flex:1;min-width:0}.ranking-trinket-card h4{color:var(--text);margin:0 0 13px;font-size:14px;line-height:1.7}.ranking-variant{background:var(--surface-3);color:var(--muted-strong);white-space:nowrap;border-radius:4px;margin-left:6px;padding:0 5px;font-size:10px;display:inline-block}.ranking-trinket-card dl{gap:18px;margin:0;display:flex}.ranking-trinket-card dt{color:var(--muted);font-size:10px}.ranking-trinket-card dd{font:500 16px var(--font-mono);color:var(--text-strong);margin:5px 0 0}.ranking-unlisted{color:var(--muted);margin-top:9px;font-size:10px;display:block}.ranking-comp-card{background:var(--surface);min-width:0;padding:20px}.ranking-tier-content:has(.ranking-comp-card){grid-template-columns:repeat(2,minmax(0,1fr))}.ranking-comp-card>header{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.ranking-comp-card h4{color:var(--text);margin:0;font-size:16px;line-height:1.6}.ranking-difficulty{color:var(--muted);white-space:nowrap;font-size:11px}.ranking-core-label{letter-spacing:.1em;color:var(--muted);margin:15px 0 4px;font-size:10px}.ranking-core-cards{grid-template-columns:repeat(6,minmax(0,1fr));gap:5px;display:grid}.ranking-core-cards>div{text-align:center;min-width:0}.ranking-core-cards img{object-fit:contain;width:100%;height:94px}.ranking-core-cards span{color:var(--muted);font-size:10px;line-height:1.5;display:block}.ranking-comp-card footer{flex-wrap:wrap;justify-content:flex-end;gap:18px;padding-top:18px;display:flex}.ranking-comp-card footer a{color:var(--gold-ink);font-size:11px;text-decoration:none}.ranking-methodology{border:1px solid var(--hair);background:var(--surface);border-radius:14px;margin-top:28px;padding:24px 28px}.ranking-methodology h2{margin:0 0 12px;font-size:14px}.ranking-methodology p{color:var(--muted);margin:8px 0;font-size:12px;line-height:1.9}.ranking-loading{min-height:50vh;color:var(--muted);place-items:center;display:grid}@media (width<=1150px){.ranking-hero-grid,.ranking-tier-content{grid-template-columns:repeat(2,minmax(0,1fr))}.ranking-core-cards img{height:78px}.ranking-trinket-card{padding:14px}}@media (width<=800px){.rankings-page{padding:24px 20px 60px}.rankings-hero{padding:28px}.ranking-hero-mark{display:none}.ranking-category-nav a{flex-wrap:wrap;gap:8px;padding:16px}.ranking-category-nav small{display:none}.ranking-tier-content:has(.ranking-comp-card){grid-template-columns:1fr}.ranking-tier-group{grid-template-columns:64px minmax(0,1fr)}.ranking-tier-label h3{font-size:26px}.ranking-trinket-card>img{width:54px;height:76px}.ranking-trinket-card dl{gap:12px}.ranking-trinket-card h4{font-size:12px}}@media (width<=580px){.rankings-page{padding:20px 14px 48px}.rankings-hero{border-radius:16px;padding:25px 22px}.rankings-hero h1 span{font-size:14px}.ranking-category-nav{gap:7px;margin:16px 0 26px}.ranking-category-nav a{gap:5px;padding:14px 10px}.ranking-category-nav span{font-size:16px}.ranking-category-nav b{font-size:11px}.ranking-section-heading{flex-direction:column;gap:8px}.ranking-section-heading h2{font-size:25px}.ranking-source-meta{gap:8px 12px;font-size:11px}.ranking-source-meta span+span:before{display:none}.ranking-controls{gap:12px}.ranking-search{flex-basis:100%}.ranking-size-switch{width:100%}.ranking-size-switch button{flex:1}.ranking-controls button{padding-inline:12px}.ranking-hero-grid,.ranking-tier-content{grid-template-columns:1fr}.ranking-hero-card{padding:14px}.ranking-hero-card>img{width:65px;height:80px}.ranking-tier-group{grid-template-columns:54px minmax(0,1fr)}.ranking-tier-label{padding:20px 4px}.ranking-tier-label h3{font-size:24px}.ranking-trinket-card{gap:14px;padding:14px}.ranking-trinket-card h4{font-size:14px}.ranking-trinket-card>img{width:60px;height:82px}.ranking-comp-card{padding:16px 12px}.ranking-comp-card h4{font-size:14px}.ranking-core-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 5px}.ranking-core-cards img{height:90px}.ranking-methodology{padding:20px}}