@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;600;800;900&display=swap');
:root{font-family:'Noto Sans KR',sans-serif;color:#182d29;background:#f2f1e8;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer;touch-action:manipulation}main{max-width:620px;margin:auto;padding:24px 20px}header{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #182d29;padding-bottom:16px}.brand{font-size:13px;font-weight:900;letter-spacing:2px;text-decoration:none;color:inherit}.brand span{color:#ee7249}.quiet{background:none;border:0;color:inherit;font-size:12px;padding:8px}.intro{margin:28px 0 24px}.intro p{font-size:13px;margin:6px 0;color:#60726c}.intro h1{font-size:clamp(27px,6vw,38px);letter-spacing:-2px;margin:4px 0;font-weight:900}.game{background:#182d29;padding:16px;border-radius:8px;color:#f2f1e8}.stats{display:grid;grid-template-columns:1.1fr 1fr .8fr;padding-bottom:14px;border-bottom:1px solid #43544c}.stats>div{padding-left:14px;border-left:1px solid #43544c}.stats>div:first-child{padding-left:0;border:0}.stats small{display:block;font-size:11px;color:#b6c5bd}.stats strong{font-size:30px;font-variant-numeric:tabular-nums;letter-spacing:-1px}.stats span{font-size:12px;margin-left:3px}#time{color:#d9ef87}.phase{display:flex;justify-content:space-between;padding:14px 0;font-size:13px}.phase span{color:#b6c5bd}.arena{position:relative}#grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.tile{aspect-ratio:1;border:1px solid #52645b;border-radius:6px;background:#30463c;color:#182d29;font-size:24px;font-weight:900;transition:background 70ms;user-select:none;-webkit-tap-highlight-color:transparent}.tile.lit{background:#d9ef87;border-color:#d9ef87;box-shadow:0 0 15px #d9ef8730}.tile.hit{background:#d9ef87;border-color:#d9ef87}.tile.miss{background:#ee7249}.tile:focus-visible{outline:3px solid white;outline-offset:2px}.cover{position:absolute;inset:0;display:grid;place-items:center;background:#182d29f5;border:1px solid #52645b;border-radius:6px;text-align:center}.cover-content{padding:16px}.bunny{font-size:34px;color:#d9ef87}.cover h2{font-size:30px;line-height:1.2;letter-spacing:-1px;margin:16px 0}.cover p{font-size:13px;color:#b6c5bd;line-height:1.8}.primary{background:#d9ef87;border:0;border-radius:4px;padding:15px 28px;font-weight:900;color:#182d29;font-size:17px}.primary:active{transform:translateY(2px)}#bonus{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:64px;font-weight:900;color:white;white-space:nowrap;text-shadow:0 3px #182d29;pointer-events:none;z-index:5}[hidden]{display:none!important}.under{display:flex;justify-content:space-between;font-size:12px;margin:12px 0 28px;color:#60726c}.leaderboard{border-top:2px solid #182d29}.rank-header{display:flex;align-items:center;justify-content:space-between}.rank-header h2{font-size:18px}ol{padding:0;list-style:none;margin:0}ol li{display:grid;grid-template-columns:70px 1fr auto;gap:8px;padding:14px 0;border-top:1px solid #d2d6cb;font-size:13px}.rank-number{color:#60726c}.rank-names{overflow-wrap:anywhere}#rankstatus,footer{font-size:11px;color:#60726c;line-height:1.7}footer{margin-top:30px}.challenge{padding:10px;background:#d9ef87;font-size:13px;font-weight:800}.result-title{font-size:30px;color:#d9ef87;margin:18px 0 5px;line-height:1.3}.result-score{font-size:46px;font-weight:900;margin:0}.result-details{font-size:12px;color:#b6c5bd}.result-actions{display:flex;gap:8px;margin:18px 0}.result-actions button{flex:1;padding:13px 8px;font-size:13px;border:0;border-radius:4px}.share{background:#f2f1e8;color:#182d29}.score-form{display:flex;gap:8px}.score-form input{min-width:0;flex:1;padding:12px;border:1px solid #52645b;border-radius:4px;background:white;font-size:13px}.rank-submit{background:#d9ef87;border:0;border-radius:4px;font-weight:800;padding:10px;font-size:12px}.save-status,#shareStatus{font-size:11px;color:#b6c5bd}.top5-callout{background:#d9ef87;color:#182d29;padding:18px;margin:18px 0 10px}.top5-callout strong{display:block;font-size:26px}.top5-callout span{font-size:12px}button:disabled{cursor:default;opacity:.65}@media(max-width:380px){main{padding:16px 12px}.game{padding:12px}.tile{font-size:20px}.stats strong{font-size:26px}.cover h2{font-size:24px}.cover p{font-size:11px}.score-form{flex-direction:column}}