@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700;800&display=swap');
:root{--purple:#7055d8;--ink:#252336;--muted:#92909f;--line:#eeedf3}*{box-sizing:border-box}body{margin:0;background:#faf9fc;color:var(--ink);font:14px 'Noto Sans SC',system-ui,sans-serif}button,input,textarea{font:inherit}button{cursor:pointer}button,a,input,textarea{ -webkit-tap-highlight-color:transparent}button{transition:.18s}button:hover{filter:brightness(.96)}button:focus-visible,a:focus-visible{outline:3px solid #baa7f5;outline-offset:3px}header{height:84px;display:flex;align-items:center;gap:60px;padding:0 max(5%,calc((100vw - 1320px)/2));background:white;border-bottom:1px solid var(--line)}.brand{display:flex;gap:10px;align-items:center;font-size:23px;font-weight:800;text-decoration:none;color:var(--ink);white-space:nowrap}.brand small{font-size:10px;letter-spacing:1px;color:#a5a2b4}.logo{background:var(--purple);color:white;font-size:32px;border-radius:12px;width:40px;text-align:center}nav{display:flex;gap:28px;height:100%;align-items:center}.nav{border:0;background:none;color:#868293;height:100%;padding:0;position:relative}.nav.active{color:var(--purple);font-weight:600}.nav.active:after{content:'';height:3px;background:var(--purple);position:absolute;bottom:0;left:0;right:0}.nav span{font-size:10px;background:#f1eef9;border-radius:5px;padding:2px 5px}.header-note{margin-left:auto;color:#94929e;font-size:12px;white-space:nowrap}.header-note i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#96bca0;margin-right:7px}main{max-width:1320px;margin:auto;padding:0 30px}.hero{height:250px;display:flex;align-items:center;justify-content:space-between}.eyebrow{font-size:10px;font-weight:700;letter-spacing:3px;color:var(--purple);margin-bottom:13px}h1{font-size:40px;letter-spacing:-1px;margin:0 0 16px;font-weight:800}h1 span{color:var(--purple)}.hero p{color:#8c879b;font-size:14px}.hero-art{position:relative;width:310px;height:195px;margin-right:55px;background:radial-gradient(ellipse,#eee7ff,transparent 68%)}.controller{position:absolute;top:50px;left:70px;width:153px;height:88px;background:linear-gradient(140deg,#baa4f0,#8060d1);border-radius:39px 39px 29px 29px;transform:rotate(-17deg);box-shadow:0 12px 0 #e0d5f2, inset 0 4px 4px #d9c9fb;display:flex;align-items:center;justify-content:space-around;color:#f4eeff}.controller b{font-size:42px;font-weight:500;text-shadow:0 2px #7151b3}.controller em{font-size:18px;line-height:15px;text-align:center;font-style:normal;transform:rotate(17deg)}.orbit{position:absolute;width:270px;height:108px;border:1px solid #ded5ef;border-radius:50%;top:56px;left:5px;transform:rotate(-22deg)}.spark{position:absolute;color:#b399e2}.s1{right:30px;top:29px;font-size:32px}.s2{left:22px;bottom:23px;font-size:22px}.art-label{position:absolute;bottom:5px;left:45px;font-size:8px;letter-spacing:2px;color:#aba0bd}.workspace{display:grid;grid-template-columns:320px 1fr;gap:32px;align-items:start}.preference{background:white;border:1px solid #e9e5f0;border-radius:16px;padding:24px;box-shadow:0 8px 24px #39305b04}.panel-title{display:flex;align-items:center;gap:9px}h2{font-size:17px;margin:0;font-weight:700}.mini-icon{font-size:26px;color:var(--purple)}.ai-badge{font-size:10px;color:var(--purple);background:#f1edfc;padding:2px 6px;border-radius:4px;margin-left:auto}.muted{font-size:12px;color:#9994a6;margin:8px 0 27px}label{display:block;font-size:12px;font-weight:600;margin-bottom:12px}label small{font-weight:400;color:#aaa5b4;float:right}textarea{resize:vertical;width:100%;min-height:148px;border:1px solid #e6e1ee;border-radius:9px;padding:13px;font-size:12px;line-height:1.9;background:#fcfbfe;color:var(--ink)}textarea:focus,input:focus{outline:2px solid #c9b9f1;outline-offset:1px}textarea::placeholder{color:#aaa4b6}.input-bottom{display:flex;justify-content:space-between;font-size:10px;color:#aaa4b3;margin:7px 0 26px}.prompts{display:grid;grid-template-columns:1fr 1fr;gap:9px}.prompts button{font-size:11px;background:#faf9fc;border:1px solid #ebe7f1;border-radius:7px;padding:9px;color:#746985}.primary{border:0;background:var(--purple);color:white;border-radius:8px;width:100%;padding:14px;margin-top:27px;font-weight:600;font-size:13px;box-shadow:0 5px 10px #7355d822}.primary span{float:right}.primary:disabled{opacity:.65;cursor:wait}.privacy{text-align:center;font-size:10px;color:#aaa4b4;margin:13px 0 0}.little-note{display:flex;gap:14px;padding:25px 12px;color:#8a8299}.little-note>span{font-size:26px;color:#b5a5d4}.little-note strong{font-size:12px;font-weight:500}.little-note p{font-size:11px;color:#a9a3b3;line-height:1.9}.section-heading{display:flex;justify-content:space-between;align-items:center;margin:2px 0 20px}.section-heading h2 span{font-size:10px;border:1px solid #e9e3f0;color:#a097ad;font-weight:400;border-radius:4px;padding:3px 6px;margin-left:8px}.section-heading p{font-size:11px;color:#a29bab;margin:7px 0 0}.section-heading>span{font-size:11px;color:#a29bab}.filters{display:flex;justify-content:space-between;gap:10px;margin-bottom:20px;align-items:center}#types{display:flex;gap:6px;flex-wrap:wrap}#types button{background:transparent;border:0;color:#92889e;padding:7px 12px;font-size:11px;border-radius:6px}#types button.selected{background:#ece6fa;color:var(--purple);font-weight:600}#search{min-width:0;width:142px;padding:8px 10px;border:1px solid #eae5f0;background:white;border-radius:7px;font-size:11px}.game-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:19px}.game{border-radius:11px;overflow:hidden;border:1px solid #eae6ef;background:white;transition:transform .2s,box-shadow .2s}.game:hover{transform:translateY(-3px);box-shadow:0 8px 20px #3020440b}.cover{height:139px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;isolation:isolate}.cover:before{content:'';position:absolute;width:140px;height:140px;transform:rotate(35deg);bottom:-91px;left:-6px;background:#ffffff35;box-shadow:106px -33px 0 #ffffff28;z-index:-1}.cover:after{content:'';position:absolute;width:65px;height:65px;background:#fff4;border-radius:50%;right:22px;top:17px;z-index:-1}.cover .art-icon{font-size:70px;color:#fff9;text-shadow:0 8px 0 #0000000b;transform:rotate(-8deg)}.cover .en{position:absolute;bottom:11px;left:14px;color:#ffffffc9;font-size:8px;font-weight:700;letter-spacing:1.4px}.peach{background:linear-gradient(125deg,#deaabb,#8b86bc)}.green{background:linear-gradient(130deg,#7fb891,#426c69)}.blue{background:linear-gradient(120deg,#98b8dc,#6874b7)}.pink{background:linear-gradient(120deg,#caa4a3,#a485a5)}.red{background:linear-gradient(125deg,#924f63,#382d4c)}.gold{background:linear-gradient(120deg,#e2bc7e,#ba8a68)}.cyan{background:linear-gradient(120deg,#6eafbd,#526780)}.violet{background:linear-gradient(120deg,#a695c6,#584b81)}.favorite{position:absolute;top:10px;right:10px;background:#fffD;color:#81748f;border:0;width:27px;height:27px;border-radius:50%;font-size:18px}.favorite.on{color:#8a5bc7;background:#fff}.game-body{padding:15px}.game h3{font-size:14px;margin:0 0 9px}.tags{display:flex;gap:5px;flex-wrap:wrap}.tags span{background:#f5f3f8;color:#92869e;padding:2px 5px;font-size:9px;border-radius:3px}.game p{color:#a097ac;font-size:11px;line-height:1.8;min-height:39px;margin:10px 0 13px}.card-bottom{border-top:1px solid #f2eff5;padding-top:10px;display:flex;align-items:center;justify-content:space-between;gap:2px}.time{font-size:9px;color:#9e94aa}.stars{white-space:nowrap}.stars button{font-size:12px;border:0;background:none;padding:0 1px;color:#ddd7e7}.stars button.on{color:#b69adf}.catalog-note{font-size:10px;color:#b0a8ba;text-align:center;margin:24px 0 40px}footer{border-top:1px solid var(--line);padding:25px 5%;display:flex;justify-content:space-between;font-size:10px;color:#aaa1b5;gap:16px}.result{padding:22px;border:1px solid #dcd0f6;border-radius:12px;background:#f4efff;margin-bottom:24px}.result h2{color:#6c4db0;margin-bottom:12px}.result p{line-height:1.9;white-space:pre-wrap;font-size:13px}.result button,.saved-card button{border:1px solid #d5c7ed;background:white;padding:8px 14px;border-radius:6px;color:#75579d;font-size:12px}.result.error{background:#fff4f1;border-color:#f0cfc5}.loading-dot{display:inline-block;animation:pulse 1s infinite}@keyframes pulse{50%{opacity:.3}}.saved-card{background:white;border:1px solid var(--line);border-radius:12px;padding:22px;margin-bottom:16px}.saved-card p{white-space:pre-wrap;line-height:1.9;font-size:13px}.saved-card small{color:var(--muted)}.empty{grid-column:1/-1;padding:50px 20px;text-align:center;color:#9e91b2;border:1px dashed #e1d8ed;border-radius:12px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#352a47;color:white;border-radius:8px;padding:12px 22px;font-size:12px;display:none;z-index:5}[hidden]{display:none!important}@media(min-width:1450px){.cover{height:155px}}@media(max-width:1100px){header{gap:30px;padding:0 30px}.header-note{display:none}.workspace{grid-template-columns:285px 1fr;gap:24px}.game-grid{grid-template-columns:repeat(2,1fr)}.filters{align-items:start}#search{width:112px}.hero-art{margin-right:0}.section-heading h2 span{display:none}}@media(max-width:700px){header{height:auto;min-height:74px;padding:16px 20px;flex-wrap:wrap;gap:14px}.brand{font-size:21px}.brand small{font-size:9px}nav{gap:23px;width:100%;height:34px}.nav{font-size:12px}main{padding:0 18px}.hero{height:203px;position:relative}.hero>div:first-child{z-index:1}.hero h1{font-size:30px}.hero p{font-size:12px;max-width:240px;line-height:1.9}.hero-art{position:absolute;right:-15px;top:30px;width:135px;opacity:.35;transform:scale(.65);transform-origin:right center}.eyebrow{font-size:8px;letter-spacing:2px}.workspace{grid-template-columns:1fr;gap:26px}.preference{padding:20px}.muted{margin-bottom:18px}textarea{min-height:108px}.prompts{grid-template-columns:repeat(4,1fr);gap:5px}.prompts button{padding:8px 1px;font-size:10px}.primary{margin-top:18px}.little-note{display:none}.filters{flex-direction:column;gap:12px}#types{gap:3px}#types button{padding:7px 11px}#search{width:100%}.game-grid{gap:12px}.cover{height:125px}.game-body{padding:12px}.game h3{font-size:12px}.card-bottom{flex-direction:column;align-items:start;gap:6px}.section-heading h2{font-size:16px}.game p{min-height:59px}footer{flex-wrap:wrap;padding:20px}.hero-art .art-label{display:none}}
@media(max-width:700px){.hero{overflow:hidden}.content,.workspace>*{min-width:0}}