.drop-page,.drop-play{color:var(--on-background,#f4f2ff);font-family:var(--font-body,"Inter", "Apple SD Gothic Neo", sans-serif);-webkit-tap-highlight-color:transparent}.drop-btn{color:#fff;cursor:pointer;touch-action:manipulation;background:#ffffff12;border:1px solid #ffffff24;border-radius:14px;justify-content:center;align-items:center;gap:6px;min-height:48px;padding:0 20px;font-size:16px;font-weight:800;transition:transform .1s,filter .15s;display:inline-flex}.drop-btn:active{transform:scale(.96)}.drop-btn:disabled{opacity:.35;cursor:default}.drop-btn.primary{background:linear-gradient(120deg,#ff2e88,#7c4dff);border:none;box-shadow:0 10px 28px -10px #ff2e88cc}.drop-btn.violet{background:#7c4dff38;border-color:#7c4dffb3}.drop-btn.cyan{color:#cffbff;background:#22e4ff1f;border-color:#22e4ffb3}.drop-btn.ghost{color:#c9c4e0;background:0 0}.drop-btn.small{border-radius:12px;min-width:52px;min-height:42px;padding:0 14px}.drop-btn.wide{width:100%}.drop-page{background:#0a0a14;min-height:100dvh;position:relative;overflow-x:hidden}.drop-page-bg{z-index:0;background:linear-gradient(#0a0a148c,#0a0a14c7 55%,#0a0a14f0),url(/rain/bg_stage.webp) bottom/cover no-repeat;position:fixed;inset:0}@media (aspect-ratio>=1){.drop-page-bg{background:linear-gradient(#0a0a1480,#0a0a14cc 60%,#0a0a14f2),url(/rain/bg_stage_wide.webp) bottom/cover no-repeat}}.drop-lobby,.drop-result{z-index:1;max-width:560px;padding:calc(12px + env(safe-area-inset-top)) 16px calc(40px + env(safe-area-inset-bottom));margin:0 auto;position:relative}.drop-topbar{justify-content:space-between;align-items:center;min-height:40px;display:flex}.drop-back{color:#c9c4e0;padding:8px 0;font-size:14px;font-weight:700;text-decoration:none}.drop-hero{min-height:132px;padding:14px 112px 8px 0;position:relative}.drop-onair{letter-spacing:.12em;color:#fff;background:#ff2e5424;border:1.5px solid #ff2e54;border-radius:999px;align-items:center;gap:7px;padding:4px 11px;font-size:12px;font-weight:900;display:inline-flex}.drop-onair i,.drop-daily-dot{background:#ff2e54;border-radius:50%;width:8px;height:8px;animation:1.2s ease-in-out infinite dropRec;box-shadow:0 0 10px #ff2e54}@keyframes dropRec{50%{opacity:.25}}.drop-title{font-family:var(--font-heading,"Outfit", sans-serif);letter-spacing:-.02em;background:linear-gradient(100deg,#ff2e88,#7c4dff 55%,#22e4ff);color:#0000;filter:drop-shadow(0 0 18px #ff2e8859);-webkit-background-clip:text;background-clip:text;margin:12px 0 8px;font-size:clamp(34px,10vw,50px);font-weight:900;line-height:1.05}.drop-tagline{color:#d7d2ea;margin:0;font-size:15px;line-height:1.6}.drop-hero-hoya{filter:drop-shadow(0 8px 18px #ff2e8873);width:120px;height:auto;animation:2.6s ease-in-out infinite dropBob;position:absolute;top:6px;right:-6px}@keyframes dropBob{50%{transform:translateY(-8px)rotate(-3deg)}}.drop-daily{background:linear-gradient(160deg,#ff2e8829,#7c4dff1f 50%,#22e4ff1a),#0e0c1ad1;border:1px solid #ff2e8873;border-radius:20px;margin-top:18px;padding:16px;box-shadow:0 0 32px -8px #ff2e888c,inset 0 1px #ffffff1f}.drop-daily-head{align-items:flex-start;gap:12px;display:flex}.drop-daily-head .drop-daily-dot{flex:none;margin-top:8px}.drop-daily h2{color:#fff;margin:0;font-size:19px;font-weight:900}.drop-daily p{color:#c9c4e0;margin:4px 0 0;font-size:13.5px;line-height:1.5}.drop-daily-row{flex-wrap:wrap;align-items:center;gap:10px;margin:12px 0;display:flex}.drop-daily-date{color:#22e4ff;font-variant-numeric:tabular-nums;font-size:13px;font-weight:800}.drop-daily-best{color:#ffd166;background:#ffd1661f;border-radius:999px;padding:3px 10px;font-size:13px;font-weight:800}.drop-sub{letter-spacing:.04em;color:#f4f2ff;margin:26px 0 10px;font-size:15px;font-weight:900}.drop-stages{flex-direction:column;gap:9px;margin:0;padding:0;list-style:none;display:flex}.drop-stage{background:#0e0c1ac7;border:1px solid #ffffff1a;border-radius:16px;grid-template-columns:52px 1fr auto;align-items:center;gap:12px;padding:10px 12px;display:grid}.drop-stage.locked{opacity:.55}.drop-stage-key{color:#fff;background:linear-gradient(#282046f2,#100d1ef2);border:2px solid #7c4dffb3;border-radius:13px;place-items:center;width:52px;height:52px;font-size:24px;font-weight:900;display:grid;box-shadow:0 0 14px #7c4dff73,inset 0 -4px #00000059}.drop-stage:nth-child(2) .drop-stage-key{border-color:#ff2e88b3;box-shadow:0 0 14px #ff2e8873,inset 0 -4px #00000059}.drop-stage:nth-child(3) .drop-stage-key{border-color:#22e4ffb3;box-shadow:0 0 14px #22e4ff66,inset 0 -4px #00000059}.drop-stage-info{flex-direction:column;gap:3px;min-width:0;display:flex}.drop-stage-info b{color:#fff;font-size:15px;font-weight:800}.drop-stage-info span{color:#a9a3c2;font-size:12.5px;line-height:1.4}.drop-how{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.drop-how li{color:#c9c4e0;background:#0e0c1ab8;border:1px solid #ffffff14;border-radius:13px;padding:10px 13px;font-size:13.5px;line-height:1.55}.drop-result{text-align:center;flex-direction:column;align-items:center;display:flex}.drop-kicker{color:#22e4ff;letter-spacing:.04em;margin:18px 0 6px;font-size:13px;font-weight:800}.drop-result-title{font-family:var(--font-heading,"Outfit", sans-serif);color:#fff;margin:4px 0 0;font-size:30px;font-weight:900}.drop-record-stamp{letter-spacing:.04em;color:#1b1430;background:linear-gradient(120deg,#ffd166,#fff3c4 45%,#ff9f1c);border-radius:14px;margin-top:6px;padding:6px 22px;font-size:30px;font-weight:900;animation:.55s cubic-bezier(.2,1.7,.4,1) both dropStamp;transform:rotate(-5deg);box-shadow:0 0 34px #ffd166b3}.drop-result-hoya{filter:drop-shadow(0 10px 20px #00000080);width:150px;height:auto;margin:6px 0 -4px}.drop-result-hoya.party{animation:.5s cubic-bezier(.2,1.6,.4,1) infinite alternate dropParty}@keyframes dropParty{to{transform:translateY(-14px)rotate(4deg)}}.drop-result-score{flex-direction:column;align-items:center;display:flex}.drop-result-score span{letter-spacing:.2em;color:#22e4ff;font-size:12px;font-weight:900}.drop-result-score b{font-family:var(--font-heading,"Outfit", sans-serif);font-variant-numeric:tabular-nums;background:linear-gradient(100deg,#ff2e88,#7c4dff 55%,#22e4ff);color:#0000;filter:drop-shadow(0 0 20px #ff2e8873);-webkit-background-clip:text;background-clip:text;font-size:64px;font-weight:900;line-height:1.05}.drop-result-stats{grid-template-columns:repeat(4,1fr);gap:8px;width:100%;margin-top:16px;display:grid}.drop-result-stats div{background:#0e0c1acc;border:1px solid #ffffff1a;border-radius:14px;flex-direction:column;gap:2px;padding:11px 4px;display:flex}.drop-result-stats b{color:#fff;font-variant-numeric:tabular-nums;font-size:20px;font-weight:900}.drop-result-stats span{color:#a9a3c2;font-size:11px;line-height:1.3}.drop-unlocked{color:#cffbff;background:#22e4ff1f;border:1px solid #22e4ff73;border-radius:12px;margin:14px 0 0;padding:9px 14px;font-size:14px;font-weight:800}.drop-result-btns{flex-wrap:wrap;justify-content:center;gap:9px;width:100%;margin-top:18px;display:flex}.drop-result-btns .drop-btn{white-space:nowrap;flex:150px}.drop-note{color:#a9a3c2;margin:10px 0 0;font-size:13px}.drop-review{text-align:left;background:#0e0c1ad1;border:1px solid #ffffff1a;border-radius:18px;width:100%;margin:22px 0 12px;padding:14px}.drop-review h2{color:#fff;margin:0 0 8px;font-size:15px;font-weight:900}.drop-review ul{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.drop-review li{background:#ffffff0a;border-radius:12px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:8px 10px;display:grid}.drop-review-ko{color:#fff;font-size:20px;font-weight:900}.drop-review-mean{color:#c9c4e0;min-width:0;font-size:13px}.drop-review-play{color:#22e4ff;cursor:pointer;background:#22e4ff1f;border:1px solid #22e4ff99;border-radius:50%;width:38px;height:38px;font-size:14px}.drop-play{-webkit-user-select:none;user-select:none;background:#0a0a14;flex-direction:column;height:100dvh;display:flex;position:fixed;inset:0;overflow:hidden}.drop-arena{isolation:isolate;flex:auto;min-height:0;position:relative;overflow:hidden}.drop-kb{z-index:5;background:linear-gradient(#100d1efa,#0a0a14);border-top:1px solid #7c4dff59;flex:none;padding-top:4px;position:relative;box-shadow:0 -10px 26px #0000008c}.drop-shake{will-change:transform;position:absolute;inset:0}.drop-bg{opacity:.9;will-change:transform;background:url(/rain/bg_stage.webp) 50% 82%/cover no-repeat;animation:26s ease-in-out infinite alternate dropDrift;position:absolute;inset:-5%}@media (aspect-ratio>=1){.drop-bg{background-image:url(/rain/bg_stage_wide.webp);background-position:50% 70%}}@keyframes dropDrift{0%{transform:translate(-1.5%)scale(1.02)}to{transform:translate(1.5%,-1.2%)scale(1.06)}}.drop-stars{animation:18s ease-in-out infinite alternate-reverse dropDrift;position:absolute;inset:0}.drop-stars i{background:#fff;border-radius:50%;width:3px;height:3px;animation:3.2s ease-in-out infinite dropTwinkle;position:absolute;box-shadow:0 0 6px 1px #c8dcffcc}@keyframes dropTwinkle{0%,to{opacity:.15;transform:scale(.6)}50%{opacity:1;transform:scale(1.2)}}.drop-beams{pointer-events:none;position:absolute;inset:0}.drop-beams i{transform-origin:50% 100%;clip-path:polygon(46% 100%,54% 100%,100% 0,0 0);opacity:.5;will-change:transform;width:30%;height:120%;animation:7s ease-in-out infinite alternate dropSweep;position:absolute;bottom:14%}.drop-beams i:first-child{background:linear-gradient(#ff2e8800 25%,#ff2e888c);animation-delay:-2s;left:2%}.drop-beams i:nth-child(2){background:linear-gradient(#7c4dff00 25%,#7c4dff80);animation-direction:alternate-reverse;animation-delay:-5s;left:35%}.drop-beams i:nth-child(3){background:linear-gradient(#22e4ff00 25%,#22e4ff80);animation-delay:-1s;left:68%}@keyframes dropSweep{0%{transform:rotate(-24deg)}to{transform:rotate(24deg)}}.drop-crowd{pointer-events:none;opacity:.3;background:radial-gradient(40% 60% at 15% 100%,#ff2e888c,#0000 70%),radial-gradient(40% 60% at 50% 100%,#7c4dff80,#0000 70%),radial-gradient(40% 60% at 85% 100%,#22e4ff80,#0000 70%);height:40%;animation:1.8s ease-in-out infinite alternate dropCrowd;position:absolute;bottom:0;left:0;right:0}@keyframes dropCrowd{to{opacity:.5}}.drop-floor{z-index:2;background:linear-gradient(90deg,#0000,#22e4ff 15%,#ff2e88 50%,#7c4dff 85%,#0000);height:3px;position:absolute;left:0;right:0;box-shadow:0 0 14px #22e4ffcc,0 0 30px #ff2e8880}.drop-hoya{z-index:1;pointer-events:none;filter:drop-shadow(0 6px 14px #0000008c);width:84px;height:auto;animation:.35s cubic-bezier(.2,1.7,.4,1) both dropHoyaIn,2.4s ease-in-out .35s infinite dropBob;position:absolute;bottom:50px;right:4px}@keyframes dropHoyaIn{0%{opacity:0;transform:scale(.4)translateY(30px)}}@media (width>=900px){.drop-hoya{width:130px;right:24px}}.drop-tiles{z-index:3;pointer-events:none;position:absolute;inset:0}.drop-tile{will-change:transform;--c:#ff2e88;--cg:#ff2e888c;position:absolute;top:0;left:0}.drop-tile.c1{--c:#7c4dff;--cg:#7c4dff99}.drop-tile.c2{--c:#22e4ff;--cg:#22e4ff80}.drop-tile-in{border:2px solid var(--c);box-shadow:0 0 16px var(--cg), 0 0 2px var(--c), inset 0 1px 0 #ffffff4d, inset 0 -4px 0 #00000061;color:#fff;white-space:nowrap;text-shadow:0 0 10px var(--cg);background:linear-gradient(#2a224af0,#0e0c1cf0);border-radius:14px;align-items:center;gap:1px;padding:7px 15px 9px;font-weight:900;line-height:1.15;animation:2.6s ease-in-out infinite alternate dropSway;display:flex;position:relative}@keyframes dropSway{0%{transform:rotate(-2.2deg)}to{transform:rotate(2.2deg)}}.drop-tile:nth-child(2n) .drop-tile-in{animation-duration:3.1s;animation-direction:alternate-reverse}.drop-tile.k-jamo .drop-tile-in{padding:6px 16px 8px;font-size:34px}.drop-tile.k-syllable .drop-tile-in{font-size:32px}.drop-tile.k-word .drop-tile-in{font-size:27px}.drop-tile.k-phrase .drop-tile-in{font-size:22px}.drop-tile-in span{white-space:pre}.drop-tile .done{color:#22e4ff;text-shadow:0 0 12px #22e4ffe6}.drop-tile .part{color:#ffd166;text-shadow:0 0 12px #ffd166e6}.drop-tile.locked .drop-tile-in{box-shadow:0 0 22px var(--c), 0 0 0 3px #ffffff38, inset 0 -4px 0 #00000061;border-color:#fff}.drop-tile.locked:after,.drop-tile.aim:after{content:"";pointer-events:none;border:2px solid #22e4ff;border-radius:20px;animation:.9s ease-out infinite dropLock;position:absolute;inset:-9px}.drop-tile.aim:after{border-style:dashed;border-color:#ffffff8c;animation-duration:1.4s}@keyframes dropLock{0%{opacity:1;transform:scale(.92)}to{opacity:0;transform:scale(1.18)}}.drop-tile-sp{filter:drop-shadow(0 0 6px #fff9);margin-right:5px;font-size:.62em}.drop-tile.sp-gold{--c:#ffd166;--cg:#ffd166bf}.drop-tile.sp-gold .drop-tile-in{background:linear-gradient(115deg,#5a3e0af2,#a07014f2 45%,#ffe28cf2 50%,#a07014f2 55%,#463008f2) 0 0/260% 100%;animation:2.6s ease-in-out infinite alternate dropSway,1.6s linear infinite dropShine}@keyframes dropShine{0%{background-position:100% 0}to{background-position:-160% 0}}.drop-tile.sp-slow{--c:#9be7ff;--cg:#9be7ffb3}.drop-tile.sp-slow .drop-tile-in{background:linear-gradient(#1e4664f2,#0a1e32f2)}.drop-tile.sp-firework{--c:#ff6fae;--cg:#ff6faecc}.drop-tile.sp-firework .drop-tile-in{background:linear-gradient(135deg,#781446f2,#3c146ef2)}.drop-fx{z-index:4;pointer-events:none;position:absolute;inset:0}.drop-floaters{z-index:6;pointer-events:none;position:absolute;inset:0}.drop-float{box-sizing:border-box;color:#fff;white-space:nowrap;text-shadow:0 0 10px #ff2e88,0 2px #00000080;font-size:24px;font-weight:900;animation:.95s ease-out forwards dropFloat;position:absolute;left:0;transform:translate(-50%,-50%)}.drop-float.gold{color:#ffd166;text-shadow:0 0 14px #ff9f1c,0 2px #00000080;font-size:30px}.drop-float.fever{color:#fff;text-shadow:0 0 10px #ff2e88,0 0 22px #22e4ff;font-size:28px}.drop-float.label{color:#cffbff;white-space:normal;text-align:center;width:max-content;max-width:min(84vw,420px);text-shadow:none;background:#0a0a14cc;border:1px solid #22e4ff80;border-radius:14px;padding:3px 11px;font-size:14px;font-weight:800;line-height:1.35;animation-name:dropLabel;animation-duration:1.6s}@keyframes dropFloat{0%{opacity:0;transform:translate(-50%,-30%)scale(.6)}15%{opacity:1;transform:translate(-50%,-70%)scale(1.2)}to{opacity:0;transform:translate(-50%,-260%)scale(1)}}@keyframes dropLabel{0%{opacity:0;transform:translate(-50%)scale(.8)}12%{opacity:1;transform:translate(-50%,-30%)scale(1)}75%{opacity:1}to{opacity:0;transform:translate(-50%,-150%)}}.drop-flash,.drop-popflash{pointer-events:none;opacity:0;position:absolute;inset:0}.drop-flash{z-index:7;background:radial-gradient(#ff284600 35%,#ff2846cc 100%)}.drop-flash.on{animation:.65s ease-out dropRedFlash}@keyframes dropRedFlash{0%{opacity:0}15%{opacity:1}to{opacity:0}}.drop-popflash{z-index:7;background:#ffffff1a}.drop-popflash.on{animation:.16s ease-out dropPopFlash}@keyframes dropPopFlash{0%{opacity:1}to{opacity:0}}@property --drop-a{syntax:"<angle>";inherits:false;initial-value:0deg}.drop-fever-frame{z-index:8;pointer-events:none;opacity:0;background:conic-gradient(from var(--drop-a), #ff2e88, #ffd166, #22e4ff, #7c4dff, #ff2e88);-webkit-mask-composite:xor;-webkit-mask-composite:xor;padding:5px;transition:opacity .3s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.drop-play.is-fever .drop-fever-frame{opacity:1;animation:1.4s linear infinite dropSpin}@keyframes dropSpin{to{--drop-a:360deg}}.drop-play.is-fever .drop-beams i{opacity:.8;animation-duration:1.5s}.drop-play.is-fever .drop-crowd{opacity:.7;animation:.45s ease-in-out infinite alternate dropCrowdFever}@keyframes dropCrowdFever{to{opacity:1}}.drop-play.is-fever .drop-bg{opacity:1}.drop-play.is-fever .drop-arena:before{content:"";z-index:8;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 60px #ff2e8873,inset 0 0 140px #7c4dff40}.drop-play.is-slow .drop-arena:after{content:"";z-index:7;pointer-events:none;background:radial-gradient(#9be7ff00 50%,#9be7ff4d 100%);position:absolute;inset:0}.drop-hud{z-index:9;padding:calc(8px + env(safe-area-inset-top)) 12px 18px;pointer-events:none;background:linear-gradient(#0a0a14e0,#0a0a1400);grid-template-columns:1fr auto 1fr;align-items:center;display:grid;position:absolute;top:0;left:0;right:0}.drop-hud button{pointer-events:auto}.drop-lives{align-items:flex-end;gap:9px;padding-left:2px;display:flex}.drop-lives i{background:linear-gradient(#fff 0%,#ff9acb 25%,#ff2e88 100%);border-radius:6px 6px 3px 3px;width:11px;height:30px;transition:background .3s,box-shadow .3s;display:block;position:relative;box-shadow:0 0 10px #ff2e88,0 0 20px #ff2e8899}.drop-lives i:after{content:"";background:#2b2640;border-radius:0 0 3px 3px;width:7px;height:10px;position:absolute;bottom:-9px;left:2px}.drop-lives i.off{box-shadow:none;background:#2f2a45;animation:.5s ease-out dropLifeOff}@keyframes dropLifeOff{0%{filter:brightness(3);transform:scale(1.5)}to{transform:scale(1)}}.drop-score{flex-direction:column;align-items:center;line-height:1;display:flex}.drop-score-label{letter-spacing:.22em;color:#22e4ff;font-size:10px;font-weight:900}.drop-score b{font-family:var(--font-heading,"Outfit", sans-serif);color:#fff;font-variant-numeric:tabular-nums;text-shadow:0 0 14px #ff2e88b3;margin-top:3px;font-size:28px;font-weight:900}.drop-hud-btns{justify-self:end;gap:8px;display:flex}.drop-icon-btn{color:#fff;cursor:pointer;touch-action:manipulation;opacity:.75;background:#0a0a1499;border:1px solid #ffffff2e;border-radius:50%;width:38px;height:38px;font-size:16px}.drop-icon-btn.on{opacity:1;border-color:#ffd166;box-shadow:0 0 12px #ffd16699}.drop-substrip{z-index:9;left:12px;top:calc(56px + env(safe-area-inset-top));pointer-events:none;flex-direction:column;align-items:flex-start;gap:5px;display:flex;position:absolute}.drop-stage-chip,.drop-fever-chip,.drop-slow-chip{color:#e8e4f8;background:#0a0a14a6;border:1px solid #ffffff24;border-radius:999px;padding:3px 10px;font-size:11.5px;font-weight:800;position:relative;overflow:hidden}.drop-fever-chip{color:#fff;text-shadow:0 1px 2px #00000080;background:linear-gradient(90deg,#ff2e88,#ffd166,#22e4ff,#7c4dff);border:none;animation:.5s ease-in-out infinite alternate dropFeverChip}.drop-fever-chip i{transform-origin:0;background:#fff;width:100%;height:3px;animation:linear forwards dropFeverBar;position:absolute;bottom:0;left:0}@keyframes dropFeverBar{to{transform:scaleX(0)}}@keyframes dropFeverChip{to{transform:scale(1.08)}}.drop-slow-chip{color:#cff4ff;border-color:#9be7ff99}.drop-combo{z-index:2;left:50%;top:calc(112px + env(safe-area-inset-top));pointer-events:none;opacity:.92;flex-direction:column;align-items:center;animation:.35s cubic-bezier(.2,1.8,.4,1) both dropComboPop;display:flex;position:absolute;transform:translate(-50%)}.drop-combo b{font-family:var(--font-heading,"Outfit", sans-serif);background:linear-gradient(#fff,#ffd166 60%,#ff9f1c);color:#0000;filter:drop-shadow(0 0 10px #ff9f1cb3);-webkit-background-clip:text;background-clip:text;font-size:44px;font-weight:900;line-height:1}.drop-combo span{letter-spacing:.3em;color:#ffd166;font-size:10px;font-weight:900}@keyframes dropComboPop{0%{opacity:0;transform:translate(-50%)scale(1.7)}to{opacity:.92;transform:translate(-50%)scale(1)}}.drop-play.is-fever .drop-combo b{background:linear-gradient(90deg,#ff2e88,#ffd166,#22e4ff);-webkit-background-clip:text;background-clip:text}.drop-compose{z-index:9;color:#fff;text-shadow:0 0 12px #22e4ffb3;background:#0a0a14bd;justify-content:center;align-items:center;gap:2px;font-size:24px;font-weight:900;display:flex;position:absolute;bottom:0;left:0;right:0}.drop-caret{background:#22e4ff;width:2px;height:26px;animation:1s step-end infinite dropCaret}@keyframes dropCaret{50%{opacity:0}}.drop-count,.drop-over{z-index:20;background:#05050c6b;place-items:center;display:grid;position:absolute;inset:0}.drop-count-num{font-family:var(--font-heading,"Outfit", sans-serif);background:linear-gradient(#fff,#22e4ff);color:#0000;filter:drop-shadow(0 0 24px #22e4ffcc);-webkit-background-clip:text;background-clip:text;font-size:130px;font-weight:900;line-height:1;animation:.8s cubic-bezier(.2,1.4,.4,1) both dropCountIn}@keyframes dropCountIn{0%{opacity:0;transform:scale(2.4)}30%{opacity:1;transform:scale(1)}80%{opacity:1;transform:scale(.95)}to{opacity:0;transform:scale(.7)}}.drop-live-stamp,.drop-over-stamp{color:#fff;font-family:var(--font-heading,"Outfit", sans-serif);letter-spacing:.04em;text-shadow:0 0 18px #ff2e54e6;border:6px solid #ff2e54;border-radius:18px;padding:4px 28px 8px;font-size:72px;font-weight:900;animation:.5s cubic-bezier(.2,1.8,.4,1) both dropStamp;transform:rotate(-8deg);box-shadow:0 0 40px #ff2e54b3,inset 0 0 26px #ff2e5480}@keyframes dropStamp{0%{opacity:0;transform:rotate(-8deg)scale(3)}}.drop-over{background:#05050c99}.drop-over-stamp{text-shadow:0 0 14px #a9a3c2cc;border-color:#a9a3c2;font-size:48px;box-shadow:0 0 30px #7c4dff80}.drop-pause{z-index:30;background:#05050cd1;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:absolute;inset:0}.drop-pause p{color:#fff;margin:0 0 8px;font-size:22px;font-weight:900}.drop-pause .drop-btn{min-width:200px}@media (width>=900px){.drop-kb .osk{max-width:620px}.drop-hud{padding-left:24px;padding-right:24px}.drop-tile.k-word .drop-tile-in{font-size:30px}.drop-tile.k-phrase .drop-tile-in{font-size:25px}}@media (height<=680px){.drop-hoya{width:64px}.drop-combo b{font-size:34px}.drop-tile.k-jamo .drop-tile-in,.drop-tile.k-syllable .drop-tile-in{font-size:28px}}.drop-page.is-app .drop-lobby,.drop-page.is-app .drop-result{padding-top:12px}.drop-play.is-app .drop-hud{padding-top:8px}.drop-play.is-app .drop-substrip{top:56px}.drop-play.is-app .drop-combo{top:112px}@media (prefers-reduced-motion:reduce){.drop-bg,.drop-stars,.drop-stars i,.drop-beams i,.drop-crowd,.drop-tile-in,.drop-hoya,.drop-hero-hoya,.drop-result-hoya.party,.drop-fever-chip,.drop-tile.locked:after,.drop-tile.aim:after{animation:none!important}.drop-play.is-fever .drop-fever-frame{animation:none}.drop-count-num,.drop-live-stamp,.drop-over-stamp,.drop-record-stamp,.drop-combo{animation:none!important}.drop-tile.locked:after{inset:-6px}}