:root{--sky1: #bfe3ff;--sky2: #e9f6ff;--ink: #4a3b2a}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;font-family:"Baloo 2",Segoe UI,system-ui,sans-serif}body{background:linear-gradient(180deg,var(--sky1) 0%,var(--sky2) 55%,#f6efe4 100%) no-repeat}#app{position:fixed;top:0;right:0;bottom:0;left:0}#app canvas{display:block;width:100%;height:100%}#hud{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}.hud-title{position:absolute;top:18px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;background:#ffffffb8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:8px 18px;border-radius:999px;box-shadow:0 6px 18px #5a46282e;color:var(--ink);font-weight:800;font-size:18px;letter-spacing:.3px}.chips{position:absolute;top:16px;right:20px;display:flex;gap:10px}.chip{background:#ffffffc7;border-radius:14px;padding:8px 14px;box-shadow:0 6px 16px #5a462829;text-align:center;color:var(--ink)}.chip .n{font-size:22px;font-weight:800;line-height:1}.chip .l{font-size:11px;opacity:.7}.stages{position:absolute;left:0;right:0;bottom:20px;display:flex;justify-content:center;gap:12px;padding:0 16px;flex-wrap:wrap}.stage{min-width:108px;background:#ffffffd1;border-radius:16px;padding:10px 14px;box-shadow:0 8px 20px #5a462829;color:var(--ink);border:2px solid rgba(255,255,255,.9)}.stage .emoji{font-size:20px}.stage .n{font-size:26px;font-weight:800;line-height:1.05}.stage .l{font-size:12px;opacity:.75;font-weight:600}.stage .sub{font-size:10px;opacity:.55}.stage.pulse{animation:pop .5s ease}@keyframes pop{0%{transform:scale(1)}40%{transform:scale(1.09)}to{transform:scale(1)}}.controls{position:absolute;left:50%;bottom:108px;transform:translate(-50%);display:flex;gap:10px;pointer-events:auto}.print-btn{font-family:inherit;font-weight:800;font-size:16px;color:#fff;cursor:pointer;background:linear-gradient(180deg,#ffb43e,#f4711f);border:none;border-radius:999px;padding:12px 22px;box-shadow:0 8px 20px #f4711f66;transition:transform .1s}.print-btn b{font-weight:800}.print-btn:hover{transform:translateY(-1px)}.print-btn:active{transform:translateY(1px) scale(.98)}.print-btn.ready{animation:glow 1.1s ease-in-out infinite}@keyframes glow{0%,to{box-shadow:0 8px 20px #f4711f66}50%{box-shadow:0 8px 30px #f4711fd9}}.auto-btn{font-family:inherit;font-weight:700;font-size:14px;color:#4a3b2a;cursor:pointer;background:#ffffffd9;border:2px solid rgba(255,255,255,.9);border-radius:999px;padding:10px 16px;box-shadow:0 6px 16px #5a462829}.auto-btn.on{background:#5ba85a;color:#fff;border-color:#4f9a4f}