*{box-sizing:border-box}body{margin:0;background:#fff;color:#423b30;font-family:Arial,'Malgun Gothic',sans-serif}header{display:flex;justify-content:space-between;padding:22px 28px;font-size:13px}a{color:#786031;text-decoration:none}select{background:white;border:1px solid #e6dfd2;border-radius:6px;padding:5px}main{text-align:center;max-width:620px;margin:auto;padding:8px 20px 28px}.eyebrow{font-size:10px;letter-spacing:3px;color:#a18e69}h1{font-size:25px;font-weight:400;margin:12px}#hint,#rule,#best,#note{color:#8a8172;font-size:13px;line-height:1.6}.levels{display:inline-flex;gap:4px;padding:4px;border:1px solid #eee8dc;border-radius:24px;margin:10px}button{font:inherit;cursor:pointer;border:1px solid #e5dccb;background:white;color:#786031;border-radius:22px;padding:10px 22px}.levels button{border:0;padding:8px 20px;font-size:13px}.levels button[aria-pressed=true]{background:#f6f1e7}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible{outline:2px solid #a38950;outline-offset:4px}#target{font-size:15px;margin:4px}.watch-wrap{position:relative;width:min(75vw,320px);margin:0 auto}#watch{display:block;width:100%;overflow:visible}.dial-number{font-family:Georgia,serif;fill:#373126}.dial-date{display:none}#readout{position:absolute;top:69%;left:0;width:100%;font:22px Georgia,serif;letter-spacing:2px;color:#786031}.action{min-width:180px;background:#786031;color:white;margin-top:8px;border:0;font-size:18px;padding:14px 30px}#result{min-height:44px;margin:18px 0 0;line-height:1.5}#best{margin:4px 0 12px}#share{font-size:12px}#shareStatus{font-size:12px}#note{display:block;margin-top:16px}#rule{min-height:21px;margin:2px 0 14px}@media(max-height:750px){.watch-wrap{width:240px}header{padding:14px 20px}main{padding-top:0}h1{font-size:22px}}

#readout{position:static;display:block;font:clamp(42px,8vw,58px) Georgia,serif;font-variant-numeric:tabular-nums;letter-spacing:1px;color:#786031;min-height:68px;line-height:1.15;margin:2px auto 12px}.timing-track{height:3px;background:#eee8dc;max-width:250px;margin:0 auto 16px;overflow:hidden}.timing-track span{display:block;height:100%;background:#b9a16e;width:0}.seven-running .action{background:#5c4a2a}.seven-close #readout{color:#9c6335}.seven-close .timing-track span{background:#9c6335}.duel-info{font-size:12px;color:#8a8172;line-height:1.6;margin:8px}.watch-wrap{width:min(65vw,260px)}@media(max-height:750px){.watch-wrap{width:190px}#readout{font-size:42px;min-height:50px}.duel-info:empty{display:none}}

.engraving-card{border-top:1px solid #eee8dc;margin-top:24px;padding-top:16px;text-align:left;font-size:13px;color:#786031}.engraving-card p{line-height:1.6}.engraving-card label{display:block;margin:12px 0 8px}.engraving-card input{width:100%;padding:11px;border:1px solid #ded6c8;border-radius:6px;font:inherit;background:white;color:#423b30}.engraving-card button{font:inherit;border:1px solid #ded6c8;border-radius:18px;background:white;color:#786031;padding:9px 14px;margin:10px 6px 0 0;cursor:pointer}.engraving-card button:disabled,.engraving-card input:disabled{opacity:.5;cursor:default}.engraving-card [hidden]{display:none}.engraving-actions{display:flex;flex-wrap:wrap}#engravingStatus{min-height:20px}main>.engraving-card{max-width:380px;margin:28px auto 0}
