:root{color-scheme:dark;--bg:#0c100f;--panel:#141a17;--panel2:#1a221d;--line:#29332c;--muted:#94a499;--text:#eef3ee;--lime:#c8f56a;--purple:#b59af7;--red:#ff8b91}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.6 'Nunito',sans-serif}h1,h2,h3,.brand,.display{font-family:'Lilita One',sans-serif;line-height:1.12;letter-spacing:-.045em}h1,h2,h3,p{margin-top:0}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select,summary{outline-offset:5px}button{cursor:pointer}button:disabled{opacity:.4;cursor:wait}button,.btn{border:1px solid var(--line);border-radius:9px;background:var(--panel2);color:var(--text);padding:11px 18px;font-weight:650;transition:background .15s,transform .15s}button:hover,.btn:hover{background:#263329}button:active{transform:translateY(1px)}.primary{background:var(--lime);border-color:var(--lime);color:#17200f}.primary:hover{background:#d9ff91}.ghost{background:transparent}.small{padding:7px 12px;font-size:12px}.wrap{width:min(1180px,calc(100% - 48px));margin:auto}.topbar{position:sticky;top:0;z-index:20;border-bottom:1px solid var(--line);background:#0c100ff0;backdrop-filter:blur(16px)}.header{display:flex;align-items:center;gap:32px;min-height:80px}.brand{display:flex;align-items:center;gap:10px;white-space:nowrap;font-size:22px;font-weight:700}.brand img{width:33px;height:33px}.header nav{display:flex;gap:25px;font-size:13px;color:var(--muted)}.header nav a:hover,.header nav a.active{color:var(--lime)}.header .external{margin-left:auto;font-size:12px;padding:9px 14px}.eyebrow{font-size:11px;letter-spacing:.16em;font-weight:700;text-transform:uppercase;color:var(--lime)}.hero{padding:62px 0 40px;display:grid;grid-template-columns:1fr 410px;gap:50px;align-items:center}.hero h1{font-size:clamp(40px,5vw,66px);margin:17px 0 20px;max-width:720px;font-weight:600}.hero h1 span{color:var(--lime)}.hero p{color:var(--muted);max-width:540px;font-size:16px;line-height:1.75}.hero .badge{display:inline-flex;align-items:center;gap:9px;color:#ccd6ce;background:#17201a;border:1px solid var(--line);border-radius:99px;padding:5px 10px;font-size:11px}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--lime)}.hero-art{height:260px;position:relative;display:flex;justify-content:center;align-items:center;background:radial-gradient(ellipse,#8fc84c16,transparent 68%)}.mini-card{position:absolute;width:143px;height:199px;border:1px solid #5b5b47;border-radius:13px;background:linear-gradient(150deg,#3c4635,#151c19 72%);padding:12px;box-shadow:0 20px 45px #0008;overflow:hidden}.mini-card:nth-child(1){transform:rotate(-17deg) translate(-82px,5px);border-color:#87734e}.mini-card:nth-child(2){transform:rotate(15deg) translate(80px,6px);border-color:#796397;background:linear-gradient(145deg,#413451,#161c19)}.mini-card:nth-child(3){transform:rotate(-3deg);z-index:2;border-color:var(--lime);background:linear-gradient(145deg,#304228,#151c19 80%)}.mini-card .symbol{height:106px;display:grid;place-items:center;font-size:64px;color:var(--lime);text-shadow:0 0 35px #b6ed6160}.mini-card small{font-size:9px;letter-spacing:.15em;color:var(--muted)}.mini-card strong{display:block;font:600 16px 'Lilita One';margin:4px 0}.mini-card em{font-size:10px;color:var(--lime);font-style:normal}.hero-art .orbit{position:absolute;border:1px solid #2b362b;border-radius:50%;width:320px;height:240px;transform:rotate(-22deg)}.stat-strip{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0;margin-bottom:38px}.stat-strip>div{padding:0 25px;border-right:1px solid var(--line)}.stat-strip>div:first-child{padding-left:0}.stat-strip>div:last-child{border:none}.stat-strip strong{font:500 24px 'Lilita One';display:block}.stat-strip span{color:var(--muted);font-size:11px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:20px}.section-head h2{font-size:30px;margin:6px 0 0}.subtle,.muted{color:var(--muted)}.subtle{font-size:12px}.workspace{border:1px solid var(--line);border-radius:16px;background:var(--panel);overflow:hidden}.tabs{display:flex;gap:6px;border-bottom:1px solid var(--line);padding:12px 16px;background:#101611}.tab{border:0;background:transparent;color:var(--muted);font-size:13px;padding:11px 17px;border-radius:8px}.tab[aria-selected=true]{background:#263322;color:var(--lime)}.tab span{opacity:.6;margin-right:8px}.tool-panel{padding:28px}.tool-panel[hidden]{display:none}.tool-title{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.tool-title h3{font-size:21px;margin:0 0 5px}.pill{font-size:10px;border-radius:99px;padding:4px 9px;background:#233025;color:var(--lime);border:1px solid #3a4d32;white-space:nowrap}.pack-stage{background:radial-gradient(ellipse at 50% 20%,#34452766,transparent 70%),#0e1410;border:1px solid var(--line);border-radius:12px;min-height:255px;display:flex;align-items:center;justify-content:center;padding:25px;position:relative}.pack{width:136px;height:184px;border:1px solid #c8f56a77;background:linear-gradient(135deg,#344d28,#19251b);border-radius:8px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 12px 45px #0006;transform:rotate(-6deg);transition:transform .2s}.pack:hover{transform:rotate(0deg) translateY(-5px);background:linear-gradient(135deg,#425c31,#19251b)}.pack:before,.pack:after{content:'';position:absolute;left:0;right:0;height:8px;background:repeating-linear-gradient(90deg,#648249 0px,#648249 1px,transparent 1px,transparent 6px)}.pack:before{top:5px}.pack:after{bottom:5px}.pack-icon{font-size:50px;color:var(--lime);line-height:1.2}.pack b{font:600 18px/1 'Lilita One';letter-spacing:.02em;margin:10px 0}.pack small{font-size:8px;letter-spacing:.17em;color:#c6d4bc}.stage-caption{font-size:11px;color:var(--muted);text-align:center;margin:12px 0 0}.pack-controls{display:flex;gap:9px;justify-content:center;margin:22px 0}.pack-controls button{min-width:110px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:22px}.stats>div{border:1px solid var(--line);background:#111813;border-radius:9px;padding:14px 16px}.stats span{font-size:11px;color:var(--muted);display:block}.stats strong{font:500 24px 'Lilita One';display:block;margin-top:4px}.progress-label{display:flex;justify-content:space-between;font-size:12px;margin:20px 0 7px}.progress{height:5px;background:#29342b;border-radius:99px;overflow:hidden}.progress>div{height:100%;background:var(--lime);transition:width .3s}.toolbar{display:flex;gap:10px;justify-content:space-between;margin-top:16px}.text-btn{background:none;border:0;padding:3px 0;font-size:12px;color:var(--muted)}.text-btn:hover{background:none;color:var(--lime)}.cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px;width:100%}.dcard{--tier:#9eac9f;min-width:0;background:linear-gradient(150deg,color-mix(in srgb,var(--tier) 15%,#131b16),#111813);border:1px solid color-mix(in srgb,var(--tier) 45%,#29322b);border-radius:10px;padding:7px;position:relative;overflow:hidden;animation:reveal .35s both}.dcard[data-tier=Uncommon]{--tier:#64c795}.dcard[data-tier=Rare]{--tier:#72b6ed}.dcard[data-tier=Epic]{--tier:#b293f4}.dcard[data-tier=Legendary]{--tier:#f3cb73}.dcard[data-tier=Mythic]{--tier:#ff8b91}.dcard[data-tier=Apex]{--tier:#c8f56a}.dcard.holo:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,transparent 15%,#8fffcc20 35%,#c88cff22 45%,#fff09022 55%,transparent 70%);background-size:200% 100%;animation:holo 4s infinite}.card-art{height:100px;border-radius:5px;background:linear-gradient(135deg,#27392c,#17231b);position:relative;overflow:hidden}.card-art img{height:100%;width:100%;object-fit:cover;opacity:.8}.card-rank{position:absolute;top:5px;left:5px;background:#0c100fcd;padding:1px 5px;font-size:10px;border-radius:3px}.card-body{padding:10px 4px 6px}.card-tier{color:var(--tier);font-size:9px;text-transform:uppercase;letter-spacing:.12em;font-weight:700}.card-name{display:block;margin:5px 0 2px;font:600 14px 'Lilita One';white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-meta{font-size:10px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-score{border-top:1px solid #ffffff10;margin-top:12px;padding-top:7px;font-size:11px;color:var(--tier);display:flex;justify-content:space-between}.holo-tag{color:#e0b9ff;font-size:8px}.result-note{font-size:12px;color:var(--lime);text-align:center;min-height:19px;margin-top:10px}.odds-layout{display:grid;grid-template-columns:270px 1fr;gap:28px}.field{display:block;font-size:11px;color:var(--muted);margin-bottom:7px;font-weight:600}.input,select{width:100%;background:#0d140f;border:1px solid #364438;border-radius:8px;color:var(--text);padding:11px 12px;font-size:13px;min-width:0}.input:focus,select:focus{outline:1px solid var(--lime)}.field-group{margin-bottom:18px}.odds-card{max-width:210px;margin:20px auto 0}.odds-card .card-art{height:115px}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.metric{padding:17px;border:1px solid var(--line);border-radius:9px;background:#111813}.metric small{display:block;font-size:11px;color:var(--muted)}.metric strong{display:block;font:500 23px 'Lilita One';margin:8px 0 4px}.metric span{font-size:11px;color:var(--muted)}.probability-box{margin-top:16px;border:1px solid #3c4d32;background:#1d291b;border-radius:10px;padding:20px}.prob-top{display:flex;justify-content:space-between;align-items:center;font-size:12px}.prob-top strong{font:500 34px 'Lilita One';color:var(--lime)}.chart{width:100%;height:115px;display:block;margin-top:15px}.disclaimer{font-size:11px;color:var(--muted);margin:15px 0 0}.trade-columns{display:grid;grid-template-columns:1fr 1fr;gap:20px}.trade-side{border:1px solid var(--line);border-radius:10px;padding:18px;background:#101712}.trade-side h4{margin:0 0 15px;font-size:14px}.trade-side h4 span{color:var(--muted);font-weight:400;font-size:11px;float:right}.trade-add{display:grid;grid-template-columns:1fr 75px;gap:8px}.trade-row{padding:14px 0;border-bottom:1px solid var(--line)}.trade-row-head{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:12px}.trade-row-controls{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-top:10px}.trade-row-controls input{padding:6px 8px}.trade-row-controls label{font-size:10px;color:var(--muted)}.trade-empty{font-size:12px;color:var(--muted);text-align:center;padding:30px 0}.trade-verdict{margin-top:20px;padding:20px;border:1px solid var(--line);border-radius:10px;display:flex;justify-content:space-between;gap:20px;align-items:center;background:#1b261b}.trade-verdict strong{font:500 27px 'Lilita One';color:var(--lime)}.trade-verdict p{margin:5px 0 0;color:var(--muted);font-size:12px}.trade-verdict.negative strong{color:var(--red)}.below-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:30px;margin:50px 0}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:12px}table{border-collapse:collapse;width:100%;text-align:left;font-size:12px}th{color:var(--muted);font-weight:500;font-size:10px;text-transform:uppercase;letter-spacing:.08em;background:#141b16}td,th{padding:13px 15px;border-bottom:1px solid var(--line);white-space:nowrap}tr:last-child td{border:none}.tier-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--tier);margin-right:7px}.aside{background:#172017;border:1px solid #34432c;border-radius:12px;padding:24px}.aside h3{font-size:24px;margin:12px 0}.aside p{font-size:13px;color:var(--muted)}.aside a{display:inline-block;margin-top:8px;color:var(--lime);font-size:13px}.guide-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:20px 0 50px}.guide-card{padding:23px;border:1px solid var(--line);border-radius:12px;background:var(--panel);transition:border-color .2s}.guide-card:hover{border-color:#70894a}.guide-card small{font-size:10px;color:var(--lime);letter-spacing:.12em}.guide-card h3{font-size:22px;margin:16px 0 10px}.guide-card p{font-size:13px;color:var(--muted);margin-bottom:0}.faq{margin:20px 0 60px}.faq details{border-bottom:1px solid var(--line);padding:17px 0}.faq summary{cursor:pointer;font-size:14px;list-style:none;display:flex;justify-content:space-between}.faq summary:after{content:'+';color:var(--lime);font-size:20px;line-height:1}.faq details[open] summary:after{content:'−'}.faq p{font-size:13px;color:var(--muted);max-width:800px;margin:14px 0 3px}.footer{border-top:1px solid var(--line);padding:30px 0 35px}.footer-main{display:flex;justify-content:space-between;gap:20px;align-items:center}.footer p{font-size:11px;color:var(--muted);margin:18px 0 0;max-width:800px}.footer-links{display:flex;gap:20px;font-size:12px;color:var(--muted)}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);border:1px solid #556e3e;background:#23321d;color:var(--lime);padding:10px 20px;border-radius:8px;z-index:100;font-size:13px;box-shadow:0 10px 40px #0008}.loading{color:var(--muted);font-size:13px}.error{color:var(--red)!important}.modal{position:fixed;inset:0;background:#000b;z-index:50;display:grid;place-items:center;padding:25px}.modal[hidden]{display:none}.modal-inner{max-width:1000px;width:100%;max-height:85vh;overflow:auto;background:var(--panel);border:1px solid var(--line);border-radius:15px;padding:25px}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.modal-head h2{margin:0;font-size:25px}.modal .cards{grid-template-columns:repeat(5,1fr)}.modal-filters{display:grid;grid-template-columns:1fr 180px;gap:12px;margin-bottom:20px}.article{max-width:820px;padding:50px 0 70px}.article h1{font-size:48px;margin:17px 0 20px}.article h2{font-size:27px;margin:35px 0 16px}.article h3{font-size:20px}.article p,.article li{color:#acb9ae;font-size:15px;line-height:1.85}.article a{color:var(--lime)}.article .lead{font-size:18px}.article .callout{border-left:3px solid var(--lime);padding:16px 20px;background:var(--panel);border-radius:0 8px 8px 0;margin:25px 0}.article .callout p{margin:0}.step{display:grid;grid-template-columns:35px 1fr;gap:16px;margin:25px 0}.step>b{width:32px;height:32px;background:#283621;color:var(--lime);border-radius:50%;display:grid;place-items:center}.step h3{margin:3px 0 10px}.code-box{border:1px solid var(--line);border-radius:12px;padding:22px;display:flex;gap:20px;align-items:center;justify-content:space-between}.code-box code{font:24px 'Lilita One';color:var(--lime)}.timer-form{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:25px 0}.timer-result{font:500 48px 'Lilita One';color:var(--lime)}.data-note{display:flex;justify-content:space-between;gap:15px;font-size:10px;color:var(--muted);margin-top:14px}.data-note a{text-decoration:underline}.empty-state{color:var(--muted);font-size:13px;text-align:center;padding:30px}.mobile-only{display:none}@keyframes reveal{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes holo{0%,100%{background-position:100% 0}50%{background-position:0 0}}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important;transition:none!important}}@media(max-width:960px){.hero{grid-template-columns:1fr 300px;gap:20px}.hero-art{transform:scale(.85)}.header nav{gap:15px}.below-grid{grid-template-columns:1fr}.odds-layout{grid-template-columns:220px 1fr}.metric-grid{grid-template-columns:repeat(2,1fr)}.cards{gap:8px}.card-name{font-size:12px}.card-art{height:85px}}@media(max-width:700px){.wrap{width:calc(100% - 30px)}.header{min-height:68px;gap:12px;flex-wrap:wrap;padding:13px 0}.header nav{order:3;width:100%;overflow-x:auto;gap:22px;padding-top:3px;white-space:nowrap;font-size:12px}.header .external{font-size:10px;padding:7px 10px}.brand{font-size:20px}.hero{padding:35px 0 25px;display:block}.hero h1{font-size:43px}.hero p{font-size:14px}.hero-art{display:none}.stat-strip{padding:16px 0;margin-bottom:28px}.stat-strip>div{padding:0 10px}.stat-strip strong{font-size:19px}.stat-strip span{font-size:9px}.section-head h2{font-size:25px}.section-head>.subtle{display:none}.tabs{padding:9px 7px;gap:2px}.tab{flex:1;padding:10px 4px;font-size:11px}.tab span{display:none}.tool-panel{padding:16px}.tool-title h3{font-size:18px}.tool-title .pill{font-size:8px}.pack-stage{min-height:220px;padding:14px}.cards{grid-template-columns:repeat(3,1fr)}.cards .dcard:nth-child(n+4){max-width:none}.card-art{height:78px}.pack-controls{gap:7px}.pack-controls button{padding:10px 8px;min-width:0;flex:1;font-size:12px}.stats{grid-template-columns:repeat(2,1fr)}.stats strong{font-size:21px}.odds-layout{display:block}.odds-card{display:none}.odds-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.odds-fields .field-group:first-child{grid-column:1/-1}.metric-grid{gap:8px}.metric{padding:13px}.metric strong{font-size:20px}.trade-columns{grid-template-columns:1fr}.trade-verdict{display:block}.trade-verdict strong{display:block;margin-top:10px}.guide-cards{grid-template-columns:1fr}.below-grid{margin:35px 0}.footer-main{align-items:start;flex-direction:column}.modal{padding:12px}.modal-inner{padding:15px}.modal .cards{grid-template-columns:repeat(2,1fr)}.modal-filters{grid-template-columns:1fr}.article{padding-top:30px}.article h1{font-size:37px}.code-box{flex-wrap:wrap}.data-note{flex-wrap:wrap}.timer-form{grid-template-columns:1fr 1fr}}

@font-face{font-family:'Lilita One';src:url('/assets/fonts/lilita-one.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Nunito';src:url('/assets/fonts/nunito.woff2') format('woff2');font-weight:200 1000;font-display:swap}
@font-face{font-family:'JetBrains Mono';src:url('/assets/fonts/jetbrains-mono.woff2') format('woff2');font-weight:100 800;font-display:swap}
:root{--bg:#0d0b1b;--panel:#19152d;--panel2:#25203e;--line:#39304f;--muted:#aaa3bf;--text:#fff8ef;--lime:#ffcf43;--purple:#b893ff;--red:#ff677b;color-scheme:dark}
body{font-family:'Nunito',system-ui,sans-serif;background:radial-gradient(ellipse at 50% 100px,#39205665,transparent 780px),#0d0b1b;font-weight:650;font-size:15px}
h1,h2,h3,.brand,.display{font-family:'Lilita One','Arial Black',sans-serif;font-weight:400!important;letter-spacing:.005em;line-height:1.06}
button,.btn{font-family:'Nunito',system-ui,sans-serif;font-weight:900;border:2px solid #080611;border-radius:9px;box-shadow:0 4px 0 #080611;background:linear-gradient(#37304f,#29223f);transition:filter .15s,transform .15s,box-shadow .15s;color:#fff}
button:hover,.btn:hover{background:linear-gradient(#463d64,#342b50);filter:brightness(1.12)}
button:active,.btn:active{transform:translateY(3px);box-shadow:0 1px 0 #080611}
.primary{color:#fff;border-color:#6c1b34;background:linear-gradient(#ff6573,#eb344e);box-shadow:0 4px 0 #781a32,inset 0 1px 0 #ffb7b5}
.primary:hover{background:linear-gradient(#ff7d88,#f4445c)}
.ghost{background:#201b34;border-color:#433454}
.topbar{background:#100d20f2;border-bottom:3px solid #080611}
.header{min-height:84px;gap:22px}.brand{font-size:19px;gap:9px;color:#fff;letter-spacing:.02em;text-shadow:0 2px 0 #000;flex-shrink:0}
.brand img{width:44px;height:44px}.brand-words{display:flex;flex-direction:column;gap:5px}.brand-words small{font:800 8px 'JetBrains Mono',monospace;letter-spacing:.17em;color:#ffcf43;text-shadow:none}
.header nav{gap:19px;font-size:12px;font-weight:850}.header nav a.active{color:#ffcf43}.header .external{font-size:11px;color:#baf37d;background:linear-gradient(#2d4230,#213126);border-color:#405b32;white-space:nowrap}
.hero{grid-template-columns:1.1fr 450px;min-height:365px;padding:48px 0 35px;gap:15px}.hero h1{font-size:clamp(45px,5.3vw,70px);line-height:.99;letter-spacing:.01em;margin:20px 0 18px;color:#fff;text-shadow:0 4px 0 #07040e,2px 0 0 #07040e,-2px 0 0 #07040e}
.hero h1 span{display:inline-block;background:linear-gradient(#ffed8d 10%,#ffd34c 50%,#ff9435 95%);background-clip:text;-webkit-background-clip:text;color:transparent;filter:drop-shadow(0 4px 0 #7f3b17);text-shadow:none}
.hero p{font-weight:700;color:#c8c0d9;font-size:17px;line-height:1.65}.hero .badge{color:#d6bedf;border:1px solid #62365d;background:#321f39;font-family:'JetBrains Mono',monospace;letter-spacing:.015em;font-size:9px;padding:6px 10px;border-radius:5px}.dot{background:#ff6173;box-shadow:0 0 10px #ff4f6c}
.hero-art{height:310px;width:450px;position:relative;background:radial-gradient(ellipse,#af4a9430,transparent 65%);transform:none;overflow:visible}.hero-card{position:absolute!important;width:171px!important;max-width:none!important;aspect-ratio:5/7;box-shadow:0 16px 35px #0009!important}
.hero-card:nth-child(1){z-index:1;transform:rotate(-17deg) translate(-110px,8px)}.hero-card:nth-child(2){z-index:1;transform:rotate(17deg) translate(107px,8px)}.hero-card:nth-child(3){z-index:3;transform:rotate(-3deg) translateY(-3px);width:180px!important;filter:drop-shadow(0 0 20px #ab59e133)}
.stat-strip{border:2px solid #080611;border-radius:10px;background:#19142c;box-shadow:0 5px 0 #080611;padding:19px 0;margin-bottom:36px}.stat-strip>div{padding-left:24px!important;border-color:#3b3152}.stat-strip strong{font:400 28px 'Lilita One',sans-serif;color:#ffdc65;letter-spacing:.015em;text-shadow:0 2px 0 #080611}.stat-strip span{font:600 9px 'JetBrains Mono',monospace;color:#b8aeca;letter-spacing:.03em}
.eyebrow{font:750 10px 'JetBrains Mono',monospace;letter-spacing:.11em;color:#bca4dc}.section-head h2{font-size:30px;color:#fff8ed;text-shadow:0 3px 0 #080611;letter-spacing:.01em}
.workspace{border:2px solid #090611;border-radius:14px;background:linear-gradient(140deg,#211a36,#161226);box-shadow:0 7px 0 #080611,inset 0 1px 0 #4b3a5d}
.tabs{padding:13px;background:#110e20;border-bottom:2px solid #080611;gap:8px}.tab{background:transparent;box-shadow:none;border:1px solid transparent;font-size:14px;color:#c5b9da;padding:12px 20px;font-weight:900}.tab span{color:#9a83b9;font-family:'JetBrains Mono';font-size:10px}.tab[aria-selected=true]{background:linear-gradient(#ffdc65,#ffbb38);color:#41220a;border-color:#ffe599;box-shadow:0 3px 0 #a66318}.tab[aria-selected=true] span{color:#805213}.tab:hover{background:#332945}.tab[aria-selected=true]:hover{background:linear-gradient(#ffe283,#ffc44b)}
.tool-panel{padding:25px}.tool-title h3{font-size:25px;letter-spacing:.015em;text-shadow:0 2px 0 #080611}.tool-title .subtle{font-weight:600}.pill{border:1px solid #674d7c;border-radius:5px;background:#32213e;color:#f0c9ff;font:700 9px 'JetBrains Mono',monospace;padding:6px 10px}
.pack-stage{min-height:295px;padding:22px;background:radial-gradient(ellipse at 50% 100%,#44205e60,transparent 65%),repeating-linear-gradient(0deg,transparent 0 39px,#a88edd05 39px 40px),repeating-linear-gradient(90deg,transparent 0 39px,#a88edd05 39px 40px),#0f0c1d;border:2px solid #332742;border-radius:10px;box-shadow:inset 0 0 50px #07040f}
.pack{width:150px;height:208px;background:repeating-linear-gradient(135deg,#74233b 0 14px,#632037 14px 28px);border:3px solid #ff9b80;border-radius:7px;box-shadow:0 0 0 3px #170914,0 18px 30px #0007,inset 0 0 35px #2b0b25;transform:rotate(-5deg);overflow:visible}
.pack:hover{background:repeating-linear-gradient(135deg,#8d2d47 0 14px,#74243e 14px 28px);transform:rotate(0deg) translateY(-5px)}.pack:before,.pack:after{height:9px;background:repeating-linear-gradient(90deg,#ff967b 0px,#ff967b 2px,#9e4154 2px,#9e4154 5px);left:-2px;right:-2px}.pack:before{top:4px}.pack:after{bottom:4px}.pack small{font:650 8px 'JetBrains Mono';letter-spacing:.08em;color:#ffc9b5}.pack b{font:400 24px 'Lilita One';color:#ffe179;text-shadow:0 3px 0 #430e25;margin:5px 0 9px}.pack-icon{display:block;width:75px;height:75px;margin:5px 0}.pack-icon svg{width:100%;height:100%;fill:#ffb04f;stroke:#391122;stroke-width:4;filter:drop-shadow(0 4px 0 #270b1b)}.pack-icon .eye{fill:none;stroke:#62152b;stroke-width:6;stroke-linejoin:round}
.pack-controls{margin:21px 0 14px}.pack-controls button{font-size:13px;padding:12px 20px}.pack-controls button:first-child{min-width:180px}.stage-caption{font-size:11px;font-family:'JetBrains Mono',monospace;color:#aca0c1}.result-note{font-weight:850;color:#ffdc76}.stats>div{background:#110e20;border:1px solid #3d3052;border-radius:8px;box-shadow:inset 0 2px 0 #090611}.stats strong{font:650 24px 'JetBrains Mono';color:#ffdc76}.stats span{font-weight:750}.progress{background:#0b0816;border:1px solid #352942;height:7px}.progress>div{background:linear-gradient(90deg,#ffac3d,#ffe279)}.progress-label{font-weight:800}.text-btn{border:0;box-shadow:none;background:none;font-weight:800;color:#b9a8d0}.text-btn:hover{background:none;color:#ffdc76;box-shadow:none}.data-note{font-family:'JetBrains Mono',monospace;font-size:9px}
.cards{gap:14px;align-items:start}.dcard{--tier:#9d9eb1;aspect-ratio:5/7;min-height:0;padding:4px;border:none;border-radius:11px;background:linear-gradient(145deg,color-mix(in srgb,var(--tier) 92%,white),color-mix(in srgb,var(--tier) 65%,#120e24));box-shadow:0 0 0 2px #080611,0 8px 18px #0006;position:relative;overflow:hidden;isolation:isolate;display:flex;flex-direction:column;color:#fff}
.dcard[data-tier=Uncommon]{--tier:#4fe08a}.dcard[data-tier=Rare]{--tier:#48a9ff}.dcard[data-tier=Epic]{--tier:#ae79fa}.dcard[data-tier=Legendary]{--tier:#ffc747}.dcard[data-tier=Mythic]{--tier:#ff556c}.dcard[data-tier=Apex]{--tier:#ffe394;background:conic-gradient(from 30deg,#ff556c,#ffcb59,#70e7ba,#6cc7ff,#cf8aff,#ff556c)}
.dcard-inner{height:100%;min-height:0;flex:1;display:flex;flex-direction:column;overflow:hidden;position:relative;border-radius:7px;background:radial-gradient(ellipse at 50% 100%,color-mix(in srgb,var(--tier) 16%,transparent),transparent 75%),#110e20;border:1px solid #090611}
.card-art{height:auto!important;aspect-ratio:16/10;flex-shrink:0;position:relative;border-radius:0;overflow:hidden;border-bottom:2px solid color-mix(in srgb,var(--tier) 70%,#110e20);background:#1c1530}.card-art img{height:100%;width:100%;object-fit:cover;opacity:1;display:block}.card-rank{font:400 17px 'Lilita One';line-height:1;background:#080611d9;color:#fff;left:6px;top:6px;padding:4px 7px;border-radius:5px;text-shadow:0 1px 0 #000}
.card-body{flex:1;min-height:0;display:flex;flex-direction:column;padding:10px 9px 8px;gap:0}.card-tier{font:750 9px 'JetBrains Mono',monospace;letter-spacing:.1em;color:var(--tier);text-transform:uppercase}.card-name{font:400 clamp(14px,1.7vw,21px)/1.08 'Lilita One','Arial Black',sans-serif;color:#fff;letter-spacing:0;white-space:normal;overflow-wrap:anywhere;text-overflow:clip;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:6px 0 4px;text-shadow:0 2px 0 #05030a}.card-meta{font:650 10px/1.4 'Nunito',sans-serif;color:#b7aacd}.card-score{margin-top:auto;padding-top:9px;display:flex;align-items:center;justify-content:space-between;gap:4px;border:0;font:700 10px 'JetBrains Mono',monospace;color:#f1e9ff}.holo-tag{font:800 8px 'JetBrains Mono';color:#f4c7ff;background:linear-gradient(100deg,#b1448240,#687edb40);border:1px solid #b984d5;border-radius:3px;padding:1px 4px}.holo-tag:empty{display:none}
.dcard.holo:after{z-index:2;content:'';position:absolute;inset:0;background:linear-gradient(115deg,transparent 20%,#ffffff35 39%,#ff548133 44%,#6bdcff35 51%,#c18aff40 58%,transparent 76%);background-size:220% 220%;mix-blend-mode:color-dodge;animation:holo 4.5s ease-in-out infinite;pointer-events:none}.dcard.holo .dcard-inner:after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(-45deg,transparent 0 5px,#ffffff09 5px 6px);pointer-events:none}.dcard[data-tier=Apex] .card-tier{color:#ffe490}.dcard:hover{filter:brightness(1.09)}
.input,select{font-family:'Nunito',sans-serif;font-weight:750;background:#100c1d;border:2px solid #463354;border-radius:7px;color:#f7efff}.input:focus,select:focus{outline:1px solid #ffce56}.field{font:700 10px 'JetBrains Mono',monospace;letter-spacing:.03em;color:#baacd1}.odds-layout{grid-template-columns:270px 1fr}.odds-card{max-width:185px}.odds-card .card-name{font-size:22px}.metric{background:#100d1e;border:1px solid #41314e}.metric strong{font:700 21px 'JetBrains Mono',monospace;color:#ffe09a}.metric small{font-weight:850}.metric span{font-size:10px}.probability-box{background:linear-gradient(140deg,#30213a,#211827);border:1px solid #674460}.prob-top strong{font:400 39px 'Lilita One';color:#ffd259}.chart path[fill]{fill:#ffcc430b}.chart polyline{stroke:#ffcf43}.chart circle{fill:#ffcf43}
.trade-side{background:#100d1e;border:1px solid #3f3150}.trade-side h4{font-family:'Lilita One';font-weight:400;font-size:20px;letter-spacing:.02em;color:#ffbdca}.trade-side:nth-child(2) h4{color:#b6e887}.trade-side h4 span{font:650 10px 'Nunito';color:var(--muted)}.trade-row{border-color:#3d2d4c}.trade-verdict{background:linear-gradient(130deg,#2b2734,#22182d);border:1px solid #655078}.trade-verdict strong{font:400 30px 'Lilita One';color:#ffd565}.trade-verdict.negative strong{color:#ff7a92}
th{background:#221a34;color:#c4afd6;font:750 9px 'JetBrains Mono',monospace}td{font:600 11px 'JetBrains Mono',monospace;border-color:#32253f}td:first-child{font:400 16px 'Lilita One'}.table-wrap{background:#141021;border-color:#3e2d50;border-width:2px;border-radius:10px}.tier-dot{width:7px;height:7px}.aside{background:radial-gradient(ellipse at top left,#582b4540,transparent 80%),#21162e;border:2px solid #50304f;box-shadow:0 5px 0 #080611}.aside h3{font-size:32px;color:#ffd86b;text-shadow:0 3px 0 #080611}.aside p{font-weight:650}.aside a{color:#ffce62;font-weight:850}.guide-card{background:linear-gradient(140deg,#2d203d,#19132b);border:2px solid #433050;box-shadow:0 5px 0 #080611}.guide-card:hover{border-color:#a46591}.guide-card small{font:700 9px 'JetBrains Mono';color:#ffadbd}.guide-card h3{font-size:27px;color:#ffdc7a}.guide-card p{font-weight:650}.faq summary{font-weight:850}.faq p{font-weight:650}.faq details{border-color:#392b48}.faq summary:after{color:#ffce56}.footer{background:#090711;border-top:3px solid #30223e}.footer-links{font-weight:800}.toast{background:#39213c;color:#ffe19b;border-color:#9c5986}.modal-inner{background:#1a132b;border:2px solid #624376}.modal-head h2{font-size:28px}.article h1{font-size:54px;color:#ffdb72;text-shadow:0 3px 0 #080611}.article h2{color:#ffdd8b;font-size:31px}.article p,.article li{color:#bfb3cf;font-weight:650}.article a{color:#ffce65}.article .callout{border-color:#ffcc55;background:#241b32}.step>b{background:linear-gradient(#ffdc6d,#f9a936);border:2px solid #080611;box-shadow:0 3px 0 #080611;color:#4c2510;font-family:'Lilita One';font-size:18px}.code-box{background:#1d152e;border:2px solid #614363}.code-box code{font:700 25px 'JetBrains Mono';color:#ffda73}.timer-result{font:700 45px 'JetBrains Mono';color:#ffdb71}
@media(min-width:1200px){.pack-stage .dcard{min-height:251px}.pack-stage .card-name{font-size:21px}}
@media(max-width:1000px){.hero{grid-template-columns:1fr 350px}.hero-art{width:350px;transform:scale(.85);transform-origin:center}.header{gap:12px}.header nav{gap:13px;font-size:11px}.brand{font-size:16px}.brand img{width:36px;height:36px}.header .external{font-size:10px}.hero h1{font-size:54px}}
@media(max-width:700px){.header{min-height:90px}.brand{font-size:17px}.brand-words small{font-size:7px}.header nav{font-size:11px;gap:21px}.header .external{font-size:9px;padding:7px}.hero{display:block;padding:31px 0 22px;min-height:0}.hero h1{font-size:49px;line-height:1.01}.hero p{font-size:15px}.hero-art{display:flex;width:100%;height:250px;transform:scale(.82);margin:5px 0 -18px}.hero .badge{font-size:8px}.stat-strip{padding:14px 0}.stat-strip>div{padding-left:10px!important}.stat-strip strong{font-size:23px}.stat-strip span{font-size:7px;letter-spacing:0}.section-head h2{font-size:25px}.tool-panel{padding:15px}.tool-title h3{font-size:21px}.tool-title .pill{font-size:7px;padding:5px}.tab{font-size:12px;padding:11px 5px}.pack-stage{padding:13px;min-height:260px}.pack-controls button{padding:11px 7px;font-size:11px}.pack-controls button:first-child{min-width:0}.cards{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.dcard{padding:2px;border-radius:7px}.dcard-inner{border-radius:5px}.card-body{padding:6px 4px 4px}.card-name{font-size:12px!important;margin:4px 0 3px}.card-tier{font-size:6px;letter-spacing:.03em}.card-meta{font-size:7px}.card-rank{font-size:10px;top:3px;left:3px;padding:3px}.card-score{font-size:6px;padding-top:6px}.holo-tag{font-size:5px;padding:0 2px}.pack-stage .cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-width:440px}.pack-stage .card-name{font-size:17px!important}.pack-stage .card-tier{font-size:8px}.pack-stage .card-meta{font-size:9px}.pack-stage .card-score{font-size:8px}.hero-card{padding:4px}.hero-card .card-name{font-size:22px!important}.hero-card .card-body{padding:10px 9px 8px}.hero-card .card-tier{font-size:9px}.hero-card .card-meta{font-size:10px}.hero-card .card-score{font-size:10px}.hero-card .card-rank{font-size:17px}.hero-card .holo-tag{font-size:8px}.stats strong{font-size:22px}.metric strong{font-size:18px}.prob-top strong{font-size:33px}.odds-layout{display:block}.article h1{font-size:42px}.footer .brand{font-size:19px}.modal .cards{grid-template-columns:repeat(3,1fr);gap:12px}.modal .card-name{font-size:16px!important}.modal .card-tier{font-size:8px}.modal .card-score{font-size:8px}.modal .card-meta{font-size:9px}.stage-caption{font-size:9px}}
@media(max-width:380px){.hero h1{font-size:42px}.brand{font-size:14px}.hero-art{transform:scale(.74)}.stat-strip strong{font-size:19px}}

.hero-card{animation:none!important}

/* Layout and readable type for the current navigation and card atlas. */

body{font-size:16px;font-weight:650}
.wrap{width:min(1220px,calc(100% - 48px))}
.topbar{border-bottom-width:1px;border-bottom-style:solid}
.header{min-height:92px;gap:24px}.brand{font-size:22px;letter-spacing:.01em}.brand img{width:42px;height:42px}.brand-words{gap:7px}.brand-words small{font:800 11px 'Nunito',sans-serif;letter-spacing:.1em}
.header nav{font:800 15px/1.5 'Nunito',sans-serif;gap:22px;align-items:center}.header nav a{position:relative;padding:12px 0;white-space:nowrap}.header nav a.active:after{content:'';height:3px;border-radius:2px;position:absolute;bottom:4px;left:0;right:0}.header .external{font:800 13px 'Nunito',sans-serif;padding:11px 14px;border-width:1px;border-style:solid}
button,.btn{font:850 15px/1.4 'Nunito',sans-serif;border-width:1px;border-style:solid;border-radius:7px}
button:hover,.btn:hover{filter:none}
.hero{grid-template-columns:1fr 460px;padding:46px 0 38px;min-height:390px;gap:35px}.hero h1{font-size:68px;letter-spacing:.005em;line-height:1;margin:21px 0}.hero h1 span{filter:none}.hero h1 .hero-subtitle{display:block;margin-top:18px;font:850 15px/1.4 'Nunito',sans-serif;letter-spacing:.18em}.hero .badge{font:800 12px 'Nunito',sans-serif;border-width:1px;border-style:solid;padding:7px 11px;letter-spacing:.06em}.hero p{font-size:18px;line-height:1.6}.hero .subtle{font-size:14px}
.hero-art.chase-panel{display:block;width:100%;height:auto;min-height:325px;padding:20px;border-width:1px;border-style:solid;border-radius:12px;transform:none;overflow:hidden;position:relative}.chase-panel:before{content:'';position:absolute;height:3px;left:0;top:0;right:0}.chase-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.eyebrow{font:800 12px 'Nunito',sans-serif;letter-spacing:.13em}.live-indicator{font:700 11px 'JetBrains Mono',monospace;border-width:1px;border-style:solid;border-radius:4px;padding:3px 8px}.chase-content{display:grid;grid-template-columns:162px 1fr;gap:24px;align-items:center}.hero-card,.hero-card:nth-child(3){position:relative!important;width:162px!important;transform:none!important;filter:none;animation:none!important}.chase-info .eyebrow{font-size:11px;letter-spacing:.08em}.chase-info h3{font-size:36px;margin:9px 0 12px}.chase-info p{font-size:15px;line-height:1.5;margin:0 0 18px}.chase-info strong{font:700 21px 'JetBrains Mono',monospace;display:block}.chase-info .subtle{display:block;font-size:13px;margin:4px 0 15px}.chase-info a{font:850 13px 'Nunito',sans-serif;border-bottom-width:1px;border-bottom-style:solid;padding-bottom:3px;white-space:nowrap}.chase-foot{font:700 10px 'JetBrains Mono',monospace!important;letter-spacing:.07em;margin:17px 0 0!important}
.stat-strip{border-width:1px;border-style:solid;border-radius:9px;padding:20px 0}.stat-strip strong{font:650 26px 'JetBrains Mono',monospace}.stat-strip span{font:800 12px/1.4 'Nunito',sans-serif;letter-spacing:.04em;display:block;margin-top:7px}
.section-head h2{font-size:30px}.subtle,.stage-caption,.disclaimer{font:650 14px/1.65 'Nunito',sans-serif}.section-head>.subtle{font-size:14px}.tool-title .subtle{font-size:14px}.tool-title h3{font-size:25px;letter-spacing:.01em}.pill{font:800 12px 'Nunito',sans-serif;border-width:1px;border-style:solid;padding:6px 10px}
.workspace{border-width:1px;border-style:solid;border-radius:10px}.tabs{padding:0 20px;gap:12px;border-bottom-width:1px;border-bottom-style:solid}.tab{font:850 16px 'Nunito',sans-serif;border:0;border-radius:0;padding:20px 16px;position:relative}.tab span{font:700 12px 'JetBrains Mono',monospace}.tab[aria-selected=true]{border:0}.tab[aria-selected=true]:after{position:absolute;content:'';bottom:0;left:14px;right:14px;height:3px;border-radius:3px 3px 0 0}.tool-panel{padding:25px}
.pack-stage{border-width:1px;border-style:solid}.pack{border-width:2px;border-style:solid}.pack small{font-size:10px}.pack b{font:400 24px 'Lilita One'}.pack-icon svg{filter:drop-shadow(0 3px 0 #081b2e)}.pack-controls button{font:850 15px 'Nunito',sans-serif;padding:13px 20px}.stage-caption{font-size:14px}.result-note{font-size:15px}.stats>div{border-width:1px;border-style:solid}.stats span{font-size:14px}.stats strong{font-size:25px}.progress{height:7px}.progress-label{font-size:14px}.text-btn{border:0;font:800 14px 'Nunito',sans-serif}.data-note{font:650 12px/1.5 'Nunito',sans-serif}

.dcard{padding:3px;border-width:1px;border-style:solid;border-radius:8px}.dcard-inner{border:0;border-radius:5px}.dcard[data-tier=Apex]{padding:3px}.card-topline{display:flex;justify-content:space-between;align-items:center;min-height:28px;padding:3px 6px;border-bottom-width:1px;border-bottom-style:solid;font:650 11px 'JetBrains Mono'}.card-topline .mini-tier{font-size:10px;letter-spacing:.05em}.card-art{aspect-ratio:16/9;border-bottom-width:2px;border-bottom-style:solid}.card-body{padding:9px 8px 8px}.card-rank{font:700 12px 'JetBrains Mono';padding:4px 6px}.card-tier{font:800 11px 'Nunito',sans-serif;letter-spacing:.08em}.card-name{font-size:20px;line-height:1.1;margin:6px 0 5px}.card-meta{font:650 12px/1.4 'Nunito',sans-serif}.card-score{font:700 12px 'JetBrains Mono';padding-top:10px}.holo-tag{font-size:9px;padding:2px 4px}.dcard.holo:after{opacity:.7}.hero-card .card-name{font-size:21px}.hero-card .card-score{font-size:11px}.hero-card .card-meta{font-size:12px}
.field{font:850 13px/1.5 'Nunito',sans-serif;letter-spacing:.04em}.input,select{font:750 15px/1.45 'Nunito',sans-serif;border-width:1px;border-style:solid;padding:11px 12px}.input:focus,select:focus{outline-width:2px;outline-style:solid}.metric small{font:800 14px 'Nunito',sans-serif}.metric strong{font:650 21px 'JetBrains Mono'}.metric span{font:650 13px/1.5 'Nunito',sans-serif;display:block}.probability-box{border-width:1px;border-style:solid}.prob-top{font-size:15px}.prob-top strong{font:650 32px 'JetBrains Mono'}.trade-side h4{font-size:23px}.trade-side h4 span{font:650 13px 'Nunito',sans-serif;float:none;display:block;margin-top:7px}.trade-add{grid-template-columns:1fr 84px}.trade-add button{padding:10px;font-size:15px}.trade-row-head{font-size:15px}.trade-row-controls label{font:750 12px/1.5 'Nunito',sans-serif}.trade-row-controls input,.trade-row-controls select{font-size:14px}.trade-empty{font-size:14px}.trade-verdict{border-width:1px;border-style:solid}.trade-verdict b{font-size:16px}.trade-verdict p{font-size:14px}.trade-verdict strong{font:650 25px 'JetBrains Mono'}
th{font:850 12px 'Nunito',sans-serif;letter-spacing:.05em}td{font:600 13px 'JetBrains Mono'}td:first-child{font:850 15px 'Nunito',sans-serif}.table-wrap{border-width:1px;border-style:solid}.aside{border-width:1px;border-style:solid}.aside h3{font-size:32px}.aside p{font-size:15px}.aside a{font-size:15px}.guide-card{border-width:1px;border-style:solid;border-top-width:3px;border-top-style:solid}.guide-card small{font:850 12px 'Nunito',sans-serif}.guide-card h3{font-size:27px}.guide-card p{font-size:15px}.faq summary{font:850 16px/1.5 'Nunito',sans-serif}.faq p{font:650 15px/1.8 'Nunito',sans-serif}.footer{border-top-width:1px;border-top-style:solid}.footer-links{font-size:15px}.footer p{font-size:13px;line-height:1.75}.toast{font-size:15px}.modal-inner{border-width:1px;border-style:solid}.article p,.article li{font-size:16px}.step>b{border-width:1px;border-style:solid}
@media(max-width:1190px){.header{flex-wrap:wrap;gap:4px 24px;padding:15px 0 0}.header nav{order:3;width:100%;justify-content:center;gap:34px;font-size:16px;padding:4px 0}.header .external{margin-left:auto;font-size:14px}.brand{font-size:22px}.hero{grid-template-columns:1fr 410px;gap:25px}.hero h1{font-size:59px}.chase-content{grid-template-columns:150px 1fr;gap:18px}.hero-card,.hero-card:nth-child(3){width:150px!important}.chase-info strong{font-size:18px}.chase-panel .eyebrow{font-size:11px}}
@media(max-width:850px){.hero{grid-template-columns:1fr 350px;gap:20px}.hero h1{font-size:50px}.hero .badge{font-size:10px}.hero-art.chase-panel{padding:16px}.chase-content{grid-template-columns:133px 1fr;gap:14px}.hero-card,.hero-card:nth-child(3){width:133px!important}.chase-info h3{font-size:29px}.chase-info p{font-size:14px}.chase-info strong{font-size:16px}.chase-info a{font-size:11px}.chase-info .eyebrow{font-size:9px}.chase-foot{font-size:9px!important}.stat-strip span{font-size:11px}.card-name{font-size:18px!important}.card-meta{font-size:11px}.card-score{font-size:10px}.card-tier{font-size:10px}}
@media(max-width:700px){.wrap{width:calc(100% - 30px)}.header{padding:12px 0 0;gap:6px}.brand{font-size:19px}.brand-words small{font-size:10px}.brand img{width:38px;height:38px}.header .external{font-size:12px;padding:9px 11px}.header nav{justify-content:flex-start;font-size:15px;gap:26px;padding:0;min-height:47px;overflow-x:auto}.header nav a{padding:12px 0}.hero{display:block;padding:30px 0}.hero h1{font-size:53px}.hero .badge{font-size:11px}.hero h1 .hero-subtitle{font-size:13px;letter-spacing:.12em}.hero p{font-size:16px}.hero .subtle{font-size:14px}.hero-art.chase-panel{display:block;margin:27px 0 0;width:100%;height:auto;min-height:0;transform:none;padding:20px}.chase-content{grid-template-columns:145px 1fr;gap:24px}.hero-card,.hero-card:nth-child(3){width:145px!important}.chase-info h3{font-size:33px}.chase-info p{font-size:15px}.chase-info .eyebrow{font-size:10px}.chase-info strong{font-size:18px}.chase-info a{font-size:12px}.chase-foot{font-size:10px!important}.hero-card .card-name{font-size:20px!important}.hero-card .card-meta{font-size:11px}.hero-card .card-score{font-size:10px}.hero-card .card-tier{font-size:10px}.hero-card .holo-tag{font-size:8px}.stat-strip{grid-template-columns:repeat(2,1fr);row-gap:18px;padding:18px 0}.stat-strip>div{padding-left:18px!important}.stat-strip>div:nth-child(2){border-right:0}.stat-strip strong{font-size:24px}.stat-strip span{font-size:11px;margin-top:5px}.tabs{padding:0 6px;gap:0}.tab{padding:18px 8px;font-size:14px;flex:1}.tab span{display:none}.tool-panel{padding:16px}.tool-title h3{font-size:22px}.tool-title .subtle{font-size:14px}.tool-title .pill{font-size:10px}.tool-title{align-items:flex-start;flex-direction:column;gap:10px}.pack-controls{flex-wrap:wrap}.pack-controls button{font-size:14px;padding:12px 10px}.pack-controls button:first-child{flex-basis:100%}.stats span{font-size:13px}.stats strong{font-size:24px}.stage-caption,.disclaimer{font-size:13px}.data-note{font-size:12px}.card-name{font-size:18px!important}.card-meta{font-size:11px}.card-tier{font-size:10px}.card-score{font-size:10px}.card-body{padding:8px 6px}.card-topline{font-size:10px;min-height:25px;padding:3px 5px}.card-topline .mini-tier{font-size:8px}.card-rank{font-size:11px}.holo-tag{font-size:8px}.pack-stage .cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;max-width:none}.pack-stage .card-name{font-size:20px!important}.pack-stage .card-meta{font-size:12px}.pack-stage .card-tier{font-size:11px}.pack-stage .card-score{font-size:12px}.metric small{font-size:13px}.metric span{font-size:12px}.metric strong{font-size:18px}.prob-top{align-items:start;gap:12px}.prob-top strong{font-size:26px}.prob-top>span{font-size:14px}.trade-side h4 span{font-size:13px}.trade-row-controls label{font-size:12px}.trade-row-controls{grid-template-columns:1fr 1fr}.trade-verdict strong{font-size:23px}.guide-card p{font-size:15px}.guide-card small{font-size:12px}.faq summary{font-size:16px}.faq p{font-size:15px}.footer .brand{font-size:19px}.footer p{font-size:13px}.modal .cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.modal .card-name{font-size:20px!important}.modal .card-meta{font-size:12px}.modal .card-score{font-size:11px}.modal .card-tier{font-size:11px}}
@media(max-width:380px){.brand{font-size:17px}.brand img{width:33px;height:33px}.header .external{font-size:11px;padding:8px}.hero h1{font-size:46px}.chase-content{grid-template-columns:125px 1fr;gap:16px}.hero-card,.hero-card:nth-child(3){width:125px!important}.chase-info strong{font-size:16px}.chase-info a{white-space:normal}.chase-info p{font-size:14px}}

.pack-icon img{display:block;width:100%;height:100%;filter:drop-shadow(0 4px 0 #061b2b)}
@media(max-width:700px){.pack-stage .dcard,.modal .dcard{aspect-ratio:auto;min-height:245px}}.header{gap:36px}.header nav{gap:36px}.header nav a{font-size:16px}.text-btn{border:0}
.lab-bar{padding:18px 24px;display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom-width:1px;border-bottom-style:solid}.lab-bar>div:first-child{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.lab-bar strong{font:850 13px 'Nunito',sans-serif;letter-spacing:.08em}.lab-light{width:7px;height:7px;border-radius:50%}.lab-bar .subtle{font-size:13px}.lab-links{display:flex;align-items:center;gap:22px}.lab-links a,.lab-links button{font-size:14px;font-weight:850;white-space:nowrap}.worksheet-back{display:inline-block;margin-bottom:20px}
.guide-hub{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:35px 0}.guide-hub .guide-card{display:block;padding:26px}.hub-link{display:inline-block;font-size:14px;font-weight:850;margin-top:18px}.article:has(.atlas-grid){max-width:none}.atlas-filters{display:grid;grid-template-columns:1fr 240px;gap:20px;margin:30px 0 18px}.atlas-status{display:flex;justify-content:space-between;font-size:13px;margin-bottom:18px}.atlas-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:18px}.atlas-card{display:block;transition:transform .15s}.atlas-card:hover{transform:translateY(-4px)}.atlas-card-action{display:block;text-align:center;font-size:12px;font-weight:800;margin-top:7px}.atlas-card .card-name{font-size:19px!important}.atlas-pagination{display:flex;justify-content:center;align-items:center;gap:24px;margin:30px 0 50px}.atlas-pagination>span{font:650 14px 'JetBrains Mono'}.atlas-detail{scroll-margin-top:160px;padding-top:20px;border-top-width:1px;border-top-style:solid}.atlas-detail h2{margin-bottom:0}.atlas-detail .tool-title h3{display:none}
@media(max-width:1190px){.header nav{justify-content:flex-start;padding-left:0;gap:42px}.atlas-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}}
@media(max-width:700px){.header nav{gap:32px;font-size:16px}.header nav a{font-size:16px}.lab-bar{padding:15px;align-items:flex-start;flex-direction:column;gap:12px}.lab-bar .subtle{display:none}.lab-links{width:100%;justify-content:space-between}.atlas-filters{grid-template-columns:1fr;gap:14px}.atlas-status{flex-direction:column;gap:5px}.atlas-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.atlas-card .dcard{aspect-ratio:auto;min-height:255px}.atlas-card .card-meta{font-size:12px}.atlas-card .card-score{font-size:11px}.atlas-card-action{font-size:13px}.atlas-pagination{gap:15px}.atlas-pagination button{font-size:14px;padding:10px}.atlas-detail{scroll-margin-top:160px}.guide-hub{grid-template-columns:1fr}.guide-hub .guide-card{padding:23px}.hub-link{font-size:15px}}
body{font-weight:550;line-height:1.7}.header nav a{font-weight:750}
button,.btn{border-width:1px;border-style:solid;font-weight:750}.text-btn,.text-btn:hover{border:0}.primary:active,button:active{transform:translateY(1px)}
.hero{gap:44px;padding-top:40px;padding-bottom:34px}.hero h1{font-size:60px;line-height:1.08}.hero h1 span{filter:none}.hero h1 .hero-subtitle{font-size:14px;letter-spacing:.13em}.hero .badge{border-width:1px;border-style:solid;letter-spacing:.04em;font-weight:650}.hero p{font-weight:550;line-height:1.75}.hero .subtle{line-height:1.7}
.hero-art.chase-panel{border-width:1px;border-style:solid}.chase-panel:before{height:2px}.eyebrow{font-weight:750;letter-spacing:.09em}.chase-info p{font-weight:550}.stat-strip span{font-weight:650}
.workspace{border-width:1px;border-style:solid}.lab-bar strong{font-weight:750}.lab-links a,.lab-links button{font-weight:750}.subtle,.stage-caption,.disclaimer,.tool-title .subtle{font-weight:550;line-height:1.7}.pill{font-weight:650}.pack-stage{border-width:1px;border-style:solid}.stats span{font-weight:650}.progress-label{font-weight:650}
.dcard{border-radius:8px}.dcard.holo:after{opacity:.45}.field{font-weight:750}.input,select{border-width:1px;border-style:solid;font-weight:600}.input:focus,select:focus{outline-width:2px;outline-style:solid;outline-offset:2px}.metric small{font-weight:650}th{font-weight:750}.aside p{font-weight:550}.guide-card{border-width:1px;border-style:solid;border-top-width:2px;border-top-style:solid}.guide-card small{font-weight:650}.guide-card p{font-weight:550}.hub-link{font-weight:750}.faq summary{font-weight:750}.faq p{font-weight:550}.footer-links{font-weight:650}.article p,.article li{font-weight:550;line-height:1.85}
@media(max-width:850px){.hero h1{font-size:49px}}
@media(max-width:700px){.hero h1{font-size:49px}.hero h1 .hero-subtitle{font-size:13px}.hero p{font-size:17px}.hero .subtle{font-size:14px}.lab-bar strong{font-size:13px}.stat-strip span{font-size:12px}}


body{font-weight:500}h1,h2,h3{letter-spacing:0}
.header{min-height:76px;flex-wrap:nowrap;padding:0;gap:24px}.header nav{order:initial;width:auto;min-height:0;justify-content:flex-start;gap:28px;margin-left:4px;padding:0}.header nav a{font:750 16px/1.5 'Nunito',sans-serif;padding:14px 0}.header .brand{font-size:18px}.header .brand img{width:32px;height:32px}.header .brand-words small{font-size:9px}.header .external{font-size:12px;padding:9px 12px}
.hero{grid-template-columns:1fr 350px;gap:36px;min-height:0;padding:28px 0}.hero h1{font-size:42px;line-height:1.14;margin:12px 0 15px;letter-spacing:0;max-width:640px}.hero h1 .hero-subtitle{font:600 18px/1.6 'Nunito',sans-serif;letter-spacing:0;text-transform:none;margin-top:12px}.hero p{font:500 16px/1.75 'Nunito',sans-serif;max-width:540px;margin:0 0 15px}.hero>.eyebrow{font-size:11px}.hero-facts{display:flex;flex-wrap:wrap;gap:10px 20px;font:500 13px/1.6 'Nunito',sans-serif}.hero-facts b{font-weight:650}.hero-facts span+span:before{content:'·';margin-right:17px}
.hero-art.chase-panel{height:auto;min-height:0;padding:15px 17px}.chase-heading{margin-bottom:11px}.chase-heading .eyebrow{font-size:10px;font-weight:650}.chase-content{grid-template-columns:125px 1fr;gap:17px}.hero-card,.hero-card:nth-child(3){width:125px!important;min-height:215px!important;height:auto!important;aspect-ratio:auto;animation:none!important;transform:none!important}.hero-card .card-topline{min-height:22px;font-size:9px;padding:3px 5px}.hero-card .mini-tier{font-size:7px}.hero-card .card-body{padding:8px 6px;min-height:96px}.hero-card .card-art{aspect-ratio:16/9}.hero-card .card-name{font-size:17px!important;margin:5px 0 4px;line-height:1.1;-webkit-line-clamp:2}.hero-card .card-tier{font-size:10px}.hero-card .card-meta{font:500 11px/1.5 'Nunito';display:block}.hero-card .card-score{font-size:10px;padding-top:8px}.chase-info h3{font-size:26px;margin:0 0 11px}.chase-info p{font-size:14px;line-height:1.65;margin:0 0 15px}.chase-info a{font-size:13px;white-space:normal}.chase-foot{display:none}
#tools>.section-head{margin:4px 0 14px}#tools>.section-head h2{font-size:29px}#tools>.section-head>.subtle{font-size:13px}.lab-bar{padding:13px 18px}.lab-bar strong{font-size:14px;letter-spacing:0;font-weight:750}.lab-links a,.lab-links button{font-size:13px}.tool-panel{padding:18px}.pack-stage{min-height:218px;padding:17px}.pack{width:124px;height:178px}.pack-icon{width:60px;height:60px;margin:4px 0}.pack b{font-size:22px;margin:4px 0 8px}.pack small{font-size:8px}.pack-controls{margin:16px 0 8px}.pack-controls button{font-size:14px;padding:11px 17px}.stats{margin-top:14px}.stats>div{padding:12px 14px}.stats span{font-size:12px}.stats strong{font-size:22px}.stage-caption{font-size:12px}.result-note{font-size:13px}
.dcard{min-height:240px}.dcard-inner{min-height:0;flex:1;overflow:hidden}.card-name{font-size:18px;line-height:1.12}.card-meta{font-size:11px;line-height:1.5}.card-score{font-size:11px;padding-top:9px}.card-body{min-height:105px}.pack-stage .dcard{min-height:245px}.card-topline{min-height:25px}.card-art{aspect-ratio:16/9}.guide-card p,.faq p{font-weight:500}.article p,.article li{font-weight:500}
@media(max-width:1100px){.header{gap:20px}.header .brand{font-size:17px}.header nav{gap:23px;margin-left:0}.header .external{font-size:11px;padding:9px 10px}.hero{grid-template-columns:1fr 330px;gap:28px}.hero h1{font-size:39px}.hero-art.chase-panel{padding:14px}.chase-content{grid-template-columns:120px 1fr;gap:15px}.hero-card,.hero-card:nth-child(3){width:120px!important}.chase-info h3{font-size:24px}}
@media(max-width:850px){.header{flex-wrap:wrap;padding:11px 0 0;gap:0 20px}.header nav{order:3;width:100%;gap:30px;min-height:48px}.header .brand{font-size:19px}.hero{grid-template-columns:1fr 305px;gap:24px}.hero h1{font-size:35px}.hero h1 .hero-subtitle{font-size:16px}.hero p{font-size:15px}.chase-content{grid-template-columns:110px 1fr;gap:13px}.hero-card,.hero-card:nth-child(3){width:110px!important;min-height:207px!important}.chase-info p{font-size:13px}.chase-info a{font-size:12px}.pack-stage .cards{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.header .brand{font-size:17px}.header .external{font-size:10px}.header nav a{font-size:15px}.hero{display:block;padding:24px 0}.hero h1{font-size:35px;line-height:1.15}.hero p{font-size:15px;margin-bottom:14px}.hero h1 .hero-subtitle{font-size:16px;line-height:1.6;margin-top:10px}.hero-facts{font-size:12px;gap:8px 14px}.hero-facts span+span:before{margin-right:12px}.hero-art.chase-panel{margin:20px 0 0;padding:14px!important}.chase-content{grid-template-columns:112px 1fr;gap:22px}.hero-card,.hero-card:nth-child(3){width:112px!important;min-height:207px!important}.chase-info h3{font-size:26px}.chase-info p{font-size:14px}.chase-info a{font-size:13px}.hero-card .card-body{min-height:94px}.hero-card .card-name{font-size:17px!important}.hero-card .card-score{font-size:10px}.hero-card .card-meta{font-size:11px}.lab-bar{padding:12px 14px}.tool-panel{padding:14px}.pack-stage{min-height:218px;padding:14px}.pack-stage .cards{grid-template-columns:repeat(2,minmax(0,1fr))}.card-body{min-height:110px}.pack-controls button{font-size:14px;padding:11px 12px}.stats span{font-size:12px}.stats strong{font-size:22px}.section-head>.subtle{display:none}}


/* Colours for components added after the second edition. Shared game elements
   use the original theme above (7d24907). */
.header nav a { color: #c8c0d9; }
.header nav a:is(:hover,.active), .chase-info a, .lab-links a, .lab-links button { color: var(--lime); }
.header nav a.active::after, .lab-light { background: var(--lime); }
.hero h1 .hero-title-accent { display: inline; }
.hero h1 .hero-subtitle { display: block; background: none; color: #c8c0d9; filter: none; text-shadow: none; }
.hero-art.chase-panel, .lab-bar { background: var(--panel); border-color: var(--line); }
.chase-panel::before { background: linear-gradient(90deg, var(--red), var(--lime), transparent); }
.chase-info h3 { color: var(--text); }
.hero-facts, .card-topline, .atlas-status { color: var(--muted); }
.hero-facts b, .lab-bar strong { color: var(--text); }
.card-topline { background: var(--panel2); }
.lab-links .text-btn { background: none; box-shadow: none; }
.atlas-card-action, .hub-link { color: var(--lime); }
.atlas-detail { border-color: var(--line); }
.home-guide, .home-sources { margin-block: clamp(36px, 6vw, 76px); }
.home-guide .section-head { margin-bottom: 16px; }
.home-guide h2, .home-sources h2 { color: var(--text); }
.home-guide p, .home-guide li, .home-sources p { font: 500 16px/1.7 'Nunito', sans-serif; color: var(--muted); }
.home-guide p { margin: 0 0 14px; }
.home-guide a:not(.atlas-card,.btn), .home-sources a { color: var(--lime); }
.reading-grid { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr); gap: clamp(20px, 4vw, 56px); align-items: start; }
.note-box, .explain-cards article { background: var(--panel); border: 1px solid var(--line); border-radius: 12px; padding: clamp(16px, 2vw, 26px); }
.home-guide h3 { font-size: 23px; line-height: 1.15; margin: 0 0 10px; }
.note-box ol { padding-left: 1.25rem; margin-bottom: 0; }
.note-box li + li { margin-top: .65rem; }
.home-guide .disclaimer { margin: 12px 0 0; font-size: 14px; }
.home-card-grid, .explain-cards { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: clamp(10px, 2vw, 22px); }
.home-card-grid .atlas-card { min-width: 0; text-decoration: none; }
.home-card-grid .card-name { font-size: 20px !important; }
.home-card-grid .card-meta, .home-card-grid .card-score { font-size: 12px; }
.home-card-grid .card-tier { font-size: 10px; }
.home-card-grid .atlas-card-action { display: block; margin: 8px 0 0; font-size: 13px; color: var(--purple); }
.explain-cards { grid-template-columns: repeat(3, minmax(0, 1fr)); margin-bottom: 18px; }
.number-lead { display: block; font: 400 clamp(29px, 3vw, 42px)/1.2 'Lilita One', sans-serif; color: var(--lime); margin-bottom: 12px; }
.explain-cards p:last-child, .routine-grid p { margin-bottom: 0; }
.routine-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px 36px; margin-bottom: 20px; }
.routine-grid article { display: flex; gap: 14px; border-top: 1px solid var(--line); padding-top: 16px; }
.routine-grid article > span { font: 600 15px/1.6 'JetBrains Mono', monospace; color: var(--purple); }
.home-sources { border-top: 1px solid var(--line); padding-top: 22px; }
.home-sources p, .section-intro { max-width: 76ch; }
#score-basics td, #score-basics th { padding: 10px 14px; font: 650 14px/1.5 'Nunito', sans-serif; }
@media (max-width: 760px) {
  .reading-grid, .explain-cards, .routine-grid { grid-template-columns: 1fr; }
  .home-card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .home-guide .section-head { flex-wrap: wrap; gap: 8px; }
}

/* The homepage introduction and its featured level card. */
/* Keep the header, page and footer on the same centre line. At desktop
   widths each outside margin can hold a 160px ad plus a 24px gap. */
body:has(.game-intro) .wrap {
  --page-gutter: clamp(24px, calc(50% - 450px), 184px);
  width: min(1120px, calc(100% - 2 * var(--page-gutter)));
  margin-inline: auto;
}
main.wrap:has(.game-intro) { container-type: inline-size; }
.game-intro {
  --display: 'Lilita One', 'Arial Black', sans-serif;
  display: grid;
  grid-template-columns: minmax(0, 1fr) clamp(232px, 27cqi, 305px);
  gap: clamp(24px, 3vw, 52px);
  align-items: center;
  position: relative;
  isolation: isolate;
  margin: 0;
  padding: clamp(23px, 2.2vw, 36px) 0;
}
.game-intro::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: radial-gradient(ellipse at 85% 55%, #85324648, transparent 52%),
    repeating-linear-gradient(135deg, transparent 0 31px, #ffffff04 32px 33px);
}
.intro-copy h1 {
  font: 400 clamp(48px, 6.1cqi, 70px)/1.04 var(--display);
  color: #fff8f2;
  margin: 0;
  text-shadow: 0 3px #100b1b, 0 5px #080611;
  letter-spacing: -.018em;
}
.intro-copy h1 span { display: block; color: #ffcf52; font-size: .77em; margin-top: 4px; }
.intro-copy p { max-width: 66ch; color: #e0d9ed; font: 650 clamp(17px, 1.42vw, 21px)/1.55 'Nunito', sans-serif; margin: 18px 0; }
.intro-actions, .intro-guides { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
.intro-actions a {
  padding: 9px 18px; border: 1px solid #65547b; border-bottom-width: 3px;
  border-radius: 8px; background: #262038; color: #fff8ef; text-decoration: none;
  font: 400 clamp(17px, 1.55vw, 22px)/1.2 var(--display);
}
.intro-actions .intro-primary { background: #ffcf52; color: #25182a; border-color: #b67d35; }
.intro-actions a:hover, .featured-level:hover { filter: brightness(1.1); }
.intro-guides { gap: 9px 22px; margin-top: 13px; }
.intro-guides a { font: 850 16px/1.5 'Nunito', sans-serif; color: #e7daff; text-decoration: underline; text-underline-offset: 4px; text-decoration-color: #847392; }
.featured-level {
  position: relative; isolation: isolate; display: block;
  width: 87%; max-width: 264px; justify-self: center;
  color: #fff; text-decoration: none; transform: rotate(-3deg);
}
.feature-sleeve {
  position: absolute; inset: 5px 0 2px; z-index: -1; pointer-events: none;
  transform: translate(9px, 4px) rotate(5deg); border: 1px solid #c99ed2;
  border-radius: 13px; background:
    repeating-linear-gradient(55deg, transparent 0 5px, #c49bcd40 5px 6px),
    linear-gradient(135deg, #733a65, #46334f 40%, #272039 72%, #99586e);
  box-shadow: 0 8px 18px #090511a8;
}
.feature-frame {
  position: relative; isolation: isolate; overflow: hidden;
  border: 3px solid transparent; border-radius: 13px;
  background: linear-gradient(#211424, #1d142d) padding-box,
    linear-gradient(132deg, #fff0bc, #ffb463 13%, #8e303e 34%, #f88178 54%, #e3b9fd 77%, #80d2df 90%, #ffcd93) border-box;
  box-shadow: 0 0 0 2px #160f21, -3px -1px 13px #ff8e4e32, 3px 6px 19px #b23c6944;
}
.feature-frame::after {
  content: ''; position: absolute; inset: 0; z-index: 2; pointer-events: none;
  background: linear-gradient(117deg, transparent 23%, #ff81741f 30%, #ffddb83d 35%, #ffd3f215 40%, transparent 47%, #91bfff1c 62%, transparent 71%);
  background-size: 150% 100%; background-position: 48% 0; mix-blend-mode: screen;
}
@keyframes feature-foil {
  0%, 100% { background-position: 35% 0; }
  50% { background-position: 80% 0; }
}
@media (prefers-reduced-motion: no-preference) {
  .feature-frame::after { animation: feature-foil 6s ease-in-out infinite; }
  .featured-level { transition: transform .25s ease; }
  @media (hover: hover) {
    .featured-level:hover { transform: perspective(700px) translateY(-3px) rotate(-1deg) rotateY(-5deg); }
  }
}
.featured-level:focus-visible { outline: 3px solid #ffdc84; outline-offset: 6px; }
.feature-art { position: relative; background: #210e15; }
.feature-art img { display: block; width: 100%; height: auto; aspect-ratio: 16/9; object-fit: cover; }
.feature-art > span { position: absolute; top: 9px; left: 9px; background: #110c1ce6; color: #fff; border-radius: 5px; padding: 3px 9px; font: 400 20px var(--display); }
.feature-face { display: grid; padding: 10px 16px 12px; border-top: 1px solid #ae6c6b; position: relative; background:
    repeating-linear-gradient(127deg, transparent 0 8px, #ffdfec10 8px 9px) right / 32% 100% no-repeat,
    linear-gradient(115deg, #311a28, #482136 36%, #302039 68%, #273644); }
.feature-face::after { content: ''; position: absolute; inset: 12% 3% 12% auto; width: 28%;
  pointer-events: none; background: #f6d7d9; opacity: .12; mask: url('/favicon.svg') center / contain no-repeat; }
.feature-face small, .feature-value b { font: 700 13px/1.5 'JetBrains Mono', monospace; }
.feature-face small { color: #d2cbd7; text-transform: uppercase; letter-spacing: .1em; }
.feature-face strong { font: 400 clamp(30px, 2.6vw, 40px)/1.05 var(--display); }
.feature-face > span { margin-top: 3px; font: 750 15px/1.4 'Nunito', sans-serif; color: #d7cce2; }
.feature-value { display: flex; justify-content: space-between; align-items: center; gap: 10px; padding: 7px 16px; background: #171221; }
.feature-value > span { color: #ffda8e; font: 850 15px/1.5 'Nunito', sans-serif; }
.header nav a, .header .external, .pack-controls button { font: 400 clamp(17px, 1.45vw, 21px)/1.3 'Lilita One', 'Arial Black', sans-serif; }
.header .brand { font-size: clamp(18px, 1.6vw, 24px); }
#tools { scroll-margin-top: 110px; }
#tools > .section-head h2 { font-size: clamp(31px, 3vw, 42px); }
@media (max-width: 760px) {
  .game-intro { grid-template-columns: minmax(0, 1fr) 205px; gap: 18px; }
  .intro-copy h1 { font-size: 43px; }
  .intro-actions a { padding: 8px 11px; }
}
@media (max-width: 620px) {
  .game-intro { grid-template-columns: 1fr; gap: 17px; padding: 20px 0; }
  .intro-copy h1 { font-size: clamp(35px, 8.4vw, 48px); }
  .intro-copy p { margin: 12px 0; font-size: 16px; }
  .intro-guides { margin-top: 10px; }
  .featured-level { width: 93%; max-width: 360px; transform: none; }
  .feature-sleeve { transform: translate(4px, 3px) rotate(1.5deg); }
  .feature-frame { display: grid; grid-template-columns: 46% 1fr; }
  .feature-art { grid-row: span 2; }
  .feature-art img { height: 100%; }
  .feature-face { padding: 8px 12px 5px; border: 0; }
  .feature-face strong { font-size: 30px; }
  .feature-value { padding: 5px 12px; flex-wrap: wrap; gap: 2px 8px; }
  .feature-art > span { font-size: 16px; }
  #tools { scroll-margin-top: 125px; }
}

.below-grid > div, .reading-grid > div { min-width: 0; }
.table-wrap { max-width: 100%; overflow-x: auto; }
@media (max-width: 620px) {
  .topbar:has(+ main .game-intro) .header { display: grid; grid-template-columns: 1fr auto; padding: 8px 0 0; gap: 0 8px; }
  .topbar:has(+ main .game-intro) .header nav { grid-column: 1 / -1; grid-row: 2; gap: clamp(15px, 5vw, 28px); min-height: 40px; }
  .topbar:has(+ main .game-intro) .header nav a { padding: 10px 0; }
  .topbar:has(+ main .game-intro) .brand { font-size: 16px; white-space: normal; }
  .topbar:has(+ main .game-intro) .header .external { font-size: 14px; padding: 6px 8px; }
  body:has(.game-intro) .wrap { --page-gutter: 16px; }
  .topbar:has(+ main .game-intro) .header nav { justify-content: space-between; gap: 5px; }
  .topbar:has(+ main .game-intro) .header nav a { display: inline-flex; align-items: center; min-height: 44px; }
  .intro-guides { gap: 2px 16px; }
  .intro-guides a { display: inline-flex; align-items: center; min-height: 44px; }
  .intro-actions { gap: 6px; }
  .intro-actions a { display: inline-flex; align-items: center; gap: 4px; min-height: 44px; font-size: 16px; padding: 8px; }
  .below-grid { grid-template-columns: minmax(0, 1fr); }
  .below-grid h2 { overflow-wrap: anywhere; }
}

#trade-example { scroll-margin-top: 120px; }
.example-options { display: flex; flex-wrap: wrap; gap: 6px 15px; border: 0; padding: 0; margin: 12px 0; }
.example-options legend { font-weight: 800; }
.example-options label { display: inline-flex; align-items: center; gap: 6px; min-height: 44px; cursor: pointer; }
.example-options input { accent-color: var(--lime); }
#example-result { color: var(--text); font-weight: 750; }

.home-ad { text-align: center; }
.home-ad[hidden] { display: none; }
.home-ad small {
  display: block; margin-bottom: 4px; color: #c3bace;
  font: 600 12px/16px 'Nunito', sans-serif;
}
.home-ad iframe { display: block; border: 0; }
.ad-rail { position: absolute; top: 28px; width: 160px; }
.rail-left { right: calc(100% + 16px); overflow: hidden; }
.rail-right { left: calc(100% + 16px); }
.mobile-ad { width: 320px; min-height: 70px; justify-self: center; }
@media (max-width: 620px) {
  .game-intro { grid-template-columns: minmax(0, 1fr); }
}