.so-page{--mode-color: #C864FF;max-width:880px;margin:0 auto;padding:24px 16px 80px;color:var(--text-primary);font-family:var(--font-sans)}.so-app-header{position:sticky;top:0;z-index:50;background:#0d0d0ff2;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-bottom:2px solid #FFD700;padding:12px 16px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;box-shadow:0 0 10px #ffd7004d;margin-bottom:20px}.so-header-left{display:flex;justify-content:flex-start}.so-header-center{display:flex;justify-content:center;align-items:center}.so-header-right{display:flex;justify-content:flex-end;align-items:center}.so-header-title{font-family:var(--font-pixel);font-size:22px;background:linear-gradient(180deg,gold,orange,#ff8c00);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(2px 2px 0 #5A1A5E) drop-shadow(3px 3px 0 #3A0840);text-align:center;white-space:nowrap;letter-spacing:1px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform .2s ease}.so-header-title:hover{transform:scale(1.05)}.so-header-title:active{transform:scale(.95)}.so-back-btn{background:#06b6d41a;border:2px solid var(--primary);color:var(--primary);font-family:var(--font-pixel);font-size:24px;line-height:1;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;width:44px;height:44px;transition:all .2s;clip-path:polygon(4px 0,100% 0,100% calc(100% - 4px),calc(100% - 4px) 100%,0 100%,0 4px);box-shadow:0 0 10px #06b6d466,inset 0 0 10px #06b6d41a;filter:brightness(1.2);text-decoration:none}.so-back-btn svg{width:24px;height:24px}.so-back-btn:hover{background:#06b6d433;border-color:var(--primary);box-shadow:0 0 15px #06b6d499,inset 0 0 15px #06b6d433;filter:brightness(1.4);transform:scale(1.05)}.so-back-btn:active{transform:scale(.95)}.so-mode-label{font-family:var(--font-pixel);font-size:10px;color:var(--mode-color);letter-spacing:2px}.so-section{background:var(--card-bg);border:1px solid var(--border-default);border-radius:10px;padding:18px;margin-bottom:16px}.so-section-label{font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:1.5px;color:var(--text-tertiary);margin-bottom:12px}.so-picker-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}@media(max-width:480px){.so-picker-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.so-header-left,.so-header-center,.so-header-right{min-width:0}.so-header-title{font-size:16px;letter-spacing:.5px}}.so-picker-cell{display:flex;flex-direction:column;align-items:center;padding:8px 6px;background:#ffffff08;border:1px solid var(--border-default);border-radius:8px;cursor:pointer;transition:all .15s}.so-picker-cell:hover{border-color:var(--mode-color);background:#c864ff14}.so-picker-cell.is-selected{border-color:var(--mode-color);background:#c864ff26}.so-picker-cell img{width:56px;height:56px;image-rendering:pixelated}.so-picker-name{font-size:11px;text-align:center;margin-top:4px;color:var(--text-secondary)}.so-battle-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(250px,.7fr);gap:12px;margin-bottom:20px}@media(max-width:720px){.so-battle-grid{grid-template-columns:1fr}}.so-opponent-card{display:flex;gap:12px;align-items:flex-start;margin-bottom:18px}.so-opponent-sprite{width:96px;height:96px;image-rendering:pixelated;flex-shrink:0;background:#ffffff08;border-radius:6px}.so-opponent-info{flex:1}.so-opponent-name{font-size:16px;font-weight:700;margin-bottom:4px}.so-opponent-meta{font-family:var(--font-mono);font-size:11px;color:var(--text-secondary);line-height:1.6}.so-opponent-meta label{display:inline-block;min-width:54px;color:var(--text-tertiary)}.so-grades{display:flex;gap:8px;margin-top:8px;font-family:var(--font-mono);font-size:10px}.so-grade-pill{padding:2px 6px;background:#ffffff0d;border:1px solid var(--border-default);border-radius:4px;color:var(--text-secondary)}.so-field-panel{margin-top:10px;padding-top:14px;border-top:1px solid var(--border-default)}.so-field-rows{display:flex;flex-direction:column;gap:8px}.so-field-row{display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:12px}.so-field-row label{min-width:80px;color:var(--text-tertiary);font-size:10px;text-transform:uppercase;letter-spacing:1px}.so-zone-section{display:flex;flex-direction:column}.so-zone-stack{display:flex;flex-direction:column;gap:10px;flex:1;margin-bottom:14px}.so-strike{border:2px dashed rgba(200,100,255,.3);border-radius:10px;min-height:82px;padding:12px;display:flex;flex-direction:column;justify-content:center;text-align:center;position:relative;background:#c864ff0a;transition:all .2s}.so-strike.is-filled{border-style:solid;border-color:var(--mode-color);background:#c864ff1f;cursor:pointer}.so-strike-number{font-family:var(--font-mono);font-size:9px;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:1.5px}.so-strike-hint{font-size:11px;color:var(--text-tertiary);margin-top:2px}.so-strike-move{font-size:13px;font-weight:700;margin-top:2px}.so-strike-artist{font-size:10px;color:var(--text-secondary);margin-top:2px}.so-strike-dmg{font-size:16px;color:var(--mode-color);font-family:var(--font-mono);font-weight:700;margin-top:4px}.so-strike-remove{position:absolute;top:4px;right:6px;background:none;border:none;color:var(--text-tertiary);cursor:pointer;font-size:14px}.so-strike-remove:hover{color:var(--error)}.so-hp-bar-wrap{height:12px;background:#ffffff0f;border-radius:6px;overflow:hidden;margin-bottom:10px;border:1px solid var(--border-default)}.so-hp-bar{height:100%;background:var(--success);border-radius:6px;transition:width .4s ease}.so-hp-bar.so-hp-bar-mid{background:var(--warning)}.so-hp-bar.so-hp-bar-low{background:var(--error)}.so-hp-bar.so-hp-bar-ko{background:var(--error);width:0%!important}.so-total{padding:12px 14px;background:#ffffff08;border:1px solid var(--border-default);border-radius:8px;display:flex;justify-content:space-between;align-items:center;font-family:var(--font-mono)}.so-total-label{font-size:11px;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:1.5px}.so-total-value{font-size:16px;font-weight:700}.so-total.is-ko{border-color:var(--success);background:#26d97f14}.so-total.is-ko .so-total-value{color:var(--success)}.so-attackers-row-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.so-attackers-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:20px}@media(max-width:720px){.so-attackers-row{grid-template-columns:1fr}}.so-attacker-card{background:var(--card-bg);border:1px solid var(--border-default);border-radius:10px;padding:14px}.so-attacker-header{display:flex;gap:8px;align-items:flex-start;margin-bottom:12px}.so-attacker-sprite{width:72px;height:72px;image-rendering:pixelated;flex-shrink:0;background:#ffffff08;border-radius:6px}.so-attacker-info{flex:1}.so-attacker-name{font-size:14px;font-weight:700;margin-bottom:4px}.so-attacker-meta{font-family:var(--font-mono);font-size:11px;color:var(--text-secondary);line-height:1.6}.so-attacker-meta label{display:inline-block;min-width:54px;color:var(--text-tertiary)}.so-blocks-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px}.so-block{background:#ffffff0a;border:1px solid var(--border-default);border-radius:8px;padding:8px 6px;cursor:pointer;transition:all .15s;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px}.so-block-left{min-width:0;text-align:left}.so-block-right{text-align:center}.so-block:hover{border-color:var(--mode-color);background:#c864ff14;transform:translateY(-1px)}.so-block.is-zero{opacity:.35}.so-block.is-in-zone{opacity:.35;border-color:var(--mode-color);pointer-events:none}.so-block-dmg{font-size:20px;color:var(--mode-color);font-family:var(--font-mono);font-weight:700;line-height:1.1}.so-block-desc{font-family:var(--font-mono);font-size:8px;color:var(--text-tertiary);line-height:1.3;word-break:break-word;text-align:left}.so-ability{display:inline-flex;align-items:center;gap:3px;cursor:help;border-bottom:1px dotted var(--text-tertiary)}.so-ability-info{font-size:9px;opacity:.6}.so-static-item{opacity:.85}.so-btn{background:#ffffff0d;border:1px solid var(--border-default);color:var(--text-primary);padding:6px 12px;border-radius:6px;font-family:var(--font-mono);font-size:11px;cursor:pointer;text-transform:uppercase;letter-spacing:1px}.so-btn:hover,.so-btn-accent{border-color:var(--mode-color);color:var(--mode-color)}.so-btn-accent:hover{background:var(--mode-color);color:#000}.so-select{background:#ffffff0d;border:1px solid var(--border-default);color:var(--text-primary);padding:4px 8px;border-radius:4px;font-family:var(--font-mono);font-size:11px}.so-select option{background:#1a1a1e;color:#fff}.so-checkbox{accent-color:var(--mode-color);cursor:pointer}.so-modal-overlay{position:fixed;inset:0;background:#000c;display:none;align-items:center;justify-content:center;z-index:1000}.so-modal-overlay.is-open{display:flex}.so-modal{background:var(--card-bg);border:2px solid var(--mode-color);border-radius:12px;padding:32px;max-width:480px;width:90%;text-align:center}.so-modal-icon{font-size:64px;margin-bottom:12px}.so-modal-headline{font-family:var(--font-pixel);font-size:18px;color:var(--mode-color);margin-bottom:20px;line-height:1.5;letter-spacing:2px}.so-modal-summary{font-family:var(--font-mono);font-size:12px;color:var(--text-secondary);margin-bottom:24px}.so-modal-actions{display:flex;gap:12px;justify-content:center}.so-modal-actions .so-btn{padding:10px 20px;font-size:12px}.so-hint{font-size:11px;color:var(--text-tertiary);font-family:var(--font-mono);margin-top:6px}.so-protect-toast{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.8);z-index:900;background:#000000eb;border:2px solid var(--error);border-radius:16px;padding:32px 48px;text-align:center;opacity:0;pointer-events:none;transition:none}.so-protect-toast.is-visible{animation:protectToastIn .3s ease forwards,protectToastOut .4s ease 1.8s forwards}@keyframes protectToastIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.6)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes protectToastOut{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(1.1)}}.so-protect-toast-icon{font-size:56px;margin-bottom:8px;animation:protectShake .4s ease .1s}@keyframes protectShake{0%,to{transform:rotate(0)}20%{transform:rotate(-12deg)}40%{transform:rotate(12deg)}60%{transform:rotate(-8deg)}80%{transform:rotate(8deg)}}.so-protect-toast-text{font-family:var(--font-pixel);font-size:24px;color:var(--error);letter-spacing:3px;margin-bottom:8px;text-shadow:0 0 20px rgba(255,91,106,.6)}.so-protect-toast-sub{font-family:var(--font-mono);font-size:12px;color:var(--text-secondary);max-width:280px;margin:0 auto}.so-obstacle{display:flex;align-items:center;gap:8px;padding:6px 10px;margin-top:4px;background:#ff5b6a0f;border:1px solid rgba(255,91,106,.2);border-radius:6px;font-family:var(--font-mono);font-size:11px;color:var(--error)}.so-obstacle-icon{font-size:14px;flex-shrink:0}.so-page{position:relative;z-index:3}.so-modal-overlay{z-index:1000}.so-protect-toast{z-index:900}.weather-overlay,.qualifying-weather-overlay{position:fixed;top:0;left:0;width:100%;height:100dvh;pointer-events:none;z-index:5;overflow:hidden;opacity:.6;mix-blend-mode:overlay;transition:opacity .5s ease,background-color .5s ease,background-image .5s ease}.weather-overlay.weather-rain,.qualifying-weather-overlay.weather-rain{background-color:#1e2d5066;mix-blend-mode:normal}.weather-overlay.weather-sand,.qualifying-weather-overlay.weather-sand{background-color:#b48c5059;mix-blend-mode:normal}.weather-overlay.weather-snow,.qualifying-weather-overlay.weather-snow{background-image:linear-gradient(to top,#87afcd80,#46698cb3);mix-blend-mode:normal}.weather-overlay.combo-storm,.qualifying-weather-overlay.combo-storm{background-color:#0a0f1e8c;mix-blend-mode:normal;z-index:6;animation:rainDropFall .3s linear infinite,stormLightningFlash 8s infinite}@keyframes stormLightningFlash{0%,95%,to{background-color:#0a0f1e8c}96%{background-color:#dcf0ffb3}97%{background-color:#0a0f1e8c}98%{background-color:#c8e6ff99}}.weather-overlay.combo-monsoon,.qualifying-weather-overlay.combo-monsoon{background-color:#0f232d99;mix-blend-mode:normal;animation:rainDropFall .3s linear infinite}.weather-overlay.combo-summer,.qualifying-weather-overlay.combo-summer{background-color:#ffe69633;mix-blend-mode:hard-light;z-index:6}.weather-overlay.combo-solarflare,.qualifying-weather-overlay.combo-solarflare{background-color:#ff78964d;mix-blend-mode:color-burn;z-index:6;animation:solarWarp 4s infinite alternate}@keyframes solarWarp{0%{-webkit-backdrop-filter:hue-rotate(0deg) contrast(1.1);backdrop-filter:hue-rotate(0deg) contrast(1.1)}to{-webkit-backdrop-filter:hue-rotate(15deg) contrast(1.3);backdrop-filter:hue-rotate(15deg) contrast(1.3)}}.terrain-overlay,.qualifying-terrain-overlay{position:fixed;bottom:0;left:0;width:100%;height:55dvh;pointer-events:none;z-index:4;overflow:hidden;opacity:0;transition:opacity .5s ease}.terrain-overlay.has-weather,.qualifying-terrain-overlay.has-weather{mix-blend-mode:screen}.terrain-overlay.terrain-electric,.qualifying-terrain-overlay.terrain-electric{opacity:1;background-image:radial-gradient(ellipse 120% 80% at 50% 100%,rgba(247,208,44,.25) 0%,transparent 50%),linear-gradient(to top,rgba(247,208,44,.12) 0%,transparent 60%);mix-blend-mode:overlay}.terrain-overlay.terrain-electric:after,.qualifying-terrain-overlay.terrain-electric:after{content:"";position:absolute;bottom:-10vh;left:-50vw;right:-50vw;height:65vh;background-image:linear-gradient(rgba(255,255,255,.9) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.9) 1px,transparent 1px);background-size:60px 40px;background-position:center bottom;transform:perspective(500px) rotateX(70deg);transform-origin:center bottom;-webkit-mask-image:radial-gradient(ellipse 80% 100% at 50% 100%,black 10%,transparent 70%);mask-image:radial-gradient(ellipse 80% 100% at 50% 100%,black 10%,transparent 70%);animation:gridElectrify .15s infinite alternate,gridScroll 8s linear infinite;filter:drop-shadow(0 0 5px rgba(247,208,44,1)) drop-shadow(0 0 10px rgba(59,130,246,.8));mix-blend-mode:screen}@keyframes gridElectrify{0%{opacity:.7;filter:drop-shadow(0 0 4px rgba(247,208,44,1)) drop-shadow(0 0 8px rgba(59,130,246,.6))}to{opacity:1;filter:drop-shadow(0 0 8px rgba(247,208,44,1)) drop-shadow(0 0 15px rgba(59,130,246,1))}}@keyframes gridScroll{0%{background-position:0 0}to{background-position:0 40px}}.terrain-overlay.terrain-grassy,.qualifying-terrain-overlay.terrain-grassy{opacity:1;background-image:radial-gradient(ellipse 120% 80% at 50% 100%,rgba(122,199,76,.25) 0%,transparent 50%),linear-gradient(to top,rgba(122,199,76,.12) 0%,transparent 60%);mix-blend-mode:overlay}.terrain-overlay.terrain-grassy:before,.qualifying-terrain-overlay.terrain-grassy:before{content:"";position:absolute;bottom:-10vh;left:-50vw;right:-50vw;height:65vh;background-image:linear-gradient(rgba(122,199,76,.4) 1px,transparent 1px),linear-gradient(90deg,rgba(122,199,76,.4) 1px,transparent 1px);background-size:80px 80px;background-position:center bottom;transform:perspective(600px) rotateX(75deg);transform-origin:center bottom;-webkit-mask-image:radial-gradient(ellipse 80% 100% at 50% 100%,black 10%,transparent 70%);mask-image:radial-gradient(ellipse 80% 100% at 50% 100%,black 10%,transparent 70%);animation:grassGridGrow 10s linear infinite;mix-blend-mode:screen}@keyframes grassGridGrow{0%{background-position:0 0;background-size:80px 80px}to{background-position:0 80px;background-size:84px 84px}}.terrain-overlay.terrain-psychic,.qualifying-terrain-overlay.terrain-psychic{opacity:1;background-image:radial-gradient(ellipse 120% 80% at 50% 100%,rgba(140,50,200,.25) 0%,transparent 50%),linear-gradient(to top,rgba(140,50,200,.12) 0%,transparent 60%);mix-blend-mode:overlay}.terrain-overlay.terrain-psychic:before,.qualifying-terrain-overlay.terrain-psychic:before{content:"";position:absolute;bottom:-10vh;left:-50vw;right:-50vw;height:65vh;background-image:linear-gradient(rgba(140,50,200,.6) 1px,transparent 1px),linear-gradient(90deg,rgba(140,50,200,.6) 1px,transparent 1px);background-size:60px 60px;background-position:center bottom;transform:perspective(400px) rotateX(65deg);transform-origin:center bottom;-webkit-mask-image:radial-gradient(ellipse 80% 100% at 50% 100%,black 10%,transparent 70%);mask-image:radial-gradient(ellipse 80% 100% at 50% 100%,black 10%,transparent 70%);animation:psychicGridWarp 6s ease-in-out infinite alternate;filter:drop-shadow(0 0 8px rgba(160,70,220,.5));mix-blend-mode:screen}@keyframes psychicGridWarp{0%{transform:perspective(400px) rotateX(65deg) skew(-5deg) scale(1.05)}to{transform:perspective(300px) rotateX(72deg) skew(5deg) scale(.95)}}.terrain-overlay.terrain-misty,.qualifying-terrain-overlay.terrain-misty{opacity:1;background-image:radial-gradient(ellipse 120% 80% at 50% 100%,rgba(214,133,173,.35) 0%,transparent 50%),linear-gradient(to top,rgba(214,133,173,.15) 0%,transparent 60%);mix-blend-mode:overlay}.terrain-overlay.terrain-misty:before,.qualifying-terrain-overlay.terrain-misty:before{content:"";position:absolute;bottom:-10vh;left:-50vw;right:-50vw;height:65vh;background-image:linear-gradient(rgba(214,133,173,.5) 1px,transparent 1px),linear-gradient(90deg,rgba(214,133,173,.5) 1px,transparent 1px);background-size:90px 90px;background-position:center bottom;transform:perspective(700px) rotateX(80deg);transform-origin:center bottom;-webkit-mask-image:radial-gradient(ellipse 70% 80% at 50% 100%,black 5%,transparent 60%);mask-image:radial-gradient(ellipse 70% 80% at 50% 100%,black 5%,transparent 60%);animation:mistyGridFade 8s ease-in-out infinite alternate,mistyGridScroll 20s linear infinite;filter:blur(1px) drop-shadow(0 0 10px rgba(250,190,220,.4));mix-blend-mode:screen}@keyframes mistyGridFade{0%{opacity:.5;filter:blur(2px)}to{opacity:.9;filter:blur(0px)}}@keyframes mistyGridScroll{0%{background-position:0 0}to{background-position:90px 90px}}.terrain-overlay.combo-storm:before,.qualifying-terrain-overlay.combo-storm:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 35%,rgba(255,246,180,.9) 0 2px,transparent 3px),radial-gradient(circle at 62% 28%,rgba(255,246,180,.85) 0 2px,transparent 3px),radial-gradient(circle at 84% 42%,rgba(255,246,180,.8) 0 2px,transparent 3px),linear-gradient(120deg,transparent 0 43%,rgba(255,241,153,.85) 43% 45%,transparent 45% 100%),linear-gradient(105deg,transparent 0 58%,rgba(255,255,255,.9) 58% 60%,transparent 60% 100%);-webkit-mask-image:radial-gradient(ellipse 85% 80% at 50% 100%,black 10%,transparent 72%);mask-image:radial-gradient(ellipse 85% 80% at 50% 100%,black 10%,transparent 72%);animation:stormFieldFlash 6s infinite steps(1,end);mix-blend-mode:screen;opacity:0}@keyframes stormFieldFlash{0%,92%,to{opacity:0;transform:translateY(0)}93%{opacity:.9;transform:translateY(-2px)}94%{opacity:.2;transform:translateY(0)}95%{opacity:1;transform:translateY(-1px)}96%{opacity:0;transform:translateY(0)}}.terrain-overlay.combo-summer:after,.qualifying-terrain-overlay.combo-summer:after{content:"";position:absolute;left:18%;right:18%;bottom:26%;height:32%;border-radius:50% 50% 0 0/100% 100% 0 0;background:linear-gradient(to bottom,#ff5050e6,#ffa43ce6,#ffe65ae6,#6ed66ee6,#5ab4ffe6,#916effe6 80%,#dc82ffe6);box-shadow:0 0 18px #ffe69647;-webkit-mask-image:radial-gradient(ellipse 78% 100% at 50% 100%,transparent 57%,black 62%,black 70%,transparent 76%);mask-image:radial-gradient(ellipse 78% 100% at 50% 100%,transparent 57%,black 62%,black 70%,transparent 76%);mix-blend-mode:screen;animation:rainbowShimmer 7s ease-in-out infinite alternate}@keyframes rainbowShimmer{0%{opacity:.5;transform:translateY(2px) scaleX(.98);filter:saturate(1) blur(.2px)}to{opacity:.95;transform:translateY(-3px) scaleX(1.02);filter:saturate(1.2) blur(0)}}.weather-overlay.combo-tornado,.qualifying-weather-overlay.combo-tornado{background-color:#705c3a6b;mix-blend-mode:normal}.weather-overlay.combo-tornado:before,.qualifying-weather-overlay.combo-tornado:before{content:"";position:absolute;left:50%;bottom:10dvh;width:18vmin;height:54dvh;transform:translate(-50%);background:radial-gradient(ellipse at center,rgba(196,173,122,.42) 0 24%,transparent 25% 100%),repeating-radial-gradient(ellipse at center,rgba(168,146,92,.2) 0 6%,transparent 6% 14%);clip-path:polygon(42% 0%,58% 0%,70% 12%,73% 24%,68% 36%,78% 52%,70% 68%,78% 84%,62% 100%,38% 100%,22% 84%,30% 68%,22% 52%,32% 36%,27% 24%,30% 12%);filter:blur(2px);opacity:.78;animation:tornadoSway 4.5s ease-in-out infinite,tornadoSpin .9s linear infinite;mix-blend-mode:screen}.terrain-overlay.combo-tornado:after,.qualifying-terrain-overlay.combo-tornado:after{content:"";position:absolute;left:10%;right:10%;bottom:6%;height:24%;background:radial-gradient(circle at 50% 50%,rgba(180,150,90,.26) 0 14%,transparent 15%),radial-gradient(circle at 30% 70%,rgba(122,199,76,.22) 0 10%,transparent 11%),radial-gradient(circle at 70% 72%,rgba(122,199,76,.18) 0 9%,transparent 10%);-webkit-mask-image:radial-gradient(ellipse 65% 70% at 50% 55%,black 20%,transparent 72%);mask-image:radial-gradient(ellipse 65% 70% at 50% 55%,black 20%,transparent 72%);animation:tornadoDustSpin 2.4s linear infinite;mix-blend-mode:screen}@keyframes tornadoSway{0%,to{transform:translate(-56%) rotate(-5deg)}50%{transform:translate(-44%) rotate(6deg)}}@keyframes tornadoSpin{0%{background-position:0 0,0 0}to{background-position:0 -24px,0 -48px}}@keyframes tornadoDustSpin{0%{transform:rotate(0) scale(.95);opacity:.45}to{transform:rotate(360deg) scale(1.08);opacity:.8}}.field-state-banner,.section-title,.vs-divider-horizontal,.puzzle-context-box,.puzzle-options-grid,.puzzle-id-footer,#puzzle-focus-prompt,#puzzle-partner-action,.mode-toggle-container,.back-btn,.streak-counter{position:relative;z-index:10}.puzzles-team-grid{position:relative;z-index:8}.weather-overlay.weather-sun,.qualifying-weather-overlay.weather-sun{opacity:.75}.weather-sun{background-image:linear-gradient(to bottom,rgba(70,150,235,.38) 0%,rgba(100,175,245,.28) 35%,rgba(135,200,255,.16) 65%,transparent 100%),radial-gradient(circle at 0 0,rgba(255,235,150,.7) 0,rgba(255,210,80,.4) 18px,rgba(255,180,60,.15) 36px,transparent 48px);background-size:100% 100%;mix-blend-mode:screen}.weather-sun:before{content:"";position:absolute;inset:0;background-image:repeating-conic-gradient(from 0deg at 0 0,transparent 0deg,transparent 12deg,rgba(255,235,140,.28) 12deg,rgba(255,210,90,.2) 15deg),repeating-conic-gradient(from 6deg at 0 0,transparent 0deg,transparent 12deg,rgba(255,200,80,.22) 12deg,rgba(255,170,60,.12) 15deg),repeating-conic-gradient(from 3deg at 0 0,transparent 0deg,transparent 12deg,rgba(255,220,150,.18) 12deg,transparent 15deg);background-size:100% 100%;-webkit-mask-image:radial-gradient(ellipse 130% 110% at -8% -8%,black 0%,black 22%,transparent 52%);mask-image:radial-gradient(ellipse 130% 110% at -8% -8%,black 0%,black 22%,transparent 52%);animation:sunRaysShift 8s ease-in-out infinite;pointer-events:none}@keyframes sunRaysShift{0%,to{opacity:.85;transform:rotate(0)}25%{opacity:1;transform:rotate(1deg)}50%{opacity:.9;transform:rotate(-.5deg)}75%{opacity:1;transform:rotate(.5deg)}}.weather-rain{background-image:radial-gradient(ellipse at center,rgba(100,180,255,.8) 1.5px,transparent 2.5px),radial-gradient(ellipse at center,rgba(100,180,255,.6) 1px,transparent 2px);background-size:100px 100px,70px 70px;background-position:0 0,35px 35px;opacity:.4;animation:rainDropFall .5s linear infinite;mix-blend-mode:normal}.weather-rain:after{content:"";position:absolute;bottom:-10vh;left:-50vw;right:-50vw;height:65vh;background-image:radial-gradient(ellipse at center,transparent 3px,rgba(140,200,255,.8) 4px,transparent 6px),radial-gradient(ellipse at center,transparent 2px,rgba(170,220,255,.9) 3px,transparent 5px),radial-gradient(ellipse at center,transparent 4px,rgba(200,240,255,.7) 5px,transparent 7px);background-size:60px 40px,90px 60px,75px 50px;animation:rainSplash .5s infinite;transform:perspective(600px) rotateX(75deg);transform-origin:center bottom;mix-blend-mode:screen;-webkit-mask-image:radial-gradient(ellipse 80% 100% at 50% 100%,black 10%,transparent 70%);mask-image:radial-gradient(ellipse 80% 100% at 50% 100%,black 10%,transparent 70%);pointer-events:none}@keyframes rainDropFall{0%{background-position:0 0,35px 35px}to{background-position:15px 100px,50px 105px}}@keyframes rainSplash{0%{background-size:60px 40px,90px 60px,75px 50px;opacity:.2}50%{background-size:65px 45px,95px 65px,80px 55px;opacity:1}to{background-size:70px 50px,100px 70px,85px 60px;opacity:0}}.weather-sand{background-image:radial-gradient(circle,rgba(210,180,140,.8) 1.5px,transparent 1.5px),radial-gradient(circle,rgba(194,178,128,.6) 1px,transparent 1px);background-size:60px 60px,120px 120px;background-position:0 0,0 0;opacity:.5;animation:sandStormRush .8s linear infinite;mix-blend-mode:normal}@keyframes sandStormRush{0%{background-position:0 0,0 0}to{background-position:120px -20px,40px -5px}}.weather-snow:before{content:"";position:absolute;inset:-100% -50% 0;pointer-events:none;background-image:radial-gradient(circle,rgba(255,255,255,.9) 2px,transparent 3px),radial-gradient(circle,rgba(255,255,255,.7) 1.5px,transparent 2.5px),radial-gradient(circle,rgba(255,255,255,.4) 1px,transparent 2px),radial-gradient(circle,rgba(255,255,255,.8) 2px,transparent 3.5px);background-size:150px 150px,120px 120px,80px 80px,200px 200px;background-position:0 0,30px 40px,15px 25px,80px 100px;animation:snowFallLayers 18s ease-in-out infinite}@keyframes snowFallLayers{0%{transform:translateY(0) translate(0)}12.5%{transform:translateY(12.5vh) translate(-60px)}25%{transform:translateY(25vh) translate(60px)}37.5%{transform:translateY(37.5vh) translate(-60px)}50%{transform:translateY(50vh) translate(60px)}62.5%{transform:translateY(62.5vh) translate(-60px)}75%{transform:translateY(75vh) translate(60px)}87.5%{transform:translateY(87.5vh) translate(-60px)}to{transform:translateY(100vh) translate(0)}}