@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600&display=swap');
:root{color-scheme:dark;--rose:#f190aa;--cream:#fce9de;--red:#bd284b}*{box-sizing:border-box}body{margin:0;background:#100b12;color:var(--cream);font-family:'Space Grotesk',sans-serif;min-height:100dvh;display:grid;place-items:center;background-image:radial-gradient(ellipse at 50% 40%,#3b182d 0,transparent 65%);touch-action:manipulation}#shell{width:min(1280px,94vw)}header{height:78px;display:flex;align-items:center;justify-content:space-between;color:#a67c8e;font-size:10px;letter-spacing:3px}header a{font:30px 'Cormorant Garamond',serif;color:#f0c2ce;cursor:pointer}header a span{color:#e5466d;margin-left:4px}button{font:inherit;color:var(--cream);cursor:pointer;border:1px solid #9b4761;background:#391727;min-height:44px;padding:11px 25px;transition:background .2s,transform .2s}button:hover{background:#6a233d;transform:translateY(-2px)}button:focus-visible{outline:2px solid #ffdca1;outline-offset:4px}#full{font-size:25px;padding:0 12px;background:transparent;border-color:#573143}#frame{position:relative;aspect-ratio:16/9;border:1px solid #6c354c;box-shadow:0 20px 100px #0008,0 0 0 6px #23101d;overflow:hidden;background:#1c111e}canvas{width:100%;height:100%;display:block;image-rendering:pixelated;touch-action:none}#overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#10091279}#overlay:empty{display:none}.panel{width:90%;text-align:center}.eyebrow{font-size:11px;letter-spacing:5px;color:#e9aebc;margin:0 0 15px}.title{font:600 clamp(35px,6vw,84px)/.9 'Cormorant Garamond',Georgia,serif;letter-spacing:2px;margin:0;color:#fff0e5;text-shadow:0 2px 20px #500a2a}.eight{font:110px/.9 'Cormorant Garamond',serif;color:#f87499;text-shadow:0 0 40px #db305d;display:inline-block}.subtitle{font:italic 27px 'Cormorant Garamond',serif;color:#e8a0b4;margin:12px}.desc{font-size:12px;color:#c29aaa;letter-spacing:1px;margin:15px auto 23px}.primary{background:#9c2445;border-color:#f481a3;box-shadow:0 0 25px #b7234f33;min-width:230px;letter-spacing:3px;font-size:12px}.nav{display:flex;justify-content:center;gap:10px;margin-top:14px}.nav button{background:#1b111bbb;font-size:11px;letter-spacing:1px;padding:10px 18px}.best{font-size:10px;letter-spacing:2px;color:#b6879a;margin-top:22px}.cards{display:flex;gap:12px;justify-content:center;margin:20px 0}.card{width:21%;background:#271420df;border:1px solid #714056;padding:18px 8px}.card strong{display:block;font:25px 'Cormorant Garamond',serif;margin:12px 0}.card small{display:block;color:#b78a9b;font-size:10px;margin:10px}.card button{padding:8px 13px;font-size:11px}.panel h2{font:44px 'Cormorant Garamond',serif;margin:8px}.stars{color:#ffd595;font-size:42px;letter-spacing:10px}.stats{display:flex;justify-content:center;gap:40px;margin:20px}.stats small{display:block;color:#be8e9d;font-size:10px;letter-spacing:2px}.stats b{font-size:24px}.setting{display:flex;justify-content:space-between;align-items:center;margin:20px auto;width:320px;max-width:90%}input{accent-color:#da527b}#hud{position:absolute;inset:16px 20px auto;display:flex;align-items:center;gap:25px;text-shadow:2px 2px #1a0917;pointer-events:none}#hud[hidden]{display:none}#hud small{display:block;font-size:9px;letter-spacing:2px;color:#e0abbc}#hud b{font-size:18px}#hearts{font-size:25px;color:#f66892;letter-spacing:3px}.progress{margin-left:auto;width:25%}.progress>div{height:4px;background:#563444;margin-top:7px}.progress i{display:block;height:100%;background:#ec87a5;width:0}#pause{pointer-events:auto;padding:0;min-width:44px;background:#211322bb}#hint{position:absolute;bottom:20px;left:0;right:0;text-align:center;font-size:12px;letter-spacing:2px;color:#ffe1ec;pointer-events:none}footer{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1px;color:#966e83;margin-top:25px}footer b{padding:0 12px;color:#dc587d}@media(max-width:700px){#shell{width:100vw}header{height:42px;padding:0 14px}header div{font-size:8px}footer{padding:0 12px;font-size:7px;margin-top:12px}footer span:last-child{display:none}.eight{font-size:65px}.eyebrow{font-size:8px;margin-bottom:8px}.subtitle{font-size:20px;margin:6px}.desc{font-size:9px;margin:9px}.nav{margin-top:8px;gap:5px}.nav button{padding:7px 10px;font-size:9px}.best{margin-top:10px;font-size:8px}.panel h2{font-size:27px}.cards{margin:10px 0;gap:5px}.card{padding:8px 3px}.card strong{font-size:16px;margin:5px}.card small{font-size:8px;margin:5px}.card button{font-size:8px;padding:5px;min-height:40px}#hud{inset:8px 10px auto;gap:12px}#hud b{font-size:12px}#hearts{font-size:18px}#hud small{font-size:7px}#hint{font-size:9px;bottom:10px}.setting{margin:8px auto}.stats{margin:8px;gap:20px}.stars{font-size:28px}.primary{min-height:44px;padding:8px 20px}.progress{width:20%}}@media(orientation:landscape) and (max-height:500px){#shell{width:min(100vw,177.77dvh)}header,footer{display:none}#frame{border:0;box-shadow:none}}