@import "https://fonts.googleapis.com/css2?family=Mochiy+Pop+One&display=swap";:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}:root{--primary:#ff69b2;--primary-light:#ffb6c1;--bg:#fff0f5;--white:#fff}html{-webkit-user-select:none;user-select:none;background-color:var(--bg);background-image:url(/assets/Wallpaper-CrNQxANe.png);background-repeat:repeat;background-size:683px 384px;overflow-y:scroll}html.no-scroll{overflow:hidden}@media print{html,body{visibility:hidden}}@keyframes bgScroll{0%{background-position:0 0}to{background-position:683px 384px}}body{background-color:var(--bg);color:#333;background-image:url(/assets/Wallpaper-CrNQxANe.png);background-repeat:repeat;background-size:683px 384px;margin:0;font-family:Helvetica Neue,Arial,Hiragino Kaku Gothic ProN,Hiragino Sans,Meiryo,sans-serif;animation:60s linear infinite bgScroll}.app-root{box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;min-height:100svh;padding:clamp(8px,4svh,60px) 15px;display:flex}.box{background:var(--white);text-align:center;box-sizing:border-box;background-image:radial-gradient(#fff0f5 10%,#0000 10%);background-size:20px 20px;border-radius:24px;width:100%;max-width:480px;padding:clamp(12px,3svh,30px) 20px;box-shadow:0 15px 35px #ff69b426}.title{color:#ff69b2;text-shadow:2px 2px #fff,-1px -1px #fff,1px -1px #fff,-1px 1px #fff;letter-spacing:.05em;white-space:nowrap;margin-bottom:22px;font-family:Mochiy Pop One,sans-serif;font-size:clamp(1rem,6vw,1.4rem)}.logo-area{margin-bottom:clamp(6px,1.5svh,25px)}.site-logo{object-fit:contain;width:100%;max-width:330px;max-height:clamp(50px,18svh,200px);margin-bottom:4px}.title-sub{margin:clamp(2px,.8svh,10px) 0;font-family:Mochiy Pop One,sans-serif;font-size:clamp(1rem,min(7.5vw,5svh),2.1rem);font-weight:800;line-height:1.3}.title-sub span{margin:0 1px;animation:2s ease-in-out infinite charFloat;display:inline-block}.title-sub span:first-child{color:#ff1493;animation-delay:0s}.title-sub span:nth-child(2){color:#ff69b2;animation-delay:.12s}.title-sub span:nth-child(3){color:#ff8a65;animation-delay:.24s}.title-sub span:nth-child(4){color:#ffb347;animation-delay:.36s}.title-sub span:nth-child(6){color:gold;animation-delay:.48s}.title-sub span:nth-child(7){color:#c77dff;animation-delay:.6s}.title-sub span:nth-child(8){color:#f06292;animation-delay:.72s}.title-sub span:nth-child(9){color:#ff7043;animation-delay:.84s}.title-sub span:nth-child(10){color:#ab47bc;animation-delay:.96s}.title-sub span:nth-child(11){color:#ff4081;animation-delay:1.08s}.title-sub span:nth-child(12){color:orchid;animation-delay:1.2s}.title-sub span:nth-child(13){color:#ff8fab;animation-delay:1.32s}.title-sub span:nth-child(14){color:#ff1493;animation-delay:1.44s}.title-sub span:nth-child(15){color:#c77dff;animation-delay:1.56s}@keyframes charFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}.desc-text{color:#666;white-space:nowrap;margin-bottom:clamp(2px,.5svh,6px);font-family:Mochiy Pop One,sans-serif;font-size:.88rem;overflow:hidden}.catch-text{color:var(--primary);white-space:nowrap;margin:clamp(1px,.3svh,3px) 0;font-family:Mochiy Pop One,sans-serif;font-size:.88rem;font-weight:700;overflow:hidden}.top-buttons{margin-top:clamp(16px,2.5svh,22px)}.start-btn-sparkle{color:#fff;letter-spacing:.08em;cursor:pointer;text-shadow:0 1px 6px #00000040;background:linear-gradient(135deg,#ff1493,#ff69b2,#ff8a65,gold,#ff69b2,#ff1493) 0 0/300%;border:3px solid #ffffff8c;border-radius:50px;width:75%;margin-bottom:clamp(8px,1.5svh,22px);margin-left:auto;margin-right:auto;padding:clamp(6px,1.5svh,14px) 40px;font-family:Mochiy Pop One,sans-serif;font-size:clamp(1.2rem,min(5vw,4svh),1.85rem);font-weight:900;transition:transform .2s,box-shadow .2s;animation:3s linear infinite gradientMove;display:block;position:relative;overflow:hidden;box-shadow:0 0 18px #ff14938c,0 8px #b5005e,0 14px 30px #ff149359}.start-btn-sparkle:before{content:"";pointer-events:none;background:#ffffff61;width:55%;height:220%;animation:3.5s ease-in-out infinite btnShine;position:absolute;top:-60%;left:-130%;transform:rotate(28deg)}@keyframes gradientMove{0%{background-position:0%}to{background-position:300%}}@keyframes btnShine{0%{left:-130%}35%{left:140%}to{left:140%}}.start-btn-sparkle:hover{transform:translateY(-4px)scale(1.03);box-shadow:0 0 45px #ff1493d9,0 10px #b5005e,0 22px 45px #ff149380}.start-btn-sparkle:active{transition:transform 80ms,box-shadow 80ms;transform:translateY(4px)scale(.98);box-shadow:0 0 10px #ff149366,0 2px #b5005e}.start-btn-list{color:#c17900;white-space:nowrap;letter-spacing:.08em;cursor:pointer;background:#fffde7;border:2px solid #f9a825;border-radius:50px;width:50%;margin:clamp(24px,3svh,28px) auto clamp(8px,1.5svh,22px);padding:clamp(1px,1.5svh,5px) 8px;font-family:Mochiy Pop One,sans-serif;font-size:clamp(.1rem,min(5vw,4svh),.7rem);font-weight:900;transition:background .2s,transform .2s,box-shadow .2s;display:block;position:relative;top:0;box-shadow:0 4px #c17900}.start-btn-list:hover{background:#fff59d;transform:translateY(-2px);box-shadow:0 6px #c17900}.start-btn-list:active{box-shadow:none;top:4px;transform:translateY(0)}.sub-btn{white-space:nowrap;box-sizing:border-box;cursor:pointer;border-radius:50px;width:50%;margin-top:clamp(4px,.8svh,10px);margin-left:auto;margin-right:auto;padding:clamp(4px,.8svh,9px) 12px;font-family:Mochiy Pop One,sans-serif;font-size:clamp(.6rem,3vw,.82rem);text-decoration:none;transition:all .2s cubic-bezier(.175,.885,.32,1.275);display:block;position:relative;top:0;overflow:hidden}.list-btn{color:#c17900;background:#fffde7;border:2px solid #f9a825;margin-top:clamp(14px,2.5svh,28px);box-shadow:3px 3px #c17900}.survey-btn{text-align:center;color:#00897b;background:#e8f8f5;border:2px solid #00897b;padding-top:7px;padding-bottom:7px;box-shadow:3px 3px #00695c}.list-btn:hover{background:#fff59d;transform:translateY(-2px);box-shadow:5px 5px #c17900}.survey-btn:hover{background:#b2dfdb;transform:translateY(-2px);box-shadow:5px 5px #00695c}.sub-btn:active{top:3px;transform:translateY(0)scale(.98);box-shadow:none!important}.group-card{border:4px solid #fff}.group-grid{grid-template-columns:1fr 1fr;gap:12px;width:100%;padding:4px 0;display:grid}.group-card-btn{cursor:pointer;color:#fff;letter-spacing:.03em;text-shadow:0 1px 4px #0000004d;white-space:nowrap;border:1.5px solid #ffffff73;border-radius:18px;padding:clamp(16px,3svh,26px) 8px;font-family:Mochiy Pop One,sans-serif;font-size:clamp(9px,2.5vw,13px);transition:transform .18s cubic-bezier(.175,.885,.32,1.275),box-shadow .18s;box-shadow:0 7px #00000047,0 10px 20px #0003,inset 0 1px #ffffff61}.group-card-btn:last-child:nth-child(odd){grid-column:1/-1;justify-self:center;width:calc(50% - 6px)}.group-card-btn:hover{transform:translateY(-3px);box-shadow:0 10px #00000047,0 16px 26px #00000038,inset 0 1px #ffffff61}.group-card-btn:active{transition:transform 70ms ease-out,box-shadow 70ms ease-out;transform:translateY(7px);box-shadow:0 0 #00000047,0 3px 8px #0000002e,inset 0 2px 5px #0000002e}.group-btn-fz{background:linear-gradient(145deg,#ff8a65,#f4511e)}.group-btn-cd{background:linear-gradient(145deg,#26c6da,#00838f)}.group-btn-ss{color:#4a148c;text-shadow:none;background:linear-gradient(145deg,#e1bee7,#ba68c8)}.group-btn-cs{background:linear-gradient(145deg,#f06292,#e91e8c)}.group-btn-ms{background:linear-gradient(145deg,#9575cd,#5e35b1)}.back-btn-group{color:#666;cursor:pointer;background-color:#f0f0f0;border:3px solid #fff;border-radius:50px;width:85%;max-width:280px;margin:20px auto 0;padding:14px 16px;font-family:Mochiy Pop One,sans-serif;font-size:clamp(10px,3.8vw,16px);transition:all .2s;display:block;position:relative;top:0;box-shadow:3px 3px #bbb}.back-btn-group:hover{transform:translateY(-2px);box-shadow:5px 5px #bbb}.back-btn-group:active{box-shadow:none;top:3px;transform:translateY(0)scale(.98)}.back-btn-top{width:85%;max-width:280px;font-size:clamp(10px,3.8vw,16px)}.list-back-btn{white-space:nowrap;box-sizing:border-box;cursor:pointer;color:#666;background:#f0f0f0;border:2px solid #ddd;border-radius:50px;width:75%;margin-top:clamp(4px,.8svh,10px);margin-left:auto;margin-right:auto;padding:clamp(4px,.8svh,9px) 12px;font-family:Mochiy Pop One,sans-serif;font-size:clamp(.6rem,3vw,.82rem);transition:all .2s cubic-bezier(.175,.885,.32,1.275);display:block;position:relative;top:0;overflow:hidden;box-shadow:3px 3px #bbb}.list-back-btn:hover{background:#e0e0e0;transform:translateY(-2px);box-shadow:5px 5px #bbb}.list-back-btn:active{box-shadow:none;top:3px;transform:translateY(0)scale(.98)}.list-container{text-align:left;background:#fdfdfd;border:1px solid #eee;border-radius:16px;max-height:55vh;margin-bottom:20px;padding:15px;overflow-y:auto}.group-name-title{color:var(--primary);border-bottom:3px solid #ffdeeb;margin:15px 0 10px;padding-bottom:4px;font-size:1.1rem;font-weight:700}.song-item-row{border-bottom:1px dashed #eee;justify-content:space-between;align-items:flex-start;padding:10px 0;display:flex;overflow:hidden}.song-title-cell{color:#444;white-space:pre;flex:1;min-width:0;font-size:.9rem;font-weight:600;overflow:hidden}.song-unreleased .song-title-cell{color:#bbb;font-weight:400}.song-clickable{cursor:pointer;border-radius:8px;transition:background .15s}.song-clickable:hover{background:#fff0f5}.song-lyrics-modal{flex-direction:column;max-height:75vh;padding-bottom:20px;display:flex;overflow:hidden}.song-modal-group-badge{color:#ff69b2;background:#fff0f5;border:1px solid #ffb7d5;border-radius:20px;margin-bottom:14px;padding:2px 10px;font-size:.7rem;display:inline-block}.song-modal-loading{color:#aaa;padding:20px 0;font-size:.85rem}.song-modal-list{flex-direction:column;flex:1;gap:6px;min-height:0;padding-right:4px;display:flex;overflow:hidden auto}.song-modal-list::-webkit-scrollbar{width:4px}.song-modal-list::-webkit-scrollbar-track{background:#fff0f5;border-radius:2px}.song-modal-list::-webkit-scrollbar-thumb{background:#ffb6c1;border-radius:2px}.song-modal-row{text-align:left;background:#fdfdfd;border:1px solid #f0d0e0;border-radius:10px;padding:7px 12px 14px;position:relative}.diff-dots{align-items:center;gap:3px;display:flex;position:absolute;bottom:5px;right:8px}.diff-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px;display:inline-block}.diff-dot-easy{background-color:#81c784}.diff-dot-normal{background-color:#ffd54f}.diff-dot-hard{background-color:#ef5350}.diff-dot-expert{background-color:#ba68c8}.song-modal-lyrics{white-space:pre-wrap;word-break:break-word;margin-bottom:4px;font-size:.75rem;font-weight:400;line-height:1.6}.song-modal-members{font-size:.75rem;font-weight:400}.song-modal-explanation{color:#aaa;margin-top:3px;font-size:.75rem;font-weight:400}.badge-area{flex-wrap:nowrap;flex-shrink:0;align-items:flex-start;margin-left:6px;display:flex}.status-tag-unreleased{color:#bbb;white-space:nowrap;font-size:.6rem;font-weight:400}.diff-badge-inline{color:#fff;white-space:nowrap;border-radius:6px;margin-left:4px;padding:2px 6px;font-size:.6rem}.easy-badge-color{background:#81c784}.normal-badge-color{color:#555;background:#ffd54f}.quiz-counter{text-align:center;color:#888;margin-bottom:clamp(2px,.5svh,5px);font-size:14px}.progress-container{background:#eee;border-radius:4px;width:100%;height:6px;margin-bottom:clamp(4px,1svh,10px);overflow:hidden}.progress-bar{background:linear-gradient(90deg,#ffb6c1,#ff69b2);width:0%;height:100%;transition:width .4s}.quiz-title{color:#888!important;text-shadow:none!important;margin-top:clamp(2px,.5svh,5px)!important;margin-bottom:clamp(2px,.5svh,4px)!important;font-size:1.1rem!important}.quiz-challenge-label{color:#ff8ab4;background:#fff0f5;border:1px solid #ffb7d5;border-radius:20px;margin-bottom:clamp(3px,.8svh,8px);padding:2px 12px;font-family:Mochiy Pop One,sans-serif;font-size:.72rem;display:inline-block}#lyrics{color:#333;letter-spacing:.03em;white-space:pre;margin:clamp(6px,2svh,20px) 0;padding:0 10px;font-size:clamp(12px,min(4vw,3.5svh),1.4rem);font-weight:400;line-height:1.5;overflow:hidden}.occurrence-badge{color:#b07ab0;letter-spacing:0;white-space:nowrap;margin-left:2px;font-size:.65em}.song-name-hint{justify-content:center;align-items:center;gap:4px;margin:0 auto clamp(3px,.8svh,6px);font-size:clamp(.55rem,2vw,.68rem);display:flex}.song-name-hint-label{color:#aaa}.song-name-hint-badge{color:#b8860b;white-space:nowrap;background:#fff8e1;border:1px solid #ffe082;border-radius:6px;padding:1px 7px;font-weight:700}.hint-lyrics{color:#aaa;letter-spacing:.05em;text-align:center;background:#fdfdfd;border:1px dashed #eee;border-radius:8px;margin:clamp(3px,.8svh,8px) 0;padding:clamp(4px,1svh,8px);font-weight:400;line-height:1.4;overflow:hidden}.hint-text{white-space:pre;font-size:clamp(7px,min(2.2vw,1.6svh),.62rem);overflow:hidden}.quiz-card{width:min(100vw - 30px,480px)}.hint-label{color:#ffb6c1;font-size:.75rem;font-weight:700}@media (width<=540px){#lyrics{font-size:clamp(12px,min(4vw,3.5svh),16px)}.hint-lyrics{text-align:left;align-items:center;gap:4px;margin:clamp(2px,.4svh,4px) 0;padding:clamp(3px,.5svh,5px) 10px;display:flex}.hint-text{white-space:pre;text-align:left;flex:1;overflow:hidden}.hint-label{flex-shrink:0;font-size:.65rem}}.members{grid-template-columns:1fr 1fr;gap:clamp(5px,1svh,10px);width:100%;max-width:320px;margin:clamp(6px,1.5svh,20px) auto;display:grid}.member-btn{color:#888;cursor:pointer;background-color:#fff;border:1px solid #e0e0e0;border-radius:20px;width:100%;max-width:150px;margin:0 auto;padding:clamp(5px,1.2svh,10px) 0;font-family:Mochiy Pop One,sans-serif;font-size:clamp(.65rem,min(3vw,2svh),.85rem);font-weight:400;transition:transform .1s,box-shadow .1s,background-color .1s;display:block;position:relative;top:0;box-shadow:0 2px #eee}.member-btn:hover:not(:disabled){background-color:#fffafc;transform:translateY(-2px);box-shadow:0 4px #eee}.member-btn.on{color:#fff;background-color:#ff69b2;border-color:#ff69b2;box-shadow:0 2px #d81b60}.member-btn.on:hover:not(:disabled){background-color:#ff69b2;box-shadow:0 4px #d81b60}.member-btn.all-btn{grid-column:span 2}.member-btn:disabled{cursor:not-allowed;opacity:.7}.submit{color:#fff;cursor:pointer;background-color:#ff69b2;border:3px solid #fff;border-radius:50px;width:70%;max-width:280px;margin:clamp(6px,1.5svh,20px) auto 0;padding:clamp(8px,1.5svh,14px) 16px;font-family:Mochiy Pop One,sans-serif;font-size:1rem;transition:all .2s cubic-bezier(.175,.885,.32,1.275);display:block;position:relative;top:0;box-shadow:0 4px #d81b60}.submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px #d81b60}.submit:active:not(:disabled){top:3px;transform:translateY(0)scale(.98);box-shadow:0 1px #d81b60}#result.animate{text-align:center;white-space:nowrap;border-radius:12px;width:80%;max-width:300px;margin:clamp(6px,1.5svh,15px) auto;padding:12px;font-size:.95rem;font-weight:700;animation:.5s ease-out result-pop;display:block;overflow:hidden}@keyframes result-pop{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.correct{border:2px solid #4caf50;color:#2e7d32!important;background:#e8f5e9!important}.incorrect{border:2px solid #f44336;color:#d32f2f!important;background:#ffebee!important}.warning{color:#ef6c00!important;background:#fff3e0!important;border:2px solid #ffb74d!important}#explanation{color:#888;white-space:pre;margin:clamp(4px,1svh,10px) 20px;font-size:14px;line-height:1.6;overflow:hidden}.fade-in{animation:.6s ease-out fadeIn}.slide-up{animation:.5s ease-out slideUp}.zoom-in{animation:.4s ease-out zoomIn}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}@keyframes zoomIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes zoomInCentered{0%{opacity:0;transform:translate(-50%,-50%)scale(.9)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.result-label{color:#aaa;letter-spacing:.05em;margin-bottom:8px;font-size:.8rem}.result-hero{justify-content:center;align-items:center;gap:24px;margin:4px 0 12px;display:flex}.drumroll-overlay{z-index:8000;background:#000000c7;justify-content:center;align-items:center;width:100%;height:100%;animation:.4s ease-out fadeIn;display:flex;position:fixed;top:0;left:0}.drumroll-announce{color:#fff;letter-spacing:.12em;text-shadow:0 0 24px #ff69b4e6;font-family:Mochiy Pop One,sans-serif;font-size:clamp(1.4rem,6vw,2.2rem);animation:.5s ease-out fadeIn}.drumroll-circle{background:#111!important;border:5px solid #ff69b2!important;width:160px!important;height:160px!important;animation:.18s ease-in-out infinite alternate drumrollPulse,.3s ease-out fadeIn!important;box-shadow:0 0 30px #ff69b4b3,0 0 60px #ff69b44d!important}.drumroll-circle .score-num{color:#ff69b2!important;text-shadow:0 0 16px #ff69b4e6!important;font-size:3rem!important}.drumroll-circle .score-unit{color:#aaa!important}@keyframes drumrollPulse{0%{transform:scale(1);box-shadow:0 0 20px #ff69b480,0 0 40px #ff69b433}to{transform:scale(1.05);box-shadow:0 0 40px #ff69b4e6,0 0 80px #ff69b466}}.rank-display{color:#ff69b2;white-space:nowrap;text-shadow:2px 2px #fff;margin:0;font-family:Mochiy Pop One,sans-serif;font-size:1.8rem}.rank-display--perfect{color:#f9a825;text-shadow:2px 2px #fff,0 0 12px #f9a82566}.rank-display--high{color:#00acc1;text-shadow:2px 2px #fff}.rank-display--mid{color:#7e57c2;text-shadow:2px 2px #fff}.rank-display--low{color:#ff7043;text-shadow:2px 2px #fff}.rank-display--zero{color:#9e9e9e;text-shadow:2px 2px #fff}.rank-display.genius{font-size:2.1rem;animation:.6s ease-in-out infinite geniusRainbow}@keyframes geniusRainbow{0%{color:#ff69b2;text-shadow:0 0 12px #ff69b2,2px 2px #fff}20%{color:#ffbe0b;text-shadow:0 0 12px #ffbe0b,2px 2px #fff}40%{color:#4ecdc4;text-shadow:0 0 12px #4ecdc4,2px 2px #fff}60%{color:#8338ec;text-shadow:0 0 12px #8338ec,2px 2px #fff}80%{color:#ff006e;text-shadow:0 0 12px #ff006e,2px 2px #fff}to{color:#ff69b2;text-shadow:0 0 12px #ff69b2,2px 2px #fff}}.score-circle{background:#fff;border:5px solid #ff69b2;border-radius:50%;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:100px;height:100px;margin:0;display:flex;box-shadow:0 4px 12px #ff69b233}.score-circle--perfect{border-color:#f9a825;box-shadow:0 4px 14px #f9a82559}.score-circle--high{border-color:#00acc1;box-shadow:0 4px 14px #00acc14d}.score-circle--mid{border-color:#7e57c2;box-shadow:0 4px 14px #7e57c24d}.score-circle--low{border-color:#ff7043;box-shadow:0 4px 14px #ff70434d}.score-circle--zero{border-color:#9e9e9e;box-shadow:0 4px 14px #9e9e9e33}.score-circle--perfect .score-num{color:#f9a825}.score-circle--high .score-num{color:#00acc1}.score-circle--mid .score-num{color:#7e57c2}.score-circle--low .score-num{color:#ff7043}.score-circle--zero .score-num{color:#9e9e9e}.score-num{color:#ff69b2;font-size:2.2rem;font-weight:900;line-height:1}.score-unit{color:#aaa;margin-top:4px;font-size:.85rem}.info-badges{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:14px;display:flex}.badge{color:#ff69b2;background:#fdfdfd;border:1px solid #ffb6c1;border-radius:15px;padding:4px 12px;font-size:.75rem;font-weight:700;box-shadow:0 2px 4px #0000000d}.message-area{overflow:hidden;container-type:inline-size}.comment-text{color:#555;white-space:nowrap;padding:0 10px;font-family:Mochiy Pop One,sans-serif;font-size:1.1rem;line-height:1.6}.result-buttons{flex-direction:column;align-items:center;gap:8px;margin-top:16px;display:flex}.result-buttons button{box-sizing:border-box;cursor:pointer;border-radius:25px;justify-content:center;align-items:center;width:85%;max-width:260px;height:44px;margin:0;font-family:Mochiy Pop One,sans-serif;font-size:.9rem;font-weight:700;text-decoration:none;transition:all .2s;display:flex}.result-btn-row{gap:8px;width:85%;max-width:260px;display:flex}.result-btn-row button{box-sizing:border-box;cursor:pointer;border-radius:25px;flex:1;justify-content:center;align-items:center;height:44px;margin:0;font-family:Mochiy Pop One,sans-serif;font-size:.82rem;font-weight:700;transition:all .2s;display:flex}.result-buttons .share-btn{color:#fff;background:#000;border:none;position:relative;top:-4px;box-shadow:0 4px #888}.result-buttons .share-btn:active{box-shadow:none;top:0}.result-btn-row .retry-btn{color:#ff69b2;background:#fff;border:3px solid #ff69b2;position:relative;top:-4px;box-shadow:0 4px #ffb6c1}.result-btn-row .retry-btn:hover{background:#fff0f7}.result-btn-row .retry-btn:active{box-shadow:none;top:0}.result-btn-row .group-btn{color:#ff69b2;background:#fff;border:2px solid #ffb6c1;position:relative;top:-4px;box-shadow:0 4px #ffb6c1}.result-btn-row .group-btn:active{box-shadow:none;top:0}.result-btn-row .mode-back-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff69b2,#ff8a65);border:none;border-radius:50px;padding:10px 14px;font-family:Mochiy Pop One,sans-serif;font-size:clamp(.6rem,2.8vw,.85rem);transition:all .15s;position:relative;top:-4px;box-shadow:0 4px #c2185b}.result-btn-row .mode-back-btn:hover{transform:translateY(-1px);box-shadow:0 6px #c2185b}.result-btn-row .mode-back-btn:active{box-shadow:none;top:0;transform:none}.result-back-link{color:#bbb;cursor:pointer;background:0 0;border:none;margin-top:2px;padding:4px 8px;font-family:Mochiy Pop One,sans-serif;font-size:.78rem;text-decoration:underline;transition:color .2s;width:auto!important;height:auto!important;box-shadow:none!important}.back-btn-minimal{color:#999;cursor:pointer;background:0 0;border:none;margin-top:15px;text-decoration:underline}.terms-box{flex-direction:column;align-items:center;gap:12px;width:calc(100vw - 40px);max-width:400px;display:flex}.terms-title{color:#ff69b2;margin:0;font-family:Mochiy Pop One,sans-serif;font-size:1rem}.terms-scroll{box-sizing:border-box;color:#555;text-align:left;background:#fafafa;border:1px solid #f0d0dc;border-radius:12px;width:100%;max-height:280px;padding:12px 16px;font-size:.8rem;line-height:1.7;overflow-y:auto}.terms-note{color:#888;text-align:center;margin:0;font-size:.75rem}.terms-agree-btn{color:#fff;cursor:pointer;letter-spacing:.08em;background:linear-gradient(90deg,#ff69b2,#ff8c69,#ff69b2) 0 0/200% 100%;border:none;border-radius:25px;padding:13px 52px;font-family:Mochiy Pop One,sans-serif;font-size:1rem;transition:all .15s;animation:2.4s ease-in-out infinite btnShimmer;position:relative;top:0;box-shadow:0 4px #c2185b,0 0 18px #ff69b273}@keyframes btnShimmer{0%{background-position:100% 0}50%{background-position:0 0}to{background-position:100% 0}}.terms-agree-btn:hover{transform:translateY(-1px)scale(1.03);box-shadow:0 4px #c2185b,0 0 28px #ff69b2b3}.terms-agree-btn:active{box-shadow:none;top:4px;transform:none}.info-card{background:#fff radial-gradient(#fff0f5 15%,#0000 15%) 0 0/15px 15px;border:3px solid #ffb7d5;border-radius:30px;max-width:300px;margin:15px auto;padding:15px 20px;position:relative;box-shadow:0 10px 25px #ff69b426}.confirm-item{margin:8px 0}.confirm-label{color:#ff8ab4;margin-bottom:2px;font-size:.75rem;font-weight:700;display:block}.confirm-value{color:#0000;-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#ff1493,#ff8a65,#ff1493) 0 0/200%;-webkit-background-clip:text;background-clip:text;margin-bottom:5px;font-size:1.5rem;font-weight:900;animation:4s linear infinite textShine;display:block}@keyframes textShine{to{background-position:200%}}.preparing-status{color:#ff69b2;margin-top:10px;font-weight:700}.start-btn{box-sizing:border-box;cursor:pointer;color:#fff;text-align:center;background:linear-gradient(45deg,#ff007f,#ff69b2,#ff8a65) 0 0/200% 200%;border:4px solid #fff;border-radius:100px;width:90%;max-width:280px;height:60px;margin:12px auto;padding:0 16px;font-family:Mochiy Pop One,sans-serif;font-size:1.2rem;font-weight:700;line-height:60px;transition:all .3s;animation:3s infinite gradientShift,2s infinite pulse;display:block;position:relative;overflow:hidden;box-shadow:0 8px #c2185b,0 12px 20px #ff14934d}.start-btn:after{content:"";background:#ffffff80;width:80%;height:300%;animation:3.5s infinite megaShine;position:absolute;top:-100%;left:-150%;transform:rotate(30deg)}.start-btn:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-3px)scale(1.05);box-shadow:0 10px #c2185b,0 15px 25px #ff149366}.start-btn:active:not(:disabled){transform:translateY(2px);box-shadow:0 4px #c2185b}.start-btn:disabled{color:#888;cursor:not-allowed;background:#f0f0f0;animation:none;box-shadow:0 2px #ccc}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}@keyframes megaShine{0%{left:-150%}25%{left:150%}to{left:150%}}.back-btn{color:#666;cursor:pointer;background-color:#f0f0f0;border:3px solid #fff;border-radius:50px;width:85%;max-width:280px;margin:20px auto 0;padding:14px 16px;font-family:Mochiy Pop One,sans-serif;font-size:clamp(10px,3.8vw,16px);transition:all .2s;display:block;position:relative;top:0;box-shadow:3px 3px #bbb}.back-btn:hover{transform:translateY(-2px);box-shadow:5px 5px #bbb}.back-btn:active{box-shadow:none;top:3px;transform:translateY(0)scale(.98)}.global-footer-link{z-index:9999;flex-direction:column;align-items:flex-start;gap:5px;display:flex;position:fixed;top:10px;left:10px}.global-footer-link span{color:#ff69b2;cursor:pointer;-webkit-backdrop-filter:blur(4px);white-space:nowrap;background:#ffffffe0;border:1.5px solid #ffb7d5;border-radius:20px;padding:3px 10px;font-family:Mochiy Pop One,sans-serif;font-size:.62rem;transition:all .15s;display:block;box-shadow:0 2px 6px #ff69b426}.global-footer-link span:hover{background:#fff0f5;border-color:#ff69b2;transform:translate(2px)}.legal-links{z-index:9999;flex-direction:column;align-items:flex-end;gap:3px;display:flex;position:fixed;top:10px;right:10px}.legal-links span{color:#aaa;cursor:pointer;white-space:nowrap;background:#fff9;border-radius:4px;padding:3px 8px;font-size:10px;line-height:1.6;text-decoration:underline;display:block}.legal-links span:hover{color:#888;background:#ffffffd9}.survey-corner-link{color:#aaa;cursor:pointer;white-space:nowrap;background:#fff9;border-radius:4px;padding:3px 8px;font-size:10px;line-height:1.6;text-decoration:underline;display:block}.survey-corner-link:hover{color:#888;background:#fffffff2}.button-row{flex-direction:column;align-items:center;width:100%;display:flex}.difficulty-grid{grid-template-columns:1fr 1fr;gap:12px;width:100%;padding:4px 0;display:grid}.difficulty-item{box-sizing:border-box;justify-content:center;align-items:center;margin-bottom:0;padding-left:0;display:flex;position:relative}.selected-group-badge{color:#fff;letter-spacing:.06em;border-radius:50px;margin-bottom:clamp(6px,1.2svh,12px);padding:4px 16px;font-family:Mochiy Pop One,sans-serif;font-size:clamp(.65rem,3vw,.85rem);display:inline-block;box-shadow:0 3px #00000026}.selected-group-badge--fz{background:#ff8a65}.selected-group-badge--cd{background:#00838f}.selected-group-badge--ss{color:#6a1b9a;background:#e1bee7}.selected-group-badge--cs{background:#ff007f}.selected-group-badge--ms{background:#7e57c2}.diff-btn{color:#fff;cursor:pointer;text-shadow:0 1px 3px #0003;border:1.5px solid #fff6;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;width:100%;padding:clamp(20px,3.5svh,32px) 8px;font-family:Mochiy Pop One,sans-serif;font-size:clamp(14px,3.5vw,19px);transition:all .2s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative;overflow:hidden;box-shadow:0 6px 16px #00000026,inset 0 1px #ffffff4d}.diff-btn-timer{background:#ffffffd9;border-radius:0 2px 0 18px;width:0%;height:4px;animation:1s linear forwards timerFill;position:absolute;bottom:0;left:0}@keyframes timerFill{0%{width:0%}to{width:100%}}@media (width<=540px){.diff-btn{font-size:clamp(18px,4.8vw,22px)}}@media (hover:hover){.diff-btn:hover{transform:translateY(-3px)scale(1.03);box-shadow:0 10px 24px #0003,inset 0 1px #ffffff4d}}.diff-btn.is-pressing{transform:translateY(1px)scale(.97);box-shadow:0 2px 8px #0000001f}@media (pointer:fine){.diff-btn:active{transform:translateY(1px)scale(.97);box-shadow:0 2px 8px #0000001f}}.diff-btn-easy{background:linear-gradient(145deg,#81c784,#43a047)}.diff-btn-normal{color:#5d4037;text-shadow:none;background:linear-gradient(145deg,#ffd54f,#ffb300)}.diff-btn-hard{background:linear-gradient(145deg,#ef5350,#c62828)}.diff-btn-expert{background:linear-gradient(145deg,#ce93d8,#8e24aa)}.diff-longpress-hint{color:#999;margin:-12px 0 8px;font-size:clamp(10px,2.5vw,12px)}.difficulty-card,.difficulty-grid{overflow:visible}.diff-btn-hint{opacity:.75;margin-top:5px;font-family:sans-serif;font-size:.52rem;font-weight:400;display:none}@media (pointer:coarse){.diff-btn-hint{display:block}}.diff-tooltip{color:#f5e6ff;z-index:500;pointer-events:all;white-space:pre-wrap;text-align:left;background:#261437f5;border-radius:13px;width:max-content;padding:11px 14px;font-size:.7rem;line-height:1.65;animation:.18s ease-out forwards tooltipIn;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);box-shadow:0 6px 24px #00000059}.diff-tooltip.closing{pointer-events:none;animation:.18s ease-in forwards tooltipOut}.diff-tooltip:after{content:"";border:7px solid #0000;border-top-color:#261437f5;position:absolute;top:100%;left:50%;transform:translate(-50%)}@media (width<=540px){.diff-tooltip{width:max-content;max-width:calc(100vw - 70px);animation:.18s ease-out forwards tooltipInFlat;position:absolute;bottom:calc(100% + 10px)}.diff-tooltip.closing{animation:.18s ease-in forwards tooltipOutFlat}.diff-tooltip--left{left:0;right:auto;transform:none}.diff-tooltip--right{left:auto;right:0;transform:none}.diff-tooltip--left:after{left:calc(25vw - 20.5px);transform:none}.diff-tooltip--right:after{left:auto;right:calc(25vw - 20.5px);transform:none}}.diff-tooltip-item{margin-bottom:5px}.diff-tooltip-item:last-child{margin-bottom:0}@keyframes tooltipIn{0%{opacity:0;transform:translate(-50%)translateY(6px)scale(.88)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}@keyframes tooltipOut{0%{opacity:1;transform:translate(-50%)translateY(0)scale(1)}to{opacity:0;transform:translate(-50%)translateY(6px)scale(.88)}}@keyframes tooltipInFlat{0%{opacity:0;transform:translateY(6px)scale(.88)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes tooltipOutFlat{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(6px)scale(.88)}}.modal-overlay{-webkit-backdrop-filter:none;z-index:10000;background:#0006;justify-content:center;align-items:center;width:100%;height:100%;animation:.2s ease-out fadeIn;display:flex;position:fixed;top:0;left:0}.modal-overlay.closing{animation:.22s ease-in forwards fadeOut}.modal-overlay.closing .modal-content{animation:.22s ease-in forwards slideDown}.modal-content{text-align:left;background:#fff;border:3px solid #ffb7d5;border-radius:24px;width:88%;max-width:400px;max-height:82vh;padding:24px 20px 20px;animation:.25s ease-out slideUp;overflow-y:auto;box-shadow:0 15px 40px #ff69b440,0 0 0 6px #ffb7d526}.modal-content::-webkit-scrollbar{width:4px}.modal-content::-webkit-scrollbar-track{background:#fff0f5;border-radius:2px}.modal-content::-webkit-scrollbar-thumb{background:#ffb6c1;border-radius:2px}.modal-content h2{text-align:center;color:#ff69b2;border-bottom:2px dashed #ffb7d5;margin-bottom:16px;padding-bottom:12px;font-family:Mochiy Pop One,sans-serif;font-size:1.1rem}.modal-content h3{color:#ff8ab4;background:#fff0f5;border-left:3px solid #ff69b2;border-radius:0 6px 6px 0;margin-top:16px;margin-bottom:4px;padding:3px 8px;font-family:Mochiy Pop One,sans-serif;font-size:.82rem}.modal-content p{color:#777;margin:6px 0;font-family:Mochiy Pop One,sans-serif;font-size:.78rem;line-height:1.7}.modal-content a{color:#ff69b2}.modal-close-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff69b2,#ff8a65);border:none;border-radius:50px;width:60%;max-width:180px;margin:20px auto 0;padding:10px;font-family:Mochiy Pop One,sans-serif;font-size:.9rem;transition:transform .1s,box-shadow .1s;display:block;position:relative;top:0;box-shadow:0 4px #d81b60}.modal-close-btn:hover{transform:translateY(-2px);box-shadow:0 6px #d81b60}.modal-close-btn:active{top:3px;transform:translateY(0);box-shadow:0 1px #d81b60}.resume-card{box-sizing:border-box;text-align:center;background:#fff;border:2px solid #ff69b2;border-radius:20px;width:100%;max-width:480px;margin-bottom:12px;padding:16px 20px;box-shadow:0 6px 20px #ff69b433}.resume-title{color:#ff69b2;margin-bottom:8px;font-family:Mochiy Pop One,sans-serif;font-size:.9rem}.resume-info{color:#666;margin-bottom:14px;font-size:.8rem;line-height:1.6}.resume-btns{flex-direction:column;align-items:center;gap:8px;display:flex}.resume-continue-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff69b2,#ff8a65);border:none;border-radius:50px;width:80%;max-width:240px;padding:11px 0;font-family:Mochiy Pop One,sans-serif;font-size:.9rem;transition:all .2s;position:relative;top:0;box-shadow:0 4px #d81b60}.resume-continue-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px #d81b60}.resume-continue-btn:active:not(:disabled){top:3px;box-shadow:0 1px #d81b60}.resume-continue-btn:disabled{opacity:.6;cursor:not-allowed}.resume-discard-btn{color:#bbb;cursor:pointer;background:0 0;border:none;padding:4px;font-family:Mochiy Pop One,sans-serif;font-size:.72rem;text-decoration:underline}.resume-discard-btn:hover{color:#999}.debug-panel{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;z-index:9999;background:#141414eb;border:1px solid #333;border-radius:10px;width:260px;padding:12px 14px;font-family:monospace;font-size:.72rem;position:fixed;bottom:16px;right:16px;box-shadow:0 4px 20px #00000080}.debug-toggle-btn{color:#fff;cursor:pointer;text-align:center;background:#333;border:1px solid #555;border-radius:6px;width:100%;margin-bottom:8px;padding:5px 8px;font-family:monospace;font-size:.75rem;display:block}.debug-toggle-btn:hover{background:#444}.debug-header{color:#ff69b2;letter-spacing:.05em;margin-bottom:10px;font-size:.8rem;font-weight:700}.debug-section{margin-bottom:10px}.debug-label{color:#aaa;margin-bottom:4px}.debug-btn-group{flex-wrap:wrap;gap:4px;display:flex}.debug-btn{color:#bbb;cursor:pointer;background:#2a2a2a;border:1px solid #444;border-radius:4px;padding:3px 7px;font-family:monospace;font-size:.68rem;transition:background .15s;width:auto!important;max-width:none!important;height:auto!important;box-shadow:none!important;border-radius:4px!important;margin:0!important;line-height:normal!important;display:inline-block!important}.debug-btn.on{color:#fff;background:#ff69b2;border-color:#ff69b2}.debug-btn:hover:not(.on){background:#3a3a3a}.debug-slider{accent-color:#ff69b2;width:100%;margin-top:4px}.debug-id-input{box-sizing:border-box;color:#fff;background:#2a2a2a;border:1px solid #444;border-radius:4px;width:100%;margin-top:4px;padding:5px 8px;font-family:monospace;font-size:.72rem}.debug-jump-btn{color:#fff!important;cursor:pointer!important;width:100%!important;max-width:none!important;height:auto!important;box-shadow:none!important;background:#ff69b2!important;border:none!important;border-radius:6px!important;margin:0!important;padding:7px 0!important;font-family:monospace!important;font-size:.75rem!important;font-weight:700!important;transition:opacity .15s!important}.debug-jump-btn:hover{opacity:.85}.mode-card{border:4px solid #fff}@keyframes revealDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:200px}}@keyframes slideFromLeft{0%{opacity:0;transform:translate(-110%)}70%{transform:translate(4%)}to{opacity:1;transform:translate(0)}}.mode-btn-unlock-wrapper{overflow:hidden}.mode-btn-reveal-anim{animation:.5s cubic-bezier(.34,1.56,.64,1) forwards revealDown}.mode-btn--new{animation:.3s ease-out .1s both slideFromLeft}.mode-btn-unlock-wrapper>.mode-btn{margin-top:4px}.mode-btn{cursor:pointer;color:#fff;border:3px solid #ffffff80;border-radius:20px;flex-direction:column;align-items:center;gap:4px;width:85%;max-width:300px;margin:12px auto;padding:18px 16px;font-family:Mochiy Pop One,sans-serif;transition:all .2s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative;top:0}.mode-btn:hover{transform:translateY(-3px)}.mode-btn:active{top:3px;transform:translateY(0)scale(.98);box-shadow:none!important}.mode-btn-normal{background:linear-gradient(135deg,#ff69b2,#ff8a65);box-shadow:0 5px #c2185b}.mode-btn-normal:hover{box-shadow:0 7px #c2185b}.mode-btn-endless{background:linear-gradient(135deg,#7b1fa2,#e91e63);box-shadow:0 5px #4a148c}.mode-btn-endless:hover{box-shadow:0 7px #4a148c}.mode-btn-icon{font-size:1.8rem;line-height:1}.mode-btn-name{letter-spacing:.05em;font-size:clamp(1rem,4vw,1.2rem)}.mode-btn-desc{opacity:.9;font-size:clamp(.6rem,2.5vw,.75rem)}.quiz-qtimer-wrap{width:100%;margin:8px 0 4px;position:relative}.quiz-qtimer-track{background:#e0e0e0;border-radius:13px;width:100%;height:26px;position:relative;overflow:hidden}.quiz-qtimer-bar{background:linear-gradient(90deg,#ff69b2,#ff8a65);border-radius:13px;height:100%;transition:width 1s linear}.quiz-qtimer-bar.danger{background:linear-gradient(90deg,#f44336,#ff5722)}.quiz-qtimer-num{color:#fff;text-shadow:0 0 6px #0000004d,0 1px 3px #0003;pointer-events:none;white-space:nowrap;font-family:Mochiy Pop One,sans-serif;font-size:.78rem;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.quiz-qtimer-num.danger{color:#fff}.endless-result-hero{justify-content:center;align-items:baseline;gap:4px;margin:8px 0 16px;display:flex}.endless-result-num{color:#43a047;font-size:clamp(3.5rem,16vw,5.5rem);font-weight:900;line-height:1}.endless-result-slash{color:#aaa;font-size:clamp(1.5rem,6vw,2.5rem)}.endless-result-total{color:#aaa;font-size:clamp(2rem,10vw,3.5rem);font-weight:700;line-height:1}.endless-result-unit{color:#66bb6a;font-family:Mochiy Pop One,sans-serif;font-size:clamp(1.1rem,4vw,1.5rem)}.badge-endless{color:#388e3c!important;background:#e8f5e9!important;border-color:#a5d6a7!important}.endless-quiz-header{justify-content:center;align-items:center;min-height:32px;margin-bottom:6px;display:flex;position:relative}.endless-lives-row{align-items:center;gap:4px;display:flex}.endless-heart{color:#e53935;font-size:clamp(1.2rem,5vw,1.6rem);line-height:1}.endless-heart.empty{color:#bbb}.endless-heart.yellow{color:#ffd600;filter:drop-shadow(0 0 4px #ffd600b3)}.endless-heart-overflow{color:#e53935;font-size:.9rem;font-weight:700}@keyframes lifeBonusPop{0%{opacity:0;transform:translateY(0)scale(.7)}20%{opacity:1;transform:translateY(-10px)scale(1.1)}60%{opacity:1;transform:translateY(-18px)scale(1)}to{opacity:0;transform:translateY(-30px)scale(.9)}}.endless-life-bonus-popup{color:#e53935;white-space:nowrap;pointer-events:none;font-family:Mochiy Pop One,sans-serif;font-size:clamp(.8rem,3.2vw,.95rem);animation:1.6s ease-out forwards lifeBonusPop;position:absolute;top:-4px;left:50%;transform:translate(-50%)}.endless-life-penalty-popup{color:#bdbdbd;font-size:clamp(.85rem,3.5vw,1rem)}@keyframes diffupOverlayAnim{0%{opacity:0}12%{opacity:1}72%{opacity:1}to{opacity:0}}@keyframes diffupCardAnim{0%{opacity:0;transform:scale(.4)}18%{opacity:1;transform:scale(1.12)}30%{opacity:1;transform:scale(1)}72%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.04)}}@keyframes endlessUnlockFlashAnim{0%{opacity:0}10%{opacity:1}70%{opacity:1}to{opacity:0}}@keyframes endlessUnlockTextPop{0%{opacity:0;transform:translate(-50%,-50%)scale(.5)}20%{opacity:1;transform:translate(-50%,-50%)scale(1.15)}35%{opacity:1;transform:translate(-50%,-50%)scale(1)}75%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(1.05)}}.endless-unlock-flash-overlay{z-index:999;pointer-events:none;background:#ffd70040;width:100%;height:100%;animation:3s ease-out forwards endlessUnlockFlashAnim;position:fixed;top:0;left:0}.endless-unlock-flash-text{color:#fff;text-shadow:0 0 20px #ffc800,0 2px 8px #0009;text-align:center;white-space:nowrap;font-family:Mochiy Pop One,sans-serif;font-size:clamp(1.4rem,6vw,2.2rem);line-height:1.6;animation:3s ease-out forwards endlessUnlockTextPop;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.endless-unlock-flash-group{font-size:clamp(1rem,4vw,1.5rem);display:block}.endless-diffup-overlay{z-index:200;pointer-events:none;background:#0000008c;justify-content:center;align-items:center;width:100%;height:100%;animation:1.6s ease-out forwards diffupOverlayAnim;display:flex;position:fixed;top:0;left:0}.endless-diffup-card{text-align:center;animation:1.6s ease-out forwards diffupCardAnim}.endless-diffup-label{color:#ff9800;text-shadow:0 0 24px #ff9800e6,0 2px 8px #00000080;font-family:Mochiy Pop One,sans-serif;font-size:clamp(2.2rem,11vw,3.8rem)}.endless-diffup-max .endless-diffup-label{color:#ff5252;text-shadow:0 0 28px #ff5252f2,0 2px 8px #00000080}.endless-diffup-desc{color:#fff;text-shadow:0 1px 6px #0009;margin-top:8px;font-size:clamp(.85rem,4vw,1.1rem)}.endless-diffup-tier{color:#fff;text-shadow:0 1px 4px #0009;margin-top:10px;font-family:Mochiy Pop One,sans-serif;font-size:clamp(.95rem,4.5vw,1.3rem)}.endless-gameover-overlay{z-index:8000;background:#000000d1;justify-content:center;align-items:center;width:100%;height:100%;animation:.4s ease-out fadeIn;display:flex;position:fixed;top:0;left:0}.endless-gameover-box{text-align:center;background:#ffffff0f;border:2px solid #fff3;border-radius:24px;padding:32px 40px;animation:.4s ease-out zoomIn}.endless-go-title{color:#fff;text-shadow:0 0 20px #e53935cc;margin-bottom:12px;font-family:Mochiy Pop One,sans-serif;font-size:clamp(1.4rem,6vw,2rem)}.endless-go-score{justify-content:center;align-items:baseline;gap:8px;margin-bottom:6px;display:flex}.endless-go-num{color:#ff69b2;text-shadow:0 0 20px #ff69b4b3;font-size:clamp(3rem,14vw,5rem);font-weight:900}.endless-go-unit{color:#fff;font-family:Mochiy Pop One,sans-serif;font-size:clamp(1rem,4vw,1.4rem)}.endless-go-correct{color:#aaa;margin-bottom:24px;font-size:.9rem}.endless-go-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#43a047,#00897b);border:3px solid #fff6;border-radius:50px;margin-top:28px;padding:14px 36px;font-family:Mochiy Pop One,sans-serif;font-size:1rem;transition:all .2s;position:relative;top:0;box-shadow:0 5px #2e7d32}.endless-go-btn:hover{transform:translateY(-3px);box-shadow:0 8px #2e7d32}.endless-go-btn:active{top:4px;transform:translateY(0);box-shadow:0 1px #2e7d32}.mode-btn-custom{background:linear-gradient(135deg,#1565c0,#0288d1);border:3px solid #ffffff4d;box-shadow:0 6px #0d47a1}.mode-btn-custom:hover{transform:translateY(-3px);box-shadow:0 9px #0d47a1}.mode-btn-custom:active{top:4px;transform:translateY(0);box-shadow:0 2px #0d47a1}.custom-select-card{text-align:left}.custom-select-card .title{text-align:center}.custom-select-hint{text-align:center;color:#888;margin:-12px 0 16px;font-size:.8rem}.custom-quiz-toprow{justify-content:space-between;align-items:center;min-height:30px;margin-bottom:10px;display:flex}.custom-quit-btn{color:#ff69b2;cursor:pointer;background:0 0;border:1.5px solid #ffb6c1;border-radius:20px;padding:4px 12px;font-size:.75rem;transition:all .15s}.custom-quit-btn:hover{background:#fce4ec}.custom-skip-btn{color:#aaa;cursor:pointer;background:0 0;border:1.5px dashed #ccc;border-radius:20px;padding:4px 12px;font-size:.75rem;transition:all .15s}.custom-skip-btn:hover{color:#ff69b2;border-color:#ff69b2}.custom-hint-buttons{justify-content:center;gap:8px;margin:10px 0 14px;display:flex}.custom-hint-btn{color:#aaa;cursor:pointer;background:0 0;border:1.5px solid #ccc;border-radius:20px;padding:5px 14px;font-size:.75rem;transition:all .15s}.custom-hint-btn:hover{color:#1565c0;border-color:#90caf9}.custom-hint-btn.active{color:#1565c0;background:#e3f2fd;border-color:#1565c0}.custom-group-card-btn{transition:opacity .18s,transform .18s cubic-bezier(.175,.885,.32,1.275),box-shadow .18s;position:relative}.custom-group-card-btn:not(.selected){opacity:.45;filter:grayscale(15%)}.custom-group-card-btn.selected{box-shadow:0 0 0 3px #ffffffb3,0 7px #00000047,0 10px 20px #0003,inset 0 1px #ffffff61}.custom-group-card-btn.selected:hover{box-shadow:0 0 0 3px #ffffffb3,0 10px #00000047,0 16px 26px #00000038,inset 0 1px #ffffff61}.custom-group-card-btn:active{transition:transform 70ms ease-out,box-shadow 70ms ease-out,opacity 70ms}.custom-group-check{text-shadow:0 1px 3px #0000004d;font-size:.8rem;font-weight:700;line-height:1;position:absolute;top:6px;right:9px}.custom-song-toggle-row{align-items:center;gap:8px;margin-bottom:10px;display:flex}.custom-toggle-btn{color:#7b1fa2;cursor:pointer;background:#f3e5f5;border:none;border-radius:20px;padding:5px 14px;font-size:.78rem;font-weight:700;transition:background .15s}.custom-toggle-btn:hover{background:#e1bee7}.custom-selected-count{color:#888;margin-left:auto;font-size:.78rem}.custom-song-list{border:1.5px solid #eee;border-radius:12px;max-height:40svh;margin-bottom:16px;padding:6px;overflow-y:auto}.custom-song-group-header{color:#ff69b2;letter-spacing:.05em;padding:6px 8px 2px;font-size:.72rem;font-weight:700}.custom-song-item{cursor:pointer;color:#555;border-radius:8px;align-items:center;gap:8px;padding:7px 10px;font-size:.85rem;transition:background .1s;display:flex}.custom-song-item input[type=checkbox]{accent-color:#ff69b2;cursor:pointer;flex-shrink:0;width:15px;height:15px}.custom-song-item.selected{color:#c2185b;background:#fce4ec;font-weight:700}.custom-song-item:hover{background:#fce4ec44}.custom-diff-row{align-items:center;gap:8px;margin:14px 0 8px;display:flex}.custom-diff-label{color:#aaa;white-space:nowrap;flex-shrink:0;font-size:.72rem}.custom-diff-toggles{flex-wrap:wrap;gap:5px;display:flex}.custom-diff-toggle{cursor:pointer;opacity:.28;color:#fff;background:#888;border:none;border-radius:20px;padding:4px 9px;font-size:.7rem;font-weight:700;transition:opacity .15s,transform .1s}.custom-diff-toggle.on{opacity:1}.custom-diff-toggle:active{transform:scale(.94)}.custom-diff-toggle--easy.on{background:linear-gradient(135deg,#81c784,#43a047)}.custom-diff-toggle--normal.on{color:#5d4037;background:linear-gradient(135deg,#ffd54f,#ffb300)}.custom-diff-toggle--hard.on{background:linear-gradient(135deg,#ef5350,#c62828)}.custom-diff-toggle--expert.on{background:linear-gradient(135deg,#ce93d8,#8e24aa)}.custom-diff-error{color:#e53935;text-align:center;margin:2px 0 6px;font-size:.75rem;animation:.2s ease-out fadeIn}.skip-btn{color:#aaa;cursor:pointer;background:0 0;border:2px dashed #ccc;border-radius:50px;margin:6px auto 0;padding:8px 24px;font-size:.82rem;transition:all .15s;display:block}.skip-btn:hover{color:#ff69b2;border-color:#ff69b2}.badge-custom{color:#fff;background:linear-gradient(135deg,#7b1fa2,#e91e63)}.review-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7b1fa2,#e91e63);border:none;border-radius:50px;margin:14px auto;padding:11px 28px;font-size:.9rem;font-weight:700;transition:all .2s;display:block;box-shadow:0 4px #4a148c}.review-btn:hover{transform:translateY(-2px);box-shadow:0 6px #4a148c}.custom-perfect-msg{color:#ff69b2;margin:12px 0;font-size:1rem;font-weight:700}.custom-review-box{text-align:left}.custom-review-box .title{text-align:center}.custom-review-list{flex-direction:column;gap:12px;max-height:60svh;margin-bottom:16px;padding:2px;display:flex;overflow-y:auto}.custom-review-item{background:#fff0f5;border:1.5px solid #ffb6c1;border-radius:14px;padding:10px 12px}.custom-review-song{color:#ff69b2;margin-bottom:5px;font-size:.72rem;font-weight:700}.custom-review-group{color:#aaa;font-size:.65rem;font-weight:400}.custom-review-lyrics{white-space:pre-wrap;margin-bottom:6px;font-size:.85rem;line-height:1.5}.custom-review-answer{color:#c2185b;font-size:.75rem;font-weight:700}