:root{--mag: #ff2d8f;--yel: #ffb000;--cya: #00c8d8;--ink: #1d1036;--paper: #fff6ea;--dim: rgba(255, 246, 234, .7)}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#1a1240;color:var(--paper);font-family:Fredoka,system-ui,sans-serif}#c{position:fixed;inset:0;width:100%;height:100%;display:block}#hud{position:fixed;inset:0;pointer-events:none}#loading{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;background:radial-gradient(ellipse at 50% 45%,#3a2a8a,#140c33);transition:opacity 1s;z-index:5}#loading.done{opacity:0;pointer-events:none}#loading .title{font-family:Rubik Wet Paint,Fredoka,sans-serif;font-size:clamp(56px,11vw,140px);letter-spacing:.08em;background:linear-gradient(90deg,var(--mag),var(--yel) 50%,var(--cya));-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 6px 0 var(--ink))}#loading .bar{width:min(340px,70vw);height:10px;background:#ffffff26;border-radius:10px;overflow:hidden;border:3px solid var(--ink)}#loading .bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--mag),var(--yel),var(--cya));transition:width .3s}#msg{font-size:16px;font-weight:500;color:var(--dim)}#hud.off{display:none}.cross{position:absolute;left:50%;top:50%;width:22px;height:22px;margin:-11px 0 0 -11px;border-radius:50%;border:3px solid var(--paper);box-shadow:0 0 0 2px var(--ink)}.cross:after{content:"";position:absolute;left:50%;top:50%;width:6px;height:6px;margin:-3px 0 0 -3px;border-radius:50%;background:var(--paper)}.cross.c0{border-color:var(--mag)}.cross.c1{border-color:var(--yel)}.cross.c2{border-color:var(--cya)}.pots{position:absolute;left:26px;bottom:24px;display:flex;gap:12px;align-items:flex-end}.pot{position:relative;display:flex;align-items:center;gap:8px;padding:6px 12px 6px 6px;border-radius:30px;background:#1d10368c;border:3px solid var(--ink);transition:transform .2s,opacity .2s}.pot i{width:34px;height:34px;border-radius:50% 50% 46% 54%/55% 48% 52% 45%;border:3px solid var(--ink)}.pot.p0 i{background:var(--mag)}.pot.p1 i{background:var(--yel)}.pot.p2 i{background:var(--cya)}.pot b{position:absolute;left:2px;top:-10px;font-size:13px;width:20px;height:20px;border-radius:50%;background:var(--paper);color:var(--ink);display:flex;align-items:center;justify-content:center;border:2px solid var(--ink)}.pot span{font-weight:700;font-size:15px;letter-spacing:.06em;line-height:1.05}.pot span small{display:block;font-weight:500;font-size:12px;letter-spacing:.04em;opacity:.8}.pot.on{transform:scale(1.12) translateY(-4px);background:#1d1036d1}.pot.p0.on{border-color:var(--mag)}.pot.p1.on{border-color:var(--yel)}.pot.p2.on{border-color:var(--cya)}.pot.locked{opacity:.35;filter:grayscale(1)}.top{position:absolute;left:26px;top:20px;display:flex;gap:26px;align-items:baseline;text-shadow:0 3px 0 var(--ink)}.gems{font-size:40px;font-weight:700;display:flex;align-items:center;gap:10px}.gems i{width:26px;height:32px;background:linear-gradient(135deg,var(--mag),var(--yel) 50%,var(--cya));clip-path:polygon(50% 0,100% 40%,50% 100%,0 40%)}.gems small,.cover small{font-size:18px;font-weight:500;opacity:.8}.cover{font-size:30px;font-weight:700}.hint{position:absolute;left:50%;bottom:30px;transform:translate(-50%);max-width:min(620px,calc(100vw - 32px));padding:10px 20px;border-radius:22px;background:#1d1036b8;border:3px solid var(--ink);font-size:17px;line-height:1.4;text-align:center;opacity:0;transition:opacity .4s}.hint.on{opacity:1}.hint b{color:var(--yel)}.banner{position:absolute;left:50%;top:22%;transform:translate(-50%,-50%) rotate(-2deg) scale(.9);text-align:center;opacity:0;transition:opacity .3s,transform .3s}.banner.on{opacity:1;transform:translate(-50%,-50%) rotate(-2deg) scale(1)}.banner h2{margin:0;font-family:Rubik Wet Paint,Fredoka,sans-serif;font-weight:400;font-size:clamp(40px,7vw,84px);color:var(--paper);text-shadow:0 5px 0 var(--ink),0 0 30px rgba(255,45,143,.5);white-space:nowrap}.banner p{margin:6px 0 0;font-size:19px;font-weight:600;text-shadow:0 2px 0 var(--ink)}.titlescreen{position:fixed;inset:0;display:none;align-items:flex-end;padding:0 0 7vh 6vw;pointer-events:none;z-index:3;background:linear-gradient(to right,rgba(20,10,50,.6),transparent 60%)}.titlescreen.on{display:flex}.tcard{max-width:560px;pointer-events:auto}.tcard h1{margin:0;font-family:Rubik Wet Paint,Fredoka,sans-serif;font-weight:400;font-size:clamp(64px,11vw,150px);line-height:.95;background:linear-gradient(90deg,var(--mag),var(--yel) 55%,var(--cya));-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 7px 0 var(--ink))}.tcard p{margin:14px 0 22px;font-size:18px;line-height:1.5;text-shadow:0 2px 0 var(--ink)}.tcard button.go{font:700 22px Fredoka,sans-serif;letter-spacing:.12em;padding:14px 52px;border-radius:40px;border:4px solid var(--ink);cursor:pointer;color:var(--ink);background:linear-gradient(90deg,var(--mag),var(--yel),var(--cya));box-shadow:0 6px 0 var(--ink)}.tcard button.go:active{transform:translateY(4px);box-shadow:0 2px 0 var(--ink)}.tcard .keys{margin-top:20px;font-size:14px;line-height:2;text-shadow:0 1px 0 var(--ink)}.tcard kbd{font:600 12px Fredoka,sans-serif;padding:2px 7px;border-radius:7px;background:var(--paper);color:var(--ink);border:2px solid var(--ink)}.qpick{display:flex;gap:8px;align-items:center;margin-top:18px}.qpick span{font-weight:600;font-size:13px;letter-spacing:.1em;text-transform:uppercase;margin-right:4px}.qpick button{font:600 14px Fredoka,sans-serif;padding:6px 14px;border-radius:20px;cursor:pointer;color:var(--paper);background:#1d103699;border:3px solid var(--ink)}.qpick button.on{background:var(--yel);color:var(--ink)}