/* Approved design-review system, adapted to production components. */
:root{--bg:#0a0e13;--surface:#121923;--green:#b2f51b;--text:#f2f5fa;--muted:#a2aebe}
body{background:#0a0e13;color:#f2f5fa}h1,h2,h3{letter-spacing:-.025em}p{line-height:1.7}a,button,input,select{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #b2f51b;outline-offset:4px}
.ui-icon{width:18px;height:18px;flex-shrink:0;vertical-align:middle;margin-right:6px}header nav a{display:inline-flex;align-items:center}header{background:#0b1016;border-bottom:1px solid #27313e}header nav a.active{color:#f2f5fa!important;background:transparent!important;border-bottom:2px solid #b2f51b}
.button{border-radius:10px;min-height:44px}.button.secondary,.chip{background:#121923;border:1px solid #2a3542;color:#f2f5fa}.button:hover{transform:translateY(-2px)}.page-heading{padding-top:42px}.offer-panel,.stock-card,.skin-card,.story-card,.video-card{border:1px solid #293442;border-radius:16px;background:#121923;box-shadow:none}.offer-panel .offer-head{gap:12px}.trade-vs{background:transparent;box-shadow:none}.trade-vs>span{background:#16212d;border:1px solid #344253;border-radius:50%;padding:14px}.trade-actions{gap:10px;flex-wrap:wrap}.kd-trade-toolbar{margin:20px 0 26px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}.kd-trade-toolbar [data-clear-all]{margin-left:auto}.kd-home .hero{background:#0a0e13;min-height:0}.kd-home .hero-inner{min-height:460px;padding-top:50px;padding-bottom:35px;grid-template-columns:1.15fr 1fr}.kd-home .hero h1{font-size:clamp(40px,4.8vw,76px);line-height:1.05}.kd-home .hero-stage{min-height:350px}.kd-home .hero-avatar{max-height:330px;object-fit:contain}.kd-home .hero-copy p{max-width:480px}.kd-home .hero:before,.kd-home .hero:after{opacity:.2}.kd-intents{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:0 0 44px}.kd-intents a{padding:25px;border:1px solid #2a3542;background:#121923;border-radius:16px;color:inherit;text-decoration:none}.kd-intents small{color:#b2f51b}.kd-intents h2{font-size:23px;margin:16px 0 8px}.kd-intents p{font-size:14px;color:#a2aebe}.kd-guides{margin:56px 0}.kd-guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.kd-guide-card{display:block;text-decoration:none;color:inherit;background:#121923;border:1px solid #2a3542;border-radius:16px;overflow:hidden;transition:transform .2s,border-color .2s}.kd-guide-card:hover{transform:translateY(-4px);border-color:#b2f51b}.kd-guide-card img{width:100%;height:auto;aspect-ratio:1260/460;object-fit:contain}.kd-guide-card>div{padding:22px}.kd-guide-card small,.kd-guide-card span{color:#b2f51b;font-size:12px}.kd-guide-card h3{font-size:23px;line-height:1.25;margin:12px 0}.kd-guide-card p{color:#a2aebe;font-size:14px;margin:12px 0}.kd-editorial{padding-top:30px}.kd-editorial .page-heading{max-width:900px}.kd-editorial h1{text-transform:none;font-size:clamp(32px,4vw,56px)}.kd-editorial figure{margin:30px 0}.kd-guide-hero{width:100%;height:auto;border:1px solid #293442;border-radius:18px}.kd-editorial figcaption{font-size:12px;color:#a2aebe;margin-top:10px}.kd-reading-grid{display:grid;grid-template-columns:minmax(0,760px) minmax(180px,1fr);gap:70px;margin:40px 0 70px}.kd-reading-grid article{font-size:17px}.kd-reading-grid section{margin:32px 0}.kd-reading-grid h2{font-size:28px;margin-bottom:14px}.kd-reading-grid p{color:#c1cbd7}.kd-reading-grid a{color:#b2f51b}.kd-reading-grid a.button{color:#0a0e13}.kd-reading-nav{align-self:start;position:sticky;top:110px}.kd-reading-nav a{display:block;margin:18px 0;font-size:14px}.kd-reading-nav h3{margin-top:35px}.kd-editor-tip{border-left:3px solid #b2f51b;background:#121923;padding:24px;margin:30px 0}.kd-lead{font-size:21px}.kd-back{color:#a2aebe}.kd-editorial ul{padding-left:20px;line-height:2}.kd-reading-grid section{scroll-margin-top:110px}
@media(max-width:1100px){header nav .ui-icon{display:none}.kd-guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.kd-reading-grid{gap:30px}}
@media(max-width:700px){.kd-home .hero-inner{grid-template-columns:1fr;padding-top:28px}.kd-home .hero-stage{min-height:280px}.kd-home .hero-avatar{max-height:260px}.kd-intents,.kd-guide-grid,.kd-reading-grid{grid-template-columns:1fr}.kd-reading-nav{position:static}.kd-intents{gap:12px}.kd-intents a{padding:20px}.kd-intents h2{margin-top:8px}.kd-trade-toolbar [data-clear-all]{margin-left:0}.kd-trade-toolbar .button{flex:1 1 140px}.kd-editorial h1{font-size:34px}.kd-reading-grid{margin-top:20px}.kd-guides{margin:35px 0}.kd-home .hero h1{font-size:44px}}
@media(prefers-reduced-motion:reduce){.button,.kd-guide-card{transition:none;transform:none!important}}
.kd-storage-filters{display:flex;gap:16px;margin:18px 0;flex-wrap:wrap}.kd-storage-filters label{display:grid;gap:8px;flex:1}.kd-storage-filters input,.kd-storage-filters select{padding:12px;background:#0a0e13;border:1px solid #344253;color:white;border-radius:9px;min-width:0;width:100%}.kd-storage-catalog{max-height:40vh;overflow:auto}.kd-owned{background:#121923;border:1px solid #2a3542;padding:20px;border-radius:14px;margin:20px 0}.kd-owned summary{cursor:pointer;font-weight:700} .kd-owned .storage-row{padding:16px 0} .kd-home .hero{background-image:none!important}.kd-home .hero-avatar{width:100%;height:100%;max-width:400px;max-height:390px}.kd-home .hero-stage .hellfire-hero{right:0;left:auto}
/* Reading-first editorial typography: never inherit the display face. */
.kd-editorial,.kd-guide-card,.kd-guides{font-family:Inter,Arial,sans-serif}.kd-editorial h1,.kd-editorial h2,.kd-editorial h3,.kd-guide-card h3,.kd-guides h2,.detail-grid .article h2{font-family:Inter,Arial,sans-serif!important;font-weight:700;letter-spacing:-.025em;text-transform:none;line-height:1.25}.kd-editorial h1{font-size:clamp(30px,3.3vw,46px);max-width:800px;margin:20px 0}.kd-editorial .page-heading{padding:0;margin:0}.kd-editorial .page-heading>p{font-size:17px;line-height:1.7;max-width:680px}.kd-article-top{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:36px;align-items:center;margin:30px 0}.kd-editorial figure.kd-article-art{margin:0;padding:24px;background:radial-gradient(ellipse at 50% 40%,#294231,#111923 70%);border:1px solid #2b3946;border-radius:18px;text-align:center}.kd-article-art img{width:200px;height:200px;object-fit:contain;max-width:100%}.kd-article-art figcaption{font-size:11px;line-height:1.5;margin:12px 0 0}.kd-editorial .page-heading .kd-byline{font-size:12px;color:#a2aebe;margin-top:22px}.kd-answer{max-width:850px;background:#152119;border:1px solid #344d30;border-radius:12px;padding:22px 26px}.kd-answer>b{font-size:11px;letter-spacing:1.3px;color:#b2f51b}.kd-answer p{font-size:17px;line-height:1.7;margin:10px 0 0}.kd-reading-grid{grid-template-columns:minmax(0,720px) minmax(200px,1fr);gap:64px;margin-top:36px}.kd-reading-grid article{font-size:17px;line-height:1.8}.kd-reading-grid h2{font-size:26px;line-height:1.3;margin:0 0 14px}.kd-reading-grid .kd-lead{font-size:18px}.kd-reading-grid section{margin:34px 0}.kd-reading-grid p{line-height:1.85}.kd-faq{padding:18px 0;border-bottom:1px solid #2b3946}.kd-faq summary{font-weight:600;cursor:pointer;line-height:1.6}.kd-faq p{margin:12px 0 0}.kd-guide-card .kd-card-illustration{padding:20px;height:190px;display:grid;place-items:center;background:radial-gradient(ellipse,#263c2d,#111923 75%)}.kd-guide-card .kd-card-illustration img{width:145px;height:145px;aspect-ratio:1;object-fit:contain}.kd-guide-card h3{font-size:21px;line-height:1.4}.kd-guides h2{font-size:30px}.kd-reading-nav a{line-height:1.6}.kd-reading-nav{position:static}.kd-reading-grid article a:not(.button){text-decoration:underline;text-underline-offset:3px}.kd-editorial .kd-back{display:inline-block;padding:10px 0}
@media(max-width:750px){.kd-article-top{grid-template-columns:1fr;gap:22px}.kd-editorial figure.kd-article-art{display:flex;gap:20px;align-items:center;text-align:left;padding:20px}.kd-article-art img{width:120px;height:120px}.kd-article-art figcaption{margin:0}.kd-reading-grid{grid-template-columns:1fr;gap:25px}.kd-reading-grid article{font-size:16px}.kd-editorial h1{font-size:32px;line-height:1.22}.kd-reading-grid h2{font-size:24px}.kd-answer{padding:20px}.kd-reading-nav{border-top:1px solid #2b3946;padding-top:24px}.kd-guide-card h3{font-size:20px}}