@charset "UTF-8";
:root{font-family:"Microsoft YaHei","PingFang SC",system-ui,sans-serif;color:#342246;background:#faf8f4;font-synthesis:none;--purple:#4f2e91;--yellow:#ffdb78}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default}[hidden]{display:none!important}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #b587e3;outline-offset:5px}button{border:0}a,button{touch-action:manipulation}.wrap{width:min(1320px,calc(100% - 96px));margin:auto}.purple-world{color:#fff5e7;background:radial-gradient(ellipse at 76% 42%,#6846a8 0,transparent 48%),linear-gradient(115deg,#332061,#4f2c8d 75%,#583897);position:relative;overflow:hidden}.purple-world:after{content:"";position:absolute;bottom:-44px;left:-2%;width:105%;height:60px;background:#faf8f4;border-radius:50% 50% 0 0;pointer-events:none}.site-header{height:106px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2}.brand{display:flex;align-items:center;gap:12px;font-weight:850;font-size:23px;letter-spacing:1px}.brand img{width:52px;height:58px;object-fit:contain;filter:drop-shadow(0 5px 5px #20103f44)}.brand small{display:block;font-size:9px;letter-spacing:2.5px;font-weight:500;color:#c4aee0;margin-top:6px}.site-header nav{display:flex;gap:34px;align-items:center;font-size:14px}.site-header nav a span{margin-left:12px;color:#f7d77f}.quiet{color:inherit;background:transparent;font-size:14px;display:flex;align-items:center;gap:10px}.quiet span{width:22px;height:22px;border:1px solid #b69ad0;border-radius:50%;display:grid;place-items:center;font-size:12px}.hero{min-height:460px;display:grid;grid-template-columns:1.05fr 1fr;align-items:center;position:relative;padding:28px 0 34px}.eyebrow{font-size:13px;color:#deccf3;letter-spacing:2px;margin:0 0 20px;display:flex;align-items:center;gap:9px}.eyebrow i{background:#f6d479;height:7px;width:7px;border-radius:50%;box-shadow:0 0 0 5px #ffd97814}.hero-copy{z-index:1}.hero h1{font-size:clamp(42px,4.5vw,68px);line-height:1.24;letter-spacing:1px;margin:0;font-weight:900;position:relative;width:max-content}.hero h1 span{color:#ffe092}.hero h1 svg{position:absolute;width:255px;bottom:-10px;right:-7px;fill:none;stroke:#e7bd69;stroke-width:3;stroke-linecap:round;opacity:.8}.hero-description{font-size:16px;line-height:1.9;color:#d9c8ed;margin:28px 0 26px}.hero-actions{display:flex;align-items:center;gap:26px}.primary{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;padding:17px 25px;background:#ffdb78;color:#462b6d;font-weight:800;border-radius:12px;font-size:15px;box-shadow:0 5px 0 #bc873a,0 12px 24px #1c0d3625;transition:transform .18s,box-shadow .18s}.primary:hover{transform:translateY(-2px);box-shadow:0 7px 0 #bc873a,0 15px 24px #1c0d3633}.primary:active{transform:translateY(3px);box-shadow:0 2px 0 #bc873a}.primary span{font-size:21px;font-weight:400}.hero-link{font-size:13px;color:#e3d2f4;border-bottom:1px solid #ad8fd1;padding:7px 0}.last-opened{font-size:11px;color:#cfb8e9;margin:17px 0 0}.hero-art{position:relative;height:405px;isolation:isolate}.hero-disc{position:absolute;left:15%;right:4%;height:72%;top:16%;border-radius:50%;background:radial-gradient(circle,#9071bf60,transparent 65%);box-shadow:inset 0 0 60px #9d7fd51a;transform:rotate(-16deg)}.planet-ring{position:absolute;border:1px solid #c1a1ec22;border-radius:50%;transform:rotate(-24deg);inset:15% -3% 12% 4%;z-index:-1}.ring-two{inset:7% 8% 3% 15%;transform:rotate(23deg)}.hero-gaba{position:absolute;width:345px;height:345px;object-fit:contain;left:21%;top:8%;filter:drop-shadow(0 24px 12px #27134266);transform:rotate(-9deg)}.hero-caption{position:absolute;bottom:18px;left:22%;padding:12px 21px;border:1px solid #c4a8e93b;border-radius:30px;font-size:12px;color:#efdeff;background:#3d22625c;backdrop-filter:blur(8px);transform:rotate(-3deg)}.hero-caption span{color:#ffda79;margin-right:8px}.floating-token{position:absolute;width:96px;height:96px;background:#c4a1ee16;border:1px solid #d5b7ee3d;border-radius:25px;box-shadow:0 12px 35px #23113925;backdrop-filter:blur(4px);padding:12px}.token-house{left:5%;top:15%;transform:rotate(-12deg)}.token-cube{right:0;bottom:19%;transform:rotate(15deg);width:88px;height:88px}.floating-token svg{width:100%;height:100%}.twinkle{position:absolute;color:#ffe39c}.t1{top:9%;right:14%;font-size:33px;transform:rotate(15deg)}.t2{left:7%;bottom:17%;font-size:32px}.t3{right:2%;top:30%;font-size:16px}.art-label{position:absolute;font-size:12px;letter-spacing:2px;color:#d8c2ee}.label-one{left:1%;top:48%;transform:rotate(-12deg)}.label-two{right:4%;top:11%;transform:rotate(8deg)}.hero-bottom{min-height:82px;display:flex;align-items:center;gap:48px;padding-bottom:18px;border-top:1px solid #aa88d131;color:#d4bee9;font-size:12px;position:relative;z-index:1}.hero-bottom b{font-size:24px;color:#ffe298;font-family:Georgia,serif;font-weight:400;margin-right:9px}.hero-bottom i{font-style:normal;margin:0 12px;color:#af8fcf}.desktop-note{margin-left:auto;display:flex;align-items:center;gap:9px}.desktop-note svg{width:18px;height:18px;stroke:currentColor;stroke-width:1.4;fill:none}.map-section{padding-top:52px;padding-bottom:35px;scroll-margin-top:28px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.section-kicker{font-size:10px;letter-spacing:2px;color:#927ca6;margin:0 0 10px;font-weight:700}.section-heading h2{font-size:30px;font-weight:850;margin:0 0 10px;letter-spacing:.3px}.section-heading>div>p:last-child{font-size:13px;color:#94839d;margin:0}.collection-count{font-size:12px;padding:9px 13px;border:1px solid #e8dfed;border-radius:25px;color:#8c7599;white-space:nowrap}.collection-count b{margin-left:12px;color:#543277}.game-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.game-card{border:1px solid #e8e0ed;border-radius:20px;overflow:hidden;background:#fffdfb;box-shadow:0 4px 12px #39244d04;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;flex-direction:column}.game-card:hover{transform:translateY(-6px);border-color:#c6b0d9;box-shadow:0 13px 30px #46285913}.card-visual{height:224px;position:relative;overflow:hidden;background:linear-gradient(145deg,#6b4a97,#3c2661)}.visual-ship{background:linear-gradient(145deg,#4e678d,#34305c)}.visual-workshop{background:linear-gradient(145deg,#967398,#5b3d77)}.visual-park{background:linear-gradient(145deg,#59798b,#374765)}.visual-pavilion{background:linear-gradient(145deg,#936898,#52366f)}.visual-bubbles{background:linear-gradient(145deg,#6b69aa,#45376e)}.visual-cannon{background:linear-gradient(145deg,#7963ad,#49336f)}.scene-art{width:100%;height:100%;object-fit:contain;transition:transform .35s}.game-card:hover .scene-art{transform:scale(1.035)}.lesson-label{position:absolute;top:17px;left:18px;font-size:11px;font-weight:650;letter-spacing:1px;color:#ffefce;background:#261b4340;border:1px solid #ead8ff25;border-radius:6px;padding:6px 9px;z-index:1}.visual-arrow{position:absolute;right:18px;top:19px;color:#dbc8f0;font-size:20px;opacity:.7}.visual-topic{position:absolute;bottom:15px;left:18px;font-size:11px;color:#ede1fa;letter-spacing:2px}.card-copy{padding:22px 21px 18px;display:flex;flex-direction:column;flex:1}.card-title-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.card-copy h3{font-size:20px;margin:0;font-weight:850;letter-spacing:-.4px}.recent-dot{font-size:9px;padding:4px 6px;border-radius:4px;color:#8d6f37;background:#fff3d7;white-space:nowrap}.card-copy>p{color:#9a879e;font-size:12px;line-height:1.85;margin:11px 0 22px;min-height:44px;max-width:30em}.card-bottom{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:6px;border-top:1px solid #f0eaf1;padding-top:15px}.tags{display:flex;gap:5px;flex-wrap:wrap}.tags span{font-size:9px;color:#9a85a4;background:#f4eff6;border-radius:4px;padding:5px 6px}.card-play{font-size:11px;font-weight:700;color:#72518e;white-space:nowrap}.card-play b{font-size:16px;margin-left:5px;font-weight:400}.play-note{margin-top:32px;border:1px solid #e9dfed;border-radius:16px;background:#f2ecf5;padding:23px 27px;display:flex;align-items:center;gap:18px}.note-icon{font-size:30px;color:#a68cbd}.play-note b{font-size:14px;color:#725382}.play-note p{font-size:12px;color:#9d87a8;line-height:1.7;margin:7px 0 0}.text-link{margin-left:auto;white-space:nowrap;background:none;color:#805c98;font-size:12px;padding:10px}.site-footer{padding:22px 0 30px;border-top:1px solid #eae3ed;display:flex;align-items:center;gap:24px;font-size:10px;color:#b09eb9}.footer-brand{font-size:12px;color:#8a729b;font-weight:700}.site-footer a{margin-left:auto}.player{position:fixed;inset:0;background:#22143e;z-index:10;display:grid;grid-template-rows:60px minmax(0,1fr);color:#f3e9ff}.player-bar{background:#30204d;display:flex;align-items:center;gap:24px;padding:0 22px;border-bottom:1px solid #a88ac62b;z-index:3}.back-button{background:#ffffff0d;border:1px solid #9b7abb4d;color:#eee1ff;padding:9px 12px;border-radius:8px;white-space:nowrap;font-size:12px}.player-name{display:flex;align-items:center;gap:12px;min-width:0}.player-name>span{font-size:10px;color:#cbb1e7;white-space:nowrap}.player-name strong{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-actions{margin-left:auto;display:flex;gap:10px}.player-actions select{color:#e2d4f0;background:#44305e;border:1px solid #7d5c9d66;border-radius:7px;max-width:220px;padding:7px;font-size:11px}.player-actions button{color:#f5e6ff;background:#543b6d;border:1px solid #8e6ea966;border-radius:7px;padding:7px 11px;font-size:12px}.frame-host{min-height:0;position:relative}.frame-host iframe{height:100%;width:100%;border:0;display:block;background:#39205e}.is-playing{overflow:hidden}.player-loading{position:absolute;inset:60px 0 0;background:#322053;display:flex;flex-direction:column;justify-content:center;align-items:center;pointer-events:none}.player-loading p{font-size:14px;color:#d6c1ec}.loading-star{font-size:48px;color:#f9d97e;animation:turn 2.8s infinite linear}.load-recovery{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);padding:16px 20px;background:#fff6e4;color:#583d70;border:1px solid #d4c3e8;border-radius:12px;text-align:center;box-shadow:0 5px 30px #0004;z-index:4;min-width:310px;font-size:12px}.load-recovery button,.load-recovery a{display:inline-block;background:#e5d6ef;padding:8px 13px;margin:0 4px;border-radius:5px;color:#563a6b}.load-recovery p{margin:0 0 10px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}dialog{width:min(520px,calc(100% - 32px));border:1px solid #e3d5ed;border-radius:24px;background:#fffaf0;padding:38px;color:#503664;box-shadow:0 25px 100px #160b3e44}dialog::backdrop{background:#1d0c3b99;backdrop-filter:blur(6px)}.dialog-close{position:absolute;right:15px;top:12px;background:transparent;color:#9b85ab;font-size:27px;width:36px;height:36px}.dialog-kicker{font-size:11px;color:#a28baf;letter-spacing:2px}dialog h2{font-size:25px;margin:13px 0 28px}dialog ol{padding:0;list-style:none;counter-reset:steps}dialog li{counter-increment:steps;padding-left:40px;position:relative;margin:22px 0}dialog li:before{content:counter(steps,decimal-leading-zero);position:absolute;left:0;top:0;color:#b094ce;font-size:14px}dialog li b{font-size:14px}dialog li p{font-size:12px;line-height:1.9;color:#a08b9e;margin:7px 0 0}dialog .primary{width:100%;margin-top:15px}@keyframes turn{to{transform:rotate(360deg)}}
@media(min-width:1550px){.game-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.card-visual{height:205px}.card-copy{padding:20px 18px}.card-copy h3{font-size:19px}.card-bottom{flex-wrap:wrap;row-gap:10px}.hero{min-height:475px}}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.hero{grid-template-columns:1fr 1fr;min-height:425px}.hero h1{font-size:52px}.hero-gaba{width:290px;height:290px;left:14%;top:14%}.hero-art{height:370px}.hero-caption{left:10%;bottom:18px;font-size:10px}.token-house{width:76px;height:76px;left:0}.token-cube{width:70px;height:70px}.hero-actions{gap:18px}.hero-link{font-size:12px}.primary{padding:15px 20px;font-size:14px}.game-grid{gap:18px}.card-copy{padding:20px 16px 16px}.card-copy h3{font-size:18px}.card-visual{height:195px}.card-bottom{flex-wrap:wrap;row-gap:12px}.card-copy>p{min-height:44px}.hero-bottom{gap:28px}.label-one{display:none}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.site-header{height:84px}.brand{font-size:18px;gap:7px}.brand img{width:39px;height:46px}.brand small{font-size:7px;letter-spacing:1.3px}.site-header nav{gap:16px;font-size:12px}.quiet{font-size:12px;gap:5px}.hero{grid-template-columns:1.1fr .9fr;min-height:370px;padding:25px 0 30px}.hero h1{font-size:42px}.hero h1 svg{width:175px}.hero-description{font-size:13px;margin:24px 0;line-height:1.9}.eyebrow{font-size:10px;letter-spacing:1px}.hero-art{height:310px;min-width:0}.hero-gaba{width:240px;height:270px;left:-12%;top:12%}.floating-token{display:none}.hero-caption{font-size:9px;bottom:5px;left:-5%;white-space:nowrap;padding:9px 12px}.art-label{display:none}.hero-actions{flex-wrap:wrap;gap:14px}.hero-link{font-size:11px}.hero-bottom{gap:23px;min-height:73px;font-size:10px}.hero-bottom b{font-size:20px}.desktop-note{font-size:10px}.hero-bottom>span:nth-child(2){display:none}.game-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.map-section{padding-top:37px}.section-heading h2{font-size:25px}.section-heading>div>p:last-child{font-size:11px}.section-heading{gap:16px}.collection-count{font-size:10px;padding:8px 10px}.card-visual{height:200px}.card-copy h3{font-size:18px}.card-copy>p{font-size:11px}.play-note{padding:20px;gap:12px;flex-wrap:wrap}.play-note b{font-size:12px}.play-note p{font-size:11px}.text-link{margin-left:40px;padding:0}.site-footer{gap:12px;flex-wrap:wrap}.site-footer>span:nth-child(2){display:none}.player-bar{padding:0 10px;gap:12px}.player-name strong{font-size:12px}.player-name>span{display:none}.player-actions select{max-width:130px;font-size:10px}.player-actions button span{display:none}.back-button span{font-size:10px}.player-actions{gap:5px}}
@media(max-width:480px){.wrap{width:calc(100% - 32px)}.site-header nav>a{display:none}.hero{display:block;min-height:495px;padding-top:14px}.hero-copy{position:relative}.hero h1{font-size:43px;z-index:1}.hero-description{max-width:230px;font-size:12px;position:relative;z-index:1}.hero-art{position:absolute;right:-48px;top:37px;width:220px;height:270px;opacity:.9}.hero-gaba{width:230px;height:230px;left:0;top:24%}.hero-disc{left:0;right:0}.planet-ring{display:none}.hero-caption{display:none}.t1{right:15px}.t2{display:none}.hero-actions{position:relative;margin-top:46px;flex-direction:column;align-items:flex-start;gap:13px;z-index:2}.hero-actions .primary{font-size:14px;padding:16px 22px}.hero-bottom{font-size:10px}.hero-bottom b{font-size:21px}.desktop-note{font-size:9px}.desktop-note svg{width:14px}.section-heading{margin-bottom:22px}.section-heading h2{font-size:23px}.section-heading>div>p:last-child{max-width:220px;line-height:1.8}.collection-count{padding:7px 8px;font-size:9px}.collection-count b{margin-left:5px}.game-grid{grid-template-columns:1fr;gap:22px}.card-visual{height:230px}.card-copy{padding:22px}.card-copy h3{font-size:21px}.card-copy>p{font-size:12px;min-height:0;margin-bottom:21px}.card-bottom{flex-wrap:nowrap}.tags span{font-size:10px}.card-play{font-size:12px}.lesson-label{font-size:12px}.play-note{align-items:flex-start;gap:10px;padding:20px 17px}.play-note>div{flex:1}.note-icon{font-size:25px}.text-link{margin-left:35px}.player-bar{gap:8px}.player-name{display:none}.back-button{padding:9px}.player-actions select{max-width:190px}.player-actions button{padding:7px 9px}dialog{padding:33px 25px}dialog h2{font-size:22px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}