html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,html{-webkit-text-size-adjust:none!important;-moz-text-size-adjust:none!important;text-size-adjust:none!important;height:100%;overflow:hidden;overscroll-behavior:none}body{position:fixed;width:100%}.game-over-container,.game-over-container *,.game-wrapper,.game-wrapper *,.multiplayer-connection,.multiplayer-connection *,.multiplayer-lobby,.multiplayer-lobby *,.multiplayer-waiting,.multiplayer-waiting *,.startScreen,.startScreen *{-webkit-text-size-adjust:none!important;-moz-text-size-adjust:none!important;text-size-adjust:none!important;max-height:999999px!important}#root,body,html{touch-action:manipulation}input,select,textarea{-webkit-text-size-adjust:none!important;-moz-text-size-adjust:none!important;text-size-adjust:none!important;font-size:16px!important}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.startScreen{--current-color:#66ffd6;--current-color-10:color-mix(in srgb,var(--current-color) 10%,#0000);--current-color-18:color-mix(in srgb,var(--current-color) 18%,#0000);--current-color-20:color-mix(in srgb,var(--current-color) 20%,#0000);--current-color-26:color-mix(in srgb,var(--current-color) 26%,#0000);--current-color-30:color-mix(in srgb,var(--current-color) 30%,#0000);--current-color-40:color-mix(in srgb,var(--current-color) 40%,#0000);--current-color-45:color-mix(in srgb,var(--current-color) 45%,#0000);--current-color-50:color-mix(in srgb,var(--current-color) 50%,#0000);--current-color-60:color-mix(in srgb,var(--current-color) 60%,#0000);--current-color-90:color-mix(in srgb,var(--current-color) 90%,#0000);--radius-crt:12px;--panel-stroke:var(--current-color);--panel-glow:color-mix(in srgb,var(--current-color) 45%,#0000);--col-width:min(92vw,660px);--space-xs:6px;--space-sm:14px;--space-md:24px;--space-lg:36px;--hero-overlap:-48px;-webkit-font-smoothing:antialiased;align-items:center;animation:crtFlicker 3s infinite alternate;backface-visibility:hidden;box-sizing:border-box;display:flex;flex-direction:column;inset:0;justify-content:flex-start;max-height:100dvh;min-height:100dvh;opacity:1;overflow:hidden;padding:clamp(4vh,6vh,8vh) clamp(8px,2vw,16px) clamp(8px,2vh,16px);position:fixed;text-align:center;transition:opacity .5s ease-out,visibility 0s linear;visibility:visible;width:100%;z-index:2}.startScreen.fade-out{opacity:0;transition:opacity .5s ease-out,visibility 0s linear .5s;visibility:hidden}body.crt-powering{animation:degauss .9s ease-out .3s 1}.boardOptions,.subtitle,.terminalCommand,.title{transition:opacity .5s ease-out}.fade-out .boardOptions,.fade-out .subtitle,.fade-out .terminalCommand,.fade-out .title{opacity:0}.startScreenInner{gap:var(--space-md);width:var(--col-width)}.heroSection,.startScreenInner{align-items:center;display:flex;flex-direction:column}.heroArtWrap,.heroSection{position:relative;width:100%}.heroArtWrap{align-items:flex-start;display:flex;height:148px;justify-content:center;overflow:hidden}.banner-image{display:block;filter:drop-shadow(0 0 16px var(--current-color-40));flex-shrink:0;height:120px;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;margin-top:-4px;max-width:none;object-fit:contain;object-position:center top;opacity:.28;transition:filter .3s ease,opacity .3s ease;width:110%}.heroText{align-items:center;bottom:0;display:flex;filter:drop-shadow(0 2px 8px rgba(0,0,0,.6));flex-direction:column;gap:2px;justify-content:flex-end;left:0;min-height:56px;position:absolute;right:0}.subtitle,.title{color:var(--current-color);font-family:Share Tech Mono,monospace;margin:0;padding:0;transition:color .3s ease,text-shadow .3s ease}.title{font-family:Russo One,sans-serif;font-size:clamp(32px,8vw,52px);letter-spacing:1.5px;line-height:1;text-shadow:0 0 10px var(--current-color-50)}.subtitle{display:block;font-size:clamp(12px,3vw,17px);line-height:1.2;min-height:calc(clamp(12px, 3vw, 17px)*1.2);opacity:.85;text-shadow:0 0 8px var(--current-color-40)}.fieldset{align-items:center;background:none;border:none;display:flex;flex-direction:column;gap:var(--space-xs);margin:0;opacity:0;padding:0;transition:opacity .6s ease;width:100%}.fieldset.fadeIn{opacity:1}.fieldset+.fieldset:before{background:color-mix(in srgb,var(--current-color) 20%,#0000);content:"";display:block;height:1px;margin-bottom:var(--space-xs);opacity:.4;width:50%}.legend{color:var(--current-color);font-family:Share Tech Mono,monospace;font-size:11px;letter-spacing:.1em;line-height:1;opacity:.6;text-shadow:0 0 8px var(--panel-glow);text-transform:uppercase}.gameModeOptions{align-items:stretch;display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--space-sm);justify-content:center;opacity:0;transition:opacity 1s ease-in-out;width:100%}.gameModeOptions.fadeIn{animation:degauss .9s ease-out 0ms 1;opacity:1}.gameModeOption{align-items:center;background:var(--current-color-10);border:1px solid var(--panel-stroke);border-radius:var(--radius-crt);color:var(--current-color);cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-family:Share Tech Mono,monospace;font-size:clamp(10px,2vw,12px);gap:4px;justify-content:center;min-width:0;padding:12px 16px;text-shadow:0 0 10px var(--panel-glow);transition:background .3s ease,box-shadow .3s ease}.gameModeOption b{display:block;font-size:clamp(13px,2.5vw,16px);line-height:1.2;text-transform:uppercase}.gameModeOption .mode-meta{font-size:clamp(10px,1.8vw,12px);opacity:.7}.gameModeOption:hover{background:var(--current-color-18);box-shadow:0 0 10px var(--current-color-50)}.gameModeOption.selected{background:var(--current-color-26);box-shadow:0 0 14px var(--panel-glow),inset 0 0 10px var(--current-color-18)}.boardOptions{align-items:stretch;display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--space-sm);justify-content:center;opacity:0;transition:opacity 1s ease-in-out;width:100%}.boardOptions.fadeIn{animation:degauss .9s ease-out 0ms 1;opacity:1}.boardOptions.fadeIn .boardOption{animation:boardGlow 2s ease-in-out 1.2s infinite alternate}.boardOption{grid-gap:4px;background:var(--current-color-10);border:1px solid var(--panel-stroke);border-radius:var(--radius-crt);box-shadow:inset 0 0 10px var(--current-color-20);color:var(--current-color);cursor:pointer;display:grid;flex:1 1;font-family:Share Tech Mono,monospace;gap:4px;grid-template-columns:1fr;grid-template-rows:auto auto auto auto 0fr;justify-items:center;min-width:0;overflow:hidden;padding:10px 8px;text-align:center;text-shadow:0 0 10px var(--current-color-50);transition:background .3s ease,box-shadow .3s ease,grid-template-rows .3s ease-out}.boardOption b{font-size:clamp(11px,2.2vw,14px);line-height:1.1;text-transform:uppercase}.meta{font-size:clamp(9px,1.6vw,11px);line-height:1.2;opacity:.85}.boardOption:hover{background:var(--current-color-18);box-shadow:0 0 8px var(--panel-glow),inset 0 0 8px var(--current-color-20)}.boardOption.selected{background:var(--current-color-26);box-shadow:0 0 10px var(--panel-glow),inset 0 0 10px color-mix(in srgb,var(--current-color) 20%,#0000)}.preview-card{--preview-size:clamp(72px,11vw,120px);aspect-ratio:1/1;display:grid;place-items:center;width:var(--preview-size)}.preview-grid{--line:color-mix(in srgb,var(--current-color) 35%,#0000);--fill:color-mix(in srgb,var(--current-color) 10%,#0000);background:linear-gradient(to right,var(--line) 1px,#0000 1px) 0 0 /calc(100%/var(--n)) 100%,linear-gradient(to bottom,var(--line) 1px,#0000 1px) 0 0 /100% calc(100%/var(--n)),var(--fill);border:2px solid var(--current-color);border-radius:8px;box-shadow:inset 0 0 10px var(--current-color-40);display:grid;grid-template-columns:repeat(var(--n),1fr);grid-template-rows:repeat(var(--n),1fr);height:100%;overflow:hidden;position:relative;width:100%}.preview-grid .ship{background:var(--current-color);border-radius:2px;filter:drop-shadow(0 0 6px var(--current-color-60));opacity:.9}.terminalCommandWrap{display:flex;justify-content:center;opacity:0;padding-bottom:var(--space-lg);transition:opacity .6s ease;width:100%}.terminalCommandWrap.fadeIn{opacity:1}.terminalCommandButton{align-items:center;background:var(--current-color-10);border:2px solid var(--panel-stroke);border-radius:var(--radius-crt);box-shadow:0 0 16px var(--panel-glow),inset 0 0 12px var(--current-color-18);color:var(--current-color);cursor:pointer;display:inline-flex;font-family:Share Tech Mono,monospace;font-size:clamp(15px,2.8vw,22px);gap:.2em;letter-spacing:.06em;padding:clamp(10px,1.6vh,14px) clamp(20px,4vw,32px);position:relative;text-shadow:0 0 10px var(--panel-glow),0 0 20px var(--panel-glow);text-transform:uppercase;transition:transform .06s ease,box-shadow .2s ease,background .2s ease}.terminalCommandButton:hover{background:var(--current-color-18);box-shadow:0 0 22px var(--panel-glow),inset 0 0 14px var(--current-color-18)}.terminalCommandButton:active{transform:translateY(1px)}.terminal-glyph{opacity:.7}#command-text{white-space:pre}.cursor{animation:caret 1.05s step-end infinite;background:var(--current-color);box-shadow:0 0 6px var(--current-color),0 0 14px var(--current-color-60);display:inline;height:1em;margin-left:2px;position:relative;top:0;transition:background-color .3s ease,box-shadow .3s ease;vertical-align:initial;width:.2ch}.powerButton{align-items:center;background:linear-gradient(#2c2e30,#232426);border:none;border-radius:14px;box-shadow:0 8px 16px #00000059;color:#e8eaec;cursor:pointer;display:inline-flex;font-family:IBM Plex Sans Condensed,Arial Narrow,sans-serif;font-size:16px;font-weight:600;gap:10px;isolation:isolate;left:50%;letter-spacing:.5px;overflow:hidden;padding:16px 28px;position:absolute;text-shadow:0 1px 2px #0009;text-transform:uppercase;top:50%;transform:translate(-50%,-50%);transition:transform 90ms cubic-bezier(.2,.7,.2,1),box-shadow .12s ease,filter .12s ease;-webkit-user-select:none;user-select:none;z-index:1000}.powerButton:before{background:linear-gradient(180deg,#ffffff2e 0,#ffffff0f 8px,#0000 16px)}.powerButton:after,.powerButton:before{border-radius:inherit;content:"";inset:0;pointer-events:none;position:absolute}.powerButton:after{background:linear-gradient(180deg,#0000008c 0,#00000040 8px,#0000 18px);opacity:0;transition:opacity 90ms ease}.crt-led{background:radial-gradient(circle at 45% 45%,#333 0,#222 60%,#111 100%);border-radius:50%;box-shadow:none;flex-shrink:0;height:14px;transition:all .3s ease;width:14px}.powerButton:active .crt-led{background:radial-gradient(circle at 45% 45%,var(--current-color) 0,color-mix(in srgb,var(--current-color) 70%,#000) 60%,color-mix(in srgb,var(--current-color) 30%,#000) 100%);box-shadow:0 0 12px var(--current-color-50)}.powerButton:active{box-shadow:0 3px 8px #00000073;transform:translate(-50%,-50%) translateY(2px) scale(.995)}.powerButton:active:before{background:linear-gradient(180deg,#ffffff1f 0,#ffffff0a 5px,#0000 10px)}.powerButton:active:after{opacity:.9}.powerButton:focus-visible{box-shadow:0 0 0 2px #8cc8ff8c,0 8px 16px #00000059;outline:none}.powerButton:hover{filter:brightness(1.02)}.startScreen[data-multiplayer=true] .boardOption{grid-template-rows:auto auto auto auto 1fr}.lobby-status--placeholder{display:block;height:0;margin:0;overflow:hidden;padding:0;pointer-events:none}.lobby-status{align-items:center;animation:lobbyStatusExpand .3s ease-out forwards;display:flex;flex-direction:column;font-family:Share Tech Mono,monospace;gap:2px;margin-top:4px;overflow:hidden}.lobby-status-line1{align-items:center;animation:lobbyStatusLine1Fade .4s ease-out forwards;display:flex;font-size:clamp(9px,1.6vw,11px);gap:5px;letter-spacing:.04em;opacity:.85;text-transform:uppercase}.lobby-status-line1,.lobby-status-line2{color:var(--current-color);white-space:nowrap}.lobby-status-line2{animation:lobbyStatusLine2Fade .4s ease-out forwards;font-size:clamp(8px,1.4vw,10px);letter-spacing:.02em;max-width:100%;opacity:.65;overflow:hidden;text-overflow:ellipsis}.lobby-status-indicator{border-radius:50%;display:inline-block;flex-shrink:0;height:7px;transition:background .4s ease,box-shadow .4s ease;width:7px}.lobby-status-indicator[data-lit=false]{background:#0000;border:1.5px solid var(--current-color-45);box-shadow:none}.lobby-status-indicator[data-lit=true]{background:var(--current-color);border:1.5px solid var(--current-color);box-shadow:0 0 5px var(--current-color),0 0 10px var(--current-color-50)}.lobby-status--exiting{animation:lobbyStatusCollapse .3s ease-in forwards}.lobby-status--exiting .lobby-status-line1{animation:lobbyStatusLine1FadeOut .3s ease-in forwards}.lobby-status--exiting .lobby-status-line2{animation:lobbyStatusLine2FadeOut .3s ease-in forwards}@keyframes caret{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes boardGlow{0%{box-shadow:inset 0 0 10px var(--current-color-20),0 0 10px var(--current-color-50)}to{box-shadow:inset 0 0 12px var(--current-color-20),0 0 15px var(--current-color-60),0 0 25px var(--current-color-40)}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes lobbyStatusExpand{0%{max-height:0;opacity:0}to{max-height:48px;opacity:1}}@keyframes lobbyStatusLine1Fade{0%,60%{opacity:0}to{opacity:.85}}@keyframes lobbyStatusLine2Fade{0%,60%{opacity:0}to{opacity:.65}}@keyframes lobbyStatusCollapse{0%{max-height:48px;opacity:1}to{max-height:0;opacity:0}}@keyframes lobbyStatusLine1FadeOut{0%{opacity:.85}40%{opacity:0}to{opacity:0}}@keyframes lobbyStatusLine2FadeOut{0%{opacity:.65}40%{opacity:0}to{opacity:0}}@media (min-width:600px){.startScreen{--col-width:min(92vw,680px);--space-md:28px;--space-lg:40px}.heroArtWrap{height:150px}.banner-image{height:108px;max-width:300px}.heroText{min-height:68px}.title{font-size:clamp(36px,7vw,52px)}.subtitle{font-size:clamp(13px,2.5vw,17px)}.legend{font-size:12px}.gameModeOption{padding:14px 20px}.gameModeOption b{font-size:clamp(14px,2.5vw,17px)}.boardOption{padding:12px 10px}.boardOption b{font-size:clamp(12px,2.2vw,15px)}.preview-card{--preview-size:clamp(90px,13vw,130px)}}@media (min-width:1024px){.startScreen{--col-width:min(92vw,760px);--space-xs:8px;--space-sm:16px;--space-md:32px;--space-lg:48px}.heroArtWrap{height:160px}.banner-image{height:112px;max-width:340px}.heroText{min-height:80px}.title{font-size:clamp(44px,5vw,60px)}.subtitle{font-size:clamp(15px,1.6vw,19px)}.legend{font-size:13px;letter-spacing:.12em}.gameModeOption{padding:14px 24px}.gameModeOption b{font-size:clamp(14px,1.6vw,18px)}.boardOption{gap:5px;padding:12px}.boardOption b{font-size:clamp(12px,1.4vw,15px)}.preview-card{--preview-size:clamp(100px,10vw,130px)}.terminalCommandButton{font-size:clamp(16px,1.8vw,22px);padding:12px 32px}}@media (max-height:500px){.startScreen{--space-md:14px;--space-lg:16px;justify-content:flex-start;overflow-y:auto}.heroArtWrap{height:90px}.banner-image{height:60px;max-width:200px}.title{font-size:clamp(22px,5vw,32px)}.subtitle{font-size:clamp(11px,2vw,14px)}.preview-card{--preview-size:clamp(60px,9vw,90px)}.terminalCommandButton{font-size:clamp(13px,2vw,16px);padding:8px 20px}}@media (max-width:599px){.title{text-shadow:0 0 8px var(--current-color-40),0 0 12px var(--current-color-30)}.heroArtWrap{height:120px}.banner-image{height:88px;opacity:.22;width:95%}.gameModeOption{padding:10px 12px}.startScreenInner{gap:18px}}#battlefield-section:before{opacity:.25;width:30%}.audio-controls{align-items:center;display:flex;gap:.75rem;-webkit-user-select:none;user-select:none}.audio-controls--horizontal{flex-direction:row}.audio-controls--vertical{flex-direction:column}.audio-control{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000004d;border:1px solid #0000;border-radius:.375rem;cursor:pointer;display:flex;gap:.5rem;padding:.5rem .75rem;transition:all .2s ease}.audio-control:hover{background:#00000080;transform:translateY(-1px)}.audio-control--enabled{border-color:#3fff96;border-color:var(--color-offense,#3fff96);box-shadow:0 0 8px #3fff964d;color:#3fff96;color:var(--color-offense,#3fff96)}.audio-control--enabled:hover{box-shadow:0 0 12px #3fff9680}.audio-control--disabled{border-color:#444;color:#666;opacity:.7}.audio-control--disabled:hover{border-color:#555;color:#888;opacity:.9}.audio-control__icon{flex-shrink:0;height:1.25rem;width:1.25rem}.audio-control__label{font-family:Orbitron,monospace;font-size:.875rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}.audio-controls--small .audio-control{gap:.375rem;padding:.375rem .5rem}.audio-controls--small .audio-control__icon{height:1rem;width:1rem}.audio-controls--small .audio-control__label{font-size:.75rem}.audio-controls--medium .audio-control{gap:.5rem;padding:.5rem .75rem}.audio-controls--medium .audio-control__icon{height:1.25rem;width:1.25rem}.audio-controls--medium .audio-control__label{font-size:.875rem}.audio-controls--large .audio-control{gap:.625rem;padding:.75rem 1rem}.audio-controls--large .audio-control__icon{height:1.5rem;width:1.5rem}.audio-controls--large .audio-control__label{font-size:1rem}.audio-controls--corner{bottom:1.5rem;pointer-events:auto;position:fixed;right:1.5rem;z-index:100}@media (max-width:640px){.audio-controls--corner{bottom:.75rem;right:.75rem}}.game-wrapper .audio-controls:not(.audio-controls--corner){position:static;right:auto;top:auto;z-index:auto}@media (max-width:768px){.footer-container .audio-controls--horizontal{flex-direction:column;gap:.5rem}}.crt-active .audio-control{text-shadow:0 0 5px currentColor}.crt-active .audio-control--enabled{text-shadow:0 0 8px #3fff96;text-shadow:0 0 8px var(--color-offense,#3fff96)}.audio-control{overflow:hidden;position:relative}.audio-control:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.audio-control:hover:before{left:100%}.audio-control:focus{outline:2px solid #3fff96;outline:2px solid var(--color-offense,#3fff96);outline-offset:2px}.audio-control:focus:not(:focus-visible){outline:none}@media (prefers-contrast:high){.audio-control--enabled{border-width:2px}.audio-control--disabled{opacity:.5}}@media (prefers-reduced-motion:reduce){.audio-control,.audio-control:before{transition:none}.audio-control:hover{transform:none}}:root{--cell-size:20px;--border-width:5px;--animation-timing:0.3s;--ship-rotation-time:0.5s;--scaling-transition:0.3s ease;--grid-green:#66ffd6a6;--grid-cyan:#5adcffa6;--grid-purple:#b95fffa6;--color-offense:#66ffd6;--color-defense:#5adcff;--color-offense-bright:#7affe0;--color-defense-bright:#6ee6ff;--opacity-10:0.1;--opacity-20:0.2;--opacity-30:0.3;--opacity-40:0.4;--opacity-50:0.5;--opacity-60:0.6;--opacity-70:0.7;--opacity-80:0.8;--opacity-90:0.9;--opacity-100:1.0;--current-color-50:color-mix(in srgb,var(--current-color) 50%,#0000);--current-color-70:color-mix(in srgb,var(--current-color) 70%,#0000);--current-color-80:color-mix(in srgb,var(--current-color) 80%,#0000);--current-color-90:color-mix(in srgb,var(--current-color) 90%,#0000);--viewport-width:100vw;--grid-size:calc(var(--cell-size)*var(--grid-columns));--max-size:min(100dvh,var(--viewport-width));--ft-font:14px;--ft-impact:16px;--ft-icon:20px;--ft-chip-h:44px;--ft-pad-x:14px;--ft-gap:16px;--fleet-w:320px;--fleet-h:60px}html{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}body,html{-webkit-text-size-adjust:100%!important;-moz-text-size-adjust:100%!important;text-size-adjust:100%!important;font-size:16px!important}.game-wrapper,.game-wrapper *{-webkit-text-size-adjust:none!important;-moz-text-size-adjust:none!important;text-size-adjust:none!important;max-height:999999px!important}.game-wrapper .footer-container{font-size:14px!important}.game-wrapper .footer-alert{font-size:20px!important;font-weight:900;line-height:1.2!important}.game-wrapper .view-toggle{font-size:11px!important}.game-wrapper .battle-timer,.game-wrapper .shot-stats,.game-wrapper .stat-row{font-size:10px!important}.battle-text,.ready-text{font-size:24px!important}.game-wrapper .game-alert,.waiting-text{font-size:18px!important}.game-wrapper .game-alert.fire-alert{font-size:20px!important}.game-info-bar{font-size:12px!important}.room-info,.status-info{font-size:11px!important}@media (max-width:640px){.game-wrapper .footer-alert{font-size:12px!important}.game-wrapper .battle-timer,.game-wrapper .enemy-fleet,.game-wrapper .player-fleet,.game-wrapper .shot-stats,.game-wrapper .view-toggle{font-size:10px!important}.game-wrapper .fleet-label{font-size:9px!important}.battle-text,.ready-text{font-size:20px!important}.waiting-text{font-size:16px!important}}.game-wrapper{box-sizing:border-box;height:100dvh;margin:0;max-height:100dvh;opacity:0;overflow:hidden;padding:0;position:relative;transition:opacity .5s ease-in;width:100vw;z-index:1}.game-wrapper.visible{opacity:1}.game-wrapper .game-container{box-sizing:border-box}.game-wrapper .game-board-container{align-items:flex-start;box-sizing:border-box;display:flex;flex:1 1;justify-content:center;margin:0 auto;min-height:0;position:relative;width:fit-content}.game-wrapper .game-container.setup-phase{box-sizing:border-box;width:100vw}.game-wrapper .game-container.setup-phase,.game-wrapper .game-container.setup-phase .playfield{align-items:center;display:flex;flex-direction:column;height:100dvh;justify-content:center;margin:0;max-height:100dvh;overflow:hidden}.game-wrapper .game-container.setup-phase .playfield{flex-shrink:1;gap:0;padding:0;width:auto}.game-wrapper .game-container.setup-phase .game-board-container{align-items:center;flex:none;padding-bottom:0;padding-top:0}.game-wrapper .game-container.setup-phase .footer-container{align-items:center;-webkit-backdrop-filter:none;backdrop-filter:none;background:#0000;border:none;border-radius:0;box-shadow:none;display:flex;flex-shrink:0;height:auto;justify-content:center;margin-top:20px;margin-top:var(--cell-size);max-width:var(--board-px);min-height:auto;opacity:1;position:static;transform:none;width:100%;z-index:auto}@media (max-width:640px){.game-wrapper:not(.multiplayer) .game-container.setup-phase{height:auto!important;justify-content:flex-start!important;max-height:100dvh!important;min-height:auto!important;overflow-y:auto!important;padding:140px 10px 10px!important}.game-wrapper.multiplayer .game-container.setup-phase{overflow:visible!important;padding:0!important}.game-wrapper .game-container.setup-phase .playfield{gap:10px;max-width:100%;overflow:visible}.game-wrapper .game-container.setup-phase .game-board{max-height:calc(100vw - 20px);max-width:calc(100vw - 20px)}.game-wrapper .game-container:not(.setup-phase) .game-board{max-height:calc(100vw - 8px);max-width:calc(100vw - 8px)}}@media (min-width:641px) and (max-width:1024px){body:not(:has(.game-info-bar)) .game-wrapper .game-container.setup-phase{padding:75px 15px 15px;padding-top:calc(var(--header-height, 60px) + 15px)}body:not(:has(.game-info-bar)) .game-wrapper .game-container.setup-phase .playfield{gap:18px}}.game-wrapper.multiplayer .game-container.setup-phase{overflow:visible!important;width:100%!important}.game-wrapper .game-board{aspect-ratio:1;background-color:var(--board-background-color);box-sizing:initial;display:grid;grid-template-columns:repeat(var(--grid-columns),1fr);grid-template-rows:repeat(var(--grid-columns),1fr);height:min(min(100dvh,100vw),calc(20px*var(--grid-columns)));height:min(var(--max-size),var(--grid-size));position:relative;transform:translateZ(0);transition:box-shadow .5s ease;width:min(min(100dvh,100vw),calc(20px*var(--grid-columns)));width:min(var(--max-size),var(--grid-size));will-change:transform}.game-wrapper .game-board:before{border:3px solid var(--grid-color);border-radius:5px;bottom:-8px;box-shadow:0 0 15px var(--grid-color),inset 0 0 20px var(--grid-color);content:"";left:-8px;pointer-events:none;position:absolute;right:-8px;top:-8px;transition:box-shadow .5s ease,border-color .5s ease;z-index:-1}.game-wrapper .game-board.transitioning{opacity:1!important;visibility:visible!important}.game-wrapper .game-board.offense{--grid-color:var(--grid-green)}.game-wrapper .game-board.defense{--grid-color:var(--grid-cyan)}.game-wrapper .game-board.setup{--grid-color:var(--grid-green)}.game-wrapper.offense{--current-color:var(--color-offense);--current-color-bright:var(--color-offense-bright);--current-grid-color:var(--grid-green)}.game-wrapper.defense{--current-color:var(--color-defense);--current-color-bright:var(--color-defense-bright);--current-grid-color:var(--grid-cyan)}.game-wrapper{--current-color:var(--color-offense);--current-color-bright:var(--color-offense-bright);--current-grid-color:var(--grid-green)}.game-board.setup .grid-overlay{display:none}.grid-overlay{background-image:repeating-linear-gradient(to right,var(--grid-color) 0 1px,#0000 1px 20px),repeating-linear-gradient(to bottom,var(--grid-color) 0 1px,#0000 1px 20px);background-image:repeating-linear-gradient(to right,var(--grid-color) 0 1px,#0000 1px var(--cell-size)),repeating-linear-gradient(to bottom,var(--grid-color) 0 1px,#0000 1px var(--cell-size));border-bottom:1px solid var(--grid-color);border-right:1px solid var(--grid-color);inset:0;opacity:1;pointer-events:none;position:absolute;z-index:0}.game-board:not(.setup) .grid-overlay-dots{display:none}.grid-overlay-dots{background-image:radial-gradient(color-mix(in srgb,var(--current-color) 80%,#0000) 2px,#0000 1.6px);background-image:radial-gradient(var(--current-color-80) 2px,#0000 1.6px);background-position:13px 33px;background-position:calc(var(--cell-size)*.5 + 3px) calc(var(--cell-size)*1.5 + 3px);background-size:20px 20px;background-size:var(--cell-size) var(--cell-size);height:calc(100% + 6px);left:-3px;mix-blend-mode:screen;opacity:.6;pointer-events:none;position:absolute;top:-3px;width:calc(100% + 6px);z-index:0}.game-wrapper .game-cell{box-sizing:border-box;height:100%;overflow:hidden;position:relative;transition:background-color 1.6s ease;width:100%}.game-wrapper .game-cell.setup-phase{box-sizing:border-box;transition:all .5s ease;z-index:0}.game-wrapper .game-cell.setup-phase:hover{background-color:#3fff951a}.game-wrapper .game-cell.battle-phase-p1{box-sizing:border-box;transition:all .5s ease;z-index:1}.game-wrapper .game-cell.battle-phase-p2{box-sizing:border-box;z-index:1}.game-wrapper .shipyard{grid-gap:0;background:#ffffff0d;border-radius:4px;display:grid;gap:0;grid-template-columns:repeat(var(--grid-columns),1fr);margin:0 auto;max-width:var(--board-px);place-items:center;width:100%}.game-wrapper .ship-dock{align-items:center;background-color:#ffffff0d;border:1px dashed #a1d79d1a;display:flex;height:20px;height:var(--cell-size);justify-content:center;overflow:visible;width:100%}.game-wrapper .ship-dock:first-child{grid-column:span 5}.game-wrapper .ship-dock:nth-child(2){grid-column:span 4}.game-wrapper .ship-dock:nth-child(3),.game-wrapper .ship-dock:nth-child(4){grid-column:span 3}.game-wrapper .ship-dock:nth-child(5){grid-column:span 2}.game-wrapper .ship-dock:empty{position:relative}.game-wrapper .ship-dock:empty:after{background-image:url(/blitz/static/media/hd-ships-old.b45e49c2ff5963c0a373.png);background-repeat:no-repeat;background-size:200px 100px;background-size:calc((var(--cell-size)/100)*1000) calc((var(--cell-size)/100)*500);content:"";height:20px;height:var(--cell-size);left:0;opacity:.12;position:absolute;top:0;transition:.3s ease;transition:var(--scaling-transition)}.game-wrapper .ship-dock:first-child:empty:after{background-position:-100px 0;background-position:calc((var(--cell-size)/100)*-500) 0;width:100px;width:calc(var(--cell-size)*5)}.game-wrapper .ship-dock:nth-child(2):empty:after{background-position:-100px -20px;background-position:calc((var(--cell-size)/100)*-500) calc((var(--cell-size)/100)*-100);width:80px;width:calc(var(--cell-size)*4)}.game-wrapper .ship-dock:nth-child(3):empty:after{background-position:-100px -40px;background-position:calc((var(--cell-size)/100)*-500) calc((var(--cell-size)/100)*-200);width:60px;width:calc(var(--cell-size)*3)}.game-wrapper .ship-dock:nth-child(4):empty:after{background-position:-100px -60px;background-position:calc((var(--cell-size)/100)*-500) calc((var(--cell-size)/100)*-300);width:60px;width:calc(var(--cell-size)*3)}.game-wrapper .ship-dock:nth-child(5):empty:after{background-position:-100px -80px;background-position:calc((var(--cell-size)/100)*-500) calc((var(--cell-size)/100)*-400);width:40px;width:calc(var(--cell-size)*2)}.game-wrapper .ship{pointer-events:auto;position:relative;z-index:10}.ship-lock-glow{border:3px solid #3fff95e6;border-radius:4px;box-shadow:0 0 15px #3fff95cc;pointer-events:none;position:absolute;transition:all .3s ease;z-index:100}.shipyard.battle-button-active{grid-gap:0;animation:pulse-glow 3s ease-in-out infinite;background-color:color-mix(in srgb,var(--current-color) 20%,#0000);background-color:var(--current-color-20);border:3px solid var(--current-color);border-radius:10px;box-shadow:0 0 15px var(--current-color),inset 0 0 15px color-mix(in srgb,var(--current-color) 20%,#0000);box-shadow:0 0 15px var(--current-color),inset 0 0 15px var(--current-color-20);cursor:pointer;display:grid;flex-shrink:0;gap:0;grid-template-columns:inherit;height:max(20px,50px);height:max(var(--cell-size),50px);margin:0;min-height:50px;overflow:hidden;padding:0;position:relative;transition:all .3s ease;width:100%;z-index:100}.shipyard.battle-button-active .ship{display:none!important}.shipyard.battle-button-active:hover{background-color:color-mix(in srgb,var(--current-color) 30%,#0000);background-color:var(--current-color-30);box-shadow:0 0 20px var(--current-color),inset 0 0 25px color-mix(in srgb,var(--current-color) 20%,#0000);box-shadow:0 0 20px var(--current-color),inset 0 0 25px var(--current-color-20)}.shipyard.battle-button-active:active{background-color:color-mix(in srgb,var(--current-color) 40%,#0000);background-color:var(--current-color-40);box-shadow:0 0 10px var(--current-color),inset 0 0 30px color-mix(in srgb,var(--current-color) 30%,#0000);box-shadow:0 0 10px var(--current-color),inset 0 0 30px var(--current-color-30);transform:scale(.98)}.battle-text{align-items:center;color:var(--current-color);display:flex;font-family:Share Tech Mono,monospace;font-size:32px;font-weight:700;height:100%;justify-content:center;left:0;letter-spacing:2px;position:absolute;text-shadow:0 0 10px var(--current-color);text-transform:uppercase;top:0;transition:color .3s ease,text-shadow .3s ease;width:100%;z-index:10}.shipyard.ready-button-active{grid-gap:0;animation:pulse-glow 3s ease-in-out infinite;background-color:color-mix(in srgb,var(--current-color) 20%,#0000);background-color:var(--current-color-20);border:3px solid var(--current-color);border-radius:10px;box-shadow:0 0 15px var(--current-color),inset 0 0 15px color-mix(in srgb,var(--current-color) 20%,#0000);box-shadow:0 0 15px var(--current-color),inset 0 0 15px var(--current-color-20);cursor:pointer;display:grid;flex-shrink:0;gap:0;grid-template-columns:inherit;height:max(20px,50px);height:max(var(--cell-size),50px);margin:0;min-height:50px;overflow:hidden;padding:0;position:relative;transition:all .3s ease;width:100%;z-index:100}.shipyard.ready-button-active .ship{display:none!important}.shipyard.ready-button-active:hover{background-color:color-mix(in srgb,var(--current-color) 30%,#0000);background-color:var(--current-color-30);box-shadow:0 0 20px var(--current-color),inset 0 0 25px color-mix(in srgb,var(--current-color) 20%,#0000);box-shadow:0 0 20px var(--current-color),inset 0 0 25px var(--current-color-20)}.shipyard.ready-button-active:active{background-color:color-mix(in srgb,var(--current-color) 40%,#0000);background-color:var(--current-color-40);box-shadow:0 0 10px var(--current-color),inset 0 0 30px color-mix(in srgb,var(--current-color) 30%,#0000);box-shadow:0 0 10px var(--current-color),inset 0 0 30px var(--current-color-30);transform:scale(.98)}.ready-text{align-items:center;color:var(--current-color);display:flex;font-family:Share Tech Mono,monospace;font-size:32px;font-weight:700;height:100%;justify-content:center;left:0;letter-spacing:2px;position:absolute;text-shadow:0 0 10px var(--current-color);text-transform:uppercase;top:0;transition:color .3s ease,text-shadow .3s ease;width:100%;z-index:10}.shipyard.waiting-for-opponent{grid-gap:0;animation:waiting-pulse 2s ease-in-out infinite;background-color:color-mix(in srgb,var(--current-color) 10%,#0000);background-color:var(--current-color-10);border:2px solid var(--current-color-50);border-radius:10px;box-shadow:0 0 8px color-mix(in srgb,var(--current-color) 30%,#0000),inset 0 0 10px color-mix(in srgb,var(--current-color) 10%,#0000);box-shadow:0 0 8px var(--current-color-30),inset 0 0 10px var(--current-color-10);cursor:default;display:grid;gap:0;grid-template-columns:inherit;height:20px;height:var(--cell-size);margin:0;overflow:hidden;padding:0;position:relative;transition:all .3s ease;width:100%}.waiting-text{align-items:center;color:color-mix(in srgb,var(--current-color) 70%,#0000);color:var(--current-color-70);display:flex;font-family:Share Tech Mono,monospace;font-size:24px;font-weight:400;height:100%;justify-content:center;left:0;letter-spacing:1px;position:absolute;text-shadow:0 0 5px color-mix(in srgb,var(--current-color) 30%,#0000);text-shadow:0 0 5px var(--current-color-30);text-transform:uppercase;top:0;transition:color .3s ease,text-shadow .3s ease;width:100%;z-index:10}@keyframes waiting-pulse{0%,to{box-shadow:0 0 8px color-mix(in srgb,var(--current-color) 30%,#0000),inset 0 0 10px color-mix(in srgb,var(--current-color) 10%,#0000);box-shadow:0 0 8px var(--current-color-30),inset 0 0 10px var(--current-color-10)}50%{box-shadow:0 0 12px color-mix(in srgb,var(--current-color) 40%,#0000),inset 0 0 15px var(--current-color-15);box-shadow:0 0 12px var(--current-color-40),inset 0 0 15px var(--current-color-15)}}@keyframes setupPulse{0%,to{opacity:.9}50%{opacity:.8}}@keyframes dotPulse{0%,to{border-color:#3fff95e6}50%{border-color:#3fff9580}}@keyframes battleP1Pulse{0%,to{box-shadow:0 0 var(--glow-intensity) #a6f13a66;opacity:.95}50%{box-shadow:0 0 calc(var(--glow-intensity)*.8) #a6f13a4d;opacity:.85}}@keyframes battleP2Pulse{0%,to{box-shadow:0 0 var(--glow-intensity) #ff932966;opacity:.95}50%{box-shadow:0 0 calc(var(--glow-intensity)*.8) #ff93294d;opacity:.85}}@keyframes fireAlertPulse{0%,to{box-shadow:0 0 20px #3fff9599;transform:translate(-50%,-50%) scale(1)}50%{box-shadow:0 0 30px #3fff95cc;transform:translate(-50%,-50%) scale(1.05)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 15px var(--current-color),inset 0 0 15px var(--current-grid-color)}50%{box-shadow:0 0 25px var(--current-color-bright),inset 0 0 25px var(--current-grid-color)}}.game-wrapper .playfield{box-sizing:border-box;margin:0 auto;width:var(--board-px)}@media (max-width:640px){.game-wrapper .playfield{margin:0;max-width:none;width:100vw}}.game-wrapper .footer-container:not([class*=footer--]){box-sizing:border-box;height:auto;margin:10px auto 0;max-width:var(--board-px);min-height:auto;overflow:visible;padding:0;position:static;width:100%;z-index:1000}.game-wrapper .footer-container.footer--l,.game-wrapper .footer-container.footer--m,.game-wrapper .footer-container.footer--s{grid-gap:0;align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:color-mix(in srgb,var(--current-color) 10%,#0000);background-color:var(--current-color-10);border-radius:8px 8px 0 0;border-top:2px solid var(--current-color);box-shadow:0 -2px 10px color-mix(in srgb,var(--current-color) 20%,#0000);box-shadow:0 -2px 10px var(--current-color-20);display:grid;font-size:14px;gap:0;left:auto;max-width:var(--board-px);opacity:.95;position:static;transform:none;transition:opacity .3s ease;width:100%}.game-wrapper .footer-container.footer--l:hover,.game-wrapper .footer-container.footer--m:hover,.game-wrapper .footer-container.footer--s:hover,.game-wrapper .footer-container:hover{opacity:1}.game-wrapper .footer-container .impact-text{font-size:16px}.game-wrapper .footer-container .stat-row{font-size:10px}.game-wrapper .shot-stats .impact-text{font-size:14px!important}.game-wrapper .footer-container .lucide{height:20px;width:20px}.game-wrapper .footer-alert{grid-area:alert}.game-wrapper .view-toggle{grid-area:toggle;justify-self:center}.game-wrapper .player-fleet{align-items:center;display:flex;grid-area:player-fleet}.game-wrapper .enemy-fleet{align-items:center;display:flex;grid-area:enemy-fleet}.game-wrapper .battle-timer{grid-area:timer}.game-wrapper .shot-stats{grid-area:stats}.game-wrapper .right{align-items:center;display:flex;gap:0;grid-area:right}.game-wrapper .footer-audio-controls{align-items:center;background:color-mix(in srgb,var(--current-color) 10%,#0000);background:var(--current-color-10);border:1px solid var(--current-color-20);border-radius:4px;display:flex;grid-area:audio-controls;height:44px;justify-content:center;padding:0 12px;transition:all .3s ease}.game-wrapper .footer-audio-controls .audio-controls{gap:8px!important}.game-wrapper .footer-audio-controls .audio-control{border-radius:4px!important;flex-shrink:0!important;font-size:10px!important;gap:4px!important;min-width:auto!important;padding:4px 6px!important}.game-wrapper .footer-audio-controls .audio-control__icon{height:16px!important;width:16px!important}.game-wrapper .footer-audio-controls .audio-control__label{font-size:10px!important;font-weight:600!important;letter-spacing:.05em!important;text-transform:uppercase!important;white-space:nowrap!important}.game-wrapper .footer-audio-controls .audio-controls--large .audio-control,.game-wrapper .footer-audio-controls .audio-controls--medium .audio-control,.game-wrapper .footer-audio-controls .audio-controls--small .audio-control{gap:4px!important;padding:4px 6px!important}.game-wrapper .footer-audio-controls .audio-controls--large .audio-control__icon,.game-wrapper .footer-audio-controls .audio-controls--medium .audio-control__icon,.game-wrapper .footer-audio-controls .audio-controls--small .audio-control__icon{height:16px!important;width:16px!important}.game-wrapper .footer-audio-controls .audio-controls--large .audio-control__label,.game-wrapper .footer-audio-controls .audio-controls--medium .audio-control__label,.game-wrapper .footer-audio-controls .audio-controls--small .audio-control__label{font-size:10px!important}.game-wrapper .footer-audio-controls .audio-controls--horizontal{flex-direction:row!important}@media (max-width:768px){.game-wrapper .footer-audio-controls .audio-controls--horizontal{flex-direction:row!important;gap:6px!important}.game-wrapper .footer-audio-controls .audio-control{padding:3px 5px!important}.game-wrapper .footer-audio-controls .audio-control__icon{height:14px!important;width:14px!important}.game-wrapper .footer-audio-controls .audio-control__label{font-size:9px!important}}.game-wrapper .footer-container>*{box-sizing:border-box;justify-self:stretch;margin:0;min-width:0;padding:0}.game-wrapper .footer--s{grid-template-areas:"alert alert alert alert alert alert alert alert alert alert" "player-fleet player-fleet player-fleet player-fleet player-fleet player-fleet player-fleet player-fleet player-fleet player-fleet" "enemy-fleet enemy-fleet enemy-fleet enemy-fleet enemy-fleet enemy-fleet enemy-fleet enemy-fleet enemy-fleet enemy-fleet" "toggle toggle toggle timer timer stats stats stats audio-controls audio-controls";grid-template-columns:repeat(10,1fr)}.game-wrapper .footer--m,.game-wrapper .footer--s{--footer-height:auto;grid-template-rows:auto auto auto auto}.game-wrapper .footer--m{grid-template-areas:"alert alert alert alert alert alert alert alert alert alert alert alert alert alert alert alert alert alert alert alert" "player-fleet player-fleet player-fleet player-fleet player-fleet player-fleet player-fleet player-fleet player-fleet player-fleet player-fleet player-fleet player-fleet player-fleet player-fleet player-fleet player-fleet player-fleet player-fleet player-fleet" "enemy-fleet enemy-fleet enemy-fleet enemy-fleet enemy-fleet enemy-fleet enemy-fleet enemy-fleet enemy-fleet enemy-fleet enemy-fleet enemy-fleet enemy-fleet enemy-fleet enemy-fleet enemy-fleet enemy-fleet enemy-fleet enemy-fleet enemy-fleet" "toggle toggle toggle toggle toggle timer timer timer timer timer stats stats stats stats stats audio-controls audio-controls audio-controls audio-controls audio-controls";grid-template-columns:repeat(20,1fr)}.game-wrapper .footer--l{--footer-height:auto;grid-template-areas:"alert alert alert alert alert alert alert alert alert alert alert alert alert alert alert alert alert alert alert alert alert alert alert alert alert alert alert alert alert alert" "player-fleet player-fleet player-fleet player-fleet player-fleet player-fleet player-fleet player-fleet player-fleet player-fleet player-fleet player-fleet player-fleet player-fleet player-fleet player-fleet player-fleet player-fleet player-fleet player-fleet player-fleet player-fleet player-fleet player-fleet player-fleet player-fleet player-fleet player-fleet player-fleet player-fleet" "enemy-fleet enemy-fleet enemy-fleet enemy-fleet enemy-fleet enemy-fleet enemy-fleet enemy-fleet enemy-fleet enemy-fleet enemy-fleet enemy-fleet enemy-fleet enemy-fleet enemy-fleet enemy-fleet enemy-fleet enemy-fleet enemy-fleet enemy-fleet enemy-fleet enemy-fleet enemy-fleet enemy-fleet enemy-fleet enemy-fleet enemy-fleet enemy-fleet enemy-fleet enemy-fleet" "toggle toggle toggle toggle toggle toggle toggle timer timer timer timer timer timer timer stats stats stats stats stats stats stats stats audio-controls audio-controls audio-controls audio-controls audio-controls audio-controls audio-controls audio-controls";grid-template-columns:repeat(30,1fr);grid-template-rows:auto auto auto auto}.game-wrapper .footer-alert{animation:alertFade .3s ease-in-out;background-color:color-mix(in srgb,var(--current-color) 10%,#0000);background-color:var(--current-color-10);border:1px solid var(--current-color);border-radius:10px;box-shadow:0 0 15px color-mix(in srgb,var(--current-color) 30%,#0000),inset 0 0 20px color-mix(in srgb,var(--current-color) 10%,#0000);box-shadow:0 0 15px var(--current-color-30),inset 0 0 20px var(--current-color-10);color:var(--current-color);gap:8px;height:40px;padding:0 10px;text-transform:uppercase;transition:all .3s ease}.game-wrapper .footer--l .battle-timer,.game-wrapper .footer--l .enemy-fleet,.game-wrapper .footer--l .footer-alert,.game-wrapper .footer--l .footer-audio-controls,.game-wrapper .footer--l .player-fleet,.game-wrapper .footer--l .shot-stats,.game-wrapper .footer--l .view-toggle,.game-wrapper .footer--m .battle-timer,.game-wrapper .footer--m .enemy-fleet,.game-wrapper .footer--m .footer-alert,.game-wrapper .footer--m .footer-audio-controls,.game-wrapper .footer--m .player-fleet,.game-wrapper .footer--m .shot-stats,.game-wrapper .footer--m .view-toggle,.game-wrapper .footer--s .battle-timer,.game-wrapper .footer--s .enemy-fleet,.game-wrapper .footer--s .footer-alert,.game-wrapper .footer--s .footer-audio-controls,.game-wrapper .footer--s .player-fleet,.game-wrapper .footer--s .shot-stats,.game-wrapper .footer--s .view-toggle,.game-wrapper .footer-alert{align-items:center;display:flex}.game-wrapper .enemy-fleet,.game-wrapper .player-fleet{background-color:color-mix(in srgb,var(--current-color) 10%,#0000);background-color:var(--current-color-10);border:1px solid var(--current-color-20);border-radius:4px;height:60px;justify-content:flex-start;min-width:0;overflow:visible;padding:4px;position:relative;transition:all .3s ease}.game-wrapper .footer--l .enemy-fleet,.game-wrapper .footer--l .player-fleet,.game-wrapper .footer--m .enemy-fleet,.game-wrapper .footer--m .player-fleet,.game-wrapper .footer--s .enemy-fleet,.game-wrapper .footer--s .player-fleet{min-width:320px}.game-wrapper .fleet-status-wrapper{min-width:0}.game-wrapper .fleet-status{min-width:0;width:100%}.game-wrapper .footer--l .shot-stats,.game-wrapper .footer--m .shot-stats,.game-wrapper .footer--s .shot-stats{flex-direction:column;justify-content:center}.game-wrapper .game-alert.fire-alert{animation:fireAlertPulse 1.5s ease-in-out infinite;background:color-mix(in srgb,var(--current-color) 90%,#0000);background:var(--current-color-90);border:2px solid #000000b3;box-shadow:0 0 20px color-mix(in srgb,var(--current-color) 40%,#0000);box-shadow:0 0 20px var(--current-color-40);color:#000000e6;font-size:24px;font-size:calc(var(--cell-size)*1.2)}.game-wrapper .view-toggle{align-items:center;background:color-mix(in srgb,var(--current-color) 20%,#0000);background:var(--current-color-20);border:2px solid var(--current-color);border-radius:4px;box-shadow:0 0 10px color-mix(in srgb,var(--current-color) 20%,#0000),inset 0 0 15px color-mix(in srgb,var(--current-color) 10%,#0000);box-shadow:0 0 10px var(--current-color-20),inset 0 0 15px var(--current-color-10);color:var(--current-color);cursor:pointer;display:flex;font-family:Share Tech Mono,monospace;font-weight:700;height:44px;justify-content:center;letter-spacing:1px;padding:0 12px;text-transform:uppercase;transition:all .3s ease;-webkit-user-select:none;user-select:none}.game-wrapper .view-toggle:hover{background:color-mix(in srgb,var(--current-color) 30%,#0000);background:var(--current-color-30);box-shadow:0 0 15px var(--current-color),inset 0 0 20px color-mix(in srgb,var(--current-color) 20%,#0000);box-shadow:0 0 15px var(--current-color),inset 0 0 20px var(--current-color-20)}.game-wrapper .view-toggle:active{background:color-mix(in srgb,var(--current-color) 40%,#0000);background:var(--current-color-40);box-shadow:0 0 8px var(--current-color),inset 0 0 25px color-mix(in srgb,var(--current-color) 30%,#0000);box-shadow:0 0 8px var(--current-color),inset 0 0 25px var(--current-color-30);transform:scale(.98)}.game-wrapper .view-toggle span{color:var(--current-color);font-size:10px;transition:color .3s ease;white-space:nowrap}.game-wrapper .fleet-displays{background-color:color-mix(in srgb,var(--current-color) 10%,#0000);background-color:var(--current-color-10);border:1px solid var(--current-color-20);border-radius:4px;padding:0;transition:all .3s ease}.game-wrapper .fleet-status-wrapper{display:flex;flex-direction:column;height:60px;position:relative;width:100%}.game-wrapper .fleet-label{color:var(--current-color);font-family:Share Tech Mono,monospace!important;font-size:14px!important;left:0;position:absolute;text-transform:uppercase;top:-5px;transition:color .3s ease;-webkit-user-select:none;user-select:none}.game-wrapper .fleet-status{height:100%;margin-top:12px;overflow:visible;position:relative}.game-wrapper .fleet-ship{background-repeat:no-repeat;transition:.3s ease;transition:var(--scaling-transition)}.game-wrapper .battle-timer{align-items:center;flex-direction:row;gap:8px;padding:0 12px}.game-wrapper .battle-timer,.game-wrapper .shot-stats{background:color-mix(in srgb,var(--current-color) 10%,#0000);background:var(--current-color-10);border:1px solid var(--current-color-20);border-radius:4px;color:var(--current-color);display:flex;height:44px;justify-content:center;transition:all .3s ease}.game-wrapper .shot-stats{flex-direction:column;gap:2px;padding:4px 12px}.game-wrapper .shot-stats,.game-wrapper .stat-row{font-family:Share Tech Mono,monospace;text-transform:uppercase}.game-wrapper .stat-row{align-items:center;color:var(--current-color);display:flex;justify-content:space-between;line-height:1.1;transition:color .3s ease}.game-wrapper .stat-label:after{content:":"}.game-wrapper .battle-timer,.game-wrapper .shot-stats,.game-wrapper .view-toggle{line-height:44px;min-height:44px}.game-wrapper .fleet-displays{display:flex;flex-direction:column;height:60px;justify-content:space-evenly;width:auto}.game-wrapper .footer-alert{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.game-wrapper .shot-stats{white-space:nowrap}.game-wrapper .footer-nav{align-items:center;display:flex;gap:0;justify-content:center;margin:0 auto;width:100%}@media (max-height:800px){.game-wrapper .game-container{padding:1px;padding:calc(var(--cell-size)*.05)}}@media (max-width:768px){.game-wrapper .game-board-container{align-items:flex-start!important;padding-top:10px!important}.game-wrapper .game-container:not(.setup-phase) .game-board-container{align-items:flex-start;padding-bottom:0;padding-top:10px}.game-wrapper.multiplayer .game-container:not(.setup-phase){margin-top:60px;margin-top:var(--header-height,60px)}.game-wrapper.multiplayer .game-container:not(.setup-phase) .game-board-container{align-items:flex-start;padding-bottom:0;padding-top:10px}.game-wrapper .footer-audio-controls .audio-controls--horizontal{flex-direction:row!important;gap:8px!important}.game-wrapper .footer-audio-controls .audio-control{border-radius:4px!important;flex-shrink:0!important;font-size:10px!important;min-width:auto!important;padding:4px 6px!important}.game-wrapper .footer-audio-controls .audio-control__icon{height:16px!important;width:16px!important}.game-wrapper .footer-audio-controls .audio-control__label{font-size:10px!important}}@media (max-width:640px){body:has(.game-wrapper),html:has(.game-wrapper){height:100dvh!important;max-height:100dvh!important;overflow:hidden!important;position:fixed!important;width:100%!important}}@media (max-width:640px){.game-wrapper:not(.multiplayer) .game-board-container{align-items:flex-start!important;padding-top:10px!important}body:has(.game-info-bar) .game-wrapper .game-container{height:calc(100dvh - 60px)!important;height:calc(100dvh - var(--header-height, 60px))!important;margin-top:60px!important;margin-top:var(--header-height,60px)!important;max-height:calc(100dvh - 60px)!important;max-height:calc(100dvh - var(--header-height, 60px))!important;overflow:hidden!important;padding-top:0!important}body:has(.game-info-bar) .game-wrapper .game-container:not(.setup-phase){height:calc(100dvh - 60px)!important;height:calc(100dvh - var(--header-height, 60px))!important;margin-top:60px!important;margin-top:var(--header-height,60px)!important;max-height:calc(100dvh - 60px)!important;max-height:calc(100dvh - var(--header-height, 60px))!important;overflow:hidden!important;padding-top:0!important}body:has(.game-info-bar) .game-wrapper .game-board-container{align-items:flex-start!important;padding-top:10px!important}.game-wrapper .footer--l,.game-wrapper .footer--m,.game-wrapper .footer--s{grid-gap:8px;display:grid!important;gap:8px;grid-template-areas:"alert alert alert alert alert alert alert alert alert alert" "player-fleet player-fleet player-fleet player-fleet player-fleet player-fleet player-fleet player-fleet player-fleet player-fleet" "enemy-fleet enemy-fleet enemy-fleet enemy-fleet enemy-fleet enemy-fleet enemy-fleet enemy-fleet enemy-fleet enemy-fleet" "toggle toggle stats stats stats timer timer audio-controls audio-controls audio-controls"!important;grid-template-columns:repeat(10,1fr)!important;grid-template-rows:auto auto auto auto!important;height:auto!important;max-height:none!important;min-height:auto!important;overflow-y:visible;padding:10px}.game-wrapper .footer-alert{line-height:1.3;min-height:36px;padding:8px 12px}.game-wrapper .view-toggle{min-height:40px;padding:0 12px}.game-wrapper .enemy-fleet,.game-wrapper .player-fleet{font-size:11px;min-height:55px}.game-wrapper .battle-timer,.game-wrapper .footer-audio-controls,.game-wrapper .shot-stats{font-size:11px;min-height:40px;padding:0 8px}.game-wrapper .fleet-status-wrapper{min-width:200px;width:100%}.game-wrapper .footer--l .enemy-fleet,.game-wrapper .footer--l .player-fleet,.game-wrapper .footer--m .enemy-fleet,.game-wrapper .footer--m .player-fleet,.game-wrapper .footer--s .enemy-fleet,.game-wrapper .footer--s .player-fleet{min-width:200px!important;overflow:visible!important}.game-wrapper .footer-container{height:auto;margin:20px auto 0;margin:var(--cell-size) auto 0 auto;max-height:none;max-width:var(--board-px);min-height:auto;padding:0;position:static;transform:none}.game-wrapper .footer-container .footer-container{background:#0000;border-radius:0;border-top:none;box-shadow:none;height:auto;margin:0;max-height:none;max-width:100%;position:static;transform:none;width:100%}}@media (min-width:641px) and (max-width:1024px){.game-wrapper .footer-container{gap:4px!important}.game-wrapper .fleet-displays{min-width:280px}.game-wrapper .battle-timer,.game-wrapper .shot-stats{font-size:12px}}@media (max-width:600px){.game-wrapper .footer-nav{grid-template-columns:repeat(5,20px);grid-template-columns:repeat(5,var(--cell-size));grid-template-rows:repeat(2,20px);grid-template-rows:repeat(2,var(--cell-size));justify-content:center}}.themed-button{background-color:color-mix(in srgb,var(--current-color) 20%,#0000);background-color:var(--current-color-20);border:3px solid var(--current-color);border-radius:4px;color:var(--current-color);cursor:pointer;overflow:hidden;position:relative;transition:all .3s ease}.themed-button:hover{background-color:color-mix(in srgb,var(--current-color) 30%,#0000);background-color:var(--current-color-30);box-shadow:0 0 15px var(--current-color),inset 0 0 20px color-mix(in srgb,var(--current-color) 20%,#0000);box-shadow:0 0 15px var(--current-color),inset 0 0 20px var(--current-color-20)}.themed-button:active{background-color:color-mix(in srgb,var(--current-color) 40%,#0000);background-color:var(--current-color-40);box-shadow:0 0 10px var(--current-color),inset 0 0 25px color-mix(in srgb,var(--current-color) 30%,#0000);box-shadow:0 0 10px var(--current-color),inset 0 0 25px var(--current-color-30);transform:scale(.98)}.no-pointer-events{pointer-events:none}.no-select{-webkit-user-select:none;user-select:none}.hidden{visibility:hidden}.transparent{opacity:0}.transition-all{transition:all .3s ease-in-out;transition:all var(--animation-timing) ease-in-out}.will-change-transform{will-change:transform}.gpu-accelerated{backface-visibility:hidden;transform:translateZ(0)}.game-info-bar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:color-mix(in srgb,var(--current-color) 10%,#0000);background:var(--current-color-10);border-bottom:2px solid var(--current-color);box-shadow:0 2px 10px color-mix(in srgb,var(--current-color) 20%,#0000);box-shadow:0 2px 10px var(--current-color-20);color:var(--current-color);font-family:Share Tech Mono,monospace;font-size:12px;left:0;opacity:.9;pointer-events:none;position:fixed;right:0;top:0;z-index:50}.game-info-content{display:flex;flex-direction:column;gap:0;margin:0 auto;max-width:1200px;padding:5px 16px;pointer-events:auto}.player-info{align-items:stretch;display:flex;gap:8px;justify-content:space-between;min-width:0}.player-slot{align-items:flex-start;display:flex;flex:1 1;flex-direction:column;gap:1px;min-width:0}.player-slot:last-child{align-items:flex-end}.player-slot__name{align-items:center;color:var(--current-color);display:flex;font-size:12px;font-weight:400;gap:4px;letter-spacing:1px;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.player-slot.current-player .player-slot__name{color:var(--current-color-bright);font-weight:700;text-shadow:0 0 5px var(--current-color)}.ready-indicator{color:var(--current-color-bright);filter:drop-shadow(0 0 3px var(--current-color));flex-shrink:0}.player-status{font-size:10px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;white-space:nowrap}.player-status--setup{color:color-mix(in srgb,var(--current-color) 70%,#0000);color:var(--current-color-70)}.player-status--ready{color:var(--current-color-bright);text-shadow:0 0 4px var(--current-color)}.player-status--battle{color:var(--current-color)}.player-status--victory{color:#66ffd6;text-shadow:0 0 6px #66ffd6cc}.player-status--defeat{color:#66ffd673;text-shadow:none}@media (max-width:640px){.game-info-content{padding:4px 10px}.player-slot__name{font-size:11px!important;letter-spacing:.5px}.player-status{font-size:9px!important;letter-spacing:0}.ready-indicator{height:12px!important;width:12px!important}}.game-wrapper{margin:0!important;padding:0!important}.game-wrapper.multiplayer{height:calc(100dvh - 60px)!important;height:calc(100dvh - var(--header-height, 60px))!important;margin-top:60px!important;margin-top:var(--header-height,60px)!important;max-height:calc(100dvh - 60px)!important;max-height:calc(100dvh - var(--header-height, 60px))!important;overflow:clip!important;overflow-clip-margin:12px}.game-wrapper.multiplayer .game-container.setup-phase{height:100%!important;max-height:100%!important}.game-wrapper.multiplayer .game-container.setup-phase .playfield{height:100%!important;max-height:100%!important;overflow:visible!important}.game-wrapper .game-board-container{padding-bottom:0;padding-bottom:var(--calculated-bottom-padding,0);padding-top:30px;padding-top:var(--calculated-top-padding,30px)}.alertBox{background:repeating-linear-gradient(0deg,color-mix(in srgb,var(--current-color) 10%,#0000),color-mix(in srgb,var(--current-color) 10%,#0000) 1px,#0000 1px,#0000 2px),color-mix(in srgb,var(--current-color) 30%,#000d14);background:repeating-linear-gradient(0deg,var(--current-color-10),var(--current-color-10) 1px,#0000 1px,#0000 2px),color-mix(in srgb,var(--current-color) 30%,#000d14);border:1px solid var(--current-color);border-radius:12px;box-shadow:0 0 20px color-mix(in srgb,var(--current-color) 45%,#0000),0 0 40px color-mix(in srgb,var(--current-color) 25%,#0000),inset 0 0 8px color-mix(in srgb,var(--current-color) 60%,#0000),inset 0 0 20px color-mix(in srgb,var(--current-color) 18%,#0000);box-sizing:border-box;left:50%;max-width:calc(100vw - 32px);padding:28px 32px;pointer-events:none;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);-webkit-user-select:none;user-select:none;width:min(420px,calc(100vw - 32px));will-change:transform,opacity;z-index:999999}.alertText{color:var(--current-color);font-family:Share Tech Mono,monospace;font-size:clamp(20px,6vw,44px);letter-spacing:.08em;line-height:1.25;text-shadow:0 0 10px color-mix(in srgb,var(--current-color) 55%,#0000);text-transform:uppercase;white-space:pre-line;word-break:break-word}.alertBox.alert--instruction{max-width:calc(100vw - 32px);padding:18px 24px;width:min(480px,calc(100vw - 32px))}.alertBox.alert--instruction .alertText{font-size:clamp(13px,3.5vw,22px);letter-spacing:.05em;line-height:1.4}.game-wrapper .game-alert{display:none}@keyframes alertFade{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes scanline{0%{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes scanline-degauss-extreme{0%{filter:saturate(1);transform:translateY(0) perspective(1100px) rotateX(12.5deg) scale(1)}10%{filter:saturate(2);transform:translateY(10%) perspective(1100px) rotateX(14deg) scale(1.2)}22%{filter:saturate(.5);transform:translateY(22%) perspective(1100px) rotateX(11deg) scale(.95)}35%{filter:saturate(1.5);transform:translateY(35%) perspective(1100px) rotateX(13deg) scale(1.1)}55%{filter:saturate(1.8);transform:translateY(55%) perspective(1100px) rotateX(12.2deg) scale(1.02)}to{filter:saturate(1);transform:translateY(100%) perspective(1100px) rotateX(12.5deg) scale(1)}}@keyframes scanline-simple{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.russo-font{font-family:Russo One,sans-serif}.game-over-container{-webkit-font-smoothing:antialiased;--current-color:#66ffd6;--current-color-03:color-mix(in srgb,var(--current-color) 3%,#0000);--current-color-05:color-mix(in srgb,var(--current-color) 5%,#0000);--current-color-08:color-mix(in srgb,var(--current-color) 8%,#0000);--current-color-10:color-mix(in srgb,var(--current-color) 10%,#0000);--current-color-15:color-mix(in srgb,var(--current-color) 15%,#0000);--current-color-20:color-mix(in srgb,var(--current-color) 20%,#0000);--current-color-25:color-mix(in srgb,var(--current-color) 25%,#0000);--current-color-30:color-mix(in srgb,var(--current-color) 30%,#0000);--current-color-40:color-mix(in srgb,var(--current-color) 40%,#0000);--current-color-50:color-mix(in srgb,var(--current-color) 50%,#0000);--current-color-60:color-mix(in srgb,var(--current-color) 60%,#0000);--current-color-70:color-mix(in srgb,var(--current-color) 70%,#0000);--current-color-80:color-mix(in srgb,var(--current-color) 80%,#0000);--current-color-90:color-mix(in srgb,var(--current-color) 90%,#0000);--radius-crt:12px;--panel-glow-soft:color-mix(in srgb,var(--current-color) 28%,#0000);--panel-glow:color-mix(in srgb,var(--current-color) 38%,#0000);--panel-glow-strong:color-mix(in srgb,var(--current-color) 52%,#0000);--panel-fill:linear-gradient(to bottom,var(--current-color-10),color-mix(in srgb,var(--current-color) 7%,#0000));align-items:center;backface-visibility:hidden;box-sizing:border-box;color:var(--current-color);display:flex;flex-direction:column;font-family:Share Tech Mono,monospace;height:100%;justify-content:center;justify-self:center!important;max-height:100dvh;max-width:none!important;min-width:600px!important;overflow-y:auto;padding:5px;position:relative;text-align:center;text-shadow:0 0 8px var(--current-color-40);transform:translateZ(0);width:100%}.game-wrapper .footer-container .game-over-container{font-size:inherit!important}.game-over-container>*{position:relative;z-index:2}.game-over-banner{animation:degauss .7s ease-out .18s 1,bannerGlow 3.2s ease-in-out 1s infinite alternate;background:var(--panel-fill);border:1px solid var(--current-color);border-radius:var(--radius-crt);box-shadow:0 0 12px var(--panel-glow-strong),inset 0 0 10px var(--current-color-08);margin-bottom:8px;overflow:hidden;padding:clamp(10px,1.5vh,16px) clamp(18px,2.2vw,28px);position:relative;text-align:center;text-shadow:0 0 8px var(--panel-glow);transition:box-shadow .25s ease,background .25s ease,transform .2s ease}.game-over-banner.victory{--banner-color:#66ffd6}.game-over-banner.defeat{--banner-color:#66ffd6;animation:degauss .7s ease-out .18s 1,defeatGlitch 6s ease-in-out 1.6s infinite,bannerGlow 3.2s ease-in-out 1s infinite alternate;background:var(--panel-fill)}.banner-title{align-items:center;display:flex;font-size:clamp(24px,2.3vw,42px);font-weight:700;gap:.45em;justify-content:center;letter-spacing:.06em;line-height:1.02;margin:0 0 3px;text-shadow:0 0 10px var(--panel-glow-strong),0 0 18px var(--current-color-20);text-transform:uppercase;transition:color .25s ease,text-shadow .25s ease}.banner-title:before{filter:grayscale(100%) sepia(100%) hue-rotate(120deg) saturate(200%) brightness(1) contrast(1.05);font-size:.72em;line-height:1;opacity:.88;text-shadow:0 0 8px var(--current-color-50)}.game-over-banner.victory .banner-title:before{content:"🏅"}.game-over-banner.defeat .banner-title:before{content:"🏴‍☠️";transform:translateY(-1px)}.banner-subtitle{font-size:clamp(11px,.95vw,16px);letter-spacing:.02em;margin:0;opacity:.9;text-shadow:0 0 6px var(--current-color-30)}.battle-stats-container{animation:degauss .7s ease-out .36s 1;margin-bottom:.5rem;max-width:800px;width:100%}.stats-title{color:var(--current-color);font-size:clamp(20px,1.9vw,34px);font-weight:700;letter-spacing:.08em;margin-bottom:8px;text-align:center;text-shadow:0 0 8px var(--panel-glow-strong);text-transform:uppercase;transition:color .25s ease,text-shadow .25s ease}.stats-section{background:var(--panel-fill);border:1px solid var(--current-color);border-radius:var(--radius-crt);box-shadow:0 0 10px var(--panel-glow),inset 0 0 10px var(--current-color-05);margin-bottom:6px;overflow:hidden;padding:6px;position:relative;text-shadow:0 0 8px var(--panel-glow);transition:box-shadow .25s ease,background .25s ease}.battle-overview{flex-wrap:wrap;gap:16px}.battle-overview,.stat-item{display:flex;justify-content:center}.stat-item{align-items:center;flex-direction:row;gap:4.8px;min-width:auto;text-align:center}.stat-label{font-size:10.4px;letter-spacing:.08em;margin-bottom:0;opacity:.62;text-shadow:0 0 4px var(--current-color-20);text-transform:uppercase}.stat-label,.stat-value{color:var(--current-color)}.stat-value{font-size:clamp(17.6px,1.3vw,24px);font-weight:700;text-shadow:0 0 8px var(--current-color-40),0 0 12px var(--current-color-15);text-shadow:0 0 8px var(--current-color-45,var(--current-color-40)),0 0 12px var(--current-color-15)}.comparison-header{grid-gap:16px;border-bottom:1px solid var(--current-color-30);box-shadow:0 1px 0 var(--current-color-05);display:grid;gap:16px;grid-template-columns:1fr 2fr 1fr;margin-bottom:12px;padding-bottom:10px}.comparison-header h3{color:var(--current-color);font-size:clamp(14px,1.15vw,20px);letter-spacing:.08em;margin:0;opacity:.88;text-align:center;text-shadow:0 0 6px var(--current-color-30);text-transform:uppercase}.comparison-row{grid-gap:16px;align-items:center;border-bottom:1px solid var(--current-color-15);box-shadow:0 1px 0 var(--current-color-05);display:grid;gap:16px;grid-template-columns:1fr 2fr 1fr;padding:10px 0}.comparison-row:last-child{border-bottom:none;box-shadow:none}.opponent-value,.player-value{color:var(--current-color);font-size:20.8px;font-weight:700;text-align:center;text-shadow:0 0 8px var(--current-color-50);transition:all .18s ease}.opponent-value.winner,.player-value.winner{text-shadow:0 0 6px #50ffdce6,0 0 14px #50ffdccc,0 0 24px #50ffdc80;transform:scale(1.04)}.stat-name{color:var(--current-color);font-size:clamp(14px,1vw,18px);letter-spacing:.08em;opacity:.7;text-align:center;text-shadow:0 0 4px var(--current-color-20);text-transform:uppercase}.action-buttons{animation:degauss .7s ease-out .52s 1;display:flex;gap:16px;justify-content:center;margin-top:18px}.play-again-button{background:linear-gradient(to bottom,var(--current-color-10),color-mix(in srgb,var(--current-color) 8%,#0000));background:linear-gradient(to bottom,var(--current-color-12,var(--current-color-10)),color-mix(in srgb,var(--current-color) 8%,#0000));border:2px solid var(--current-color);border-radius:var(--radius-crt);box-shadow:0 0 14px var(--panel-glow-strong),inset 0 0 10px var(--current-color-08);color:var(--current-color);cursor:pointer;font-family:Share Tech Mono,monospace;font-size:clamp(14px,1.15vw,22px);font-weight:700;letter-spacing:.08em;line-height:1;min-width:clamp(120px,14vw,220px);padding:clamp(11px,1.2vh,16px) clamp(22px,2.4vw,40px);text-shadow:0 0 8px var(--panel-glow),0 0 12px var(--current-color-15);text-transform:uppercase;transition:transform .06s ease,box-shadow .2s ease,background .2s ease,text-shadow .2s ease}.play-again-button:hover{background:linear-gradient(to bottom,var(--current-color-20),color-mix(in srgb,var(--current-color) 12%,#0000));box-shadow:0 0 20px var(--panel-glow-strong),inset 0 0 12px var(--current-color-10);text-shadow:0 0 10px var(--panel-glow-strong),0 0 14px var(--current-color-20)}.play-again-button:active{transform:translateY(1px)}.scaling-1{font-size:12.8px;max-width:600px;min-width:500px;width:100%}.scaling-1 .banner-title{font-size:clamp(28px,2.4vw,34px)}.scaling-1 .banner-subtitle{font-size:clamp(13px,1vw,15px)}.scaling-1 .stats-title{font-size:clamp(22px,1.8vw,28px)}.scaling-2{font-size:14.4px;max-width:800px;min-width:700px;width:100%}.scaling-2 .banner-title{font-size:clamp(32px,2.9vw,40px)}.scaling-2 .banner-subtitle{font-size:clamp(14px,1.05vw,16px)}.scaling-2 .stats-title{font-size:clamp(24px,2.2vw,32px)}.scaling-3{font-size:16px;max-width:1000px;min-width:900px;width:100%}.scaling-3 .banner-title{font-size:clamp(36px,3.2vw,48px)}.scaling-3 .banner-subtitle{font-size:clamp(15px,1.1vw,18px)}.scaling-3 .stats-title{font-size:clamp(28px,2.5vw,36px)}@keyframes bannerGlow{0%{box-shadow:0 0 10px var(--panel-glow),inset 0 0 10px var(--current-color-08)}to{box-shadow:0 0 15px var(--panel-glow-strong),inset 0 0 12px var(--current-color-10)}}@keyframes defeatGlitch{0%,92%,to{filter:brightness(1) contrast(1);transform:translateX(0)}94%{filter:brightness(.97) contrast(.98);transform:translateX(-.4px)}96%{filter:brightness(1.01) contrast(1.01);transform:translateX(.35px)}}@media (max-width:768px){.footer-container:has(.game-over-container){bottom:auto!important;height:auto!important;left:50%!important;max-height:90vh!important;max-width:500px!important;overflow-y:auto!important;padding:5px;position:fixed!important;top:50%!important;transform:translate(-50%,-50%)!important;width:90vw!important;z-index:2000!important}.game-over-container{justify-content:flex-start!important;min-width:300px!important;overflow:hidden!important;padding:0!important;width:100%!important}.banner-title{font-size:19px!important;gap:7px!important;margin-bottom:2px!important}.banner-title:before{font-size:23px!important}.banner-subtitle{font-size:11px!important}.game-over-banner{box-sizing:border-box!important;margin-bottom:4px!important;padding:6px 10px!important;width:100%!important}.battle-stats-container{margin-bottom:6px!important;width:100%!important}.stats-title{font-size:14px!important;margin-bottom:3px!important}.stats-section{margin-bottom:5px!important;padding:5px!important}.comparison-header{gap:4px!important;margin-bottom:5px!important;padding-bottom:3px!important}.comparison-header h3{font-size:12px!important}.comparison-row{gap:4px!important;padding:4px 0!important}.stat-name{font-size:12px!important}.opponent-value,.player-value{font-size:14px!important}.battle-overview{gap:5px!important}.stat-label{font-size:9px!important}.stat-value{font-size:15px!important}.stat-item{gap:4px!important}.play-again-button{font-size:14px!important;min-width:0!important;padding:10px 20px!important}.action-buttons{gap:12px!important;margin-top:12px!important}}@media (min-width:769px){body:has(.game-info-bar) .footer-container:has(.game-over-container){bottom:auto!important;height:auto!important;left:50%!important;max-height:90vh!important;max-width:800px!important;overflow-y:auto!important;position:fixed!important;top:50%!important;transform:translate(-50%,-50%)!important;width:90vw!important;z-index:2000!important}.game-over-container{min-width:350px!important;padding:3px}.game-over-banner{margin-bottom:8px;padding:clamp(10px,1.4vh,14px) clamp(18px,2vw,28px)}.banner-title{font-size:clamp(24px,2vw,34px);gap:8px;letter-spacing:.06em;margin-bottom:3px}.banner-title:before{font-size:24px}.banner-subtitle{font-size:clamp(11px,.85vw,14px)}.battle-stats-container{margin-bottom:8px}.stats-title{font-size:clamp(22px,1.8vw,30px);margin-bottom:6px}.stats-section{margin-bottom:6px;padding:6px}.comparison-header{gap:4px;grid-template-columns:1fr 2fr 1fr;margin-bottom:6px;padding-bottom:4px}.comparison-header h3{font-size:clamp(12px,.95vw,16px)}.comparison-row{gap:4px;grid-template-columns:1fr 2fr 1fr;padding:5px 0}.stat-name{font-size:clamp(10px,.9vw,14px);margin:0}.opponent-value,.player-value{font-size:clamp(15px,1.2vw,20px)}.battle-overview{gap:6px}.stat-label{font-size:clamp(8px,.75vw,10px)}.stat-value{font-size:clamp(15px,1.1vw,20px)}.play-again-button{font-size:clamp(13px,1vw,18px);padding:10px 22px}.scaling-1,.scaling-2,.scaling-3{max-width:90vw!important;min-width:350px!important}}@media (min-width:1200px){.battle-stats-container{max-width:860px}.game-over-banner{padding:clamp(12px,1.8vh,18px) clamp(24px,2.6vw,36px)}.banner-title{font-size:clamp(34px,2.8vw,52px)}.banner-subtitle{font-size:clamp(14px,1vw,18px)}.stats-title{font-size:clamp(28px,2.2vw,38px);margin-bottom:10px}.comparison-header h3{font-size:clamp(14px,1vw,18px)}.opponent-value,.player-value{font-size:clamp(18px,1.35vw,24px)}.stat-name{font-size:clamp(12px,.95vw,16px)}.stat-value{font-size:clamp(18px,1.35vw,24px)}.play-again-button{font-size:clamp(16px,1.15vw,22px);min-width:180px;padding:12px 28px}}@media (max-width:480px){.game-over-container{min-width:280px!important;padding:0!important}.banner-title{font-size:17px!important}.banner-title:before{font-size:21px!important}.banner-subtitle{font-size:10px!important}.stats-title{font-size:13px!important}.stats-section{padding:4px!important}.stat-value{font-size:14px!important}.opponent-value,.player-value{font-size:13px!important}.stat-label{font-size:8px!important}.stat-name{font-size:11px!important}.play-again-button{font-size:13px!important;padding:9px 18px!important}}@media (prefers-contrast:high){.game-over-container{background:#000}.game-over-banner,.stats-section{background:#000000eb;border-width:2px;box-shadow:none}.game-over-banner:after,.game-over-banner:before,.stats-section:after,.stats-section:before{opacity:.08}}@media (prefers-reduced-motion:reduce){.action-buttons,.battle-stats-container,.game-over-banner,.game-over-banner.defeat{animation:none}.play-again-button:hover{transform:none}}.game-container{position:relative;z-index:1}.multiplayer-connection,.multiplayer-lobby,.multiplayer-waiting{--current-color:#66ffd6;--radius-crt:12px;--panel-glow:color-mix(in srgb,var(--current-color) 45%,#0000);--current-color-05:color-mix(in srgb,var(--current-color) 5%,#0000);--current-color-10:color-mix(in srgb,var(--current-color) 10%,#0000);--current-color-20:color-mix(in srgb,var(--current-color) 20%,#0000);--current-color-30:color-mix(in srgb,var(--current-color) 30%,#0000);--current-color-40:color-mix(in srgb,var(--current-color) 40%,#0000);--current-color-50:color-mix(in srgb,var(--current-color) 50%,#0000);--current-color-60:color-mix(in srgb,var(--current-color) 60%,#0000);--current-color-70:color-mix(in srgb,var(--current-color) 70%,#0000);--current-color-80:color-mix(in srgb,var(--current-color) 80%,#0000);--current-color-90:color-mix(in srgb,var(--current-color) 90%,#0000);-webkit-font-smoothing:antialiased;align-items:center;backface-visibility:hidden;background:linear-gradient(135deg,#0a0a0a,#1a1a1a);box-sizing:border-box;color:var(--current-color);display:flex;font-family:Share Tech Mono,monospace;justify-content:center;min-height:100dvh;padding:32px;text-shadow:0 0 8px var(--current-color-40)}.connection-status{animation:degauss .9s ease-out .3s 1;background:var(--current-color-10);border:1px solid var(--current-color);border-radius:var(--radius-crt);box-shadow:0 0 10px var(--panel-glow);max-width:500px;padding:32px;text-align:center;transition:all .3s ease-in-out;width:100%}.connection-status h2{font-size:20.8px;font-weight:700;letter-spacing:.08em;margin:0 0 16px;text-shadow:0 0 10px var(--panel-glow);transition:color .3s ease,text-shadow .3s ease}.connection-info,.connection-status h2{color:var(--current-color);text-transform:uppercase}.connection-info{font-size:10.4px;letter-spacing:1px;margin-top:16px;opacity:.8;text-shadow:0 0 6px var(--current-color-40)}.lobby-content{animation:degauss .9s ease-out .6s 1;max-width:960px;text-align:center;width:100%}.lobby-back-button{background:none;border:1px solid var(--current-color);border-radius:var(--radius-crt);color:var(--current-color);cursor:pointer;display:inline-block;font-family:Share Tech Mono,monospace;font-size:13px;letter-spacing:.08em;margin-bottom:16px;opacity:.75;padding:6px 14px;transition:opacity .2s,box-shadow .2s}.lobby-back-button:hover{box-shadow:0 0 8px var(--panel-glow);opacity:1}.lobby-content h2{font-size:32px;font-weight:700;letter-spacing:.08em;margin:0 0 4px;text-shadow:0 0 10px var(--panel-glow);transition:color .3s ease,text-shadow .3s ease}.lobby-content h2,.lobby-grid-label{color:var(--current-color);text-transform:uppercase}.lobby-grid-label{font-size:13px;letter-spacing:.1em;margin:0 0 28px;opacity:.55;text-shadow:0 0 6px var(--current-color-40)}.lobby-actions{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-bottom:28px}.lobby-action-card{background:var(--current-color-10);border:1px solid var(--current-color-50);border-radius:var(--radius-crt);display:flex;flex:1 1;flex-direction:column;gap:12px;max-width:280px;min-width:220px;padding:22px 20px 20px;transition:border-color .2s ease,box-shadow .2s ease}.lobby-action-card:hover{border-color:var(--current-color);box-shadow:0 0 10px var(--current-color-20)}.lobby-card-header{align-items:center;display:flex;gap:8px}.lobby-card-icon{filter:grayscale(100%) sepia(100%) hue-rotate(120deg) saturate(180%) brightness(.7) contrast(1.1);flex-shrink:0;font-size:18px}.lobby-action-card h3{color:var(--current-color);font-size:13px;letter-spacing:.08em;margin:0;text-shadow:0 0 8px var(--panel-glow);text-transform:uppercase}.lobby-card-desc{font-size:11px;letter-spacing:.03em;line-height:1.5;margin:0;opacity:.6;text-align:left}.lobby-action-card input,.lobby-card-desc{color:var(--current-color);text-shadow:none}.lobby-action-card input{background:#0000004d;border:1px solid var(--current-color-50);border-radius:var(--radius-crt);box-sizing:border-box;font-family:Share Tech Mono,monospace;font-size:16px!important;padding:10px 12px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.lobby-action-card input:focus{background:#00000080;border-color:var(--current-color);box-shadow:0 0 8px var(--panel-glow);outline:none}.lobby-action-card input::placeholder{color:var(--current-color-50);opacity:1}.lobby-action-btn{background:var(--current-color-10);border:1px solid var(--current-color);border-radius:var(--radius-crt);color:var(--current-color);cursor:pointer;font-family:Share Tech Mono,monospace;font-size:14px;font-weight:700;letter-spacing:.06em;margin-top:auto;padding:11px 12px;text-shadow:0 0 8px var(--panel-glow);text-transform:uppercase;transition:background .2s ease,box-shadow .2s ease;width:100%}.lobby-action-btn:hover{background:var(--current-color-20);box-shadow:0 0 10px var(--panel-glow)}.lobby-action-btn:active{box-shadow:0 0 6px var(--current-color-40);transform:translateY(1px)}.lobby-action-btn--primary{background:var(--current-color-20);box-shadow:0 0 6px var(--current-color-30)}.lobby-action-btn--primary:hover{background:var(--current-color-30);box-shadow:0 0 14px var(--panel-glow)}.join-options{display:flex;flex-wrap:wrap;gap:32px;justify-content:center;margin-bottom:32px}.join-section{background:var(--current-color-10);border:1px solid var(--current-color);border-radius:var(--radius-crt);flex:1 1;min-width:250px;padding:24px;transition:all .3s ease-in-out}.join-section h3{font-size:12px;letter-spacing:.08em;opacity:.7;text-shadow:0 0 8px var(--panel-glow);text-transform:uppercase}.join-section h3,.join-section input{color:var(--current-color);margin-bottom:16px}.join-section input{background:#0000004d;border:1px solid var(--current-color-50);border-radius:var(--radius-crt);box-sizing:border-box;font-family:Share Tech Mono,monospace;font-size:16px!important;padding:12px;text-shadow:none;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.join-section input:focus{background:#00000080;border-color:var(--current-color);box-shadow:0 0 8px var(--panel-glow);outline:none}.join-section input::placeholder{color:var(--current-color-50);opacity:1}.join-section button{background:var(--current-color-10);border:1px solid var(--current-color);border-radius:var(--radius-crt);color:var(--current-color);cursor:pointer;font-family:Share Tech Mono,monospace;font-size:16px;font-weight:700;letter-spacing:.06em;padding:12px;text-shadow:0 0 8px var(--panel-glow);text-transform:uppercase;transition:background .2s ease,box-shadow .2s ease;width:100%}.join-section button:hover{background:var(--current-color-20);box-shadow:0 0 10px var(--panel-glow)}.join-section button:active{box-shadow:0 0 6px var(--current-color-40);transform:translateY(1px)}.join-section p{color:var(--current-color);font-size:10.4px;letter-spacing:1px;margin-bottom:0;margin-top:8px;opacity:.6;text-shadow:0 0 6px var(--current-color-40);text-transform:uppercase}.waiting-content{animation:degauss .9s ease-out .3s 1;background:var(--current-color-10);border:1px solid var(--current-color);border-radius:var(--radius-crt);box-shadow:0 0 10px var(--panel-glow);max-width:500px;padding:32px;text-align:center;transition:all .3s ease-in-out;width:100%}.waiting-content h2{color:var(--current-color);font-size:20.8px;font-weight:700;letter-spacing:.08em;margin:0 0 16px;text-shadow:0 0 10px var(--panel-glow);text-transform:uppercase;transition:color .3s ease,text-shadow .3s ease}.waiting-sub{font-size:13px;font-weight:400;letter-spacing:.04em;margin:0 0 4px;opacity:.65}.waiting-status-line,.waiting-sub{color:var(--current-color);text-shadow:none}.waiting-status-line{font-size:11px;letter-spacing:.06em;margin:0;opacity:.5;text-transform:uppercase}.room-code-display{align-items:center;background:#00000059;border:1px solid var(--current-color);border-radius:var(--radius-crt);box-shadow:0 0 14px var(--current-color-30),inset 0 0 8px var(--current-color-10);display:flex;flex-direction:column;gap:6px;margin:8px 0 4px;padding:16px 24px}.room-code-label{color:var(--current-color);font-size:10px;letter-spacing:.14em;opacity:.6;text-transform:uppercase}.room-code-value{color:var(--current-color);font-size:36px;font-weight:700;letter-spacing:.18em;text-shadow:0 0 16px var(--panel-glow),0 0 32px var(--current-color-40);white-space:nowrap}.room-code-hint{color:var(--current-color);font-size:12px;letter-spacing:.03em;line-height:1.5;margin:0;opacity:.7;text-shadow:none}.room-code-hint strong{color:var(--current-color);opacity:1;text-shadow:0 0 6px var(--panel-glow)}.emoji-filter{filter:grayscale(100%) sepia(100%) hue-rotate(120deg) saturate(200%) brightness(.65) contrast(1.1)}.waiting-content p{color:var(--current-color);font-size:17.6px;font-weight:700;margin:8px 0;opacity:.8;text-shadow:0 0 10px var(--current-color-60),0 0 10px var(--current-color-60)}.waiting-animation{display:flex;justify-content:center;margin:32px 0}.spinner{animation:spin 1s linear infinite;border-top:3px solid var(--current-color-30);border:3px solid var(--current-color-30);border-radius:50%;border-top-color:var(--current-color);box-shadow:0 0 10px var(--current-color-50);height:40px;width:40px}.leave-button{background:var(--current-color-10);border:1px solid var(--current-color);border-radius:var(--radius-crt);color:var(--current-color);cursor:pointer;font-family:Share Tech Mono,monospace;font-size:16px;font-weight:700;letter-spacing:.06em;padding:12px 24px;text-shadow:0 0 8px var(--panel-glow);text-transform:uppercase;transition:background .2s ease,box-shadow .2s ease}.leave-button:hover{background:var(--current-color-20);box-shadow:0 0 10px var(--panel-glow)}.leave-button:active{box-shadow:0 0 6px var(--current-color-40);transform:translateY(1px)}.error-message{background:#ff00001a;border:2px solid #ff00004d;border-radius:5px;box-shadow:0 0 8px #f003;color:#ff6b6b;margin:16px 0;padding:16px;text-shadow:0 0 8px #f006}.error-message button{background:#f003;border:2px solid #ff000080;border-radius:3px;color:#ff6b6b;cursor:pointer;font-family:Share Tech Mono,monospace;font-size:14.4px;margin-top:8px;padding:8px 16px;text-shadow:0 0 6px #f006;text-transform:uppercase;transition:all .3s ease}.error-message button:hover{background:#ff00004d;box-shadow:0 0 10px #ff00004d}@keyframes crtFlicker{0%,85%,to{filter:brightness(1) contrast(1);text-shadow:0 0 2px var(--current-color),0 0 4px var(--current-color)}86%,87%,89%,90%{filter:brightness(.95) contrast(.9);text-shadow:none}88%,91%{filter:brightness(1.02) contrast(1.05);text-shadow:0 0 3px var(--current-color),0 0 6px var(--current-color)}}@keyframes degauss{0%{filter:saturate(1);transform:perspective(1100px) rotateX(1.25deg) scale(1)}10%{filter:saturate(1.2);transform:perspective(1100px) rotateX(1.4deg) scale(1.02)}22%{filter:saturate(.95);transform:perspective(1100px) rotateX(1.1deg) scale(.995)}35%{transform:perspective(1100px) rotateX(1.3deg) scale(1.01)}55%{transform:perspective(1100px) rotateX(1.22deg) scale(1.002)}to{filter:saturate(1);transform:perspective(1100px) rotateX(1.25deg) scale(1)}}@keyframes containerGlow{0%{box-shadow:0 0 10px var(--current-color-50)}to{box-shadow:0 0 15px var(--current-color-60),0 0 25px var(--current-color-40)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.multiplayer-connection,.multiplayer-lobby,.multiplayer-waiting{padding:16px}.join-options{flex-direction:column;gap:16px}.join-section{min-width:auto;padding:16px}.lobby-content h2{font-size:24px}.lobby-content>p{font-size:16px}.connection-status,.waiting-content{padding:16px}}@media (max-width:480px){.multiplayer-connection,.multiplayer-lobby,.multiplayer-waiting{padding:8px}.lobby-content h2{font-size:19.2px}.lobby-content>p{font-size:14.4px}.join-section{padding:12.8px}.connection-status,.waiting-content{padding:16px}}@media (prefers-contrast:high){.multiplayer-connection,.multiplayer-lobby,.multiplayer-waiting{background:#000}.connection-status,.join-section,.lobby-content,.waiting-content{background:#000000e6;border-width:3px}}@media (prefers-reduced-motion:reduce){.connection-status,.lobby-content,.multiplayer-connection,.multiplayer-lobby,.multiplayer-waiting,.waiting-content{animation:none}.join-section button:hover,.leave-button:hover{transform:none}.spinner{animation:none}}.zoom-warning{-webkit-text-size-adjust:none!important;-moz-text-size-adjust:none!important;text-size-adjust:none!important;animation:slideDown .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ff9329f2;border-bottom:2px solid #ff9329;box-shadow:0 2px 10px #0000004d;left:0;position:fixed;right:0;top:0;z-index:9999}.zoom-warning-content{align-items:center;display:flex;gap:12px;justify-content:center;margin:0 auto;max-width:1200px;padding:12px 20px}.zoom-warning-icon{flex-shrink:0;font-size:20px;line-height:1}.zoom-warning-text{flex:1 1;font-family:Share Tech Mono,monospace;font-size:14px;font-weight:600;line-height:1.3;text-align:center}.zoom-warning-dismiss,.zoom-warning-text{-webkit-text-size-adjust:none!important;-moz-text-size-adjust:none!important;text-size-adjust:none!important;color:#000}.zoom-warning-dismiss{align-items:center;background:#0003;border:none;border-radius:50%;cursor:pointer;display:flex;flex-shrink:0;font-size:16px;height:24px;justify-content:center;line-height:1;padding:0;transition:all .2s ease;width:24px}.zoom-warning-dismiss:hover{background:#0006;transform:scale(1.1)}.zoom-warning-dismiss:active{transform:scale(.95)}@keyframes slideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@media (max-width:640px){.zoom-warning-text{font-size:12px}.zoom-warning-content{gap:8px;padding:10px 16px}.zoom-warning-icon{font-size:18px}.zoom-warning-dismiss{font-size:14px;height:22px;width:22px}}@media (max-width:400px){.zoom-warning-text{font-size:11px}.zoom-warning-content{padding:8px 12px}}:root{--current-color:#66ffd6;--current-color-bright:#7affe0;--current-color-10:color-mix(in srgb,var(--current-color) 10%,#0000);--current-color-20:color-mix(in srgb,var(--current-color) 20%,#0000);--current-color-30:color-mix(in srgb,var(--current-color) 30%,#0000);--current-color-40:color-mix(in srgb,var(--current-color) 40%,#0000);--current-color-60:color-mix(in srgb,var(--current-color) 60%,#0000)}.crtOverlay,.crtPower,.crtSweep{--current-color:inherit}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;background:#000;color:#66ffd6;color:var(--current-color);display:flex;font-family:Share Tech Mono,monospace;justify-content:center;line-height:1.5;margin:0;overflow-x:hidden;padding:0;text-rendering:optimizeLegibility}#root,body{min-height:100vh;position:relative}#root{width:100%;z-index:1}.crtOverlay{z-index:10}.crtOverlay,.crtPower,.crtSweep{height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%}.crtOverlay,.crtPower,.crtSweep{opacity:0}.crtOverlay.active,.crtPower.active,.crtSweep.active{opacity:1;transition:opacity .5s ease-in-out}.crtPower.active{animation:crt-power-on 3s ease-in-out forwards}.crtSweep.active{animation:crt-line-sweep 1s ease-in-out forwards}@keyframes crt-power-on{0%{background:#000;opacity:0}10%{background:radial-gradient(circle,color-mix(in srgb,#66ffd6 20%,#0000),#000000e6);background:radial-gradient(circle,var(--current-color-20),#000000e6);opacity:.9}20%{background:#000;opacity:.7}30%{background:radial-gradient(circle,color-mix(in srgb,#66ffd6 40%,#0000),#000);background:radial-gradient(circle,var(--current-color-40),#000);opacity:.8}40%{background:#000;opacity:.6}80%{background:radial-gradient(circle,color-mix(in srgb,#66ffd6 10%,#0000),#0000);background:radial-gradient(circle,var(--current-color-10),#0000);opacity:.3}to{background:#0000;opacity:0}}@keyframes crt-line-sweep{0%{background:#0000}10%{background:linear-gradient(color-mix(in srgb,#66ffd6 60%,#0000),#0000);background:linear-gradient(var(--current-color-60),#0000);background-position:0 -10%;background-repeat:no-repeat;background-size:100% 4px}50%{background:linear-gradient(color-mix(in srgb,#66ffd6 40%,#0000),#0000);background:linear-gradient(var(--current-color-40),#0000);background-position:0 50%;background-repeat:no-repeat;background-size:100% 4px}to{background:linear-gradient(color-mix(in srgb,#66ffd6 30%,#0000),#0000);background:linear-gradient(var(--current-color-30),#0000);background-position:0 110%;background-repeat:no-repeat;background-size:100% 4px}}.crtOverlay:after{background:repeating-linear-gradient(0deg,color-mix(in srgb,#66ffd6 10%,#0000),color-mix(in srgb,#66ffd6 10%,#0000) 1px,#0000 0,#0000 2px);background:repeating-linear-gradient(0deg,var(--current-color-10),var(--current-color-10) 1px,#0000 1px,#0000 2px);content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}