@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=Inter:wght@400;500;600;700;800;900&display=swap";:root{font-family:Inter,system-ui,Arial,sans-serif;color:#4c1740;background:#fff4fa}*{box-sizing:border-box}body{margin:0;overflow:hidden;background:#fff4fa}canvas{display:block}#menu{position:fixed;z-index:5;left:50%;top:50%;transform:translate(-50%,-50%);width:min(470px,93vw);padding:34px 32px 29px;border:1px solid #f5c7e0;border-radius:23px;background:linear-gradient(145deg,#fffffff7,#ffeff9f5);box-shadow:0 25px 100px #9f1d6a40,0 3px #fff inset;text-align:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}#menu:before,#menu:after{content:"✦";position:absolute;color:#fa3a9b;text-shadow:0 0 22px #f95ab6;font-size:33px}#menu:before{left:16px;top:14px}#menu:after{right:17px;bottom:15px;font-size:23px}.brand-mark{display:inline-block;padding:7px 18px;border:1px solid #f3b5d7;border-radius:99px;color:#e71586;background:#fff8fc;font-size:11px;font-weight:900;letter-spacing:4px;margin-bottom:16px}.brand-mark span{color:#f8a4ce}#menu h1{font-family:Barlow Condensed,Impact,sans-serif;font-size:clamp(43px,7vw,63px);line-height:1;letter-spacing:.5px;margin:0;color:#e61b88;text-shadow:1px 1px #fff,2px 3px 0 #f8b0d7,3px 5px 0 #b73b83,0 9px 24px #d44a9950}#menu h1 span{color:#ac246d}#menu p{letter-spacing:4px;color:#a45283;font-size:10px;font-weight:900;margin:16px 0 24px}input,button{width:100%;border-radius:11px;padding:15px;margin:5px 0;font:inherit;border:1px solid #edbbd6}input{background:#fff;color:#581747;outline:none}input:focus{border-color:#f22b94;box-shadow:0 0 0 3px #f22b9420}button{cursor:pointer;font-weight:900;background:linear-gradient(110deg,#f01887,#ff5bb3);color:#fff;border:0;box-shadow:0 8px 20px #ef278e45;transition:transform .15s,filter .15s}button:hover{filter:brightness(1.06);transform:translateY(-1px)}button#google{background:#fff;color:#9c2d70;border:1px solid #edbbd6;box-shadow:none;font-weight:700}button:disabled{opacity:.5;cursor:not-allowed;transform:none}small{display:block;line-height:1.85;color:#945a7e;margin-top:18px;font-size:11px}#notice{color:#bd2a68;margin-top:12px;font-size:13px}#hud{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:3}#top,#bottom{position:absolute;left:20px;right:20px;display:flex;justify-content:space-between;align-items:center;gap:12px;font-weight:900;color:#6f174d;text-shadow:0 1px 1px #fff}#top{top:20px}#top>span,#bottom span{background:#fff9fdeb;border:1px solid #f3c1de;box-shadow:0 6px 22px #b6318033;padding:11px 17px;border-radius:12px}#top .hud-brand{color:#e81989;letter-spacing:1px}.hud-brand b{color:#7c205c}#bottom{bottom:25px}#cross{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:31px;font-weight:300;color:#f41990;text-shadow:0 1px 3px white}#hint{position:absolute;top:83px;left:50%;transform:translate(-50%);background:#fffaf0ed;border:1px solid #f5c9e1;padding:10px 18px;border-radius:10px;color:#9e286d;font-size:12px;font-weight:700;text-align:center}#menu[hidden],#hud[hidden]{display:none}@media(max-width:550px){#menu{padding:27px 18px}#top,#bottom{left:8px;right:8px;font-size:11px;gap:4px}#top>span,#bottom span{padding:8px 7px}#hint{width:max-content;max-width:95vw}}