:root{--bg-0:#0d0c0a;--bg-1:#12100d;--panel:#18150f;--panel-2:#1f1b14;--panel-hi:#29241b;--well:#0e0c09;--line:#342c20;--line-2:#54452d;--line-3:#86693a;--text:#ece3cf;--text-dim:#b3a78e;--text-faint:#7b715e;--gold:#d4ad62;--gold-2:#f0d9a0;--gold-deep:#9c7634;--arcane:#86b9d6;--danger:#d0645a;--success:#8fc49a;--r-legendary:#e3a243;--r-mythic:#d9535f;--r-epic:#a883d9;--r-rare:#5d9edb;--r-uncommon:#7fb36a;--r-common:#a9a293;--r-exclusive:#52b5a1;--metal-gold:linear-gradient(180deg, #f3dea6 0%, #d8b26a 42%, #b08a44 72%, #8f6c32 100%);--metal-dark:linear-gradient(180deg, #2b261d 0%, #1e1a14 100%);--panel-bg:linear-gradient(180deg, #1c1813 0%, #15120e 100%);--corners:linear-gradient(#86693a, #86693a) left 3px top 3px / 14px 1px no-repeat, linear-gradient(#86693a, #86693a) left 3px top 3px / 1px 14px no-repeat, linear-gradient(#86693a, #86693a) right 3px top 3px / 14px 1px no-repeat, linear-gradient(#86693a, #86693a) right 3px top 3px / 1px 14px no-repeat, linear-gradient(#86693a, #86693a) left 3px bottom 3px / 14px 1px no-repeat, linear-gradient(#86693a, #86693a) left 3px bottom 3px / 1px 14px no-repeat, linear-gradient(#86693a, #86693a) right 3px bottom 3px / 14px 1px no-repeat, linear-gradient(#86693a, #86693a) right 3px bottom 3px / 1px 14px no-repeat;--grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 .92 0 0 0 0 .75 0 0 0 .055 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--chamfer:polygon(7px 0, calc(100% - 7px) 0, 100% 7px, 100% calc(100% - 7px), calc(100% - 7px) 100%, 7px 100%, 0 calc(100% - 7px), 0 7px);--radius:3px;--shadow:0 0 0 1px #070605, 0 18px 32px -20px #000000e6;--font-display:"Cinzel", "Trajan Pro", "Times New Roman", serif;--font-body:"Alegreya Sans", "Gill Sans", system-ui, sans-serif;--font-flavor:"Alegreya", Georgia, serif;--nav-w:252px;--bottom-nav-h:66px;--ease:cubic-bezier(.2, .8, .2, 1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{min-height:100%}body{font-family:var(--font-body);color:var(--text);background-color:var(--bg-0);background-image:var(--grain), radial-gradient(ellipse 90% 60% at 60% -10%, #d4ad6212, transparent 70%);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;background-attachment:fixed;margin:0;font-size:16px;line-height:1.5}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(at 50% 40%,#0000 55%,#0000008c 100%);position:fixed;inset:0}h1,h2,h3{font-family:var(--font-display);letter-spacing:.03em;margin:0;font-weight:600}a{color:var(--gold);text-decoration:none}a:hover{color:var(--gold-2)}button{font:inherit;color:inherit}img{display:block}code{font-size:.88em}::selection{background:#d4ad6259}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--line);background-clip:padding-box;border:2px solid #0000}::-webkit-scrollbar-track{background:0 0}.app{z-index:1;min-height:100vh;display:flex;position:relative}.sidebar{width:var(--nav-w);background:var(--grain), linear-gradient(180deg, #14110d, #0e0c0a);border-right:1px solid var(--line);z-index:20;flex-direction:column;gap:2px;padding:24px 16px 20px;display:flex;position:fixed;inset:0 auto 0 0;box-shadow:inset -1px 0 #070605,1px 0 #d4ad620f}.brand{align-items:center;gap:12px;margin-bottom:14px;padding:0 8px 20px;display:flex;position:relative}.brand:before,.brand:after{content:"";position:absolute;bottom:0}.brand:after{background:linear-gradient(90deg, transparent, var(--line-2) 20%, var(--line-2) calc(50% - 9px), transparent calc(50% - 9px), transparent calc(50% + 9px), var(--line-2) calc(50% + 9px), var(--line-2) 80%, transparent);height:1px;left:8px;right:8px}.brand:before{background:var(--gold-deep);width:6px;height:6px;margin:0 0 -2.5px -3px;left:50%;transform:rotate(45deg)}.brand-mark{filter:drop-shadow(0 4px 10px #d4ad6240);flex:none}.brand-name{font-family:var(--font-display);letter-spacing:.06em;color:var(--text);font-size:19px;font-weight:700;line-height:1.1}.brand-name b{color:var(--gold);font-weight:700}.brand-sub{font-family:var(--font-flavor);color:var(--text-faint);font-size:13px;font-style:italic}.nav-link{color:var(--text-dim);font-family:var(--font-display);letter-spacing:.05em;transition:color .2s var(--ease), background .2s var(--ease);align-items:center;gap:13px;padding:10px 14px 10px 18px;font-size:14px;font-weight:600;display:flex;position:relative}.nav-link svg{opacity:.75;transition:opacity .2s}.nav-link:hover{color:var(--text);background:#ece3cf08}.nav-link.active{color:var(--gold-2);background:linear-gradient(90deg,#d4ad6221,#d4ad6200 85%)}.nav-link.active svg{opacity:1}.nav-link.active:before{content:"";background:var(--gold);width:7px;height:7px;margin-top:-3.5px;position:absolute;top:50%;left:3px;transform:rotate(45deg);box-shadow:0 0 8px #d4ad6299}.nav-link.active:after{content:"";background:linear-gradient(90deg,#d4ad6273,#0000);height:1px;position:absolute;bottom:0;left:0;right:30%}.sidebar-foot{color:var(--text-faint);border-top:1px solid var(--line);margin-top:auto;padding:14px 8px 0;font-size:13px}.main{margin-left:var(--nav-w);flex:1;min-width:0;max-width:100%;padding:32px clamp(16px,3.4vw,48px) 64px}.bottom-nav{display:none}@media (width<=860px){.sidebar{display:none}.main{padding:20px 14px calc(var(--bottom-nav-h) + 24px + env(safe-area-inset-bottom));margin-left:0}.bottom-nav{height:calc(var(--bottom-nav-h) + env(safe-area-inset-bottom));padding:4px 4px env(safe-area-inset-bottom);background:var(--grain), linear-gradient(180deg, #17140f, #0e0c0a);border-top:1px solid var(--line-2);z-index:30;display:flex;position:fixed;inset:auto 0 0;box-shadow:0 -1px #070605,0 -12px 30px #0009}.bottom-nav .nav-link{letter-spacing:.04em;flex-direction:column;flex:1;justify-content:center;gap:4px;padding:9px 2px 6px;font-size:9.5px}.bottom-nav .nav-link.active{background:linear-gradient(#d4ad6224,#0000 80%)}.bottom-nav .nav-link.active:before{margin:0 0 0 -3.5px;top:-4px;left:50%}.bottom-nav .nav-link.active:after{display:none}}.page-head{background:linear-gradient(90deg, var(--line-2), var(--line) 30%, transparent) left bottom / 100% 1px no-repeat;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:24px;padding-bottom:18px;display:flex;position:relative}.page-head:after{content:"";background:var(--gold);width:7px;height:7px;position:absolute;bottom:-3px;left:0;transform:rotate(45deg)}.page-head h1{text-shadow:0 2px #000;font-size:clamp(26px,3.2vw,38px);font-weight:700;line-height:1.1}.page-head p{color:var(--text-dim);font-family:var(--font-flavor);max-width:720px;margin:8px 0 0;font-size:16.5px;font-style:italic}.eyebrow{font-family:var(--font-display);letter-spacing:.22em;text-transform:uppercase;color:var(--gold);margin-bottom:6px;font-size:12px;font-weight:600}.card{background:var(--corners), var(--panel-bg);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow), inset 0 1px 0 #f0d9a00d}.card-pad{padding:22px}.card h2{color:var(--gold-2);margin-bottom:16px;font-size:16px}.grid{gap:16px;display:grid}.grid-2{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.grid-stats{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.stat{padding:18px 22px 20px;position:relative;overflow:hidden}.stat-label{font-family:var(--font-display);color:var(--text-dim);letter-spacing:.14em;text-transform:uppercase;font-size:12px;font-weight:600}.stat-value{font-family:var(--font-display);color:var(--gold-2);text-shadow:0 2px #000;margin-top:6px;font-size:38px;font-weight:700;line-height:1.1}.stat-value .faint{color:var(--text-faint);text-shadow:none}.stat-sub{color:var(--text-faint);font-size:13px}.btn{border:1px solid var(--line-2);background:var(--metal-dark);height:40px;color:var(--text);font-family:var(--font-display);letter-spacing:.05em;cursor:pointer;transition:transform .12s var(--ease), border-color .2s, color .2s, filter .2s;white-space:nowrap;-webkit-user-select:none;user-select:none;border-radius:2px;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-size:13.5px;font-weight:600;display:inline-flex;box-shadow:inset 0 1px #f0d9a014,0 1px #000}.btn:hover{border-color:var(--line-3);color:var(--gold-2)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-gold,.btn-primary{color:#2a1c07;background:var(--metal-gold);text-shadow:0 1px #fff0cd8c;clip-path:var(--chamfer);border:none;box-shadow:inset 0 1px #ffffff80,inset 0 -2px #3c230540}.btn-gold:hover,.btn-primary:hover{color:#2a1c07;filter:brightness(1.08)saturate(1.05)}.btn-ghost{box-shadow:none;color:var(--text-dim);background:0 0;border-color:#0000}.btn-ghost:hover{background:#ece3cf0a;border-color:#0000}.btn-danger{color:#e8968d;background:linear-gradient(#2a1714,#1d1210);border-color:#d0645a66}.btn-danger:hover{color:#ffb7ae;border-color:#d0645ab3}.btn-sm{height:32px;padding:0 13px;font-size:12.5px}.btn-icon{width:40px;padding:0}.btn-sm.btn-icon{width:32px}.input,.select,textarea.input{border:1px solid var(--line);background:var(--well);width:100%;height:42px;color:var(--text);font:inherit;border-radius:2px;outline:none;padding:0 14px;transition:border-color .2s,box-shadow .2s;box-shadow:inset 0 2px 4px #00000080}.input::placeholder,textarea::placeholder{color:var(--text-faint);font-family:var(--font-flavor);font-style:italic}textarea.input{resize:vertical;height:auto;min-height:84px;padding:10px 14px}.input:focus,.select:focus{border-color:var(--gold-deep);box-shadow:inset 0 2px 4px #00000080, 0 0 0 1px var(--gold-deep)}.select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cpath d='M5 8 1 3h8z' fill='%23d4ad62'/%3E%3C/svg%3E");background-position:right 13px center;background-repeat:no-repeat;padding-right:34px}.select option,.select optgroup{background:var(--panel-2)}.field{flex-direction:column;gap:7px;display:flex}.field>span{font-family:var(--font-display);color:var(--text-dim);letter-spacing:.12em;text-transform:uppercase;font-size:11.5px;font-weight:600}.field>.segmented{align-self:flex-start;max-width:100%}.field-row{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;display:grid}.search{flex:1;min-width:200px;position:relative}.search svg{color:var(--gold-deep);pointer-events:none;position:absolute;top:50%;left:13px;transform:translateY(-50%)}.search .input{padding-left:40px}.toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:12px;display:flex}.chips{scrollbar-width:none;gap:6px;padding-bottom:2px;display:flex;overflow-x:auto}.chips::-webkit-scrollbar{display:none}.chip{border:1px solid var(--line);height:32px;color:var(--text-dim);cursor:pointer;text-transform:capitalize;background:#0e0c0999;border-radius:2px;flex-shrink:0;align-items:center;gap:6px;padding:0 13px;font-size:14.5px;font-weight:500;transition:color .18s,border-color .18s,background .18s;display:inline-flex}.chip:hover{color:var(--text);border-color:var(--line-2)}.chip.on{color:var(--gold-2);border-color:var(--gold-deep);background:linear-gradient(#d4ad6229,#d4ad620f)}.chip img{width:18px;height:18px}.segmented{background:var(--well);border:1px solid var(--line);border-radius:2px;gap:2px;padding:3px;display:inline-flex;box-shadow:inset 0 2px 4px #00000080}.segmented button{color:var(--text-dim);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:1px;padding:5px 13px;font-size:14.5px;font-weight:500;transition:color .18s,background .18s}.segmented button:hover{color:var(--text)}.segmented button.on{background:var(--metal-dark);border-color:var(--line-2);color:var(--gold-2);box-shadow:inset 0 1px #f0d9a014}.switch{cursor:pointer;font-family:var(--font-display);letter-spacing:.05em;color:var(--text-dim);-webkit-user-select:none;user-select:none;align-items:center;gap:10px;font-size:13px;font-weight:600;display:inline-flex}.switch input{display:none}.switch .track{background:var(--well);border:1px solid var(--line-2);border-radius:2px;width:42px;height:22px;transition:background .2s,border-color .2s;position:relative;box-shadow:inset 0 2px 4px #0009}.switch .track:after{content:"";background:var(--text-faint);width:14px;height:14px;transition:transform .2s var(--ease), background .2s;position:absolute;top:3px;left:3px;transform:rotate(45deg)scale(.85)}.switch input:checked+.track{border-color:var(--gold-deep);background:#d4ad6224}.switch input:checked+.track:after{background:var(--gold-2);transform:translate(20px)rotate(45deg)scale(.85);box-shadow:0 0 8px #d4ad62b3}.switch input:checked~*{color:var(--gold-2)}.stepper{border:1px solid var(--line);background:var(--well);border-radius:2px;align-items:center;height:42px;display:flex;overflow:hidden;box-shadow:inset 0 2px 4px #00000080}.stepper button{cursor:pointer;width:38px;height:100%;color:var(--gold-deep);background:0 0;border:none;font-size:19px}.stepper button:hover{color:var(--gold-2);background:#d4ad621a}.stepper input{text-align:center;width:40px;min-width:0;color:var(--text);font-family:var(--font-display);-moz-appearance:textfield;background:0 0;border:none;outline:none;flex:1;font-size:15px;font-weight:700}.stepper input::-webkit-outer-spin-button{-webkit-appearance:none}.stepper input::-webkit-inner-spin-button{-webkit-appearance:none}.stars{gap:3px;display:inline-flex}.stars button{cursor:pointer;color:#3a3226;transition:transform .15s var(--ease), color .15s;background:0 0;border:none;padding:2px}.stars button.on{color:var(--gold);filter:drop-shadow(0 0 5px #d4ad628c)}.stars button:hover{transform:scale(1.15)}.hint{display:inline-flex;position:relative}.hint-btn{width:26px;height:26px;color:var(--gold-deep);cursor:help;background:0 0;border:none;place-items:center;padding:0;transition:color .2s;display:grid}.hint-btn:hover,.hint.open .hint-btn,.hint-btn:focus-visible{color:var(--gold-2)}.hint-pop{z-index:40;background:var(--corners), var(--panel-bg);border:1px solid var(--line-2);width:max-content;max-width:min(300px,100vw - 28px);color:var(--text-dim);text-align:left;opacity:0;visibility:hidden;transition:opacity .18s, transform .18s var(--ease), visibility .18s;pointer-events:none;padding:13px 15px;font-size:14.5px;line-height:1.45;position:absolute;top:calc(100% + 10px);right:-6px;transform:translateY(-4px);box-shadow:0 0 0 1px #070605,0 18px 34px -10px #000}.hint-pop:before{content:"";border-left:1px solid var(--line-2);border-top:1px solid var(--line-2);background:#1c1813;width:8px;height:8px;position:absolute;top:-5px;right:14px;transform:rotate(45deg)}.hint-pop strong{font-family:var(--font-display);letter-spacing:.08em;color:var(--gold-2);margin-bottom:4px;font-size:13px;display:block}.hint-pop em{font-family:var(--font-flavor);color:var(--text-faint);margin-top:8px;display:block}.hint:hover .hint-pop,.hint.open .hint-pop,.hint-btn:focus-visible+.hint-pop{opacity:1;visibility:visible;pointer-events:auto;transform:none}@media (width<=860px){.page-head .hint-pop{left:-190px;right:auto}.page-head .hint-pop:before{left:198px;right:auto}}.badge{letter-spacing:.02em;height:22px;color:var(--text-dim);text-transform:capitalize;background:#ece3cf0f;border:1px solid #ece3cf12;border-radius:2px;align-items:center;gap:4px;padding:0 8px;font-size:12.5px;font-weight:700;display:inline-flex}.badge-legendary,.badge-ancient-legendary{color:var(--r-legendary);background:#e3a2431f;border-color:#e3a24340}.badge-mythic,.badge-ancient-mythic{color:var(--r-mythic);background:#d9535f1f;border-color:#d9535f40}.badge-exclusive{color:var(--r-exclusive);background:#52b5a11f;border-color:#52b5a140}.badge-epic{color:var(--r-epic);background:#a883d91f;border-color:#a883d940}.badge-uncommon{color:var(--r-uncommon);background:#7fb36a1f;border-color:#7fb36a40}.badge-common{color:var(--r-common);background:#a9a2931a;border-color:#a9a29338}.badge-rare{color:var(--r-rare);background:#5d9edb1f;border-color:#5d9edb40}.tier{min-width:36px;height:24px;font-family:var(--font-display);color:#1c1306;clip-path:polygon(7px 0,calc(100% - 7px) 0,100% 50%,calc(100% - 7px) 100%,7px 100%,0 50%);place-items:center;padding:0 9px;font-size:13px;font-weight:700;line-height:1;display:inline-grid;box-shadow:inset 0 1px #ffffff73,inset 0 -2px #00000040}.tier-s{color:#fff4ec;text-shadow:0 1px #3c000a99;background:linear-gradient(#f08a8a 0%,#c73e47 55%,#8e2430 100%)}.tier-a{background:var(--metal-gold);text-shadow:0 1px #fff0cd80}.tier-b{color:#fbf6ff;text-shadow:0 1px #1e0a3c99;background:linear-gradient(#c9b3ec 0%,#8e6bc4 55%,#634496 100%)}.tier-c{color:#f3f9ff;text-shadow:0 1px #0a1e3c99;background:linear-gradient(#b7d6ef 0%,#6c9fc9 55%,#46739b 100%)}.tier-f,.tier-na{color:var(--text-faint);box-shadow:none;background:linear-gradient(#3a342a,#26221b)}.portrait-grid{grid-template-columns:repeat(auto-fill,minmax(124px,1fr));gap:12px;display:grid}@media (width<=520px){.portrait-grid{grid-template-columns:repeat(auto-fill,minmax(98px,1fr));gap:8px}}.portrait{--rc-solid:var(--line-3);border-radius:var(--radius);border:1px solid color-mix(in srgb, var(--rc-solid) 50%, #0d0b08);background:linear-gradient(180deg, color-mix(in srgb, var(--rc-solid) 24%, #1a1611) 0%, #15120e 55%, color-mix(in srgb, var(--rc-solid) 14%, #110e0b) 100%);box-shadow:0 0 0 1px #070605, inset 0 1px 0 color-mix(in srgb, var(--rc-solid) 40%, transparent), 0 12px 22px -14px #000;cursor:pointer;text-align:left;transition:transform .22s var(--ease), border-color .22s, opacity .22s, filter .22s, box-shadow .22s;animation:rise .4s var(--ease) both;padding:3px;position:relative;overflow:hidden}.portrait:hover{border-color:var(--rc-solid);box-shadow:0 0 0 1px #070605, 0 0 20px -6px color-mix(in srgb, var(--rc-solid) 75%, transparent), 0 16px 26px -14px #000;transform:translateY(-3px)}.portrait .art{aspect-ratio:1;background:radial-gradient(circle at 50% 35%, color-mix(in srgb, var(--rc-solid) 45%, transparent), transparent 75%), linear-gradient(180deg, color-mix(in srgb, var(--rc-solid) 16%, var(--well)), var(--well));border-radius:1px;width:100%;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #000000b3}.portrait .art:after{content:"";background:linear-gradient(90deg, transparent, var(--rc-solid) 20%, var(--rc-solid) 80%, transparent);height:2px;position:absolute;bottom:0;left:0;right:0}.portrait .art>img,.portrait .art>.face{object-fit:cover;width:100%;height:100%;transition:transform .35s var(--ease)}.portrait:hover .art>img,.portrait:hover .art>.face{transform:scale(1.05)}.portrait .meta{background:linear-gradient(180deg, color-mix(in srgb, var(--rc-solid) 16%, transparent), transparent 90%);margin:0 -3px -3px;padding:7px 9px 8px}.portrait .name{white-space:nowrap;text-overflow:ellipsis;font-size:14.5px;font-weight:700;line-height:1.25;overflow:hidden}.portrait .sub{color:color-mix(in srgb, var(--rc-solid) 45%, var(--text-faint));text-transform:capitalize;white-space:nowrap;align-items:center;gap:6px;font-size:12.5px;display:flex;overflow:hidden}.portrait .sub:before{content:"";background:var(--rc-solid);flex:none;width:6px;height:6px;transform:rotate(45deg)}.portrait .corner{z-index:1;gap:4px;display:flex;position:absolute;top:6px;right:6px}.portrait .check{color:#0000;width:22px;height:22px;transition:all .2s var(--ease);z-index:1;background:#0e0c09cc;border:1.5px solid #ece3cf73;place-items:center;display:grid;position:absolute;top:7px;left:7px;transform:rotate(45deg)scale(.85)}.portrait .check svg{transform:rotate(-45deg)}.portrait.owned .check{background:var(--metal-gold);color:#2a1c07;border-color:#fff1c9;transform:rotate(45deg)scale(.95)}.portrait.owned{border-color:var(--gold-2);background:linear-gradient(180deg, color-mix(in srgb, var(--rc-solid) 36%, #1a1611) 0%, #17130e 58%, color-mix(in srgb, var(--rc-solid) 20%, #110e0b) 100%);box-shadow:0 0 0 1px #070605, 0 0 0 3px var(--gold), 0 0 26px -2px #d4ad62bf, 0 12px 22px -14px #000}.portrait-grid:has(.portrait.owned) .portrait:not(.owned){opacity:.62}.portrait-grid:has(.portrait.owned) .portrait:not(.owned) .art>img{filter:grayscale(.75)brightness(.8)}.portrait-grid:has(.portrait.owned) .portrait:not(.owned) .art>.face{filter:grayscale(.75)brightness(.8)}.portrait-grid:has(.portrait.owned) .portrait:not(.owned):hover{opacity:1}.portrait-grid:has(.portrait.owned) .portrait:not(.owned):hover .art>img{filter:none}.portrait-grid:has(.portrait.owned) .portrait:not(.owned):hover .art>.face{filter:none}.portrait.owned .name{color:color-mix(in srgb, var(--rc-solid) 30%, #fff4e0)}.owned-ribbon{background:var(--metal-gold);color:#2a1c07;height:24px;font-family:var(--font-display);letter-spacing:.12em;animation:pop .35s var(--ease);z-index:1;justify-content:center;align-items:center;gap:5px;font-size:12px;font-weight:700;display:flex;position:absolute;bottom:0;left:0;right:0;box-shadow:inset 0 1px #ffffff8c,0 -6px 14px -4px #000000b3}.owned-banner{color:var(--gold-2);border:1px solid var(--gold-deep);background:#d4ad621f;border-radius:2px;align-items:center;gap:6px;padding:4px 11px;font-size:13.5px;font-weight:700;display:inline-flex}.owned-banner.no{color:var(--text-faint);border-color:var(--line);background:#ece3cf0a}.portrait.unowned{opacity:.5;filter:grayscale(.85)brightness(.85)}.portrait.unowned:hover{opacity:.9;filter:grayscale(.25)}.portrait .stars-mini{color:var(--gold);letter-spacing:-1px;font-size:10px}.r-legendary,.r-ancient-legendary{--rc-solid:var(--r-legendary)}.r-mythic,.r-ancient-mythic{--rc-solid:var(--r-mythic)}.r-epic{--rc-solid:var(--r-epic)}.r-rare{--rc-solid:var(--r-rare)}.r-uncommon{--rc-solid:var(--r-uncommon)}.r-common{--rc-solid:var(--r-common)}.r-exclusive{--rc-solid:var(--r-exclusive)}.portrait.pop{animation:pop .35s var(--ease)}.thumb{object-fit:cover;background:var(--well);width:44px;height:44px;box-shadow:0 0 0 1px var(--rc-solid,var(--line-2)), 0 0 0 2px #070605;border-radius:2px;flex-shrink:0}.thumb-sm{width:34px;height:34px}.face{background:radial-gradient(circle at 50% 38%, color-mix(in srgb, var(--rc-solid,var(--gold)) 30%, transparent), transparent 72%), var(--well);display:block;position:relative;overflow:hidden}.face>img{max-width:none;height:auto;transition:opacity .3s;position:absolute}.face-icon>*{object-fit:cover;transform-origin:50% 36%;width:100%;height:100%;transform:scale(1.42)}.list{flex-direction:column;gap:6px;display:flex}.row{border:1px solid var(--line);background:#0e0c098c;border-radius:2px;align-items:center;gap:12px;padding:9px 12px;transition:background .2s,border-color .2s;display:flex}.row.clickable{cursor:pointer}.row.clickable:hover{border-color:var(--line-2);background:linear-gradient(90deg,#d4ad6214,#0e0c098c)}.row.rarity-row{border-left:3px solid var(--rc-solid);background:linear-gradient(90deg, color-mix(in srgb, var(--rc-solid) 15%, transparent), #0e0c098c 50%)}.row.rarity-row.clickable:hover{border-color:color-mix(in srgb, var(--rc-solid) 60%, transparent);border-left-color:var(--rc-solid);background:linear-gradient(90deg, color-mix(in srgb, var(--rc-solid) 24%, transparent), #0e0c098c 60%)}.row .grow{flex:1;min-width:0}.row .title{white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden}.row .desc{color:var(--text-dim);font-size:13.5px}.muted{color:var(--text-dim)}.faint{color:var(--text-faint)}.small{font-size:13.5px}.flex{align-items:center;gap:8px;display:flex}.wrap{flex-wrap:wrap}.spacer{flex:1}.mt{margin-top:16px}.mb{margin-bottom:16px}.confirm-backdrop{z-index:80;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#050403b8;place-items:center;padding:20px;animation:.2s both fade;display:grid;position:fixed;inset:0}.confirm{text-align:center;background:var(--corners), var(--grain), linear-gradient(180deg, #211c15, #14110d);border:1px solid var(--line-2);width:min(400px,100%);animation:confirm-in .28s var(--ease) both;padding:28px 26px 22px;box-shadow:0 0 0 1px #070605,inset 0 1px #f0d9a014,0 30px 60px -20px #000}.confirm.danger{border-color:#d0645a73}.confirm-visual{color:var(--gold);justify-content:center;margin-bottom:16px;display:flex}.confirm.danger .confirm-visual{color:#e08a80}.confirm-face{width:76px!important;height:76px!important}.confirm-stack{display:flex}.confirm-stack>*+*{margin-left:-18px}.confirm h2{color:var(--text);text-shadow:0 2px #000;font-size:20px;font-weight:700}.confirm p{color:var(--text-dim);font-family:var(--font-flavor);margin:10px 0 0;font-size:16px;font-style:italic;line-height:1.45}.confirm-actions{justify-content:center;gap:10px;margin-top:22px;display:flex}.confirm-actions .btn{min-width:128px}.btn-blood{color:#fff1ea;text-shadow:0 1px #3c050099;clip-path:var(--chamfer);background:linear-gradient(#e07a6c 0%,#b8473b 45%,#8c2f26 75%,#6a221b 100%);border:none;box-shadow:inset 0 1px #ffdcd273,inset 0 -2px #2800004d}.btn-blood:hover{color:#fff;filter:brightness(1.1)}.btn:focus-visible{outline:1px solid var(--gold-2);outline-offset:3px}.sheet-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:50;background:#050403b3;animation:.25s both fade;position:fixed;inset:0}.sheet{background:var(--grain), linear-gradient(180deg, #1a1611, #110f0b);border-left:1px solid var(--line-2);z-index:51;width:min(580px,100vw);animation:slideIn .32s var(--ease) both;flex-direction:column;display:flex;position:fixed;top:0;bottom:0;right:0;box-shadow:inset 1px 0 #d4ad621a,-30px 0 80px -20px #000000e6}.sheet-head{border-bottom:1px solid var(--line);background:radial-gradient(ellipse at 15% 0%, color-mix(in srgb, var(--rc-solid,var(--gold)) 14%, transparent), transparent 70%);align-items:center;gap:14px;padding:20px 20px 18px;display:flex}.sheet-body{flex:1;padding:18px 20px 28px;overflow-y:auto}.sheet-foot{padding:14px 20px calc(14px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:#0a090799;gap:10px;display:flex}@media (width<=860px){.sheet{border-left:none;border-top:1px solid var(--line-3);width:100vw;animation:slideUp .34s var(--ease) both;border-radius:6px 6px 0 0;top:6vh}}.hero-banner{align-items:center;gap:16px;display:flex;position:relative}.hero-banner>img,.hero-banner>.face,.hero-banner>div:first-child:not(:last-child){object-fit:cover;width:88px;height:88px;box-shadow:0 0 0 2px var(--rc-solid,var(--gold)), 0 0 0 3px #070605, 0 12px 28px -8px #000;border-radius:2px;flex:none}.hero-banner h2{text-shadow:0 2px #000;font-size:24px;font-weight:700}.section-title{font-family:var(--font-display);letter-spacing:.16em;text-transform:uppercase;color:var(--gold);align-items:center;gap:10px;margin:26px 0 12px;font-size:13px;font-weight:600;display:flex}.section-title:before{content:"";border:1px solid var(--gold);flex:none;width:6px;height:6px;transform:rotate(45deg)}.section-title:after{content:"";background:linear-gradient(90deg, var(--line-2), transparent);flex:1;height:1px}.tier-grid{grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:6px;display:grid}.tier-cell{border:1px solid var(--line);color:var(--text-dim);background:#0e0c0999;border-radius:2px;justify-content:space-between;align-items:center;gap:6px;padding:6px 6px 6px 10px;font-size:13px;display:flex}.tier-cell.hl{border-color:var(--gold-deep);background:#d4ad6214}.skill{border:1px solid var(--line);border-left:2px solid var(--line-2);background:#0e0c098c;border-radius:2px;margin-bottom:8px;padding:12px 14px}.skill-head{color:var(--gold-2);align-items:center;gap:8px;margin-bottom:4px;font-weight:700;display:flex}.skill p{color:var(--text-dim);margin:0;font-size:14.5px}.tabs{border-bottom:1px solid var(--line);scrollbar-width:none;gap:2px;padding:0 16px;display:flex;overflow-x:auto}.tabs button{font-family:var(--font-display);letter-spacing:.06em;color:var(--text-faint);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:13px 14px 12px;font-size:13px;font-weight:600;transition:color .2s,border-color .2s}.tabs button:hover{color:var(--text-dim)}.tabs button.on{color:var(--gold-2);border-color:var(--gold)}.slot-grid{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.slot{aspect-ratio:1;border:1px dashed var(--line-2);color:var(--text-faint);cursor:pointer;text-align:center;background:#0e0c098c;border-radius:2px;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:4px;font-size:11.5px;transition:all .2s;display:flex}.slot:hover{border-color:var(--gold-deep);color:var(--gold-2)}.slot.filled{border-style:solid;border-color:var(--rc-solid,var(--line-3));color:var(--text);background:linear-gradient(180deg, color-mix(in srgb, var(--rc-solid,var(--gold)) 20%, transparent), #0e0c098c);box-shadow:inset 0 1px 0 color-mix(in srgb, var(--rc-solid,var(--gold)) 40%, transparent)}.slot strong{font-family:var(--font-display);letter-spacing:.04em;font-size:11px}.chat{flex-direction:column;height:calc(100vh - 96px);min-height:480px;display:flex}@media (width<=860px){.chat{height:calc(100vh - var(--bottom-nav-h) - 60px)}}.chat-scroll{flex-direction:column;flex:1;gap:18px;padding:6px 2px 20px;display:flex;overflow-y:auto}.msg{max-width:min(820px,100%);animation:rise .3s var(--ease) both;border-radius:2px;padding:14px 18px}.msg-user{background:var(--metal-dark);border:1px solid var(--line-2);max-width:min(640px,90%);box-shadow:var(--shadow), inset 0 1px 0 #f0d9a00f;white-space:pre-wrap;align-self:flex-end}.msg-row{align-items:flex-start;gap:12px;max-width:min(880px,100%);display:flex}.oracle-sigil{filter:drop-shadow(0 4px 10px #d4ad624d);flex:none;margin-top:4px}.msg-ai{color:#2c2216;background:var(--grain), radial-gradient(ellipse at 50% 0%, #fffaeb8c, transparent 60%), linear-gradient(180deg, #e9dcbc 0%, #dccba3 100%);border:1px solid #a68b58;flex:1;min-width:0;padding:20px 24px;position:relative;box-shadow:inset 0 0 0 3px #e9dcbc,inset 0 0 0 4px #8c693273,inset 0 0 50px #825f2847,0 14px 28px -14px #000}.msg-ai.thinking{font-family:var(--font-flavor);color:#6d5530;font-style:italic}.msg-ai.thinking:before{content:"";background:#8a6526;width:8px;height:8px;margin-right:10px;animation:1.2s ease-in-out infinite pulse;display:inline-block;transform:rotate(45deg)}.msg-ai.thinking.idle:before{display:none}.msg-ai.streaming:after{content:"◆";color:#8a6526;margin-left:4px;font-size:.7em;animation:1s steps(2,end) infinite blink}.prose{font-size:16px;line-height:1.65}.prose>:first-child{margin-top:0}.prose>:last-child{margin-bottom:0}.prose h1,.prose h2,.prose h3{color:var(--gold-2);margin:20px 0 8px;font-size:16px}.prose ul,.prose ol{padding-left:22px}.prose li{margin:3px 0}.prose li::marker{color:var(--gold-deep)}.prose strong{color:#fff}.prose code{background:#d4ad621f;border-radius:2px;padding:1px 6px;font-size:.88em}.prose pre{background:#00000059;border-radius:2px;padding:12px;font-size:12px;overflow-x:auto}.prose pre code{background:0 0;padding:0}.prose hr{background:var(--line-2);border:none;height:1px;margin:18px 0}.prose table{border-collapse:collapse;width:100%;margin:10px 0;font-size:14px;display:block;overflow-x:auto}.prose th,.prose td{border:1px solid var(--line-2);text-align:left;padding:6px 10px}.prose th{font-family:var(--font-display);letter-spacing:.05em;background:#d4ad621a;font-size:12.5px}.prose blockquote{border-left:2px solid var(--gold-deep);color:var(--text-dim);font-family:var(--font-flavor);margin:10px 0;padding:6px 14px;font-style:italic}.msg-ai.prose h1,.msg-ai.prose h2,.msg-ai.prose h3{color:#6a3d0e;border-bottom:1px solid #8c693259;padding-bottom:4px}.msg-ai.prose strong{color:#1d150b}.msg-ai.prose a{color:#7a3f0a;text-decoration:underline}.msg-ai.prose li::marker{color:#8a6526}.msg-ai.prose code{background:#6e4b191f}.msg-ai.prose pre{background:#6e4b191a}.msg-ai.prose th,.msg-ai.prose td{border-color:#8c693273}.msg-ai.prose th{color:#4a3010;background:#8c693224}.msg-ai.prose blockquote{color:#5a4526;border-color:#8a6526}.msg-ai.prose hr{background:#8c693266}.composer{background:var(--well);border:1px solid var(--line-2);border-radius:2px;align-items:flex-end;gap:10px;padding:8px 8px 8px 12px;transition:border-color .2s;display:flex;box-shadow:inset 0 2px 6px #0009,0 0 0 1px #070605}.composer:focus-within{border-color:var(--gold-deep)}.composer textarea{color:var(--text);font:inherit;resize:none;background:0 0;border:none;outline:none;flex:1;min-height:24px;max-height:160px;padding:8px 6px}.composer textarea::placeholder{color:var(--text-faint);font-family:var(--font-flavor);font-style:italic}.oracle-intro{align-items:center;gap:18px;padding:6px 4px 18px;display:flex}.oracle-intro p{font-family:var(--font-flavor);color:var(--text-dim);max-width:560px;margin:0;font-size:17px;font-style:italic}.prompt-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;display:grid}.prompt-card{text-align:left;border:1px solid var(--line);background:var(--panel-bg);box-shadow:var(--shadow);cursor:pointer;transition:border-color .22s, transform .22s var(--ease), background .22s;border-radius:2px;flex-direction:column;gap:8px;padding:16px 18px 18px;display:flex;position:relative}.prompt-card:after{content:"";background:linear-gradient(180deg, var(--gold), transparent);opacity:0;width:2px;transition:opacity .22s;position:absolute;top:0;bottom:0;left:0}.prompt-card:hover{border-color:var(--line-3);background:linear-gradient(#221d15,#16130e);transform:translateY(-2px)}.prompt-card:hover:after{opacity:1}.prompt-card .ico{border:1px solid var(--gold-deep);width:30px;height:30px;color:var(--gold);background:#d4ad6214;place-items:center;margin:4px 0 6px 4px;display:grid;transform:rotate(45deg)}.prompt-card .ico svg{transform:rotate(-45deg)}.prompt-card strong{font-family:var(--font-display);letter-spacing:.03em;color:var(--gold-2);font-size:14.5px;font-weight:600}.prompt-card span{color:var(--text-dim);font-size:14px}.hero-panel{border-radius:var(--radius);background:var(--corners), radial-gradient(ellipse 60% 120% at 100% 50%, #d4ad6229, transparent 70%), linear-gradient(120deg, #1d1912 0%, #120f0c 70%);border:1px solid var(--line-2);box-shadow:var(--shadow), inset 0 1px 0 #f0d9a012;margin-bottom:20px;padding:clamp(24px,4vw,42px);position:relative;overflow:hidden}.hero-panel:before{content:"";pointer-events:none;border:1px solid #d4ad621f;border-radius:50%;width:460px;height:460px;margin-top:-230px;position:absolute;top:50%;right:-120px;box-shadow:0 0 0 18px #d4ad6206,0 0 0 19px #d4ad621a,inset 0 0 0 60px #d4ad6205,inset 0 0 0 61px #d4ad6214}.hero-panel>*{position:relative}.hero-panel h1{text-shadow:0 3px #000;font-size:clamp(30px,4.4vw,50px);font-weight:700;line-height:1.05}.hero-panel .gold-text{color:#0000;background:linear-gradient(#f6e3b0 10%,#d4ad62 55%,#a07a38 90%);text-shadow:none;filter:drop-shadow(0 3px #000);-webkit-background-clip:text;background-clip:text}.hero-panel p{color:var(--text-dim);max-width:560px;font-family:var(--font-flavor);font-size:18px;font-style:italic;line-height:1.5}.hero-panel .portraits{align-items:center;display:flex;position:absolute;top:50%;right:clamp(24px,4vw,48px);transform:translateY(-50%)}.hero-panel .portraits img,.hero-panel .portraits>div{object-fit:cover;width:104px;height:104px;box-shadow:0 0 0 2px var(--gold-deep), 0 0 0 3px #070605, 0 18px 30px -10px #000;background:var(--well);border-radius:2px;margin-left:-18px}.hero-panel .portraits>:first-child{transform:rotate(-7deg)translateY(10px)}.hero-panel .portraits>:nth-child(2){z-index:1;width:124px;height:124px;box-shadow:0 0 0 2px var(--gold), 0 0 0 3px #070605, 0 0 30px -4px #d4ad6273, 0 20px 34px -10px #000}.hero-panel .portraits>:nth-child(3){transform:rotate(7deg)translateY(10px)}@media (width<=1080px){.hero-panel .portraits{display:none}}.progress{background:var(--well);border:1px solid var(--line);border-radius:1px;height:8px;overflow:hidden}.progress>div{height:100%;transition:width .6s var(--ease);background:repeating-linear-gradient(90deg,#0000 0 10px,#00000040 10px 11px),linear-gradient(90deg,#8f6c32,#f0d9a0);box-shadow:0 0 8px #d4ad6280}.empty{text-align:center;color:var(--text-dim);font-family:var(--font-flavor);padding:52px 20px;font-size:17px;font-style:italic}.empty .small{font-family:var(--font-body);font-style:normal}.empty svg{color:var(--gold-deep);margin-bottom:12px}.disclaimer{font-family:var(--font-flavor);color:var(--text-faint);text-align:center;margin:28px 0 0;font-size:14px;font-style:italic}.guest-bar{border:1px solid var(--line-2);background:var(--panel);color:var(--text-dim);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:18px;padding:10px 14px;font-size:14px;display:flex}.login{z-index:1;place-content:center;justify-items:center;min-height:70vh;padding:24px 16px;display:grid;position:relative}.login-card{text-align:center;justify-items:center;gap:14px;width:min(400px,100%);display:grid}.login-card h1,.login-card p{margin:0}.login-btn{justify-content:center;width:100%}.login-form{text-align:left;border-top:1px solid var(--line);justify-items:center;gap:12px;width:100%;padding-top:14px;display:grid}.login-form .field{width:100%}.login-error{color:var(--danger);font-size:14px}.toasts{left:50%;bottom:calc(var(--bottom-nav-h) + 18px);z-index:100;pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed;transform:translate(-50%)}@media (width>=861px){.toasts{bottom:24px;left:calc(50% + var(--nav-w) / 2)}}.toast{background:var(--metal-dark);border:1px solid var(--line-2);animation:rise .3s var(--ease) both;border-radius:2px;padding:10px 18px;font-size:15px;font-weight:500;box-shadow:0 0 0 1px #070605,0 14px 30px -8px #000}.toast.ok{border-color:var(--gold-deep);color:var(--gold-2)}.toast.error{color:#f3b3aa;border-color:#d0645a99}.loader{min-height:70vh;color:var(--text-dim);font-family:var(--font-flavor);text-align:center;z-index:1;place-items:center;gap:14px;font-size:17px;font-style:italic;display:grid;position:relative}.spinner{border:2px solid var(--gold-deep);border-top-color:var(--gold-2);width:30px;height:30px;animation:spin-diamond 1.6s var(--ease) infinite;box-shadow:0 0 14px #d4ad6259}.only-mobile{display:none!important}@media (width<=860px){.only-mobile{display:inline-flex!important}}.page-enter{animation:.4s both fade}.embers{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.portrait:before{content:"";z-index:2;pointer-events:none;background:linear-gradient(115deg,#0000 35%,#fff0c833 47%,#fff0c80d 54%,#0000 64%);position:absolute;inset:0;transform:translate(-130%)}.portrait:hover:before{transition:transform .9s var(--ease);transform:translate(130%)}.burst{pointer-events:none;z-index:3;position:absolute;inset:0}.burst b{mix-blend-mode:screen;background:radial-gradient(circle at 50% 42%,#fff0c8f2,#f0be5a8c 30%,#d4ad6226 60%,#0000 80%);animation:.75s ease-out forwards burst-flash;position:absolute;inset:0}.burst:after{content:"";border:3px solid #fff1c9;width:90px;height:90px;margin:-45px;animation:.7s cubic-bezier(.2,.7,.3,1) forwards burst-ring;position:absolute;top:42%;left:50%;transform:rotate(45deg)scale(.2);box-shadow:0 0 16px 4px #f0c878cc,inset 0 0 12px 2px #f0c87899}.burst i{background:#fff6dc;width:8px;height:8px;margin:-4px;animation:.85s cubic-bezier(.2,.7,.3,1) forwards burst-spark;position:absolute;top:42%;left:50%;box-shadow:0 0 10px 3px #ffd278f2}.portrait.owned .owned-ribbon{animation:ribbon-in .45s var(--ease) both}.hero-panel.has-showcase{align-items:center;min-height:340px;display:flex}.hero-panel.has-showcase:before{display:none}.hero-copy{z-index:2;max-width:58%;position:relative}.showcase{z-index:1;-webkit-mask-composite:source-in;width:44%;top:0;bottom:0;right:0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 22%),linear-gradient(#000 78%,#0000);mask-image:linear-gradient(90deg,#0000,#000 22%),linear-gradient(#000 78%,#0000);-webkit-mask-composite:source-in;mask-composite:intersect;position:absolute!important}.showcase:before{content:"";background:radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--rc-solid) 38%, transparent), transparent 62%);position:absolute;inset:10% -10% -30% 10%}.showcase-rays{background:repeating-conic-gradient(#f0d9a017 0deg 5deg,#0000 5deg 15deg);width:760px;height:760px;margin:-380px 0 0 -380px;animation:90s linear infinite spin;position:absolute;top:48%;left:55%;-webkit-mask-image:radial-gradient(circle,#000 0%,#0000 62%);mask-image:radial-gradient(circle,#000 0%,#0000 62%)}.showcase-stage{animation:7s ease-in-out infinite breathe;position:absolute;inset:0}.showcase-art{opacity:0;filter:drop-shadow(0 18px 26px #000000bf);width:auto;max-width:none;height:120%;transition:opacity 1s ease, transform 1.4s var(--ease);position:absolute;top:7%;left:56%;transform:translate(-42%)scale(.94)}.showcase-art.on{opacity:1;transform:translate(-50%)scale(1)}.showcase-plate{z-index:2;border:1px solid var(--line-2);color:var(--text);animation:plate-in .6s var(--ease) both;background:#0e0c09d1;align-items:center;gap:12px;padding:8px 10px 8px 14px;display:flex;position:absolute;bottom:22px;right:22px;box-shadow:0 0 0 1px #070605,0 10px 24px -8px #000}.showcase-plate:hover{border-color:var(--gold-deep);color:var(--text)}.showcase-plate>span{flex-direction:column;line-height:1.2;display:flex}.showcase-name{font-family:var(--font-display);letter-spacing:.04em;color:var(--gold-2);font-size:15px;font-weight:700}.showcase-sub{color:var(--text-faint);font-size:12.5px}.showcase-dots{z-index:2;gap:8px;display:flex;position:absolute;top:24px;right:26px}.showcase-dots button{border:1px solid var(--gold-deep);cursor:pointer;background:0 0;width:9px;height:9px;padding:0;transition:background .3s,box-shadow .3s;transform:rotate(45deg)}.showcase-dots button.on{background:var(--gold);box-shadow:0 0 8px #d4ad62b3}@media (width<=860px){.hero-panel.has-showcase{min-height:0}.hero-copy{max-width:none}.showcase{opacity:.3;width:70%}.showcase-plate,.showcase-dots{display:none}}.sheet-head{min-height:136px;position:relative;overflow:hidden}.sheet-head>:not(.sheet-art){z-index:1;position:relative}.sheet-head.with-art:after{content:"";z-index:0;pointer-events:none;background:linear-gradient(90deg,#1a1611 0%,#1a1611eb 45%,#1a161140 75%,#0000 100%);position:absolute;inset:0}.sheet-head.with-art .hero-banner{padding-right:110px}.sheet-art{pointer-events:none;filter:drop-shadow(0 10px 18px #000000b3);width:auto;height:420px;animation:art-in .9s var(--ease) both, breathe 7s ease-in-out .9s infinite;position:absolute;top:10px;right:18px;-webkit-mask-image:linear-gradient(#000 28%,#0000 52%);mask-image:linear-gradient(#000 28%,#0000 52%)}@media (width<=520px){.sheet-art{opacity:.5;right:-30px}.sheet-head.with-art .hero-banner{padding-right:0}}.oracle-eye{flex:none;overflow:visible}.oracle-eye .oe-glow,.oracle-eye .oe-ring,.oracle-eye .oe-eye,.oracle-eye .oe-look,.oracle-eye .oe-pupil,.oracle-eye .oe-sparks{transform-origin:100px 100px}.oe-glow{animation:4s ease-in-out infinite oe-pulse}.oe-ring-1{animation:70s linear infinite spin}.oe-ring-2{animation:45s linear infinite reverse spin}.oe-eye{animation:6.5s ease-in-out infinite oe-blink}.oe-look{animation:11s ease-in-out infinite oe-look}.oe-sparks{opacity:0;transition:opacity .4s}.oracle-eye.thinking .oe-glow{animation-duration:1.3s}.oracle-eye.thinking .oe-ring-1{animation-duration:7s}.oracle-eye.thinking .oe-ring-2{animation-duration:4.5s}.oracle-eye.thinking .oe-look{animation:1.8s ease-in-out infinite oe-dart}.oracle-eye.thinking .oe-pupil{animation:1.8s ease-in-out infinite oe-dilate}.oracle-eye.thinking .oe-sparks{opacity:1;animation:2.6s linear infinite spin}.oracle-intro{gap:28px;padding:0 4px 22px}.oracle-stage{flex:none;place-items:center;width:300px;height:300px;display:grid;position:relative}.oracle-stage .oracle-eye{z-index:1;animation:6s ease-in-out infinite breathe;position:relative}.orbit{animation:80s linear infinite spin;position:absolute;inset:0}.orbit-item{width:40px;height:40px;transform:rotate(calc(360deg / var(--n) * var(--i))) translateY(-128px) rotate(calc(-360deg / var(--n) * var(--i)));margin:-20px;position:absolute;top:50%;left:50%}.orbit-item .thumb{width:40px;height:40px;box-shadow:0 0 0 1px var(--gold-deep), 0 0 0 2px #070605, 0 6px 14px -4px #000;border-radius:1px;animation:80s linear infinite reverse spin;overflow:hidden;transform:rotate(45deg)}@media (width<=860px){.oracle-intro{text-align:center;flex-direction:column;gap:6px}.oracle-stage{width:250px;height:250px}.orbit-item{transform:rotate(calc(360deg / var(--n) * var(--i))) translateY(-104px) rotate(calc(-360deg / var(--n) * var(--i)))}}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes pop{0%{transform:scale(1)}40%{transform:scale(.95)}to{transform:scale(1)}}@keyframes fade{0%{opacity:0}}@keyframes slideIn{0%{opacity:0;transform:translate(40px)}}@keyframes slideUp{0%{opacity:0;transform:translateY(60px)}}@keyframes spin-diamond{0%{transform:rotate(45deg)}to{transform:rotate(405deg)}}@keyframes blink{50%{opacity:0}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes breathe{50%{transform:translateY(-7px)}}@keyframes confirm-in{0%{opacity:0;transform:translateY(10px)scale(.97)}}@keyframes art-in{0%{opacity:0;transform:translate(40px)}}@keyframes plate-in{0%{opacity:0;transform:translateY(8px)}}@keyframes ribbon-in{0%{transform:translate(-100%)}}@keyframes burst-ring{to{opacity:0;transform:rotate(45deg)scale(1.9)}}@keyframes burst-flash{to{opacity:0}}@keyframes burst-spark{0%{opacity:1;transform:rotate(var(--a)) translateY(0) rotate(45deg) scale(1.5)}to{opacity:0;transform:rotate(var(--a)) translateY(-78px) rotate(45deg) scale(.3)}}@keyframes oe-pulse{50%{opacity:.55;transform:scale(.9)}}@keyframes oe-blink{0%,88%,to{transform:scaleY(1)}91%{transform:scaleY(.06)}94%{transform:scaleY(1)}}@keyframes oe-look{0%,12%,to{transform:translate(0)}22%,38%{transform:translate(-9px,1px)}50%,66%{transform:translate(9px,-2px)}78%,88%{transform:translateY(3px)}}@keyframes oe-dart{0%,to{transform:translate(-7px)}25%{transform:translate(6px,-3px)}50%{transform:translate(-3px,3px)}75%{transform:translate(8px,1px)}}@keyframes oe-dilate{50%{transform:scaleX(1.7)}}@keyframes pulse{50%{opacity:.3}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}