@import url('https://fonts.googleapis.com/css2?family=Black+Han+Sans&family=Noto+Sans+KR:wght@400;600;800&display=swap');
:root{--bg:#192e2b;--paper:#f3eddc;--orange:#ff8955;--mint:#a9dec7;--line:#45615a}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--paper);font-family:'Noto Sans KR',sans-serif}main{max-width:580px;margin:auto;padding:20px 20px 30px}button{font:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid var(--orange);outline-offset:3px}header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:13px}header a{font-size:10px;letter-spacing:2px;color:var(--mint);text-decoration:none;font-weight:800}header button,footer button{border:0;background:none;color:#aec5b8;font-size:11px;padding:5px}.title{display:flex;justify-content:space-between;align-items:center;margin:22px 0 17px}.edition{font-size:10px;letter-spacing:1px;color:#a2b7aa}h1{font:46px/1.2 'Black Han Sans',sans-serif;letter-spacing:-2px;margin:10px 0 0}h1 em{color:var(--orange);font-style:normal}.stamp{border:2px solid var(--orange);color:var(--orange);transform:rotate(8deg);text-align:center;padding:8px 10px;font-size:22px;font-weight:800;line-height:1.1}.stamp b{font-size:10px;letter-spacing:1px}.hud{display:flex;justify-content:space-between;background:#263d36;border:1px solid #476154;border-radius:12px;padding:12px 17px;gap:10px}.hud>div{width:30%}.hud small{display:block;font-size:10px;color:#a5bcb1;margin-bottom:3px}.hud strong{font-size:23px;font-weight:800}.hud>div:nth-child(2) strong{color:var(--orange)}.stress{display:flex;align-items:center;gap:10px;font-size:10px;margin:14px 4px}.stress>div{flex:1;height:7px;border-radius:4px;background:#365047;overflow:hidden}.stress i{display:block;background:var(--orange);height:100%;width:0%;transition:width .15s}.stress b{min-width:30px;text-align:right;color:var(--orange)}.screen{position:relative;border:1px solid #547061;border-radius:13px;overflow:hidden;box-shadow:0 7px 0 #10231f;background:#233d36}.screen-top,.screen-bottom{display:flex;justify-content:space-between;align-items:center;padding:10px 13px;font-size:9px;letter-spacing:1px;background:#243d34}.screen-top i{display:inline-block;width:5px;height:5px;background:var(--orange);border-radius:50%;margin-right:5px}.screen-top b{font-weight:400;color:var(--mint);letter-spacing:0}.screen-bottom{font-size:10px;letter-spacing:0;border-top:1px solid #456050}.screen-bottom b{color:var(--mint);font-weight:600}canvas{display:block;width:100%;aspect-ratio:440/510;touch-action:none;cursor:crosshair}#message{position:absolute;bottom:47px;left:15px;right:15px;text-align:center;font-size:12px;font-weight:800;color:var(--paper);background:#102a21e8;padding:10px;border:1px solid #7eab88;border-radius:8px;opacity:0;pointer-events:none;transition:opacity .12s}#message.visible{opacity:1}footer{display:flex;align-items:center;justify-content:space-between;margin-top:20px;font-size:10px;color:#88a195}dialog{max-width:430px;width:calc(100% - 30px);max-height:90dvh;overflow:auto;background:var(--paper);color:#243e34;border:0;border-radius:19px;padding:30px 24px;text-align:center;box-shadow:0 20px 100px #0007}dialog::backdrop{background:#071813bb;backdrop-filter:blur(5px)}dialog .edition{color:#7c8775}h2{font:30px/1.4 'Black Han Sans';letter-spacing:-1px;margin:20px 0 18px}h2 em{font-style:normal;color:#b94b29}dialog p{font-size:12px;line-height:1.9}.rules{text-align:left;border:1px solid #cdcbb9;border-radius:10px;padding:14px;margin:20px 0;display:grid;gap:13px}.rules div{display:flex;gap:12px;font-size:11px;align-items:center}.rules b{min-width:48px}.bad{color:#b34e2d}.good{color:#347254}.fine{font-size:10px!important;color:#6d7c6a}.primary,.secondary{display:block;width:100%;border:0;border-radius:9px;background:#db7040;color:#fffaf0;font-weight:800;padding:15px;font-size:14px;box-shadow:0 3px #a74e28;margin:10px 0}.secondary{background:#dfe3d4;color:#395840;box-shadow:none;font-size:12px}.result-score{font:43px 'Black Han Sans';color:#bf552f}.report{background:#e6e6d7;border-radius:10px;padding:14px;margin:18px 0;font-size:12px;line-height:2}.urgent{color:#ffb09b!important}@media(max-width:380px){main{padding:14px 12px 24px}h1{font-size:40px}.title{margin:15px 0}.hud{padding:10px 13px}.hud strong{font-size:21px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}