@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Nanum+Myeongjo:wght@400;700;800&display=swap');
:root{--ink:#1e1d21;--paper:#f1eee5;--red:#e94b36;--blue:#2948a7;--lime:#c7e34b;--line:#b9b5aa}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Nanum Myeongjo',serif}.app{max-width:1100px;margin:auto;padding:clamp(30px,6vw,70px) 24px}header{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:45px}.eyebrow{font:500 11px 'DM Mono',monospace;letter-spacing:.12em;color:var(--red);margin:0 0 16px}h1{font-size:clamp(48px,8vw,85px);line-height:.83;letter-spacing:-.08em;margin:0}h1 em{font-weight:400;color:var(--blue)}.rule{max-width:290px;margin:0;color:#58554e;font-size:13px;line-height:1.8}.playground{display:grid;grid-template-columns:minmax(0,1fr) 280px;border:1px solid var(--ink);background:#f8f6ef;box-shadow:9px 9px 0 var(--ink)}.canvas-wrap{position:relative;min-height:500px;border-right:1px solid var(--ink)}canvas{width:100%;height:100%;position:absolute;inset:0;cursor:crosshair}.tap{position:absolute;left:18px;bottom:15px;margin:0;font:500 10px 'DM Mono',monospace;letter-spacing:.08em;color:#6c6961;pointer-events:none}.panel{padding:25px 21px;display:flex;flex-direction:column}.score-card{padding:19px 15px;background:var(--lime);border:1px solid var(--ink);text-align:center}.score-card p{margin:0;font:500 10px 'DM Mono',monospace;letter-spacing:.08em}.score-card strong{display:block;font:800 64px/.95 'Nanum Myeongjo',serif;letter-spacing:-.09em;margin:9px 0 6px}.score-card span{font-size:11px;color:#3d4821}dl{margin:25px 0 19px;border-top:1px solid var(--line)}dl div{display:flex;justify-content:space-between;align-items:baseline;padding:13px 0;border-bottom:1px solid var(--line)}dt{font:500 10px 'DM Mono',monospace;letter-spacing:.06em;color:#6c6961}dd{margin:0;font:500 16px 'DM Mono',monospace}.tip{margin:auto 0 20px;padding-top:16px;border-top:1px solid var(--line);font-size:12px;line-height:1.7;color:#5d5a53}.tip b{font:500 10px 'DM Mono',monospace;color:var(--red);display:block;margin-bottom:4px}.actions{display:flex;gap:7px}.actions button{flex:1;border:1px solid var(--ink);background:transparent;padding:10px 4px;cursor:pointer;font:500 10px 'DM Mono',monospace}.actions button:last-child{background:var(--ink);color:#fff}.actions button:hover{background:var(--red);color:#fff;border-color:var(--red)}.summary{margin-top:38px;border-top:1px solid var(--ink);padding-top:13px;display:flex;gap:42px}.summary span{font:500 10px 'DM Mono',monospace;letter-spacing:.08em;color:var(--red)}.summary p{margin:0;font-size:14px;color:#56534d}@media(max-width:720px){header{display:block}.rule{margin-top:25px}.playground{grid-template-columns:1fr}.canvas-wrap{min-height:420px;border-right:0;border-bottom:1px solid var(--ink)}.panel{min-height:350px}.summary{gap:18px;flex-direction:column}}