:root{--bg:#0b0b14;--panel:#131421;--panel2:#171827;--line:#2b2b3d;--line2:#33334a;--text:#f6f3ff;--muted:#9493aa;--dim:#67667e;--purple:#a78bfa;--violet:#8259de;--lime:#ccff9b;--gold:#f8c887;--radius:16px;color-scheme:dark;font-family:'DM Sans',system-ui,sans-serif}
.brand small{display:block;font:800 8px system-ui,sans-serif;letter-spacing:2.4px;color:#8f83b2;margin-top:2px}
.card-art{flex:0 0 61px;width:61px;height:68px;overflow:hidden;border-radius:7px;background:radial-gradient(circle,#5f478c,#241f36);border:1px solid #725c99;display:grid;place-items:center;box-shadow:0 5px 14px #0005;position:relative}.card-art img{width:100%;height:100%;object-fit:cover;display:block}.art-placeholder{font-size:26px;color:#d7bcff;text-shadow:0 0 15px #eac7ff}.spotlight-art{width:88px;height:102px;flex-basis:88px;box-shadow:0 10px 30px #0007}.spotlight-info{flex:1;min-width:0}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);min-height:100vh;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}input,select{outline:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--purple);outline-offset:3px}::selection{background:#8162c8;color:white}
.ambient{position:absolute;z-index:-1;pointer-events:none;filter:blur(12px)}.ambient-a{top:-300px;right:4%;width:750px;height:900px;background:radial-gradient(ellipse,rgba(80,47,143,.22),transparent 65%)}.ambient-b{top:250px;left:-380px;width:650px;height:700px;background:radial-gradient(ellipse,rgba(41,49,100,.15),transparent 65%)}
.shell{width:min(1280px,calc(100% - 80px));margin:auto}.topbar{height:87px;border-bottom:1px solid rgba(122,116,153,.18);display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font-family:'Space Grotesk',sans-serif;font-weight:600;letter-spacing:2px;font-size:17px;display:flex;align-items:center;gap:12px}.brand-strong{color:#bda5fa}.brand-symbol{width:35px;height:35px;border:1px solid #7258ab;display:grid;place-items:center;color:#d2b5ff;font-size:22px;border-radius:9px;box-shadow:inset 0 0 13px #774ec72e}.topbar-right{display:flex;align-items:center;gap:28px}.topbar-tag{font-size:10px;font-weight:800;letter-spacing:2px;color:#b1aac8}.saved-indicator{display:flex;align-items:center;gap:9px;color:#8d8aa0;font-size:12px}.saved-dot{display:inline-block;width:7px;height:7px;background:#b6ee8e;border-radius:50%;box-shadow:0 0 12px #b6ee8e85}
.hero{min-height:355px;display:flex;justify-content:space-between;align-items:center;padding:52px 10px 49px;overflow:hidden;position:relative}.hero-text{position:relative;z-index:2;max-width:695px}.eyebrow{font-size:10px;letter-spacing:2.5px;font-weight:800;color:#bfb5dc;display:flex;align-items:center;gap:13px;margin-bottom:20px}.eyebrow-line{height:1px;width:24px;background:#725d94}.hero h1{font:700 clamp(47px,5.25vw,72px)/.99 'Space Grotesk',sans-serif;letter-spacing:-3.6px;margin:0 0 23px}.hero h1 em{font-style:normal;color:#c4aeff}.hero p{font-size:15px;line-height:1.8;color:#aca8bb;max-width:580px;margin:0}.hero-actions{display:flex;align-items:center;gap:26px;margin-top:28px}.primary-action{display:inline-flex;gap:27px;align-items:center;justify-content:center;padding:14px 19px;border-radius:8px;background:#b39cff;color:#140f25;font-size:13px;font-weight:800;transition:.2s}.primary-action:hover{background:#d2c5ff;transform:translateY(-1px)}.primary-action span{font-size:18px}.text-action{font-size:13px;font-weight:700;color:#c5b8e5}.text-action:hover{color:white}.text-action span{margin-left:8px}
.hero-art{position:relative;width:370px;height:325px;flex-shrink:0;margin-right:14px}.orbit{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%) rotate(-21deg);border:1px solid rgba(165,132,225,.25);border-radius:50%;width:370px;height:190px}.orbit-inner{width:295px;height:145px;transform:translate(-50%,-50%) rotate(34deg);border-color:#ac8cff30}.card-ghost{width:164px;height:238px;border-radius:9px;position:absolute;left:101px;top:30px}.card-ghost-back{transform:translate(35px,12px) rotate(15deg);background:linear-gradient(130deg,#443075,#1d1d35 70%);border:1px solid #7965a18a;box-shadow:25px 40px 80px #0006}.card-ghost-front{transform:rotate(-9deg);background:radial-gradient(ellipse at 50% 40%,#574089 0,#32274d 45%,#171824 90%);border:2px solid #a48bd2;outline:7px solid #302244;box-shadow:0 25px 65px #0009,inset 0 0 30px #d8baff24;overflow:hidden}.card-ghost-front:before{content:'';position:absolute;inset:12px;border:1px solid #b299de70;border-radius:4px}.art-star{font-size:80px;color:#f0d4ff;text-align:center;position:relative;top:47px;text-shadow:0 0 40px #d1a1ff,0 0 15px #a878fa}.art-curve{height:120px;width:120px;border:1px solid #b998e95c;border-radius:50%;position:absolute;top:55px;left:20px}.art-mark{position:absolute;bottom:19px;left:19px;font-size:8px;letter-spacing:1.2px;font-weight:800;color:#dfd0f8}.art-mark span{color:#b19fcf}.art-pill{position:absolute;right:-2px;top:60px;padding:10px 13px;border-radius:5px;background:#edcb8b;color:#2a1c30;font-weight:900;letter-spacing:1.5px;font-size:10px;transform:rotate(10deg);box-shadow:0 12px 27px #0007}.art-spark{position:absolute;bottom:32px;left:21px;color:#b6a0e9;font-size:24px}
.stats{border:1px solid var(--line);background:linear-gradient(115deg,#151624,#11121c);border-radius:13px;display:grid;grid-template-columns:1fr 1fr 1fr 158px;min-height:110px;overflow:hidden}.stat{display:flex;align-items:center;gap:19px;padding:22px 28px;min-width:0;border-right:1px solid var(--line)}.stat-icon{width:43px;height:43px;flex-shrink:0;display:grid;place-items:center;border-radius:11px;background:#29243e;color:#c9aafa;font-size:21px}.stat:nth-child(2) .stat-icon{background:#27302a;color:#cbefab}.stat:nth-child(3) .stat-icon{background:#302c2a;color:#edc58d}.stat-value{font:700 26px 'Space Grotesk';letter-spacing:-1px}.stat-label{font-size:11px;color:var(--muted);margin-top:4px;line-height:1.4}.stats-note{display:grid;align-content:center;padding:18px;font-size:11px;line-height:1.75;color:#77748d}.stats-note strong{color:#aaa4bf;font-weight:700}
.workspace{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:28px;align-items:start;padding-top:72px}.kicker{font-size:10px;color:#a491d0;font-weight:800;letter-spacing:2.5px;margin-bottom:14px}.section-heading h2,.sidebar-heading h2,.how h2{font:700 31px 'Space Grotesk';letter-spacing:-1.2px;margin:0 0 10px}.section-heading p,.sidebar-heading p{font-size:13px;color:var(--muted);line-height:1.7;margin:0}.section-heading p strong,.sidebar-heading p strong{color:#e7dafd}.section-heading{margin:0 0 25px}
.spotlight{border:1px solid #745da9;border-radius:13px;background:linear-gradient(115deg,#241d3d,#171928 64%,#1a192c);overflow:hidden;box-shadow:0 14px 54px #0c07192a;margin-bottom:36px}.spotlight-loading{padding:35px;color:#a797c6}.spotlight-top{border-bottom:1px solid #6d599043;padding:15px 22px;display:flex;justify-content:space-between;gap:8px;font-size:10px;font-weight:800;letter-spacing:1.6px;color:#c7aff5}.spotlight-top>span:last-child{color:#89749d}.pulse-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#cefc9e;box-shadow:0 0 11px #cefc9e;vertical-align:middle;margin-right:7px}.spotlight-body{display:flex;justify-content:space-between;gap:15px;padding:25px 25px 22px}.spotlight-name{font:700 25px/1.2 'Space Grotesk';letter-spacing:-.6px;margin-bottom:8px}.spotlight-text{font-size:12px;color:#a89dbb}.spotlight-text b{color:#d3c7ee}.spotlight-actions{margin-top:20px;display:flex;gap:9px;flex-wrap:wrap}.spotlight-copy{background:#b89dff;color:#201437;border:1px solid #b89dff;padding:11px 14px;border-radius:7px;font-weight:800;font-size:11px}.spotlight-copy:hover{background:#dacbff}.spotlight-mark{background:transparent;color:#c2b1df;border:1px solid #5a4b7c;padding:10px 13px;border-radius:7px;font-weight:700;font-size:11px}.spotlight-mark:hover{background:#50407155}.spotlight-count{flex-shrink:0;display:flex;align-items:center;justify-content:center;flex-direction:column;width:103px;height:103px;border:1px solid #66568b;border-radius:12px;background:#3a2e59a8}.spotlight-count strong{font:700 47px/.95 'Space Grotesk';color:#e2cffb}.spotlight-count span{font-size:9px;letter-spacing:1.6px;font-weight:800;color:#af9ccf;margin-top:7px}.route-heading{border-top:1px solid #54446e55;font-size:10px;font-weight:800;letter-spacing:1.5px;color:#b3a2cf;padding:15px 24px 10px}.route-heading span{color:#716783;font-size:10px;font-weight:500;letter-spacing:0}.route-list{padding:0 24px 10px}.route-item{display:flex;align-items:center;gap:10px;padding:10px 0;border-top:1px solid #6c597d33}.route-item:first-child{border-top:0}.route-num{font-family:'Space Grotesk';color:#786991;font-size:11px}.route-name{flex:1;font-size:12px;color:#d6cce6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.route-item b{font-size:11px;color:#d1ffa8}.route-item button{border:1px solid #615275;background:#30283d;color:#cfb7f7;border-radius:5px;width:25px;height:25px;font-size:15px}.route-none{font-size:12px;color:#9c8dad;padding:4px 0 12px}.spotlight-complete{padding:30px;display:flex;align-items:center;gap:12px;color:#d6ffaa;flex-wrap:wrap}.spotlight-complete span{width:100%;font-size:12px;color:#a5a2b0;margin-left:23px}
.list-heading{display:flex;justify-content:space-between;gap:15px;align-items:baseline;margin-bottom:18px}.list-heading h3{font:700 18px 'Space Grotesk';margin:0}.heading-count{font:600 11px 'DM Sans';margin-left:8px;background:#29283b;border-radius:5px;color:#b9a9d5;padding:4px 8px;vertical-align:2px}.muted{font-size:11px;color:var(--dim)}.sep{margin:0 6px}.toolbar{display:flex;gap:10px;align-items:center;margin-bottom:15px;flex-wrap:wrap}.search-wrap{position:relative;flex:1;min-width:205px}.search-wrap input,.ledger-search input{width:100%;background:#151624;border:1px solid #303044;border-radius:8px;color:#e8e5f3;font-size:12px;height:43px;padding:0 14px 0 39px}.search-wrap input::placeholder,.ledger-search input::placeholder{color:#767388}.search-wrap input:focus,.ledger-search input:focus{border-color:#8163bf}.search-symbol{position:absolute;left:14px;top:8px;font-size:23px;color:#9991b1}.toolbar select{height:43px;background:#171827;border:1px solid #303044;color:#c7c0d6;padding:0 31px 0 12px;border-radius:8px;font-size:11px;max-width:155px}.switch-control{display:flex;align-items:center;gap:8px;color:#a09ab2;font-size:11px;white-space:nowrap;cursor:pointer}.switch-control input{position:absolute;opacity:0}.switch-track{width:30px;height:17px;border:1px solid #5a5067;background:#2b293a;border-radius:99px;position:relative;transition:.15s}.switch-track:after{content:'';position:absolute;left:2px;top:2px;width:11px;height:11px;background:#817b91;border-radius:50%;transition:.15s}.switch-control input:checked+.switch-track{background:#9274d6;border-color:#9274d6}.switch-control input:checked+.switch-track:after{left:15px;background:#fff}.switch-control input:focus-visible+.switch-track{outline:2px solid var(--purple);outline-offset:2px}
.results{display:flex;flex-direction:column;gap:10px}.craft-card{border:1px solid #292a3b;background:#141520;border-radius:11px;overflow:hidden;transition:border-color .2s,background .2s}.craft-card:hover{border-color:#595071;background:#171725}.craft-card.hot{border-color:#474060}.craft-card-main{display:flex;align-items:center;gap:16px;padding:17px 18px}.craft-rank{flex-shrink:0;width:26px;color:#69697f;font:500 12px 'Space Grotesk'}.craft-detail{min-width:0;flex:1}.craft-name{font:700 15px 'Space Grotesk';letter-spacing:-.2px;line-height:1.3;overflow-wrap:anywhere}.craft-sub{font-size:11px;color:#7d7b94;margin-top:6px;line-height:1.4}.tiny-divider{color:#534f69;margin:0 3px}.craft-gain{flex-shrink:0;display:flex;flex-direction:column;align-items:center;min-width:47px;color:#d6fbb9}.craft-gain strong{font:700 26px 'Space Grotesk'}.craft-gain span{font-size:8px;font-weight:800;letter-spacing:.6px;white-space:nowrap}.craft-gain.zero{color:#817d94}.copy-button{border:1px solid #51446d;color:#d8c3f9;background:#2a2239;border-radius:7px;font-size:11px;font-weight:800;padding:10px 13px;white-space:nowrap;transition:.2s}.copy-button:hover{background:#47335f;border-color:#a18bcb}.copy-icon{font-size:16px;margin-right:5px}.copy-button.copied{background:#26372c;color:#d1fba5;border-color:#70965d}
.craft-expansion{padding:0 18px 15px 60px}.pack-caption{font-size:9px;font-weight:800;letter-spacing:1.2px;color:#9084ab;margin-bottom:8px}.pack-caption span{letter-spacing:0;font-weight:500;color:#67657e}.pack-pills{display:flex;gap:6px;flex-wrap:wrap}.pack-pill{border:1px solid #444059;border-radius:5px;background:#211e30;color:#c1b8d4;font-size:10px;padding:6px 8px;text-align:left;line-height:1.2;transition:.15s}.pack-pill:hover{background:#40345a}.pack-dot{font-size:10px;margin-right:5px;color:#c6b4fa}.pack-pill.is-claimed{background:#1a2023;color:#787c80;border-color:#2d383b;text-decoration:line-through}.pack-pill.is-claimed .pack-dot{color:#9cbd92}.craft-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:13px;color:#86849d;font-size:10px}.claim-card-button{background:none;border:0;padding:5px 0;color:#b7a1db;font-weight:700;font-size:11px}.claim-card-button:hover:not(:disabled){color:#e8d8ff}.claim-card-button:disabled{cursor:default;color:#65687a}.results-footer{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:17px 1px;color:#67657d;font-size:11px}.results-footer a{color:#ad92df}.results-footer a:hover{text-decoration:underline}.empty-state{padding:42px;border:1px dashed #3f3b57;text-align:center;color:#bfb5d5;border-radius:11px}.empty-state span{font-size:30px}.empty-state h3{font:700 19px 'Space Grotesk';margin:11px 0 5px}.empty-state p{color:#858099;font-size:12px}
.workspace-right{position:sticky;top:22px}.sidebar-box{border:1px solid #333247;background:#161621;border-radius:13px;overflow:hidden}.sidebar-heading{padding:24px 22px 0}.sidebar-heading h2{font-size:23px}.sidebar-heading p{font-size:12px}.progress-top{display:flex;justify-content:space-between;gap:6px;font-size:11px;color:#9a92af;margin:25px 22px 10px}.progress-top b{color:#d8c9f5;font-weight:800}.progress-top>span:last-child{font-weight:800;color:#c4acff}.progress-track{height:5px;background:#343046;margin:0 22px 19px;border-radius:8px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#906ad9,#c3b0fa);width:0;transition:width .25s}.ledger-search{position:relative;margin:0 22px 15px}.ledger-search input{height:38px;font-size:11px;background:#10121b}.ledger-search span{position:absolute;left:13px;top:5px;color:#8e83a6;font-size:21px}.ledger-toggle{display:flex;border-bottom:1px solid #333146;padding:0 22px;gap:19px}.ledger-tab{padding:0 0 12px;background:none;border:0;border-bottom:2px solid transparent;color:#838097;font-size:11px;font-weight:700;white-space:nowrap}.ledger-tab.active{color:#d9c8ff;border-color:#bd9bff}.pack-ledger{max-height:545px;overflow-y:auto;scrollbar-color:#494357 transparent;scrollbar-width:thin}.ledger-row{display:flex;align-items:center;gap:11px;padding:11px 22px;border-bottom:1px solid #282938;cursor:pointer;min-height:40px}.ledger-row:hover{background:#201f2e}.ledger-row input{position:absolute;opacity:0}.custom-check{width:16px;height:16px;border:1px solid #605b73;border-radius:4px;display:grid;place-items:center;flex-shrink:0;font-size:11px;color:transparent}.ledger-row input:checked+.custom-check{background:#a58be0;border-color:#a58be0;color:#1b1529;font-weight:900}.ledger-row input:focus-visible+.custom-check{outline:2px solid #c0a5ff;outline-offset:2px}.ledger-name{font-size:11px;color:#b7b2c8;line-height:1.35}.ledger-row input:checked~.ledger-name{color:#77748c;text-decoration:line-through}.ledger-empty{padding:28px;text-align:center;color:#848095;font-size:12px}.ledger-footer{display:flex;justify-content:space-between;align-items:center;padding:16px 22px;color:#66627d;font-size:10px}.subtle-button{color:#a499bc;background:none;border:0;font-size:10px;font-weight:700;padding:0}.subtle-button:hover{color:#d5baff}.backup-box{margin-top:16px;border:1px solid #333247;background:linear-gradient(125deg,#191b2b,#171822);border-radius:13px;padding:20px}.backup-heading{display:flex;gap:12px}.backup-icon{display:grid;place-items:center;width:35px;height:35px;border:1px solid #61517f;border-radius:9px;color:#cbb3f9;font-size:23px;flex-shrink:0}.backup-heading h3{font:700 14px 'Space Grotesk';margin:1px 0 5px}.backup-heading p{font-size:11px;color:#85809e;line-height:1.6;margin:0}.backup-actions{display:flex;gap:8px;margin-top:16px}.backup-button{flex:1;border-radius:7px;padding:10px 7px;border:1px solid #484258;background:#292438;color:#cab9e7;font-weight:700;font-size:10px}.backup-button:hover{border-color:#866eb4;background:#372c4e}.sidebar-notice{display:flex;align-items:flex-start;gap:12px;padding:20px 10px}.notice-star{color:#d4ac75;font-size:18px}.sidebar-notice p{margin:0;color:#847f95;font-size:11px;line-height:1.7}.sidebar-notice strong{color:#cbb5aa}
.how{margin-top:83px;padding:40px 0 72px;border-top:1px solid #2b293c}.how h2{margin-bottom:28px}.how-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.how-step{padding:25px 24px;border:1px solid #302e42;border-radius:11px;background:#131420;min-height:175px}.how-step>span{font:700 25px 'Space Grotesk';color:#7f6caa}.how-step h3{font:700 17px 'Space Grotesk';margin:17px 0 8px}.how-step p{color:#9a95ad;font-size:12px;line-height:1.7;margin:0}.how-step p b{color:#c8b7ed}footer{min-height:95px;border-top:1px solid #2c2a3d;display:flex;align-items:center;justify-content:space-between;gap:18px;color:#77748c;font-size:11px}footer .footer-logo{font:700 12px 'Space Grotesk';letter-spacing:1.5px;color:#b19ed4}footer>div{display:flex;gap:20px}footer a:hover{color:#cbb4f9}#toast{position:fixed;bottom:26px;left:50%;transform:translate(-50%,20px);padding:13px 19px;background:#d0f3aa;color:#1c2818;border-radius:8px;z-index:20;box-shadow:0 15px 50px #0009;font-weight:700;font-size:12px;opacity:0;pointer-events:none;transition:.2s;text-align:center;max-width:calc(100% - 28px)}#toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:1100px){.shell{width:min(100% - 48px,1280px)}.workspace{grid-template-columns:minmax(0,1fr) 305px;gap:22px}.stat{padding:20px 16px;gap:12px}.stats{grid-template-columns:repeat(3,1fr)}.stats-note{display:none}.hero-art{margin-right:-70px;transform:scale(.86)}.craft-card-main{gap:9px;padding:15px 13px}.craft-expansion{padding-left:48px}.copy-button{padding:9px 8px}.pack-caption span{display:none}}
@media(max-width:850px){.workspace{grid-template-columns:1fr}.workspace-right{position:static;display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:15px;align-items:start}.sidebar-box{grid-row:span 2}.sidebar-notice{padding:6px}.hero-art{position:absolute;right:0;opacity:.33;transform:scale(.8)}.hero{min-height:315px}.hero-text{max-width:650px}.stats{grid-template-columns:repeat(3,1fr)}.stat-label{font-size:10px}}
@media(max-width:620px){.shell{width:calc(100% - 28px)}.topbar{height:68px}.brand{font-size:14px;letter-spacing:1.4px;gap:8px}.brand-symbol{width:30px;height:30px}.topbar-tag{display:none}.saved-indicator{font-size:10px}.hero{padding:43px 3px 42px;min-height:315px}.hero-art{right:-118px;top:29px;transform:scale(.72);opacity:.17}.hero h1{font-size:51px;letter-spacing:-2.9px;margin-bottom:19px}.hero p{font-size:13px;line-height:1.7;max-width:360px}.hero-actions{gap:17px;margin-top:24px}.primary-action{font-size:11px;padding:12px;gap:13px}.text-action{font-size:11px}.eyebrow{font-size:8px;letter-spacing:1.8px;gap:8px}.eyebrow-line{width:14px}.stats{grid-template-columns:repeat(3,1fr);min-height:96px}.stat{padding:15px 9px;display:block;text-align:center}.stat-icon{display:none}.stat-value{font-size:23px}.stat-label{font-size:9px}.workspace{padding-top:50px;gap:35px}.section-heading h2{font-size:26px}.spotlight-body{padding:21px 16px}.spotlight-name{font-size:20px}.spotlight-count{width:70px;height:78px}.spotlight-count strong{font-size:33px}.spotlight-count span{font-size:7px}.spotlight-top{padding:13px 15px}.spotlight-top>span:last-child{display:none}.spotlight-copy,.spotlight-mark{font-size:10px;padding:9px}.route-heading,.route-list{padding-left:15px;padding-right:15px}.list-heading{align-items:center}.list-heading h3{font-size:16px}.list-heading .muted{font-size:10px;text-align:right}.toolbar{gap:8px}.search-wrap{flex-basis:100%}.toolbar select{flex:1;max-width:none}.switch-control{margin-left:auto}.craft-card-main{flex-wrap:wrap;gap:10px}.craft-rank{width:18px}.craft-detail{flex-basis:calc(100% - 146px)}.craft-name{font-size:13px}.craft-gain{min-width:41px}.craft-gain strong{font-size:23px}.copy-button{width:100%;margin-left:27px}.craft-expansion{padding:0 13px 13px 13px}.pack-caption{margin-bottom:7px}.pack-pill{font-size:10px}.craft-card-bottom{align-items:start;gap:8px}.craft-card-bottom span{line-height:1.5}.claim-card-button{flex-shrink:0}.workspace-right{display:block}.backup-box{margin-top:15px}.sidebar-notice{padding:20px 10px}.how{margin-top:55px}.how-grid{grid-template-columns:1fr}.how-step{min-height:0;padding:20px}.how-step h3{margin:12px 0 4px}footer{flex-wrap:wrap;justify-content:center;text-align:center;padding:24px 0;gap:12px}footer>span:nth-child(2){flex-basis:100%}.results-footer{flex-wrap:wrap}.results-footer a{white-space:nowrap}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}
@media(max-width:1100px){.card-art{width:54px;height:62px;flex-basis:54px}.spotlight-art{width:78px;height:90px;flex-basis:78px}}
@media(max-width:620px){.craft-card-main .card-art{width:48px;height:56px;flex-basis:48px}.craft-card-main .craft-detail{flex-basis:calc(100% - 195px)}.spotlight-art{width:62px;height:76px;flex-basis:62px}.spotlight-body{gap:10px}.spotlight-name{font-size:18px}.spotlight-count{width:59px;height:70px}.spotlight-count strong{font-size:29px}.brand small{font-size:7px}}