:root{--bg: #061724;--panel: rgba(10, 24, 36, .7);--border: rgba(255, 255, 255, .12);--text: rgba(255, 255, 255, .92);--muted: rgba(255, 255, 255, .7)}html,body{height:100%;margin:0;background:var(--bg);overflow:hidden;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--text)}canvas{display:block;width:100vw;height:100vh}#ui{position:fixed;inset:0;pointer-events:none}#topbar{position:absolute;top:14px;left:14px;right:14px;display:flex;align-items:center;justify-content:space-between;gap:12px}#title{font-weight:600;letter-spacing:.2px;opacity:.9;text-shadow:0 1px 12px rgba(0,0,0,.35)}#score{font-variant-numeric:tabular-nums;font-weight:700;padding:8px 10px;border-radius:12px;background:#00000040;border:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}#center{position:fixed;left:0;right:0;bottom:36px;display:flex;justify-content:center}#card{width:min(520px,calc(100vw - 32px));border-radius:18px;background:var(--panel);border:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:18px 18px 16px;box-shadow:0 18px 60px #00000059;text-align:center;pointer-events:auto}#status{font-size:18px;font-weight:650;margin-bottom:10px}#hint{font-size:14px;opacity:.85;margin-bottom:14px}#btn{appearance:none;border:1px solid var(--border);background:#ffffff14;color:var(--text);font-weight:650;padding:10px 14px;border-radius:14px;cursor:pointer}#btn:hover{background:#ffffff1f}.hidden{display:none!important}#byline{position:fixed;right:14px;bottom:12px;color:#000;font-size:12px;opacity:.6;pointer-events:none;-webkit-user-select:none;user-select:none;text-shadow:0 1px 8px rgba(0,0,0,.35)}body.bw canvas{filter:grayscale(1) contrast(1.05) brightness(.75)}#fx-vignette{position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at center,#0000,#00000059 55%,#000000d9);opacity:0;transition:opacity .22s ease}#fx-vignette.show{opacity:1}#soundBtn{position:fixed;top:16px;left:70%;transform:translate(-50%);z-index:40;pointer-events:auto}.hudbtn{appearance:none;border:1px solid rgba(255,255,255,.18);background:#00000059;color:#ffffffe6;padding:8px 12px;border-radius:999px;font-size:13px;line-height:1;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hudbtn:active{transform:translate(-50%) scale(.98)}#wasted{position:fixed;left:50%;top:26%;transform:translate(-50%,-50%) scale(.96);width:min(520px,80vw);max-width:520px;opacity:0;pointer-events:none;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 12px 40px rgba(0,0,0,.7));transition:opacity .9s ease,transform .6s ease}#wasted.show{opacity:1;transform:translate(-50%,-50%) scale(1)}#fx-vignette{z-index:20}#wasted{z-index:30}#ui{z-index:10}#shareBtn.share{font-size:1.4rem;padding:16px 28px;border-radius:14px;font-weight:700;letter-spacing:.03em;z-index:999;background:linear-gradient(180deg,#fff,#e6f5ff);color:#061724;box-shadow:0 10px 30px #00000040,inset 0 -2px #00000026;margin-bottom:10px}#shareBtn.share:active{transform:translateY(1px)}#btn{opacity:.75;font-size:1rem}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.04)}to{transform:scale(1)}}#shareBtn.share{animation:pulse 1.6s ease-in-out infinite}