@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800&display=swap');
:root{--ink:#f2f3ff;--green:#ab9dff;--paper:#121522;--muted:#9a9fb8;--line:#2a2e43;--lime:#b5a4ff}body{font-family:'Outfit',sans-serif;background:var(--paper)}aside{width:208px;background:#181b2b;padding:33px 23px;border-right:1px solid #ffffff08}.brand{font-family:'Outfit',sans-serif;color:#f6f4ff;font-size:30px;letter-spacing:-1.4px}.brand:first-letter{color:#a99aff}.dot{color:#a99aff}.aside-note{font-size:11px;color:#858aa5;margin-top:8px}nav a{color:#a5a9c0;border-radius:9px;padding:13px 12px;gap:12px}nav a:hover{background:#252940;color:#fff}nav a.active{background:#7660dd;color:white;box-shadow:0 6px 22px #6d4be02b}.nav-label{color:#707792;margin-top:32px}.side-bottom{padding:22px 10px;border-top:1px solid var(--line)}.side-bottom strong{font-family:'Outfit';font-size:27px;font-weight:700;line-height:1.15}.mini-flower{color:#ad9bf9;font-size:39px}.side-bottom p{color:#888faa}.page{margin-left:208px}header{height:94px;padding:0 36px;border-bottom:1px solid #ffffff06;margin-bottom:19px}header form{width:470px;background:#1d2133;border:1px solid #30354b;padding:12px 17px;border-radius:10px}header form>span{color:#a4abc3}input{color:#fff;font-size:13px}input::placeholder{color:#8189a5}kbd{color:#8189a5;border-color:#3b4159}.shuffle{font-size:13px;color:#d1c8ff;background:#28233e;border:1px solid #483a69;padding:11px 15px;border-radius:9px}main{padding:0 36px 40px;max-width:1530px}.hero{grid-template-columns:minmax(0,2.15fr) minmax(230px,1fr);gap:19px}.hero-main{background:#172e58;min-height:350px;padding:36px;border-radius:18px;isolation:isolate}.race-cover{position:absolute;right:0;top:0;width:69%;height:100%;object-fit:cover;object-position:center;z-index:-2}.hero-main:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#162840 3%,#162840ee 29%,#16284044 67%,#18254111),linear-gradient(0deg,#12213e88,transparent 70%);z-index:-1}.hero-copy{width:77%}.hero h1{font-family:'Outfit',sans-serif;font-weight:800;font-size:clamp(35px,3.5vw,57px);line-height:1.02;letter-spacing:-2px;margin:18px 0 14px;color:white;text-shadow:0 3px 30px #0e183a55}.pill{font-size:10px;letter-spacing:.1px;padding:6px 9px;background:#ffffff15;border:1px solid #ffffff20;color:#fff;border-radius:5px}.hero p{color:#c1cde2;font-size:12px;line-height:1.65;max-width:310px}.primary{color:#fff;background:#8064ec;box-shadow:0 5px 22px #6343d546;border-radius:8px;padding:13px 18px;font-size:12px}.primary:hover{background:#9479fc}.hero .primary{margin-top:10px;display:inline-flex;gap:12px;align-items:center}.hero .primary span{font-size:10px}.hero-detail{font-size:10px;color:#a9b8d1;margin-top:16px}.hero-detail span{margin:0 8px;color:#7e91b5}.hero-index{position:absolute;bottom:19px;right:22px;color:#dce7fa;font-size:10px}.hero-index b{margin-left:12px;font-weight:500}.hero-side{display:flex;background:#34335c;border:1px solid #ffffff10;border-radius:18px;padding:25px;position:relative;justify-content:flex-end}.garden-art{position:absolute;right:-10px;top:5px;display:grid;grid-template-columns:repeat(2,76px);gap:9px;transform:rotate(17deg);opacity:.95}.garden-art i{font-style:normal;width:76px;height:76px;display:grid;place-items:center;background:#bfb1ee;border-radius:17px;font-size:46px;color:#5e488d;box-shadow:0 6px 0 #17152b44}.garden-art i:nth-child(2),.garden-art i:nth-child(3){background:#96cfcc;color:#376e72}.feature-copy{position:relative;width:100%}.feature-copy .pill{background:#28253c99}.hero-side h2{font-family:'Outfit';font-size:31px;line-height:1.03;letter-spacing:-.8px;margin:17px 0 9px;color:#fff}.hero-side p{color:#c4bfdf;font-size:11px;margin:0}.round-play{position:absolute;right:0;bottom:0;width:38px;height:38px;display:grid;place-items:center;background:#bfb0ff;color:#252039;border-radius:50%;font-size:22px}.section-head{margin:31px 0 18px}.section-head h2{font-family:'Outfit';font-size:25px;letter-spacing:-.6px}.section-head p{color:#777f9b;font-size:11px}.section-head select{background:#1d2133;border-color:#343a51;color:#adb3cb;font-size:11px}.filter{border-color:#30354c;background:#1c2031;color:#a6adc7;border-radius:8px;padding:9px 18px;font-size:11px}.filter:hover{border-color:#9d88ec;color:white}.filter.active{background:#ddd7fd;border-color:#ddd7fd;color:#302641;font-weight:600}.filters{gap:8px;margin-bottom:21px}.grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:23px 17px}.card{border-radius:13px;background:#1d2132;padding:7px 7px 13px;border:1px solid #ffffff05;transition:border-color .16s,transform .16s}.card:hover{border-color:#8975d9;transform:translateY(-4px)}.card-art{border-radius:9px;aspect-ratio:1.5}.card h3{margin:12px 7px 6px;font-size:14px;font-weight:600;letter-spacing:0}.card-meta{margin:0 7px;color:#828ba8;font-size:10px}.card-meta>span:last-child{font-size:9px;color:#727b97}.favorite{top:15px;right:15px;background:#151a2ac9;color:#fff;border:1px solid #ffffff33;width:27px;height:27px;font-size:17px;backdrop-filter:blur(7px)}.favorite.saved{background:#8c73ed;color:#fff;border-color:#c5b3ff}.badge{left:8px;top:8px;background:#e1d4ff;color:#3f2b6b;border-radius:4px;font-size:8px;padding:4px 7px}.card-art .symbol{background:radial-gradient(circle at 60% 30%,#e7f3bc,#9bc786);color:#355731;text-shadow:none}.original-banner{background:#25223a;border:1px solid #423656;padding:23px 27px;border-radius:13px}.original-banner .flower{color:#b2a1ed}.original-banner h3{font-family:'Outfit';font-size:20px}.original-banner p{color:#a09ab7}.secondary{background:#252a3e;border-color:#3b425a;color:#dce1f6;font-size:12px}.secondary:hover{background:#343951}footer{border-top-color:#262a3d;padding:27px 36px;color:#777f9a}footer .brand{font-size:22px}.player{background:#1d2434;border-color:#333a50}.launch p,.info p{color:#a3acc5}.info h2,.play-title h1,.empty h2{font-family:'Outfit'}.launch h2{font-family:'Outfit';font-size:28px}.launch .symbol{font-size:80px}.empty{background:#1c2133}.memory{background:#1f2b3c}.memory-card{background:#555285;box-shadow:0 4px 0 #121423;color:#e3d8ff}.memory-card.open{background:#dce4c7}.memory-card.matched{background:#b0d3ab}.memory-top strong{color:#e6f2d2}.memory-status{color:#c2cddd}.article h1{font-family:'Outfit'}.article{color:#b2bad1}.article h1,.article h2{color:#f2f4ff}.skip{background:#292d43}.crumb{color:#929bb6}#toast{background:#6a52b8;color:white}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-color:#bba8ff}@media(min-width:1550px){.grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(max-width:1100px){aside{width:180px;padding:28px 16px}.page{margin-left:180px}header{padding:0 25px}main{padding:0 25px 35px}.hero{grid-template-columns:1fr}.hero-side{display:none}.grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:700px){aside{width:100%;padding:19px 20px 12px;background:#181b2b}.page{margin:0}nav{margin-top:16px;overflow:auto;scrollbar-width:none}nav a{padding:9px 12px}header{height:75px;margin-bottom:12px;padding:0 20px}.shuffle{padding:9px 11px;font-size:21px}main{padding:0 18px 28px}.hero-main{padding:25px;min-height:320px}.hero h1{font-size:41px;letter-spacing:-1.4px}.hero-copy{width:100%}.race-cover{width:100%;object-position:63% center}.hero-main:after{background:linear-gradient(90deg,#142943ee,#14294377 80%),linear-gradient(0deg,#142943aa,transparent)}.hero-index{font-size:8px;bottom:13px;right:16px}.hero-detail{margin-top:14px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 10px}.card{padding:5px 5px 11px}.card h3{font-size:12px;margin-left:5px}.card-meta{font-size:9px;margin:0 5px}.card-meta>span:last-child{display:none}.favorite{top:11px;right:11px;width:25px;height:25px}.section-head h2{font-size:23px}.filter{padding:8px 13px}.section-head{margin-top:27px}.original-banner{padding:20px}.original-banner h3{font-size:18px}footer{padding:24px 20px}.play-title h1{font-size:28px}.player{height:490px}}