:root{--ink:#f3edff;--muted:#a9afd1;--night:#12152e;--panel:#1c2143;--pink:#f16eab;--cyan:#6eddd2;--yellow:#f4df78;font-family:Georgia,'Times New Roman',serif}*{box-sizing:border-box}body{margin:0;min-width:320px;color:var(--ink);background:var(--night);background-image:radial-gradient(circle at 20% 10%,rgba(241,110,171,.18),transparent 30%),radial-gradient(circle at 80% 80%,rgba(110,221,210,.14),transparent 28%)}button{font:inherit}.shell{width:min(1160px,calc(100% - 44px));margin:auto;padding:24px 0 20px}.topbar,.brand,.meta,footer{display:flex;align-items:center}.topbar,footer{justify-content:space-between;gap:20px}.topbar{padding-bottom:64px}.brand{gap:10px;color:var(--ink);text-decoration:none;font:700 14px Arial,sans-serif;letter-spacing:.04em}.mark{width:27px;height:27px;display:grid;place-items:center;background:var(--pink);color:#fff;border-radius:50% 50% 50% 4px;font:italic 20px Georgia}.meta{gap:16px;font:700 10px Arial,sans-serif;letter-spacing:.11em;text-transform:uppercase;color:var(--muted)}.meta button{color:var(--ink);background:transparent;border:1px solid #3f4772;border-radius:20px;padding:9px 12px;font:700 10px Arial;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.intro{display:grid;grid-template-columns:1fr .78fr;gap:70px;align-items:end;margin-bottom:40px}.eyebrow,.card-head,.mixer-title,.help,footer,.log-title{font:700 10px Arial,sans-serif;letter-spacing:.11em;text-transform:uppercase}.eyebrow{color:var(--cyan);margin:0 0 18px}.eyebrow:before{content:'';display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--pink);margin-right:8px}h1{font-size:clamp(52px,6.6vw,82px);line-height:.89;letter-spacing:-.065em;font-weight:400;margin:0 0 25px}h1 em{color:var(--pink);font-style:italic}.lead{max-width:445px;color:var(--muted);font-size:16px;line-height:1.6;margin:0}.stats{display:flex;justify-content:space-between;border-top:1px solid #383f67;border-bottom:1px solid #383f67;padding:16px 0}.stats div{border-left:2px solid var(--cyan);padding-left:12px;min-width:78px}.stats small{display:block;color:var(--muted);font:700 9px Arial;letter-spacing:.1em;text-transform:uppercase;margin-bottom:7px}.stats strong{font-size:30px;font-weight:400}.stats b{font:11px Arial;color:var(--muted);margin-left:3px}.game-card{background:var(--panel);padding:20px;box-shadow:0 25px 70px rgba(0,0,0,.3);border:1px solid #303860}.card-head{display:flex;justify-content:space-between;color:var(--muted);font-size:9px;padding:0 3px 15px}.card-head span:first-child{color:var(--cyan)}.scene{height:clamp(350px,42vw,470px);position:relative;overflow:hidden;isolation:isolate;background:#222652}.window{position:absolute;inset:0 0 28%;background:linear-gradient(155deg,#273764,#1d2250)}.moon{position:absolute;z-index:2;width:105px;height:105px;right:15%;top:14%;border-radius:50%;background:var(--yellow);box-shadow:0 0 44px rgba(244,223,120,.35)}.moon:after{content:'';position:absolute;inset:17px 12px 13px 20px;border-radius:50%;background:#e6cf70;opacity:.45}.stars{position:absolute;inset:0;background-image:radial-gradient(#fff 1px,transparent 1.5px);background-size:63px 57px;opacity:.52}.bubble{position:absolute;z-index:8;left:7%;top:10%;max-width:230px;padding:12px 15px;background:#fffdf2;color:#1c2143;border-radius:16px 16px 16px 3px;font:700 12px/1.35 Arial;box-shadow:0 8px 23px #11152e88;transform:rotate(-2deg)}.bubble:after{content:'';position:absolute;bottom:-8px;left:18px;border-width:9px 9px 0 0;border-style:solid;border-color:#fffdf2 transparent transparent}.floor-glow{position:absolute;bottom:-35%;left:15%;width:70%;height:70%;border-radius:50%;background:radial-gradient(ellipse,#6eddd240,transparent 65%)}.mine{position:absolute;z-index:4;bottom:12%;left:50%;width:150px;height:272px;transform:translateX(-50%)}.hair-back{position:absolute;z-index:1;left:27px;top:1px;width:103px;height:202px;background:#805d4c;border-radius:48% 47% 35% 42%;transform:rotate(3deg)}.head{position:absolute;z-index:4;left:40px;top:5px;width:79px;height:91px}.face{position:absolute;top:12px;left:7px;width:65px;height:75px;background:#e9ad88;border-radius:46%}.hair-top,.bangs{background:#805d4c}.hair-top{position:absolute;z-index:2;top:0;left:0;width:82px;height:54px;border-radius:52% 54% 35% 30%}.bangs{position:absolute;z-index:5;top:32px;left:5px;width:71px;height:29px;border-radius:8% 10% 50% 50%;clip-path:polygon(0 0,100% 0,92% 65%,77% 43%,64% 100%,48% 49%,31% 75%,17% 38%,0 66%)}.eye{position:absolute;top:44px;width:5px;height:6px;border-radius:50%;background:#163c43}.eye.l{left:20px}.eye.r{right:20px}.nose{position:absolute;top:51px;left:31px;width:5px;height:7px;border-left:1px solid #b76f5b}.mouth{position:absolute;top:64px;left:27px;width:14px;height:6px;border-bottom:2px solid #c85948;border-radius:50%}.body{position:absolute;z-index:2;left:36px;bottom:17px;width:78px;height:108px;background:var(--pink);border-radius:44% 44% 22% 22%}.body b{position:absolute;left:31px;top:27px;color:#fff8;font:italic 28px Georgia}.legs{position:absolute;z-index:1;bottom:0;left:36px;width:78px;height:137px;background:linear-gradient(90deg,#9ab39a 0 47%,transparent 47% 53%,#9ab39a 53%);border-radius:25px 25px 10px 10px}.students{position:absolute;z-index:5;left:7%;right:7%;bottom:7%;height:75px;display:flex;align-items:end;justify-content:space-around}.student{width:55px;height:37px;padding-top:8px;border-radius:50% 50% 15% 15%;background:#373d73;color:var(--cyan);text-align:center;font:700 12px Arial;font-style:normal;transition:.3s}.s2{background:#75416e;color:var(--yellow);height:45px}.s3{background:#31586f;color:var(--pink);height:29px}.s4{background:#594674;color:var(--yellow);height:41px}.scene.awake .student{animation:awake .35s ease-in-out}.scene.awake .s2{transform:translateY(-22px) rotate(8deg)}@keyframes awake{50%{transform:translateY(-17px)}}.mixer{margin-top:18px}.mixer-title{display:flex;justify-content:space-between;color:var(--muted);font-size:9px;margin-bottom:10px}.mixer-title strong{color:var(--cyan);font:700 11px Arial;letter-spacing:.02em}.sound-pads{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.sound-pads button{min-height:93px;text-align:left;padding:12px;background:#252b54;border:1px solid #3e4773;color:var(--ink);cursor:pointer;transition:.15s}.sound-pads button:hover,.sound-pads button.active{border-color:var(--cyan);background:#293660;transform:translateY(-2px)}.pad-icon{display:block;color:var(--pink);font-size:23px;height:27px}.sound-pads strong{display:block;font-size:15px;font-weight:400}.sound-pads small{display:block;color:var(--muted);font:10px Arial;margin-top:4px}.level{display:block;height:3px;background:#12152e;margin-top:9px}.level b{display:block;height:100%;width:0;background:var(--cyan);transition:.2s}.sound-pads button.active .level b{width:70%}.hint{text-align:center;color:var(--muted);font:11px Arial;margin:12px 0}.main-button{width:100%;height:49px;border:0;background:var(--pink);color:#fff;cursor:pointer;font:700 12px Arial;letter-spacing:.08em;text-transform:uppercase}.main-button:hover{background:#ff8abd}.main-button span:first-child{font-size:20px;color:var(--yellow);vertical-align:-2px;margin-right:8px}.progress{height:3px;background:#343b66;margin-top:18px}.progress span{display:block;height:100%;width:0;background:var(--cyan);transition:.2s}.help{text-align:center;color:var(--muted);font-size:9px;margin:13px 0 0}.notes{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:32px}.notes article{min-height:90px;padding:18px 21px;border-top:1px solid #383f67;display:flex;gap:15px}.symbol{font-size:23px;color:var(--yellow)}h2{font-weight:400;font-size:15px;margin:0}.notes p{color:var(--muted);font-size:13px;line-height:1.45;margin:7px 0 0}.log{display:block;background:#1c214388}.log-title{color:var(--cyan);font-size:9px;margin:0!important}.log-title i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--pink);margin-right:7px}#log{font-style:italic}footer{border-top:1px solid #383f67;padding-top:17px;margin-top:24px;color:var(--muted);font-size:9px}@media(max-width:800px){.shell{width:min(100% - 28px,560px);padding-top:18px}.topbar{padding-bottom:38px}.meta>span{display:none}.intro{display:block;margin-bottom:26px}.lead{font-size:15px;margin-bottom:24px}.stats{max-width:430px}.game-card{padding:15px 14px 18px}.scene{height:min(112vw,445px)}.bubble{left:4%;max-width:190px}.moon{right:10%;width:82px;height:82px}.sound-pads{grid-template-columns:1fr}.sound-pads button{min-height:65px;display:grid;grid-template-columns:35px 1fr 1fr;align-items:center;gap:7px}.sound-pads .pad-icon{grid-row:span 2}.sound-pads small{margin:0;text-align:right}.sound-pads .level{grid-column:2 / 4;margin:0}.notes{grid-template-columns:1fr;gap:0}.notes article{padding-left:0;padding-right:0}}@media(max-width:390px){.meta button span{display:none}.scene{height:370px}.mine{transform:translateX(-50%) scale(.88);transform-origin:50% 100%}}