@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap');
:root{font-family:'DM Sans',sans-serif;color:#4c4758;background:#fff;font-synthesis:none}*{box-sizing:border-box}body{margin:0;overflow:hidden}button{-webkit-tap-highlight-color:transparent;font:inherit;cursor:pointer}main{position:relative;height:calc(100dvh - 80px);min-height:260px;overflow:hidden}canvas{display:block;width:100%;height:100%;outline:none;touch-action:none}footer{height:80px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 5%;background:#fff}.scoreboard{display:flex;gap:35px;align-items:center}.scoreboard div{display:flex;flex-direction:column;gap:5px}.scoreboard div>span{font-size:8px;color:#a7a0b3;letter-spacing:1.6px}.scoreboard strong{font-weight:500;font-variant-numeric:tabular-nums;font-size:22px;letter-spacing:1px;line-height:1.2}.best strong{color:#aba4b6}.level-wrap strong{color:#aba4b6;font-size:18px}.instructions{display:flex;gap:15px;color:#aaa3b1;font-size:10px;letter-spacing:.5px}.instructions b{font-weight:400;color:#d7d0dd}nav{display:flex;gap:8px}.icon{width:34px;height:34px;border:1px solid #eeeaf2;background:#fff;border-radius:50%;color:#9b92a7;font-size:15px;display:grid;place-items:center;transition:.2s}.icon:hover{background:#f7f4fb;border-color:#d8d2e8;transform:translateY(-2px)}svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}#toast{position:absolute;left:50%;top:58%;transform:translate(-50%,-50%);pointer-events:none;text-align:center;font-size:27px;font-family:Georgia,serif;font-style:italic;color:#a48bc5;opacity:0;transition:opacity .2s;white-space:nowrap}#toast.show{opacity:1}#toast small{display:block;font:9px 'DM Sans',sans-serif;letter-spacing:1.6px;margin-top:9px;color:#aaa1b5}.launcher-note{position:absolute;color:#a59aad;font-size:8px;letter-spacing:1.5px;pointer-events:none;white-space:nowrap}.launcher-note span{display:block;font-size:7px;color:#b8afbf;margin-top:6px;letter-spacing:1px}#swap{position:absolute;border:0;background:transparent;color:#ada2b9;font-size:22px;width:28px;height:32px;padding:0;border-radius:50%}#swap:hover{background:#f4f1f8;color:#756b8a}.misses{display:flex;gap:6px;position:absolute;pointer-events:none}.misses i{display:block;width:4px;height:4px;border-radius:50%;background:#e3ddea}.misses i.used{background:#b9a3d4}#notice{position:absolute;bottom:128px;left:50%;transform:translateX(-50%);color:#b0a4bb;font-size:9px;letter-spacing:.6px;pointer-events:none;transition:opacity .3s;white-space:nowrap}.modal{position:absolute;inset:0;background:#ffffffb8;backdrop-filter:blur(12px);display:grid;place-items:center;z-index:10}.modal[hidden]{display:none}.modal-card{padding:40px;text-align:center;background:#ffffffed;border:1px solid #f0edf4;border-radius:28px;box-shadow:0 20px 90px #7a668b12;max-width:440px;margin:20px}.eyebrow{font-size:8px;letter-spacing:2px;color:#a18bbd}h1{font:italic 30px Georgia,serif;font-weight:400;letter-spacing:-.6px;margin:19px 0}.modal-card p{font-size:12px;color:#97939e;line-height:2.1;margin:0 0 25px}.primary{border:0;background:#9583b5;color:white;padding:13px 24px;border-radius:30px;font-size:12px;min-width:170px;display:inline-flex;justify-content:space-between;gap:24px}.primary:hover{background:#8572a7}:focus-visible{outline:2px solid #b498d5;outline-offset:4px}@media(max-width:700px){main{height:calc(100dvh - 76px)}footer{height:76px;padding:0 5%;gap:10px}.scoreboard{gap:18px}.scoreboard strong{font-size:18px}.scoreboard div>span{font-size:7px;letter-spacing:1px}.level-wrap strong{font-size:16px}.instructions{display:none}nav{gap:5px}.icon{width:29px;height:29px;font-size:13px}svg{width:14px;height:14px}.modal-card{padding:28px}#notice{font-size:8px;letter-spacing:.1px;bottom:118px}}@media(max-width:360px){.scoreboard{gap:12px}.icon{width:27px;height:27px}nav{gap:3px}footer{padding:0 4%}}