html,body{background:#cfe8f7;width:100%;height:100%;margin:0;padding:0;font-family:Segoe UI,system-ui,-apple-system,sans-serif;overflow:hidden}#app,#app canvas{width:100%;height:100%;display:block}.ui-layer{pointer-events:none;flex-direction:column;justify-content:flex-end;align-items:center;gap:10px;padding-bottom:26px;display:flex;position:fixed;inset:0}.top-layer{z-index:2;pointer-events:none;flex-direction:column;align-items:center;gap:10px;padding:0 16px;display:flex;position:fixed;top:18px;left:0;right:0}.status-pill,.hint-pill{pointer-events:none;letter-spacing:.02em;color:#4a5568;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);-webkit-user-select:none;user-select:none;background:#ffffffb8;border-radius:999px;padding:8px 18px;font-size:14px;transition:opacity .5s;box-shadow:0 2px 12px #5a78962e}.status-pill[data-state=error]{color:#9b3b3b;background:#ffececd9}.status-pill.hidden,.hint-pill.hidden{opacity:0}.hint-pill{letter-spacing:.01em;color:#3d4a5c;background:#ffffffdb;padding:14px 34px;font-size:clamp(30px,7.5vw,60px);font-weight:800;transition:opacity .5s,font-size .5s,padding .5s,background .5s,box-shadow .5s;animation:1.9s ease-in-out infinite hint-beckon;box-shadow:0 4px 22px #5a789647}@keyframes hint-beckon{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.hint-pill.subtle{color:#4a5568;background:#ffffffb8;padding:8px 18px;font-size:18px;font-weight:600;animation:none;box-shadow:0 2px 12px #5a78962e}@media (prefers-reduced-motion:reduce){.hint-pill{animation:none}}.meter{pointer-events:none;background:#ffffff8c;border-radius:999px;width:132px;height:6px;transition:opacity .35s;overflow:hidden;box-shadow:0 1px 6px #5a789629}.meter.hidden{opacity:0}.meter-fill{background:#5aa9e2;border-radius:999px;width:0%;height:100%;transition:width .12s linear,background .25s}.size-pill{pointer-events:none;letter-spacing:.03em;color:#4a5568;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);-webkit-user-select:none;user-select:none;background:#ffffffb8;border-radius:999px;padding:5px 14px;font-size:13px;font-weight:600;transition:opacity .4s;box-shadow:0 2px 12px #5a78962e}.size-pill.hidden{opacity:0}.settings{flex-direction:column;align-items:flex-end;gap:8px;display:flex;position:fixed;bottom:18px;right:18px}.score{pointer-events:none;-webkit-user-select:none;user-select:none;color:#4a5568;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffffb8;border-radius:16px;flex-direction:column;align-items:center;gap:2px;padding:10px 22px;display:flex;box-shadow:0 2px 14px #5a78962e}.score-label{letter-spacing:.18em;opacity:.6;font-size:10px;font-weight:600}.score-row{align-items:baseline;gap:10px;display:flex}.score-value{font-variant-numeric:tabular-nums;transform-origin:bottom;font-size:34px;font-weight:700;line-height:1}.score-multiplier{font-variant-numeric:tabular-nums;min-width:30px;font-size:19px;font-weight:700;line-height:1;transition:opacity .12s linear}.score-multiplier.bump{animation:.34s ease-out score-chip-bump}@keyframes score-chip-bump{0%{transform:scale(1)}35%{transform:scale(1.45)rotate(-4deg)}to{transform:scale(1)}}.score-gain{z-index:3;pointer-events:none;-webkit-user-select:none;user-select:none;color:#4a7fb5;text-shadow:0 1px 3px #ffffffe6,0 0 10px #fff9;font-size:22px;font-weight:800;animation:.75s ease-out forwards score-gain-float;position:fixed;transform:translate(-50%,-50%)}@keyframes score-gain-float{0%{opacity:0;transform:translate(-50%,-50%)scale(.6)}25%{opacity:1;transform:translate(-50%,-80%)scale(1.15)}to{opacity:0;transform:translate(-50%,-190%)scale(1)}}.settings-buttons{align-self:flex-end;gap:8px;display:flex}.settings-toggle{cursor:pointer;color:#4a5568;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffffc7;border:none;border-radius:50%;align-self:flex-end;width:38px;height:38px;font-size:17px;line-height:1;box-shadow:0 2px 12px #5a789633}.settings-toggle:hover{background:#fffffff0}.settings-panel{color:#4a5568;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffe0;border-radius:14px;width:244px;padding:12px 14px;transition:opacity .2s;box-shadow:0 4px 20px #5a78963d}.settings-panel.hidden{opacity:0;pointer-events:none}.settings-group+.settings-group{border-top:1px solid #7896af38;margin-top:12px;padding-top:10px}.settings-heading{letter-spacing:.07em;text-transform:uppercase;opacity:.6;margin-bottom:6px;font-size:11px;font-weight:600}.settings-option{cursor:pointer;border-radius:9px;align-items:flex-start;gap:9px;padding:6px;display:flex}.settings-option:hover{background:#a0c3dc2e}.settings-option input{accent-color:#6f9fd8;flex:none;margin-top:3px}.settings-option strong{font-size:13px;font-weight:600;display:block}.settings-option small{opacity:.7;margin-top:2px;font-size:11px;line-height:1.35;display:block}