:root{--cyan: #13d8ff;--cyan-soft: rgba(19, 216, 255, .28);--blue: #1178ff;--deep: #020712;--panel: rgba(3, 10, 21, .62);--panel-strong: rgba(2, 8, 18, .82);--line: rgba(127, 205, 255, .35);--line-bright: rgba(21, 222, 255, .86);--text: #f5f9ff;--muted: #b8c7df;color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#020712;color:var(--text);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#app{min-width:320px;min-height:100%;margin:0}body{min-height:100vh;min-height:100dvh;overflow-x:hidden;background:linear-gradient(180deg,#000000c7,#0000006b 38%,#000000c2),radial-gradient(circle at 50% 16%,rgba(30,175,255,.26),transparent 31%),radial-gradient(circle at 50% 88%,rgba(13,216,255,.22),transparent 34%),url(/stadium-hero.png) center / cover fixed no-repeat}button,input{font:inherit}button{border:0}button:disabled{cursor:not-allowed;opacity:.62}button:not(:disabled){cursor:pointer}.app-shell{position:relative;isolation:isolate;display:flex;min-height:var(--safe-vh, 100vh);min-height:var(--safe-vh, 100dvh);flex-direction:column;align-items:center;gap:clamp(18px,3.2vh,30px);padding:var(--shell-pad-y, clamp(22px, 5vh, 54px)) clamp(16px,4vw,56px);overflow-x:hidden;overflow-y:auto}.rain-layer,.rain-layer:before,.rain-layer:after{position:fixed;top:-24%;right:-24%;bottom:-24%;left:-24%;pointer-events:none;content:""}.rain-layer{z-index:0;overflow:hidden;opacity:var(--rain-opacity, .52);mix-blend-mode:screen}.rain-layer:before{background:repeating-linear-gradient(105deg,#a8dcff00 0,#a8dcff00 26px,#a8dcff57 27px,#a8dcff00 29px);background-size:180px 180px;filter:blur(.2px);animation:rain-fall .68s linear infinite}.rain-layer:after{background:radial-gradient(ellipse at 50% 78%,rgba(176,220,255,.16),transparent 35%),radial-gradient(ellipse at 18% 66%,rgba(255,255,255,.08),transparent 30%),radial-gradient(ellipse at 82% 64%,rgba(80,160,255,.12),transparent 34%);filter:blur(14px);opacity:.72;animation:mist-drift 12s ease-in-out infinite alternate}@keyframes rain-fall{0%{transform:translate3d(-2%,-8%,0)}to{transform:translate3d(4%,16%,0)}}@keyframes mist-drift{0%{transform:translate3d(-1.5%,0,0) scale(1)}to{transform:translate3d(1.5%,-1%,0) scale(1.035)}}.app-shell:before,.app-shell:after{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;content:""}.app-shell:before{background:linear-gradient(90deg,rgba(0,0,0,.72),transparent 22%,transparent 78%,rgba(0,0,0,.72)),linear-gradient(180deg,rgba(1,4,12,.36),transparent 40%,rgba(1,5,12,.42)),radial-gradient(ellipse at 50% 0%,rgba(5,174,255,.32),transparent 25%),radial-gradient(ellipse at 50% 64%,rgba(255,255,255,.12),transparent 18%)}.app-shell:after{background:linear-gradient(110deg,transparent 0 16%,rgba(22,196,255,.16) 17%,transparent 22%),linear-gradient(250deg,transparent 0 16%,rgba(22,196,255,.14) 17%,transparent 22%);mix-blend-mode:screen;opacity:.62}.topbar,.workspace{position:relative;z-index:1}.topbar{display:flex;width:min(1280px,100%);justify-content:center;text-align:center}.hero-ball{position:absolute;top:clamp(12px,1.6vh,28px);left:clamp(0px,1.6vw,34px);width:clamp(112px,15vw,210px);aspect-ratio:1.06;background:radial-gradient(circle at 42% 38%,rgba(19,216,255,.2),transparent 42%),url(/wm-ball.png) center / contain no-repeat;filter:drop-shadow(0 0 22px rgba(19,216,255,.8)) drop-shadow(0 0 58px rgba(17,120,255,.56));mix-blend-mode:screen}.brand{display:grid;gap:clamp(8px,1.6vh,14px);justify-items:center}.brand h1,.brand p{margin:0}.brand h1{position:relative;display:flex;justify-content:center;gap:clamp(8px,1.4vw,20px);font-size:clamp(4.3rem,10.6vw,9.4rem);font-style:italic;font-weight:900;line-height:.82;text-transform:uppercase;filter:drop-shadow(0 12px 12px rgba(0,0,0,.62))}.brand h1:before,.brand h1:after{position:absolute;left:18%;right:18%;height:2px;background:linear-gradient(90deg,transparent,rgba(49,218,255,.94),transparent);box-shadow:0 0 18px #25cfffe6;content:""}.brand h1:before{top:3px}.brand h1:after{bottom:-8px}.brand h1 span{color:transparent;background:linear-gradient(180deg,#fff 0,#fff 24%,#cdd7e5 42%,#4b657c 54%,#eef8ff 72%,#1aa5ff);-webkit-background-clip:text;background-clip:text;-webkit-text-stroke:1px rgba(255,255,255,.24);text-shadow:0 0 2px rgba(255,255,255,.72),0 0 26px rgba(17,120,255,.65)}.brand p{color:#dbe8ff;font-size:clamp(.86rem,1.7vw,1.08rem);font-weight:850;text-transform:uppercase;text-shadow:0 0 18px rgba(0,0,0,.8)}.brand p span:before,.brand p span:after{display:inline-block;padding:0 clamp(10px,2vw,18px);color:var(--cyan);content:"*";text-shadow:0 0 12px rgba(19,216,255,.86)}.workspace{width:min(1260px,100%)}.workspace.setup-mode{display:grid;place-items:center}.workspace.play-mode{display:block;flex:1}.control-panel,.leaderboard,.room-lobby{border:1px solid rgba(151,204,255,.26);border-radius:8px;background:linear-gradient(145deg,#ffffff1b,#ffffff08 48%),linear-gradient(180deg,#030d1dc7,#00050eb8),var(--panel);box-shadow:inset 0 1px #ffffff2e,inset 0 -1px #13d8ff1f,0 28px 90px #0000008a,0 0 34px #13d8ff14;-webkit-backdrop-filter:blur(22px) saturate(150%);backdrop-filter:blur(22px) saturate(150%)}.control-panel{display:grid;width:min(780px,100%);gap:clamp(14px,2vh,22px);padding:clamp(22px,3vw,34px)}.mode-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.mode-tabs button,.secondary-action,.icon-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:62px;border:1px solid rgba(151,204,255,.18);border-radius:8px;background:linear-gradient(145deg,#ffffff1a,#ffffff06),#040d1abd;color:#f5f9ff;font-weight:850;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.mode-tabs button{min-height:clamp(72px,10vh,90px)}.mode-tabs button span{display:grid;gap:4px;text-align:left}.mode-tabs button strong{font-size:clamp(1rem,2vw,1.22rem);text-transform:uppercase}.mode-tabs button small{color:var(--muted);font-size:clamp(.82rem,1.6vw,.96rem);font-weight:750}.mode-tabs button.active{border-color:var(--line-bright);background:linear-gradient(135deg,#13d8ff4f,#1178ff3d),#051124db;box-shadow:inset 0 0 28px #13d8ff29,0 0 28px #13d8ff57}.field-label{color:#d9e7ff;font-size:.84rem;font-weight:900;text-transform:uppercase}.text-input{width:100%;min-height:clamp(58px,8vh,68px);border:1px solid rgba(151,204,255,.26);border-radius:8px;outline:none;background:linear-gradient(180deg,rgba(255,255,255,.07),transparent),#00050ea8;color:#fff;padding:0 18px;font-size:clamp(1rem,2vw,1.16rem);font-weight:750;box-shadow:inset 0 1px #ffffff1a,inset 0 0 20px #00000047}.text-input::placeholder{color:#d9e7ff8f}.text-input:focus{border-color:var(--line-bright);box-shadow:0 0 0 3px #13d8ff24,0 0 24px #13d8ff29}.code-input{font-weight:900;text-transform:uppercase}.join-row{display:grid;grid-template-columns:minmax(0,1fr) 58px;gap:10px}.icon-button{width:58px;min-height:58px;padding:0}.action-stack,.room-actions,.lobby-actions{display:grid;gap:12px}.primary-action{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:clamp(66px,9vh,84px);overflow:hidden;border:1px solid var(--line-bright);border-radius:8px;background:linear-gradient(110deg,#14ebff40,#1162ff9e 48%,#14ebff33),linear-gradient(180deg,rgba(255,255,255,.12),transparent),#020c22e0;color:#fff;font-size:clamp(1.12rem,2.7vw,1.58rem);font-weight:900;text-transform:uppercase;box-shadow:inset 0 0 28px #13d8ff42,0 0 24px #13d8ff47,0 18px 40px #00000047;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.primary-action:after{position:absolute;top:0;right:-20px;bottom:0;width:34%;background:linear-gradient(132deg,transparent 0 36%,rgba(255,255,255,.11) 37% 45%,transparent 46% 56%,rgba(255,255,255,.08) 57% 63%,transparent 64%);content:""}.primary-action:hover:not(:disabled),.secondary-action:hover:not(:disabled),.mode-tabs button:hover:not(:disabled),.icon-button:hover:not(:disabled),.choice-button:hover:not(:disabled){transform:translateY(-2px);border-color:#fff;box-shadow:inset 0 0 28px #13d8ff33,0 0 28px #13d8ff57}.score-summary{display:flex;align-items:center;justify-content:space-between;min-height:58px;padding:0 14px;border:1px solid rgba(151,204,255,.2);border-radius:8px;background:#030c19b3}.score-summary span{color:var(--muted);font-weight:850}.score-summary strong{color:var(--cyan);font-size:1.9rem}.notice{margin:0;border-left:3px solid var(--cyan);color:#eaf5ff;padding:4px 0 4px 10px;font-weight:750}.arena-panel{width:100%}.multiplayer-layout{display:grid;grid-template-columns:1fr;justify-items:center;gap:clamp(12px,2vh,20px)}.quiz-board{display:flex;width:100%;min-height:clamp(390px,calc(100dvh - 250px),610px);flex-direction:column;align-items:center;justify-content:flex-start;padding-top:clamp(8px,2vh,24px);text-align:center}.question-topline{position:relative;display:flex;width:min(1080px,100%);justify-content:center;margin:0 auto clamp(8px,1.8vh,18px)}.question-meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 18px;color:var(--muted);font-size:clamp(.76rem,1.4vw,.9rem);font-weight:900;text-transform:uppercase}.question-meta span{text-shadow:0 0 12px rgba(0,0,0,.8)}.round-timer{--progress: 360deg;position:absolute;top:-16px;right:0;display:grid;width:clamp(64px,8.8vw,92px);aspect-ratio:1;place-items:center;border:1px solid rgba(151,220,255,.46);border-radius:50%;background:radial-gradient(circle at center,rgba(4,13,27,.94) 0 57%,transparent 58%),conic-gradient(var(--cyan) var(--progress),rgba(255,255,255,.14) 0deg);box-shadow:inset 0 0 24px #0000008f,0 0 26px #13d8ff57,0 16px 38px #0000005c}.round-timer span{color:#fff;font-size:clamp(1.3rem,3.4vw,1.88rem);font-weight:900;line-height:1}.quiz-board h2{width:min(1050px,100%);min-height:clamp(82px,17vh,165px);margin:0 0 clamp(18px,4vh,42px);color:#f6fbff;font-size:clamp(2.2rem,5.8vw,4.9rem);font-weight:900;line-height:1.08;overflow-wrap:anywhere;text-shadow:0 4px 0 rgba(38,79,130,.35),0 0 24px rgba(14,80,170,.64),0 8px 34px rgba(0,0,0,.82)}.choice-grid{display:grid;width:min(1120px,100%);grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,2.4vw,28px)}.choice-button{display:grid;grid-template-columns:clamp(46px,5.2vw,64px) minmax(0,1fr);align-items:center;gap:clamp(10px,1.6vw,22px);min-height:clamp(82px,12vh,112px);padding:clamp(14px,2.1vw,24px);border:1px solid rgba(25,152,255,.86);border-radius:8px;background:linear-gradient(180deg,#ffffff16,#ffffff05),linear-gradient(100deg,#020b19e0,#021024c2),#020916b8;color:#fff;text-align:left;font-size:clamp(1.08rem,2.4vw,1.78rem);font-weight:900;overflow-wrap:anywhere;box-shadow:inset 0 1px #ffffff1f,inset 0 0 24px #1178ff1a,0 0 18px #1178ff29,0 16px 38px #0000005c;text-shadow:0 0 12px rgba(0,0,0,.72);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease}.choice-button.selected{border-color:#fff;background:linear-gradient(180deg,rgba(255,255,255,.14),transparent),linear-gradient(100deg,#062d4eeb,#041c50d6);box-shadow:inset 0 0 28px #13d8ff38,0 0 34px #13d8ff61}.choice-button.correct{border-color:#5bffbcdb;background:linear-gradient(100deg,#0d5e58d1,#05374dc2)}.choice-button.incorrect{border-color:#ff4358f2;background:linear-gradient(180deg,#ffffff17,#ffffff05),linear-gradient(100deg,#6e081cf0,#300615e6);animation:wrong-flash .9s ease-out;box-shadow:inset 0 0 28px #ff43583d,0 0 34px #ff435861,0 16px 38px #0000005c}.choice-button.correct .choice-key{color:#6dffd8;text-shadow:0 0 5px rgba(109,255,216,.9),0 0 20px rgba(109,255,216,.68)}.choice-button.incorrect .choice-key{color:#ff5268;text-shadow:0 0 5px rgba(255,82,104,.9),0 0 20px rgba(255,82,104,.68)}@keyframes wrong-flash{0%{transform:translateY(-2px) scale(1.015);filter:brightness(1.42)}to{transform:translateY(0) scale(1);filter:brightness(1)}}.choice-key{color:#1392ff;font-size:clamp(2rem,5.5vw,4rem);font-weight:900;line-height:.9;text-align:center;text-shadow:0 0 4px rgba(19,216,255,.82),0 0 18px rgba(19,216,255,.66)}.leaderboard{display:grid;width:min(880px,100%);gap:8px;padding:14px}.leaderboard-head,.player-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.leaderboard-head{color:var(--muted);font-weight:900;text-transform:uppercase}.leaderboard-head strong{color:var(--cyan)}.player-row{min-height:58px;padding:10px 12px;border:1px solid rgba(151,204,255,.14);border-radius:8px;background:#0209169e}.player-row strong,.player-row span{display:block}.player-row span{margin-top:3px;color:var(--muted);font-size:.82rem;font-weight:800}.player-row.muted{opacity:.58}.player-score{display:inline-flex;align-items:center;gap:6px;color:#7cffdb}.player-score strong{min-width:28px;color:#fff;font-size:1.4rem;text-align:right}.room-lobby{display:grid;width:min(760px,100%);gap:18px;margin:0 auto;padding:clamp(22px,3vw,34px);text-align:center}.room-lobby h2{margin:0;font-size:clamp(1.8rem,4.2vw,3.4rem);line-height:1.04;text-shadow:0 0 24px rgba(17,120,255,.54),0 8px 32px rgba(0,0,0,.82)}.room-code-card{display:grid;grid-template-columns:1fr auto 58px;align-items:center;gap:12px;min-height:76px;padding:12px 14px;border:1px solid var(--line);border-radius:8px;background:#0006119e;text-align:left}.room-code-card span{color:var(--muted);font-size:.78rem;font-weight:900;text-transform:uppercase}.room-code-card strong{color:#fff;font-size:clamp(1.8rem,5vw,2.8rem);line-height:1;text-shadow:0 0 18px rgba(19,216,255,.5)}.lobby-list{width:100%}.next-button{margin-top:0}svg{width:22px;height:22px;stroke-width:2.25}@media(min-width:900px)and (max-width:1180px){.app-shell{padding-inline:34px}.brand h1{font-size:clamp(5.3rem,10.2vw,7.2rem)}}@media(max-width:900px){body{background-attachment:scroll}.hero-ball{width:clamp(68px,14vw,110px)}.round-timer{position:static;margin-left:auto}.question-topline{align-items:center;justify-content:space-between}.question-meta{justify-content:flex-start;text-align:left}.choice-grid{grid-template-columns:1fr;width:min(680px,100%)}}@media(max-width:700px){.app-shell{gap:16px;padding:18px 10px}.topbar{padding-top:30px}.hero-ball{top:0;left:8px;width:58px}.brand h1{flex-wrap:nowrap;font-size:clamp(3.05rem,17vw,4.4rem)}.brand p{font-size:.72rem}.brand p span:before,.brand p span:after{padding:0 7px}.control-panel,.room-lobby{padding:16px}.mode-tabs{grid-template-columns:1fr}.quiz-board{min-height:auto;padding-top:4px}.quiz-board h2{min-height:86px;font-size:clamp(2rem,9vw,3.2rem)}.room-code-card{grid-template-columns:1fr 58px}.room-code-card strong{grid-column:1 / -1;order:3}}@media(max-height:760px)and (min-width:700px){.app-shell{gap:16px;padding-block:18px}.brand h1{font-size:clamp(4.2rem,9vw,6.2rem)}.brand p{font-size:.82rem}.control-panel{gap:12px;padding:22px}.mode-tabs button{min-height:68px}.text-input{min-height:56px}.primary-action{min-height:62px}.quiz-board{min-height:clamp(360px,calc(100dvh - 190px),500px)}.quiz-board h2{min-height:82px;margin-bottom:18px}.choice-button{min-height:82px}}body{background:#02050b}.app-shell.setup-mode,.app-shell.play-mode,.app-shell.lobby-mode{gap:0;width:100%;max-width:none;background:#02050b}.app-shell.setup-mode:before,.app-shell.play-mode:before,.app-shell.lobby-mode:before{background-position:center;background-size:cover;background-repeat:no-repeat;opacity:1}.app-shell.setup-mode:before,.app-shell.lobby-mode:before{background-image:url(/wm-worldcup-bg.png)}.app-shell.play-mode:before{background-image:url(/wm-worldcup-bg.png)}.app-shell.play-mode.lobby-mode:before{background-image:url(/wm-worldcup-bg.png)}.app-shell.setup-mode:after,.app-shell.play-mode:after,.app-shell.lobby-mode:after{display:none}.app-shell.setup-mode .topbar,.app-shell.play-mode .topbar,.app-shell.lobby-mode .topbar{min-height:var(--setup-top-space, clamp(300px, 41vh, 390px));visibility:hidden;pointer-events:none}.app-shell.play-mode .topbar{min-height:var(--play-top-space, clamp(255px, 34vh, 325px))}.app-shell.lobby-mode .topbar{min-height:var(--setup-top-space, clamp(300px, 41vh, 390px))}.app-shell.setup-mode .hero-ball,.app-shell.play-mode .hero-ball,.app-shell.lobby-mode .hero-ball{display:none}.app-shell.setup-mode .workspace,.app-shell.lobby-mode .workspace{display:grid;place-items:center}.app-shell.setup-mode .control-panel{width:min(var(--panel-width, 840px),calc(100vw - 30px));gap:clamp(10px,1.5vh,14px);padding:clamp(18px,2.3vw,26px) clamp(28px,4vw,38px) clamp(22px,2.7vw,30px);border-color:#82b1e838;background:linear-gradient(180deg,#ffffff09,#ffffff03),#01071280;box-shadow:0 18px 52px #00000047,inset 0 1px #ffffff14;-webkit-backdrop-filter:blur(6px) saturate(130%);backdrop-filter:blur(6px) saturate(130%)}.app-shell.setup-mode .mode-tabs{gap:12px}.app-shell.setup-mode .mode-tabs button{min-height:clamp(74px,10vh,90px);background:linear-gradient(145deg,#ffffff14,#ffffff06),#020d1df5}.app-shell.setup-mode .mode-tabs button.active{background:linear-gradient(135deg,#13d8ff59,#1178ff57),#00132ec7}.app-shell.setup-mode .text-input{min-height:clamp(58px,7.4vh,68px);background:#010814fa}.app-shell.setup-mode .primary-action{min-height:clamp(68px,8.8vh,82px)}.app-shell.play-mode .workspace{width:min(1240px,calc(100vw - 42px));flex:1}.app-shell.play-mode .quiz-board{min-height:auto;padding:0}.app-shell.play-mode .question-topline{width:min(1120px,100%);margin:0 auto}.app-shell.play-mode .question-meta{min-height:24px;opacity:0;pointer-events:none}.app-shell.play-mode .round-timer{top:-72px;right:clamp(0px,3vw,38px);opacity:.96;visibility:visible}.app-shell.play-mode .quiz-board h2{position:relative;isolation:isolate;width:min(900px,100%);min-height:clamp(122px,17vh,162px);margin:0 auto clamp(18px,3.2vh,28px);padding:clamp(6px,1.2vh,10px) clamp(12px,2vw,20px);color:#f7fbff;font-size:clamp(2.35rem,4.9vw,4.2rem);line-height:1.08;text-shadow:0 0 18px rgba(6,26,62,.92),0 0 38px rgba(8,122,255,.58),0 8px 24px rgba(0,0,0,.92)}.app-shell.play-mode .quiz-board h2:before{display:none}.app-shell.play-mode .choice-grid{width:min(var(--choice-width, 1068px),100%);gap:clamp(18px,2.4vw,28px)}.app-shell.play-mode .choice-button{min-height:clamp(86px,11vh,104px);border-color:#1b9afff2;background:linear-gradient(180deg,#ffffff13,#ffffff05),linear-gradient(100deg,#010816fc,#010d20fc);box-shadow:inset 0 1px #ffffff1f,0 0 16px #1178ff33,0 14px 28px #00000042}.app-shell.play-mode .choice-button.correct{border-color:#5bffbcf0;background:linear-gradient(180deg,#ffffff14,#ffffff05),linear-gradient(100deg,#0d5e58f5,#05374df0);box-shadow:inset 0 0 28px #5bffbc38,0 0 34px #5bffbc52,0 14px 28px #00000042}.app-shell.play-mode .choice-button.incorrect{border-color:#ff4358fa;background:linear-gradient(180deg,#ffffff16,#ffffff05),linear-gradient(100deg,#780a1efa,#340514fa);box-shadow:inset 0 0 30px #ff435842,0 0 38px #ff43586b,0 14px 28px #00000042}.app-shell.play-mode .leaderboard{margin-top:clamp(14px,2vh,20px);background:transparent;border-color:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.app-shell.lobby-mode .room-lobby{width:min(730px,calc(100vw - 32px));background:transparent;border-color:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}@media(max-width:900px){.app-shell.setup-mode:before,.app-shell.play-mode:before,.app-shell.lobby-mode:before{background-attachment:scroll}.app-shell.play-mode .topbar{min-height:var(--play-top-space, clamp(210px, 31vh, 270px))}.app-shell.play-mode .round-timer{position:absolute;top:-58px;right:0}.app-shell.play-mode .quiz-board h2{width:min(760px,100%);min-height:clamp(116px,16vh,142px);font-size:clamp(2rem,7vw,3.4rem)}}@media(max-width:700px){.app-shell.setup-mode .topbar,.app-shell.lobby-mode .topbar{min-height:var(--setup-top-space, clamp(164px, 25vh, 210px))}.app-shell.play-mode .topbar{min-height:var(--play-top-space, clamp(176px, 28vh, 230px))}.app-shell.play-mode .workspace{width:min(100vw - 20px,620px)}.app-shell.play-mode .choice-grid{gap:12px}}@media(prefers-reduced-motion:reduce){.rain-layer:before,.rain-layer:after{animation:none}}