:root{--ink:#2b4a6f;--ink-soft:#5a7189;--paper:#fffdf6;--line-idle:#c3cedd}body{background:radial-gradient(circle at 14% 16%,#ffffff8c 0 50px,#0000 51px),radial-gradient(circle at 86% 12%,#ffffff73 0 40px,#0000 41px),linear-gradient(165deg,#efe7ff 0%,#e4f0ff 55%,#f6f4e8 100%)}#draw-app{min-height:100vh;padding:calc(12px + var(--safe-top)) 12px calc(18px + var(--safe-bottom));flex-direction:column;align-items:center;gap:12px;max-width:720px;margin:0 auto;display:flex}#draw-top{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}#draw-top h1{color:var(--ink);font-size:clamp(1.1rem,4vw,1.5rem)}#draw-controls{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}#draw-title{color:var(--ink-soft);font-size:1.05rem;font-weight:700}#draw-canvas{aspect-ratio:1;background:var(--paper);touch-action:none;border:4px solid #fff;border-radius:24px;width:min(100%,460px);box-shadow:0 12px 28px #2b4a6f2e}#draw-status{color:var(--ink-soft);text-align:center;text-wrap:pretty;min-height:2.6em;font-weight:600}#draw-gallery-section{width:100%}#draw-gallery-section h2{color:var(--ink);text-align:center;margin-bottom:10px;font-size:1.05rem}#draw-gallery{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:10px;display:grid}.figure-tile{background:var(--paper);cursor:pointer;aspect-ratio:1;border:2px solid #fff;border-radius:16px;min-width:44px;min-height:44px;padding:6px;position:relative;box-shadow:0 4px #2b4a6f24}.figure-tile[aria-current=true]{outline-offset:2px;outline:3px solid #7ec8e3}.figure-tile svg{width:100%;height:100%;display:block}.figure-tile .star{font-size:.8rem;position:absolute;top:2px;right:2px}#draw-overlay .overlay-card{justify-items:center;gap:10px;display:grid}#draw-again,#draw-next{cursor:pointer;color:#fff;background:linear-gradient(90deg,#8e6cd8,#5a8fe0);border:none;border-radius:999px;width:100%;min-height:48px;padding:13px 28px;font-size:1.05rem;font-weight:800;box-shadow:0 5px #463c8c59}#draw-next{margin-top:14px}#draw-again{color:#4a4a8a;background:#fff;box-shadow:0 4px #463c8c33}#draw-again:active,#draw-next:active{transform:translateY(3px);box-shadow:0 2px #463c8c4d}