@font-face{font-family:Jua;src:url('./jua-regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
.game-card{display:flex;flex-direction:column}.game-controls{flex:1}

:root{--ink:#2f443e;--muted:#838b80;--green:#377d65;--green-dark:#29634f;--mint:#76bba0;--orange:#e79b72;--cream:#f8f7f0;--line:#e9e9de;--bunny:#78b99c;font-family:system-ui,-apple-system,'Malgun Gothic',sans-serif;color:var(--ink);font-synthesis:none;background:var(--cream);font-size:14px}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:default}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:3px solid #d6974d;outline-offset:5px}button{touch-action:manipulation}svg{display:block}a{text-decoration:none;color:inherit}button{border:0}h1,h2,p{margin:0}fieldset{padding:0;margin:0;border:0}legend{padding:0}button[hidden],[hidden]{display:none!important}.svg-library{position:absolute;width:0;height:0;overflow:hidden}.site-header{max-width:1248px;margin:auto;height:96px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:0 2px}.brand{display:flex;align-items:center;gap:11px;font-size:21px;font-weight:800;letter-spacing:-1px}.brand-mark{display:flex;align-items:center;justify-content:center;background:var(--green);color:#fff8d7;width:37px;height:37px;border-radius:13px 13px 13px 4px;font-size:29px;transform:rotate(-6deg)}.brand-dot{color:var(--orange)}.header-actions{display:flex;align-items:center;gap:16px}.header-caption{font-size:12px;color:#979b8e;margin-right:14px}.icon-button{display:flex;gap:8px;align-items:center;background:#fff;border:1px solid var(--line);padding:10px 14px;border-radius:24px;font-size:12px;font-weight:600}.icon-button svg{width:16px;height:16px;stroke:var(--green);fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.icon-button.muted svg{opacity:.4}.help-button{background:transparent;border:1px solid #cfd4c8;border-radius:50%;width:28px;height:28px;font-weight:700;color:#7c8778;font-size:15px}main{max-width:1248px;margin:auto}.intro{display:flex;align-items:center;justify-content:space-between;padding:39px 3px 30px}.eyebrow{display:flex;gap:7px;align-items:center;color:#7b8d69;font-size:11px;letter-spacing:.6px;font-weight:700;margin-bottom:10px}.eyebrow>span{width:6px;height:6px;background:#9cb880;border-radius:50%}h1{font-family:'Jua',sans-serif;font-size:43px;line-height:1.3;font-weight:400;letter-spacing:-1.8px}h1>span:first-child{color:var(--green)}.title-spark{color:#dba965;font-size:38px;display:inline-block;margin-left:12px;transform:translateY(-8px)}.intro p{color:#818779;font-size:13px;margin-top:10px}.intro-sticker{display:flex;align-items:center;gap:14px;transform:rotate(-5deg);margin:17px 32px 0 0}.intro-sticker svg{width:37px;height:37px;stroke:#c29661;fill:none;stroke-width:1.3}.intro-sticker span{font-size:12px;color:#9a8e74;line-height:1.9}.intro-sticker strong{font-weight:600}.play-layout{display:grid;grid-template-columns:minmax(0,1fr) 302px;gap:24px;align-items:stretch}.game-card{border:1px solid #e5e7da;border-radius:22px;overflow:hidden;background:#fff;box-shadow:0 7px 20px #3f533407}.game-topbar{display:flex;align-items:center;justify-content:space-between;height:58px;padding:0 26px}.world-label{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:600}.world-dot{width:7px;height:7px;background:#88aa71;border-radius:50%}.world-divider{height:12px;width:1px;background:#dfe3d7;margin:0 2px}.round-label{display:flex;align-items:center;gap:6px;font-size:12px;color:#8a9182}.round-label svg{width:19px;height:19px;fill:#e7bc5f;stroke:#e7bc5f;stroke-width:1}.round-label strong{font-size:18px;color:#5a5d43;margin-left:2px}.scene{height:395px;position:relative;isolation:isolate;overflow:hidden;touch-action:manipulation;cursor:pointer;user-select:none;background:#eaf4e9;outline-offset:-5px!important}.landscape{position:absolute;width:100%;height:100%;inset:0;z-index:-2}.scene-tag{position:absolute;top:23px;left:25px;font-size:11px;color:#748c70;display:flex;align-items:center;gap:7px}.scene-tag>span{font-size:18px;color:#8aab7a}.floating-note{position:absolute;font-size:33px;font-family:Georgia,serif;color:#8eb5a0;opacity:.5;animation:float 4s ease-in-out infinite}.note-one{top:25%;left:42%;transform:rotate(-18deg)}.note-two{top:34%;left:63%;font-size:25px;color:#d3b574;animation-delay:-2s}.bunny-wrap{position:absolute;bottom:24.5%;left:24%;width:102px;height:124px;transform:translateX(-50%);transform-origin:50% 90%;will-change:transform;color:var(--bunny);z-index:3}.bunny-wrap>svg{width:100%;height:100%;filter:drop-shadow(0 3px 1px #567b3020)}.bunny-shadow{position:absolute;bottom:24%;left:24%;width:67px;height:12px;border-radius:50%;background:#668a4a25;transform:translateX(-50%)}#stones{position:absolute;inset:0;pointer-events:none}.stone{position:absolute;bottom:21%;width:87px;height:22px;background:#fcf9ec;border-radius:50%;border-bottom:6px solid #d6cdb0;transform:translateX(-50%);box-shadow:0 6px 0 #99b77b13;will-change:left}.stone.target{background:#ffedb0;border-color:#dabb71}.stone.hit{background:#b3d8af;border-color:#7faf7b}.stone.missed{background:#e8e4d7}.stone-note{position:absolute;bottom:34px;left:50%;font-size:24px;font-family:Georgia,serif;transform:translateX(-50%) rotate(13deg);color:#d6ac59;opacity:.8}.stone.hit .stone-note{color:#438c60}.scene-feedback{position:absolute;top:36%;left:24%;transform:translate(-50%,-50%);font-family:'Jua',sans-serif;font-size:24px;color:#50896c;white-space:nowrap;transition:opacity .2s}.scene-feedback.pop{animation:feedback-pop .35s ease-out}.scene-ready{position:absolute;left:42%;top:47%;color:#4a6b56;text-align:left}.scene-ready>span{font-family:'Jua',sans-serif;font-size:24px;letter-spacing:-.6px}.scene-ready p{font-size:12px;color:#7c9375;margin-top:7px}.beat-rail{position:absolute;bottom:30px;left:24px;right:24px;display:flex;align-items:center;justify-content:space-between;gap:12px}.beat-rail-label{font-size:11px;color:#8a9071}.beat-dots{display:flex;gap:9px;position:absolute;left:50%;transform:translateX(-50%)}.beat-dots>span{display:grid;place-items:center;background:#faf7e8bd;width:28px;height:28px;border-radius:50%;font-size:11px;color:#979f7f;border:1px solid #d4d9b7;transition:background .08s,transform .08s}.beat-dots>span.active{background:var(--green);color:#fff;border-color:var(--green);transform:scale(1.14)}#combo{font-size:11px;color:#839372}.progress-track{position:absolute;bottom:0;height:4px;left:0;right:0;background:#aac29330}#progress{background:#78a67a;height:100%;width:0;transition:width .1s linear}.game-controls{display:flex;align-items:center;justify-content:space-between;padding:24px 25px;gap:12px;min-height:100px}.control-copy{display:flex;flex-direction:column;gap:7px}.control-copy>strong{font-size:15px;letter-spacing:-.5px}.control-copy>span{font-size:11px;color:#909585;display:flex;align-items:center;gap:4px}kbd{font-family:inherit;font-size:10px;background:#f6f6f0;border:1px solid #e2e4d9;border-bottom:2px solid #d5d9cb;border-radius:5px;padding:2px 7px;color:#7e897a;margin-right:3px}.play-buttons{display:flex;align-items:center;gap:9px}.primary-button{display:flex;justify-content:center;align-items:center;gap:9px;background:var(--green);color:white;border-radius:13px;padding:16px 28px;min-height:54px;font-size:15px;font-weight:700;box-shadow:0 4px 0 #26624d;transition:background .15s,transform .1s;white-space:nowrap}.primary-button:hover{background:#2b6c55}.primary-button:active{transform:translateY(3px);box-shadow:0 1px 0 #26624d}.primary-button>svg{width:19px;height:19px}.button-spark{color:#dbd69c;font-size:19px;margin-left:29px}.pause-button{width:43px;height:52px;border-radius:12px;background:#f2f4eb;font-size:19px;color:#728a6e}.settings-card{padding:24px 21px 20px;background:#fff;border:1px solid #e5e7da;border-radius:22px;display:flex;flex-direction:column}.settings-heading{display:flex;align-items:center;gap:8px;margin-bottom:25px}.settings-heading h2{font-size:16px;letter-spacing:-.5px}.mini-icon{font-size:21px;color:#7e9c7c;transform:rotate(90deg)}legend{font-size:11px;font-weight:500;color:#8b9386;margin-bottom:12px}.tempo-options{display:flex;flex-direction:column;gap:8px}.tempo-option{display:flex;align-items:center;gap:10px;text-align:left;width:100%;background:#fafaf6;border:1px solid #eeeFE5;border-radius:12px;padding:12px 11px;min-height:66px;transition:border .15s,background .15s}.tempo-option:hover{background:#f2f6ed}.tempo-option.selected{background:#eff5ec;border-color:#93b28a}.tempo-emoji{font-size:23px;width:29px;text-align:center}.tempo-option strong{font-size:12px;display:block;margin-bottom:4px}.tempo-option small{font-size:9px;display:block;color:#969e8d;white-space:nowrap}.tempo-bpm{font-size:13px;margin-left:auto;color:#84927b;display:flex;flex-direction:column;align-items:center;gap:2px}.tempo-bpm>span{font-size:7px;letter-spacing:1px;color:#a0a995}.radio-dot{width:13px;height:13px;min-width:13px;border:1px solid #d7dccd;border-radius:50%;margin-left:0}.selected .radio-dot{border:4px solid #6e9c71;background:#fff}.tempo-settings:disabled .tempo-option{opacity:.5}.tempo-settings:disabled .tempo-option.selected{opacity:.9}.friend-settings{border-top:1px solid #eff0e7;margin-top:22px;padding-top:20px}.friend-options{display:flex;gap:9px}.friend-option{flex:1;background:#fafaf6;border:1px solid transparent;border-radius:12px;display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 3px;color:#7f8b7b}.friend-option>svg{width:40px;height:48px;color:#78b99c}.friend-option[data-color=peach]>svg{color:#e7a189}.friend-option[data-color=lavender]>svg{color:#aaa1d0}.friend-option>span{font-size:10px}.friend-option.selected{border-color:#b7cab0;background:#f2f5ec}.goal-note{position:relative;display:flex;gap:10px;padding:15px 12px;background:#fbf7e9;border-radius:10px;margin-top:22px;transform:rotate(-1deg)}.goal-note>svg{width:20px;height:20px;fill:none;stroke:#d3ae61;stroke-width:1.4;flex-shrink:0}.goal-note strong{font-size:11px;color:#8c8056}.goal-note p{font-size:10px;color:#a29a7e;line-height:1.8;margin-top:5px}.note-tape{position:absolute;width:37px;height:13px;background:#ede5c99c;top:-6px;right:20px;transform:rotate(12deg)}.howto{display:grid;grid-template-columns:1.05fr 1fr 1.2fr 1fr;gap:24px;align-items:center;margin-top:30px;background:#efF0e7;border:1px solid #e9ebdf;border-radius:17px;padding:26px 27px}.howto-heading>span{font-size:8px;font-weight:700;letter-spacing:1.7px;color:#93a080}.howto-heading h2{font-size:13px;font-weight:600;letter-spacing:-.4px;margin-top:7px}.tip{display:flex;gap:12px;align-items:center}.tip-icon{display:grid;place-items:center;flex-shrink:0;width:41px;height:45px;border-radius:13px;background:#e1e9d4;color:#7e9563;font-size:26px;transform:rotate(-6deg)}.tip-icon.tap{color:#c68b62;background:#f1e3d1;transform:rotate(5deg)}.tip-icon.smile{color:#9a91b1;background:#e7e3ec;transform:rotate(-4deg)}.tip strong{font-size:11px;font-weight:600;white-space:nowrap}.tip strong>span{font-size:9px;color:#a2aa94;margin-right:5px}.tip p{font-size:9px;color:#8f9884;margin-top:7px;white-space:nowrap}footer{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:26px 3px 30px;color:#a1a594}footer>span:first-child{font-size:8px;letter-spacing:1.2px}.footer-flower{color:#b6bf9a;font-size:15px;margin-left:5px;vertical-align:middle}footer>p{font-size:10px}.saved-best{display:flex;align-items:center;gap:5px;font-size:10px}.saved-best svg{width:13px;height:13px;fill:#d4be7e}.saved-best strong{color:#8c957e}.modal{border:1px solid #e8e9dc;border-radius:26px;width:min(440px,calc(100vw - 32px));padding:40px 30px 30px;background:#fffef8;color:var(--ink);text-align:center;box-shadow:0 20px 100px #263f3833}.modal::backdrop{background:#263e3659;backdrop-filter:blur(5px)}.modal-close{position:absolute;right:15px;top:12px;width:32px;height:32px;border-radius:50%;background:#f1f2e9;color:#80907d;font-size:24px}.modal-art{display:inline-grid;place-items:center;background:#e8eedb;width:65px;height:65px;border-radius:24px;color:#6c9b72;font-size:39px;margin-bottom:20px;transform:rotate(-8deg)}.modal h2{font-family:'Jua',sans-serif;font-weight:400;font-size:27px;letter-spacing:-.8px}.modal p{font-size:12px;line-height:1.9;color:#8a9381;margin-top:18px}.help-keys{margin-top:20px;display:flex;align-items:center;justify-content:center;gap:7px;font-size:10px;color:#949c8c;flex-wrap:wrap}.help-keys kbd{font-size:12px;padding:5px 10px}.key-button{background:var(--green);color:#fff;padding:7px 13px;border-radius:7px}.modal-primary{margin:27px auto 0;min-width:210px}.result-eyebrow{font-size:11px;color:#8b9b7e}.result-stars{color:#e1ba5e;font-size:41px;margin:22px 0 18px;letter-spacing:8px}.result-stats{display:flex;background:#eff3e7;border-radius:16px;padding:20px;margin-top:22px}.result-stats>div{flex:1;display:flex;flex-direction:column;gap:8px}.result-stats>div+div{border-left:1px solid #dbe3cd}.result-stats strong{font-family:'Jua',sans-serif;font-size:38px;font-weight:400;color:var(--green)}.result-stats span{font-size:11px;color:#859175}.text-button{background:none;margin-top:20px;font-size:11px;color:#94a087}.particle{position:absolute;pointer-events:none;z-index:6;font-size:19px;color:#dcae49;animation:particle .7s ease-out forwards}.game-card.is-playing .scene-ready{display:none}.game-card.is-playing .scene-feedback{font-size:27px}.game-card.is-playing .floating-note{opacity:.25}.game-card.is-paused .scene:after{content:'잠깐 쉬는 중 ☁';position:absolute;inset:0;display:grid;place-items:center;background:#f6f6e9b8;font-family:'Jua',sans-serif;font-size:28px;color:#567c60;z-index:9;backdrop-filter:blur(2px)}.game-card.is-paused .floating-note{animation-play-state:paused}.game-card:not(.is-playing) .bunny-wrap{animation:idle 3s ease-in-out infinite}.scene.beat-flash .bunny-shadow{background:#69975440}.scene.beat-flash .scene-tag>span{color:#357d65}.scene.counting .scene-feedback{font-size:48px;top:40%;left:51%;color:var(--green)}.scene.counting .scene-ready{display:none}.is-playing .primary-button{min-width:190px}@keyframes float{0%,100%{translate:0 0}50%{translate:0 -9px}}@keyframes idle{0%,100%{translate:0 0;scale:1 1}50%{translate:0 -3px;scale:1.025 .98}}@keyframes feedback-pop{0%{scale:.85}60%{scale:1.12}100%{scale:1}}@keyframes particle{0%{opacity:1;translate:0 0;rotate:0deg}100%{opacity:0;translate:var(--dx) var(--dy);rotate:var(--rot)}}
@media(min-width:1500px){.site-header,main{max-width:1320px}.play-layout{grid-template-columns:minmax(0,1fr) 318px}.scene{height:433px}.intro{padding-top:44px;padding-bottom:34px}.game-controls{padding-top:27px;padding-bottom:27px}.settings-card{padding:26px}.tempo-option{padding:14px 11px}.friend-settings{margin-top:26px;padding-top:23px}.goal-note{margin-top:27px;padding:19px 12px}}
@media(max-width:1320px){.site-header,main{margin-left:40px;margin-right:40px}.play-layout{gap:20px}.intro{padding-top:30px}.howto{gap:17px;padding:23px 22px}.howto-heading{padding-right:4px}.tip{gap:8px}.tip p{font-size:8px}.tip-icon{width:34px;height:39px;font-size:23px}}
@media(max-width:1050px){.site-header,main{margin-left:24px;margin-right:24px}.play-layout{grid-template-columns:minmax(0,1fr) 268px;gap:16px}.settings-card{padding:22px 16px 18px}.scene{height:379px}.game-controls{padding:22px 18px}.control-copy>span{font-size:9px}.primary-button{padding:16px 20px}.button-spark{margin-left:10px}.howto{grid-template-columns:1fr 1fr 1.15fr}.howto-heading{grid-column:1/-1;display:flex;align-items:center;gap:14px}.howto-heading h2{margin:0}.tip p{font-size:9px}.header-caption{display:none}.intro-sticker{margin-right:5px}}
@media(max-width:780px){.site-header,main{margin-left:18px;margin-right:18px}.site-header{height:74px}.brand{font-size:18px}.brand-mark{width:32px;height:32px;font-size:25px}.header-actions{gap:10px}.icon-button{padding:8px 10px;font-size:10px}.intro{padding:28px 0 25px}.eyebrow{font-size:10px}h1{font-size:36px}.title-spark{font-size:29px;margin-left:8px}.intro p{font-size:11px}.intro-sticker{display:none}.play-layout{grid-template-columns:1fr}.scene{height:370px}.game-topbar{padding:0 20px;height:52px}.game-controls{padding:20px}.control-copy>span{font-size:10px}.primary-button{padding:15px 23px;font-size:14px}.button-spark{margin-left:16px}.settings-card{display:grid;grid-template-columns:1.5fr 1fr;column-gap:22px;row-gap:16px;padding:22px}.settings-heading{grid-column:1/-1;margin:0}.tempo-options{gap:7px}.tempo-option{padding:10px;min-height:60px}.friend-settings{border-top:0;border-left:1px solid #eff0e7;padding:0 0 0 18px;margin:0}.friend-options{gap:6px;flex-wrap:wrap}.friend-option{min-width:48px}.goal-note{grid-column:1/-1;transform:none;margin-top:0;padding:12px 15px}.goal-note p br{display:none}.goal-note strong{font-size:11px}.goal-note p{margin-top:3px}.howto{margin-top:20px;gap:19px 16px;padding:22px;grid-template-columns:1fr}.howto-heading{margin-bottom:3px;display:block}.howto-heading h2{margin-top:6px}.tip{gap:13px}.tip strong{font-size:12px}.tip p{font-size:10px;margin-top:5px}.tip-icon{width:37px;height:40px}footer{flex-wrap:wrap;justify-content:center;gap:12px;padding:23px 0}footer>p{order:3;width:100%;text-align:center;font-size:9px}.saved-best{margin-left:auto}footer>span:first-child{margin-right:auto;font-size:7px}}
@media(max-width:430px){.site-header,main{margin-left:12px;margin-right:12px}.brand{font-size:16px;gap:8px}.help-button{width:25px;height:25px}.intro{padding-top:25px}.intro p{font-size:10px}h1{font-size:33px}.scene{height:325px}.scene-tag{top:18px;left:16px;font-size:9px}.bunny-wrap{width:88px;height:107px;left:25%}.bunny-shadow{left:25%}.scene-ready{left:46%;top:44%}.scene-ready>span{font-size:17px}.scene-ready p{font-size:9px}.scene-feedback{font-size:18px;top:34%;left:25%}.beat-rail{left:16px;right:16px;bottom:25px}.beat-rail-label{font-size:9px}.beat-dots{gap:5px}.beat-dots>span{width:24px;height:24px;font-size:9px}#combo{font-size:9px;max-width:85px;text-align:right}.game-controls{padding:17px 14px;gap:8px}.control-copy>strong{font-size:13px}.control-copy>span{font-size:8px;gap:2px}kbd{font-size:8px;padding:2px 4px}.primary-button{min-height:49px;padding:13px 16px;font-size:13px;gap:6px}.button-spark{margin-left:5px}.primary-button>svg{width:15px;height:15px}.is-playing .primary-button{min-width:125px}.pause-button{width:32px;height:47px}.play-buttons{gap:5px}.settings-card{padding:20px 16px;gap:16px 14px;grid-template-columns:1.6fr 1fr}.tempo-emoji{width:23px;font-size:19px}.tempo-option{gap:6px;padding:9px 7px}.tempo-option small{font-size:8px}.tempo-option strong{font-size:11px}.tempo-bpm{font-size:11px}.radio-dot{width:10px;height:10px;min-width:10px}.selected .radio-dot{border-width:3px}.friend-settings{padding-left:13px}.friend-option{padding:6px 3px;min-width:42px}.friend-option>svg{width:33px;height:40px}.friend-option>span{font-size:8px}.goal-note p{font-size:9px}.game-topbar{padding:0 16px}.world-label{font-size:10px}.round-label{font-size:10px}.round-label strong{font-size:16px}.round-label svg{width:16px;height:16px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}.beat-dots>span{transition:none}.bunny-wrap{will-change:auto}.particle{display:none}}
@media(max-width:430px){.settings-card{grid-template-columns:1fr}.friend-settings{border-left:0;border-top:1px solid #eff0e7;padding:16px 0 0}.friend-options{flex-wrap:nowrap}.friend-option{padding:8px}.friend-option>svg{width:42px;height:51px}.friend-option>span{font-size:10px}.tempo-option{padding:11px 13px;gap:11px}.tempo-option strong{font-size:12px}.tempo-option small{font-size:10px}.tempo-emoji{font-size:23px;width:29px}.tempo-bpm{font-size:13px}.radio-dot{width:13px;height:13px;min-width:13px}.selected .radio-dot{border-width:4px}.friend-settings legend,legend{font-size:11px}}
.preview-sound{margin-left:auto;display:flex;align-items:center;gap:4px;padding:5px 7px;border-radius:7px;background:#f0f5eb;color:#668368;font-size:15px;white-space:nowrap}.preview-sound>span{font-size:9px}.preview-sound:hover{background:#e6efdf}.preview-sound:disabled{opacity:.45}
html{touch-action:manipulation}body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}a,button,svg,img{-webkit-user-drag:none}button{touch-action:manipulation}.demo-guide{position:absolute;top:66px;right:25px;z-index:4;display:flex;flex-direction:column;gap:9px;padding:17px 20px;border-radius:16px;background:#fffaf0ed;border:1px solid #e2d6a9;box-shadow:0 5px 18px #6e80520c;pointer-events:none}.demo-label{font-size:9px;letter-spacing:.6px;color:#a29670}.demo-guide strong{font-family:Jua,sans-serif;font-size:23px;font-weight:400;color:#49775c}.demo-guide>span:last-child{font-size:11px;color:#9a9873}.is-demo .primary-button{background:#6d9977;box-shadow:0 4px 0 #4b7757}.is-demo .primary-button.demo-pressed{transform:translateY(3px);box-shadow:0 1px 0 #4b7757;background:#377d65}.is-demo .scene-feedback{font-size:24px}.is-paused .demo-guide{visibility:hidden}@media(max-width:430px){.demo-guide{top:57px;right:12px;padding:12px 13px;gap:7px;max-width:185px}.demo-label{font-size:8px}.demo-guide strong{font-size:18px}.demo-guide>span:last-child{font-size:10px}.is-demo .scene-feedback{font-size:19px}}
.game-card.is-playing .scene-feedback{top:18%}
.demo-guide{top:48px;right:25px;width:222px;min-height:218px;align-items:center;justify-content:center;gap:6px;padding:16px 18px;text-align:center}.demo-guide .countdown-number{display:flex;align-items:center;justify-content:center;min-height:104px;font-family:Jua,sans-serif;font-size:104px;line-height:1;font-weight:400;color:#377d65;font-variant-numeric:tabular-nums}.demo-guide #demo-heading{font-size:14px;font-weight:600;color:#5e7d60}.demo-guide .demo-tip{font-size:10px;color:#9a9873}.demo-guide .demo-label{font-size:10px;letter-spacing:.4px}.demo-guide.handed-over .countdown-number{font-size:47px}.countdown-pop{animation:countdown-pop .2s ease-out}@keyframes countdown-pop{from{transform:scale(.9);opacity:.6}to{transform:scale(1);opacity:1}}@media(max-width:430px){.demo-guide{top:48px;right:12px;width:172px;max-width:172px;min-height:184px;padding:12px 10px;gap:5px}.demo-guide .countdown-number{font-size:80px;min-height:80px}.demo-guide #demo-heading{font-size:12px}.demo-guide .demo-tip{font-size:9px}.demo-guide .demo-label{font-size:9px}.demo-guide.handed-over .countdown-number{font-size:38px}}