:root{color-scheme:dark;font-family:'Avenir Next',system-ui,sans-serif;color:#f9f2fa;background:#10131b}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 20% 0,rgba(106,50,117,.28),transparent 55%),radial-gradient(ellipse at 100% 90%,rgba(38,87,102,.2),transparent 60%);min-height:100dvh}main{max-width:510px;margin:auto;padding:36px 24px 24px}.brand{font-weight:800;font-size:14px;letter-spacing:.16em}.worlds{display:flex;gap:20px;color:#aa9faf;font-size:11px;margin:20px 0 30px}section{border:1px solid #403344;background:linear-gradient(150deg,#211d2bda,#111b24ed);border-radius:26px;padding:30px 28px 16px;box-shadow:0 25px 80px #0004}.eyebrow{font-size:10px;letter-spacing:.23em;color:#bda8c4;font-weight:700}h1{font-size:clamp(36px,9vw,46px);line-height:1.06;letter-spacing:-.04em;margin:20px 0 12px}h1 em{font-style:normal;color:#f991c5}p{color:#bcaec3;font-size:13px}#slots{display:flex;gap:8px;margin:25px 0 22px}#slots span{display:grid;place-items:center;flex:1;aspect-ratio:1;background:#0e111c;border:1px solid #393143;border-radius:12px;color:#75637b;font-size:24px}#slots .filled{border-color:#de83b6;background:#3b2439}#pad{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}button{font:inherit;cursor:pointer}#pad button{display:flex;flex-direction:column;align-items:center;gap:5px;border:1px solid #413849;background:#292331;border-radius:12px;min-height:66px;padding:8px;color:#e8dfea}#pad span{font-size:23px}#pad small{font-size:9px;letter-spacing:.02em}#pad button:hover:not(:disabled){background:#4c2c47;border-color:#df7caf}button:focus-visible{outline:2px solid #f991c5;outline-offset:3px}.actions{display:flex;gap:10px;margin-top:24px}.actions button{border-radius:11px;min-height:45px;font-size:12px;font-weight:700;border:0}#clear{background:#342e3d;color:#d9cddd;padding:0 18px}#unlock{flex:1;background:#efa7cc;color:#291529;display:flex;align-items:center;justify-content:space-between;padding:0 17px}button:disabled{cursor:default;opacity:.45}#message{min-height:2.4em;font-size:12px;margin:12px 0 0;color:#e2a2c7}footer{font-size:10px;color:#86778f;letter-spacing:.11em;text-align:center;margin-top:24px}@media(max-width:390px){main{padding:24px 15px}section{padding:25px 20px 12px}.worlds{gap:14px}#slots{gap:5px}}