:root{--bg: #14110e;--bg2: #1d1812;--ink: #ece3d4;--muted: #9b8f7c;--gold: #c8a25a;--gold-soft: #e7c987}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{min-height:100%;display:grid;place-items:center;padding:4vmin 4vw;font-family:Iowan Old Style,Palatino Linotype,Palatino,Georgia,serif;color:var(--ink);background:radial-gradient(120% 90% at 50% -10%,#2a2118 0%,var(--bg2) 42%,var(--bg) 100%)}.atelier{width:100%;max-width:760px;display:flex;flex-direction:column;align-items:center;gap:clamp(14px,2.4vmin,26px)}.head{text-align:center}.head h1{font-weight:600;font-size:clamp(1.35rem,4.4vw,2.2rem);letter-spacing:.01em;line-height:1.12}.sub{margin-top:.5em;color:var(--muted);font-style:italic;font-size:clamp(.82rem,2.4vw,1rem)}.frame{position:relative;padding:clamp(10px,1.8vmin,18px);border-radius:4px;background:linear-gradient(145deg,var(--gold-soft),#8a6d31 38%,var(--gold) 62%,#6f5520 100%);box-shadow:0 1px #ffffff40 inset,0 0 0 1px #0006,0 26px 60px -18px #000c}.frame:after{content:"";position:absolute;inset:clamp(6px,1.1vmin,12px);border:1px solid rgba(0,0,0,.55);border-radius:2px;pointer-events:none;z-index:2}#canvas{display:block;border-radius:1px;box-shadow:0 0 30px #0000008c inset}.bar{width:min(100%,340px);height:3px;border-radius:3px;background:#ffffff14;overflow:hidden}#fill{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--gold),var(--gold-soft));transition:width .18s linear}.foot{min-height:48px;display:flex;flex-direction:column;align-items:center;gap:14px}.status{color:var(--muted);font-size:.92rem;letter-spacing:.04em;font-variant-numeric:tabular-nums}.restart{font-family:inherit;font-size:.95rem;letter-spacing:.03em;color:#1a140c;background:linear-gradient(180deg,var(--gold-soft),var(--gold));border:none;padding:.7em 1.5em;border-radius:999px;cursor:pointer;box-shadow:0 8px 22px -10px #c8a25ae6;opacity:0;transform:translateY(6px);transition:opacity .5s ease,transform .5s ease,filter .2s ease}.restart.show{opacity:1;transform:translateY(0)}.restart:hover{filter:brightness(1.07)}.restart:active{transform:translateY(1px)}