/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.relative{position:relative}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.table{display:table}}:root{--bg:#11120b;--panel:#181910;--panel-2:#1e1f16;--text:#f4f5ed;--muted:#85877b;--line:#2d2f24;--yellow:#ffd21c;--yellow-deep:#eebd00}*{box-sizing:border-box}html{background:var(--bg)}body{background:var(--bg);min-width:320px;color:var(--text);font-family:var(--font-geist-sans), Pretendard, "Apple SD Gothic Neo", sans-serif;margin:0}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible{outline-offset:3px;outline:3px solid #ffd21c6b}.site-shell{background:#11120b;flex-direction:column;min-height:100svh;display:flex;position:relative;overflow:hidden}.game-stage{flex-direction:column;justify-content:center;width:min(780px,100% - 40px);min-height:100svh;margin:auto;padding:clamp(24px,5vh,52px) 0 28px;display:flex}.difficulty-tabs{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.difficulty{cursor:pointer;filter:saturate(.46)brightness(.64);border:1px solid #0000;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;height:52px;transition:transform .18s,filter .18s,border-color .18s,box-shadow .18s;display:flex}.difficulty:hover{filter:saturate(.7)brightness(.82);transform:translateY(-2px)}.difficulty strong{letter-spacing:-.04em;font-size:13px;font-weight:900}.difficulty small{font-family:var(--font-geist-mono), monospace;opacity:.62;margin-top:3px;font-size:9px}.difficulty.easy{color:#54ef8a;background:#173724}.difficulty.normal{color:#1a1b13;background:#ffd21c}.difficulty.hard{color:#ff9555;background:#432818}.difficulty.expert{color:#ff6464;background:#421e1e}.difficulty.impossible{color:#be77ff;background:#302044}.difficulty.active{filter:none;border-color:#ffffff1a;transform:translateY(-3px)}.difficulty.easy.active{color:#102116;background:#52ec87;box-shadow:0 12px 34px #37e17329}.difficulty.normal.active{box-shadow:0 12px 38px #ffd21c33}.difficulty.hard.active{color:#20130d;background:#ff914d;box-shadow:0 12px 36px #ff783729}.difficulty.expert.active{color:#250d0d;background:#ff5959;box-shadow:0 12px 36px #ff4b4b29}.difficulty.impossible.active{color:#1c0d28;background:#b96dff;box-shadow:0 12px 36px #a14dff2e}.round-progress{background:#3a3c34;border:1px solid #2a2c22;border-radius:12px;height:32px;margin-top:26px;display:flex;overflow:hidden;box-shadow:0 9px 24px #0003}.round-progress>span{border-right:3px solid #171810;flex:1;position:relative;overflow:hidden}.round-progress>span:last-child{border-right:0}.round-progress .done{background:var(--yellow)}.round-progress .current{background:#35372f}.round-progress .current i{background:linear-gradient(90deg, #ffe045, var(--yellow));width:28%;height:100%;display:block;box-shadow:8px 0 20px #ffd21c29}.round-progress .current i.running{animation:linear forwards listen-progress}@keyframes listen-progress{0%{width:28%}to{width:100%}}.play-area{justify-content:center;align-items:center;min-height:340px;display:flex;position:relative}.play-area:before{content:"";filter:blur(4px);background:radial-gradient(circle,#ffd21c1f,#ffd21c09 45%,#0000 70%);border-radius:50%;width:250px;height:250px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.signal{opacity:0;pointer-events:none;border:1px solid #ffd21c14;border-radius:50%;width:164px;height:164px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.playing .signal-a{animation:1.5s infinite signal}.playing .signal-b{animation:1.5s .5s infinite signal}.playing .signal-c{animation:1.5s 1s infinite signal}@keyframes signal{0%{opacity:.7;transform:translate(-50%,-50%)scale(.9)}to{opacity:0;transform:translate(-50%,-50%)scale(1.65)}}.play-button{cursor:pointer;z-index:2;background:linear-gradient(145deg,#ffdc2b,#e7b900);border:0;border-radius:50%;place-items:center;width:164px;height:164px;transition:transform .18s,box-shadow .18s;display:grid;position:relative;box-shadow:0 0 24px #ffd21c38,0 0 62px #ffd21c1a,inset 0 2px 2px #ffffff4d,0 20px 48px #00000061}.play-button:after{content:"";border:1px solid #ffffff1f;border-radius:50%;position:absolute;inset:9px}.play-button:hover:not(:disabled){transform:scale(1.035);box-shadow:0 0 35px #ffd21c4d,0 0 95px #ffd21c24,inset 0 2px 2px #ffffff4d,0 28px 65px #0000006b}.play-button:active:not(:disabled){transform:scale(.98)}.play-button:disabled{cursor:default}.play-shape{filter:drop-shadow(0 2px 1px #ffffff0f);border-top:22px solid #0000;border-bottom:22px solid #0000;border-left:36px solid #11120b;width:0;height:0;margin-left:10px}.pause-shape{border-left:10px solid #11120b;border-right:10px solid #11120b;width:32px;height:42px}.revealed .play-button{box-shadow:none;background:#26281e;transform:scale(.82)}.revealed .play-button .play-shape{border-left-color:#5e6154}.revealed .play-button .pause-shape{border-color:#5e6154}.time-badge{z-index:3;color:var(--yellow);font-family:var(--font-geist-mono), monospace;text-shadow:0 0 13px #ffd21c57,2px 2px #342b00;white-space:nowrap;position:absolute;top:calc(50% + 49px);left:calc(50% + 92px);transform:rotate(-3deg)}.time-badge span{letter-spacing:-.09em;font-size:24px;font-weight:950}.time-badge small{font-family:var(--font-geist-sans);margin-left:3px;font-size:11px;font-weight:900}.answer-form{grid-template-columns:minmax(0,1fr) 160px;gap:10px;display:grid;position:relative}.search-box,.skip-button{background:#1b1c13e0;border:1px solid #303229;border-radius:18px;height:60px;box-shadow:inset 0 1px #ffffff06,0 11px 24px #00000026}.search-box{align-items:center;padding:0 18px;transition:border-color .2s,box-shadow .2s;display:flex;position:relative}.search-box:focus-within{border-color:#5a5330;box-shadow:0 0 0 4px #ffd21c0e,inset 0 1px #ffffff08}.search-icon{border:3px solid #96998e;border-radius:50%;flex:none;width:20px;height:20px;margin:0 16px 0 2px;position:relative}.search-icon:after{content:"";background:#96998e;border-radius:4px;width:11px;height:4px;position:absolute;bottom:-4px;right:-9px;transform:rotate(45deg)}.search-box input{color:#f1f2eb;letter-spacing:-.03em;background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:14px;font-weight:750}.search-box input::placeholder{color:#7d8075}.clear-button{color:#888b80;cursor:pointer;background:#303229;border:0;border-radius:50%;width:28px;height:28px}.answer-button{background:var(--yellow);color:#17180f;cursor:pointer;border:0;border-radius:12px;min-width:60px;height:40px;margin-left:10px;font-size:11px;font-weight:900}.skip-button{cursor:pointer;color:#f3f4ed;letter-spacing:-.04em;justify-content:center;align-items:center;gap:9px;font-size:14px;font-weight:900;transition:background .18s,border-color .18s;display:flex}.skip-button:hover:not(:disabled){background:#222319;border-color:#47493b}.skip-button:disabled{opacity:.38;cursor:default}.skip-icon{align-items:center;width:24px;height:24px;display:inline-flex;position:relative;transform:scale(.78)}.skip-icon i{border-top:10px solid #0000;border-bottom:10px solid #0000;border-left:15px solid #f2f3ed;width:0;height:0}.skip-icon b{background:#f2f3ed;border-radius:3px;width:4px;height:21px;margin-left:3px}.suggestions{z-index:20;background:#1c1d14;border:1px solid #34362c;border-radius:20px;padding:7px;position:absolute;top:calc(100% + 10px);left:0;right:0;box-shadow:0 22px 60px #00000075}.suggestions button{color:#f1f2eb;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:14px;align-items:center;width:100%;padding:8px 10px;display:flex}.suggestions button:hover{background:#292a20}.album-mini{color:#ffffffd9;border-radius:10px;place-items:center;width:38px;height:38px;margin-right:12px;display:grid}.suggestions strong,.suggestions small{display:block}.suggestions strong{font-size:12px}.suggestions small{color:#85887c;margin-top:3px;font-size:9px}.result-banner{background:#1c2415;border:1px solid #39442a;border-radius:20px;grid-template-columns:48px 1fr auto;align-items:center;gap:13px;min-height:76px;margin-top:13px;padding:10px 12px;animation:.3s ease-out slide-up;display:grid}@keyframes slide-up{0%{opacity:0;transform:translateY(8px)}}.result-banner.wrong,.result-banner.skip{background:#261e14;border-color:#4a3826}.result-symbol{color:#18200e;background:#bde54a;border-radius:50%;place-items:center;width:42px;height:42px;font-weight:950;display:grid}.wrong .result-symbol,.skip .result-symbol{color:#29180b;background:#ec9c4c}.result-banner div small,.result-banner div strong,.result-banner div span{display:block}.result-banner div small{color:#a8c953;font-size:9px;font-weight:850}.wrong div small,.skip div small{color:#d99451}.result-banner div strong{margin:2px 0;font-size:14px}.result-banner div span{color:#85887c;font-size:9px}.result-banner>button{background:var(--yellow);color:#17180f;cursor:pointer;border:0;border-radius:13px;height:42px;padding:0 16px;font-size:11px;font-weight:900}.result-banner>button i{margin-left:8px;font-style:normal}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#050603cc;place-items:center;padding:20px;animation:.2s ease-out fade;display:grid;position:fixed;inset:0}@keyframes fade{0%{opacity:0}}.modal-card{background:#1d1f15;border:1px solid #36382d;border-radius:28px;width:min(450px,100%);padding:38px;position:relative;box-shadow:0 30px 90px #00000080}.modal-close{color:#a8aa9f;cursor:pointer;background:#2d2f25;border:0;border-radius:50%;width:32px;height:32px;font-size:18px;position:absolute;top:18px;right:18px}.modal-card h2{letter-spacing:-.055em;margin:0 0 22px;font-size:30px}.modal-start{background:var(--yellow);color:#17180f;cursor:pointer;border:0;border-radius:14px;width:100%;height:52px;font-size:12px;font-weight:900}.score-card{text-align:center}.final-score{background:#25271d;border-radius:15px;margin-bottom:16px;padding:14px}.final-score span,.final-score strong{display:block}.final-score span{color:#85887c;font-size:9px}.final-score strong{font-family:var(--font-geist-mono);font-size:28px}@media (width<=760px){.game-stage{width:calc(100% - 24px);padding:20px 0}.difficulty-tabs{gap:5px}.difficulty{border-radius:14px;height:46px}.difficulty strong{font-size:11px}.round-progress{border-radius:10px;height:28px;margin-top:19px}.play-area{min-height:300px}.play-button{width:140px;height:140px}.play-shape{border-top-width:19px;border-bottom-width:19px;border-left-width:31px}.time-badge{top:calc(50% + 42px);left:calc(50% + 74px)}.time-badge span{font-size:20px}.answer-form{grid-template-columns:minmax(0,1fr) 112px;gap:7px}.search-box,.skip-button{border-radius:16px;height:54px}.search-box{padding:0 14px}.search-icon{width:18px;height:18px;margin-right:12px}.search-box input{font-size:12px}.skip-button{gap:5px;font-size:12px}.skip-icon{transform:scale(.68)}.answer-button{min-width:45px;padding:0 9px}.result-banner{grid-template-columns:42px 1fr}.result-banner>button{grid-column:1/-1;width:100%}}@media (width<=440px){.difficulty-tabs{gap:4px}.difficulty{border-radius:13px;height:43px}.difficulty strong{font-size:10px}.difficulty.impossible strong{font-size:9px}.play-area{min-height:280px}.play-button{width:132px;height:132px}.play-area:before{width:215px;height:215px}.time-badge{top:calc(50% + 42px);left:calc(50% + 67px)}.time-badge span{font-size:19px}.answer-form{grid-template-columns:minmax(0,1fr) 100px}.skip-button>span:last-child,.search-box input{font-size:11px}.answer-button{display:none}.modal-card{padding:33px 23px 24px}.modal-card h2{font-size:26px}}@media (height<=760px) and (width>=761px){.game-stage{padding-top:20px}.difficulty{height:48px}.round-progress{height:29px;margin-top:20px}.play-area{min-height:290px}.play-button{width:150px;height:150px}.answer-form{margin-top:2px}.search-box,.skip-button{height:56px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}