@import url('https://fonts.googleapis.com/css2?family=Black+Han+Sans&family=Noto+Sans+KR:wght@400;500;600;700;800;900&display=swap');
:root{--red:#e73725;--yellow:#ffcf32;--cream:#fff8e7;--ink:#2d1b14;--line:rgba(45,27,20,.18);font-family:'Noto Sans KR',sans-serif;color:var(--ink);font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:var(--red)}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{cursor:default}button:focus-visible,a:focus-visible{outline:4px solid #258fe8;outline-offset:4px}button{touch-action:manipulation}[hidden]{display:none!important}.app{max-width:1272px;margin:auto;padding:22px 32px 12px}.masthead{display:flex;align-items:center;justify-content:space-between;height:64px;margin-bottom:20px;color:var(--cream)}.wordmark{font-family:Impact,'Arial Black',sans-serif;display:flex;flex-direction:column;line-height:.72;font-size:42px;letter-spacing:-1.7px;transform:rotate(-5deg);color:var(--cream);text-decoration:none}.wordmark span{font:800 12px 'Noto Sans KR',sans-serif;letter-spacing:5.3px;margin:8px 0 0 3px}.club{font-size:12px;letter-spacing:2.5px;font-weight:800}.icon-button{border:1px solid #ffffff70;background:transparent;color:var(--cream);border-radius:40px;padding:11px 15px;font-size:12px;font-weight:800}.icon-button span{margin-left:6px;color:var(--yellow)}.cabinet{border:3px solid var(--ink);border-radius:18px;display:grid;grid-template-columns:280px minmax(0,1fr);overflow:hidden;box-shadow:7px 8px 0 var(--ink);min-height:690px}.side-panel{padding:30px 27px;background:var(--yellow);border-right:3px solid var(--ink);display:flex;flex-direction:column}.edition{font-size:12px;letter-spacing:1.1px;font-weight:900;display:flex;justify-content:space-between;align-items:center}.edition span{border:1.5px solid var(--ink);border-radius:100%;padding:5px 7px}.side-panel h1{font-family:'Black Han Sans',Impact,sans-serif;line-height:1.03;font-size:87px;letter-spacing:-6px;margin:31px 0 15px;font-weight:400;transform:rotate(-4deg)}.question{color:var(--red)}.side-copy{font-size:14px;line-height:1.8;font-weight:600;margin:0 0 25px}.record{padding:18px 0;border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);display:flex;flex-direction:column}.record>span:first-child{font-size:13px;font-weight:700}.record strong{font-family:Impact,'Arial Black',sans-serif;font-size:44px;letter-spacing:2px;line-height:1.25}.record>span:last-child{font-size:12px;line-height:1.5}.rule-list{margin:16px 0}.rule-list p{font-size:12px;display:flex;align-items:center;gap:10px;margin:12px 0}.rule-list p>b{font-size:11px;border:1px solid var(--ink);padding:2px 4px}.rule-list strong{font-weight:900}.side-bottom{margin-top:auto;padding-top:16px;font:900 21px/.98 Impact,'Arial Black',sans-serif;letter-spacing:-.6px}.side-bottom span{display:block;font:700 12px 'Noto Sans KR',sans-serif;margin-top:10px;letter-spacing:0}.game-shell{background:var(--cream);min-width:0;display:flex;flex-direction:column}.scoreboard{height:89px;padding:15px 25px;display:flex;gap:25px;align-items:center;border-bottom:2px solid var(--ink);background:var(--cream);z-index:2}.scoreboard>div{flex:1}.scoreboard>div>span{display:block;font-size:11px;font-weight:900;letter-spacing:1.4px;margin-bottom:2px}.scoreboard strong{font:35px/1 Impact,'Arial Black',sans-serif;font-variant-numeric:tabular-nums}.scoreboard strong span{font:700 14px 'Noto Sans KR';margin-left:4px}.scoreboard .time-box{text-align:center}.scoreboard .height-box{text-align:right}.pause-button{width:34px;height:34px;border:1.5px solid var(--ink);border-radius:50%;background:transparent;font-weight:900;flex-shrink:0}.pause-button:disabled{opacity:.3}.playfield{position:relative;isolation:isolate;height:490px;flex:1;min-height:420px;overflow:hidden;background-color:var(--cream);background-image:radial-gradient(#e7decb 1px,transparent 1px);background-size:18px 18px;touch-action:manipulation}.stage-watermark{position:absolute;inset:100px 0 0;text-align:center;font:150px/.85 Impact,'Arial Black',sans-serif;letter-spacing:-4px;color:#eee5cf;z-index:-1;user-select:none}.playfield canvas{width:100%;height:100%;position:absolute;inset:0;display:block;touch-action:manipulation}.stage-top{position:absolute;top:16px;left:22px;right:22px;display:flex;align-items:center;justify-content:space-between;pointer-events:none;gap:6px}.stage-top>span:first-child{font-size:11px;letter-spacing:1.3px;font-weight:800;color:#68584a}.combo-badge{background:var(--red);color:white;padding:5px 11px;border-radius:50px;font-size:12px;font-weight:900}.fever-bar{position:absolute;left:24px;right:24px;bottom:12px;height:8px;background:#e7dec9;border-radius:10px;opacity:0;transition:opacity .2s}.fever-bar>span{display:block;width:0;height:100%;background:var(--red);border-radius:10px;transition:width .2s}.fever-bar b{position:absolute;bottom:12px;right:0;font-size:10px;letter-spacing:1px}.fever-bar.active{opacity:1}.start-screen{position:absolute;inset:auto 20px 30px;text-align:center;z-index:3}.start-tag{font-size:12px;font-weight:900;letter-spacing:.2px}.start-screen h2{font-size:30px;font-weight:900;letter-spacing:-1.5px;margin:5px 0}.start-screen p{font-size:14px;margin:0 0 15px}.big-button{border:2px solid var(--ink);background:var(--red);color:var(--cream);font-weight:900;font-size:19px;border-radius:10px;min-height:58px;padding:12px 22px;box-shadow:0 4px 0 var(--ink);transition:transform .12s,box-shadow .12s;display:flex;align-items:center;justify-content:space-between;gap:20px}.big-button:hover{background:#c9291a;transform:translateY(-2px);box-shadow:0 6px 0 var(--ink)}.big-button:active{transform:translateY(3px);box-shadow:0 1px 0 var(--ink)}.start-screen .big-button{width:280px;max-width:100%;margin:auto}.start-hint{display:block;font-size:11px;color:#776754;margin-top:16px}.controls{display:flex;gap:12px;padding:16px 22px 12px;border-top:2px solid var(--ink);background:var(--yellow);z-index:2}.controls button{min-height:58px;border:2px solid var(--ink);border-radius:9px;font-weight:900;box-shadow:0 3px 0 var(--ink);transition:transform .1s,box-shadow .1s}.controls button:active:not(:disabled){transform:translateY(3px);box-shadow:none}.drop-button{background:var(--ink);color:var(--cream);flex:1;display:flex;justify-content:center;align-items:center;gap:18px;font-size:17px}.drop-button kbd{font:10px 'Noto Sans KR';border:1px solid #fff8e750;padding:3px 6px;border-radius:4px}.bank-button{background:var(--cream);color:var(--ink);width:40%;font-size:14px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2px}.bank-button small{font-size:11px;color:var(--red)}.controls button:disabled{opacity:.4;box-shadow:none}.game-footer{display:flex;justify-content:space-between;padding:0 22px 12px;background:var(--yellow);font-size:10px;font-weight:600;gap:10px}.page-footer{display:flex;justify-content:space-between;padding:20px 0 0;font-size:10px;color:#fff8e7b5;font-weight:700;letter-spacing:1px}.countdown{position:absolute;inset:0;display:grid;place-items:center;font:130px Impact,sans-serif;color:var(--red);background:#fff8e7aa;pointer-events:none;z-index:4}.game-toast{position:absolute;top:24%;left:0;right:0;text-align:center;font-family:Impact,'Black Han Sans',sans-serif;font-size:45px;line-height:1.1;color:var(--red);text-shadow:2px 2px var(--cream);pointer-events:none;opacity:0;transform:scale(.7);transition:opacity .12s,transform .18s;z-index:3}.game-toast.show{opacity:1;transform:scale(1)}.game-toast small{display:block;font:800 15px 'Noto Sans KR',sans-serif;margin-top:7px}.modal-scrim{position:absolute;inset:0;background:#2d1b1466;backdrop-filter:blur(7px);z-index:7;display:flex;align-items:center;justify-content:center;padding:18px;overflow:auto}.small-modal{background:var(--cream);padding:30px;border:2px solid var(--ink);border-radius:14px;text-align:center;max-width:380px}.small-modal>span{font-size:10px;font-weight:800}.small-modal h2{font-size:28px;margin:10px 0}.small-modal p{font-size:14px;margin-bottom:24px}.small-modal .big-button{width:100%;justify-content:center}.text-button{border:0;background:none;color:var(--ink);font-size:12px;text-decoration:underline;text-underline-offset:4px;padding:14px 3px}.result-card{position:relative;background:var(--cream);width:350px;max-width:100%;padding:24px 28px 12px;text-align:center;border:2px solid var(--ink);box-shadow:5px 5px 0 #2d1b14;border-radius:3px;max-height:100%;overflow:auto}.result-eyebrow{font-size:10px;font-weight:800;letter-spacing:2px;color:var(--red)}.result-card h2{font-size:27px;letter-spacing:-1px;margin:6px 0}.result-card>p{font-size:12px;margin:0}.result-points{display:flex;align-items:baseline;justify-content:center;gap:9px;margin:12px 0 4px}.result-points strong{font:64px/1 Impact,'Arial Black',sans-serif}.result-points span{font-size:10px;font-weight:800}.new-record{font-size:11px;font-weight:900;color:var(--red);margin:8px 0}.receipt-lines{border-top:1px dashed var(--ink);border-bottom:1px dashed var(--ink);margin:14px 0 10px;padding:6px 0}.receipt-lines p{display:flex;justify-content:space-between;font-size:12px;margin:7px 0}.receipt-brand{font:25px Impact,'Arial Black',sans-serif;letter-spacing:-.5px;margin-bottom:12px}.result-card .big-button{width:100%;font-size:16px;min-height:47px}.result-card .text-button{font-size:11px;padding:12px 0 5px}.result-card .share-feedback{min-height:15px;font-size:10px;color:var(--red)}.danger .time-box{color:var(--red)}.fever .playfield{background-color:#fff0b9}.fever .stage-watermark{color:#efdaa0}.fever .fever-bar>span{background:#f17014}.playing .start-screen{display:none}.playing #game{cursor:pointer}.playing .stage-watermark{opacity:.65}
@media(min-width:1400px){.app{padding-top:30px}.cabinet{min-height:730px}.playfield{height:535px}}
@media(max-width:900px){.app{padding:16px 20px 10px}.cabinet{grid-template-columns:225px minmax(0,1fr)}.side-panel{padding:25px 20px}.side-panel h1{font-size:76px}.club{font-size:10px;letter-spacing:1px}.side-copy{font-size:12px}.rule-list p{font-size:10px;gap:5px}.scoreboard{padding:14px 17px;gap:15px}.drop-button{font-size:14px}.drop-button kbd{display:none}.controls{padding-left:15px;padding-right:15px}.stage-watermark{font-size:120px}}
@media(max-width:640px){.app{padding:8px 10px 9px}.masthead{height:48px;margin-bottom:10px}.wordmark{font-size:31px;margin-left:5px}.wordmark span{font-size:8px;letter-spacing:4px;margin-top:6px}.club{font-size:8px;letter-spacing:.5px;max-width:110px;text-align:center;line-height:1.5}.icon-button{font-size:9px;padding:8px 10px}.cabinet{display:block;min-height:0;box-shadow:4px 5px 0 var(--ink);border-radius:13px}.side-panel{border:0;border-bottom:2px solid var(--ink);padding:10px 16px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:10px}.edition,.side-copy,.rule-list,.side-bottom{display:none}.side-panel h1{font-size:31px;line-height:1;letter-spacing:-1.5px;margin:0;transform:none;white-space:nowrap}.side-panel h1 br{display:none}.side-panel h1 br:after{content:' '}.record{border:0;padding:0;flex-direction:row;align-items:center;gap:9px}.record>span:first-child{font-size:10px}.record strong{font-size:22px;letter-spacing:1px}.record>span:last-child{display:none}.scoreboard{height:67px;padding:10px 16px;gap:13px}.scoreboard>div>span{font-size:9px;letter-spacing:1px}.scoreboard strong{font-size:27px}.scoreboard strong span{font-size:11px}.pause-button{width:29px;height:29px;font-size:13px}.playfield{height:calc(100svh - 292px);min-height:380px;max-height:660px}.stage-top{top:12px;left:15px;right:15px}.stage-top>span:first-child{font-size:9px;letter-spacing:1px}.stage-watermark{inset:86px 0 0;font-size:112px}.start-screen{bottom:23px}.start-screen h2{font-size:24px}.start-screen p{font-size:12px;margin-bottom:13px}.start-tag{font-size:10px}.start-screen .big-button{width:250px;font-size:17px;min-height:52px}.start-hint{font-size:10px;margin-top:13px}.controls{padding:12px 13px 10px;gap:9px}.controls button{min-height:53px}.drop-button{font-size:14px}.bank-button{font-size:12px}.bank-button small{font-size:10px}.game-footer{font-size:9px;padding:0 14px 10px}.page-footer{font-size:8px;letter-spacing:.3px;padding-top:14px}.result-card{padding:18px 21px 8px;width:300px}.result-card h2{font-size:25px}.result-points strong{font-size:52px}.result-points{margin:8px 0}.receipt-lines{margin:10px 0 7px}.result-card .text-button{font-size:10px}.game-toast{font-size:36px}.combo-badge{font-size:10px;padding:4px 8px}}
@media(max-width:640px){.playfield:has(#resultScreen:not([hidden])){z-index:5}#resultScreen{position:fixed;inset:8px;z-index:20;border-radius:12px;padding:20px}#resultScreen .result-card{max-height:100%;padding-top:23px;padding-bottom:14px}.side-panel h1{word-spacing:4px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}