:root{--arcade-bg:#0a0a0f;--arcade-bg-dark:#050508;--arcade-primary:#0f8;--arcade-secondary:#f0a;--arcade-accent:#f6c;--arcade-warning:#fa0;--arcade-danger:red;--arcade-text:#e0e0e0;--arcade-text-dim:#666680;--player1-color:#0cf;--player2-color:#f44;--player3-color:#fc0;--player4-color:#a6f;--glow-player1:#00ccff4d;--glow-player2:#ff44444d;--glow-player3:#ffcc004d;--glow-player4:#aa66ff4d;--glow-primary:#00ff884d;--glow-secondary:#ff00aa4d;--glow-accent:#ff66cc4d;--glow-warning:#ffaa004d;--glow-danger:#ff00004d;--scanline-color:#00000040;--noise-opacity:.05;--flicker-intensity:.002;--jitter-intensity:.3px;--font-pixel:"Press Start 2P",monospace;--font-terminal:"VT323",monospace;--arcade-gap:1rem;--arcade-padding:2rem;--outer-padding:2rem}@media (max-width:768px){:root{--arcade-padding:1rem;--outer-padding:1rem}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--arcade-bg-dark);width:100%;height:100%;overflow:hidden}@media (max-width:768px){html,body{width:100vw;height:100dvh;margin:0;padding:0;overflow:hidden}}body{font-family:var(--font-terminal);color:var(--arcade-text);-webkit-font-smoothing:none;-moz-osx-font-smoothing:unset;font-size:18px;line-height:1.4}#root{justify-content:center;align-items:stretch;width:100%;height:100%;display:flex;overflow:hidden}#root>*{flex-direction:column;flex:1;min-height:0;display:flex}@media (max-width:768px){#root{width:100vw;height:100dvh;display:flex}}.crt-screen{background:var(--arcade-bg);flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden;box-shadow:0 0 60px #00ff881a,0 0 120px #000c,inset 0 0 80px #0006}@media (max-width:768px){.crt-screen{z-index:50;border:none!important;border-radius:0!important;height:100dvh!important;position:fixed!important;inset:0!important}.crt-screen:before,.crt-screen:after{border-radius:0!important}}.crt-screen:before{content:"";pointer-events:none;z-index:10001;background:radial-gradient(#0000 0% 20%,#0003 80%,#00000080 90%,#0009 100%);position:absolute;inset:0}.crt-screen:after{content:"";pointer-events:none;z-index:10000;background:linear-gradient(90deg,#ff00000d 0%,#0000 5% 95%,#00ffff0d 100%),linear-gradient(#ff000008 0%,#0000 3% 97%,#00ffff08 100%);animation:8s ease-in-out infinite chromatic-shift;position:absolute;inset:0}@keyframes chromatic-shift{0%,to{opacity:.5}50%{opacity:1}}.crt-scanlines{background:repeating-linear-gradient(0deg,var(--scanline-color)0px,var(--scanline-color)1px,transparent 1px,transparent 3px);pointer-events:none;z-index:10002;position:fixed;inset:0}.crt-noise{opacity:var(--noise-opacity);pointer-events:none;z-index:10003;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");animation:.5s steps(10,end) infinite noise-shift;position:fixed;inset:0}@keyframes noise-shift{0%,to{transform:translate(0)}10%{transform:translate(-1%,-1%)}20%{transform:translate(1%,1%)}30%{transform:translate(-1%,1%)}40%{transform:translate(1%,-1%)}50%{transform:translate(-1%)}60%{transform:translate(1%)}70%{transform:translateY(-1%)}80%{transform:translateY(1%)}90%{transform:translate(-1%,-1%)}}.crt-flicker{pointer-events:none;z-index:10004;opacity:0;animation:.12s infinite crt-flicker;position:fixed;inset:0}@keyframes crt-flicker{0%,to{opacity:0}50%{opacity:var(--flicker-intensity);background:#fff}}.crt-wrapper{flex-direction:column;align-items:stretch;width:100%;height:100%;display:flex;position:relative;overflow:hidden auto}@media (max-width:768px){.crt-wrapper{justify-content:flex-start;height:auto;min-height:100%}}.crt-content{min-height:min-content;padding:var(--outer-padding);z-index:1;flex-direction:column;flex:none;align-items:center;width:100%;max-width:800px;margin:auto;animation:.1s steps(2,end) infinite content-jitter;display:flex;position:relative;overflow-x:hidden}.crt-content--boot{min-height:100%}@media (max-width:768px){.crt-content{-webkit-overflow-scrolling:touch;touch-action:pan-y;z-index:1;padding:var(--outer-padding);flex-direction:column;flex:none;animation:none;display:flex;position:relative;width:100%!important;overflow-x:hidden!important}}@keyframes content-jitter{0%,to{transform:translate(0)}25%{transform:translateX(var(--jitter-intensity))}75%{transform:translateX(-var(--jitter-intensity))}}.crt-screen .crt-glitch{pointer-events:none;z-index:10005;background:#ffffff1a;height:2px;animation:4s linear infinite glitch-line;position:fixed;left:0;right:0}@keyframes glitch-line{0%{opacity:0;top:-2px}2%{opacity:.8}4%{opacity:0;top:100%}to{opacity:0;top:100%}}.pixel-text{font-family:var(--font-pixel);text-transform:uppercase;letter-spacing:2px}.terminal-text{font-family:var(--font-terminal);font-size:1.5rem}.glow-text{text-shadow:0 0 6px,0 0 18px}.glow-text-soft{text-shadow:0 0 6px}h1,.heading-xl{font-family:var(--font-pixel);color:var(--arcade-primary);text-transform:uppercase;letter-spacing:3px;text-shadow:0 0 6px,0 0 12px,0 0 18px;font-size:1.5rem}h2,.heading-lg{font-family:var(--font-pixel);color:var(--arcade-accent);text-transform:uppercase;letter-spacing:2px;text-shadow:0 0 6px;font-size:1rem}h3,.heading-md{font-family:var(--font-pixel);color:var(--arcade-text);text-transform:uppercase;letter-spacing:1px;font-size:.75rem}.arcade-btn{line-height:1.2;font-family:var(--font-pixel);border:2px solid var(--arcade-primary);color:var(--arcade-primary);text-transform:uppercase;letter-spacing:2px;cursor:pointer;box-shadow:0 0 10px var(--glow-primary),inset 0 0 10px #00ff881a;background:0 0;padding:1rem 2rem;font-size:.75rem;transition:none;position:relative}@media (max-width:768px){.arcade-btn{padding:.5rem 1rem;font-size:1rem}.glow-text{text-shadow:0 0 4px,0 0 8px}.glow-text-soft{text-shadow:0 0 2px,0 0 4px}h1,.heading-xl,h2,.heading-lg{text-shadow:0 0 6px,0 0 8px}}.arcade-btn:hover{background:var(--arcade-primary);color:var(--arcade-bg);box-shadow:0 0 20px var(--glow-primary),0 0 40px var(--glow-primary)}.arcade-btn:active{transform:scale(.98)}.arcade-btn--secondary{border-color:var(--arcade-accent);color:var(--arcade-accent);box-shadow:0 0 10px var(--glow-accent),inset 0 0 10px #00ccff1a}.arcade-btn--disabled{opacity:.5;border-color:var(--arcade-text-dim);color:var(--arcade-text-dim);cursor:not-allowed;box-shadow:0 0 10px var(--glow-text-dim),inset 0 0 10px #ffffff1a}.arcade-btn--disabled:hover{color:var(--arcade-text-dim);box-shadow:0 0 10px var(--glow-text-dim),inset 0 0 10px #ffffff1a;background:0 0}.arcade-btn--disabled:active{transform:scale(1)}.arcade-btn--secondary:hover{background:var(--arcade-accent);box-shadow:0 0 20px var(--glow-accent),0 0 40px var(--glow-accent)}.arcade-btn--warning{border-color:var(--arcade-warning);color:var(--arcade-warning);box-shadow:0 0 10px var(--glow-warning),inset 0 0 10px #ffaa001a;background:0 0}.arcade-btn--warning:hover{background:var(--arcade-warning);color:var(--arcade-bg);box-shadow:0 0 20px var(--glow-warning),0 0 40px var(--glow-warning)}.arcade-btn--danger{border-color:var(--arcade-danger);color:var(--arcade-danger);box-shadow:0 0 10px var(--glow-danger),inset 0 0 10px #ff00001a;background:0 0}.arcade-btn--danger:hover{background:var(--arcade-danger);color:var(--arcade-bg);box-shadow:0 0 20px var(--glow-danger),0 0 40px var(--glow-danger)}.arcade-btn--small{padding:.5rem 1rem;font-size:.5rem}.arcade-input{font-family:var(--font-pixel);border:2px solid var(--arcade-text-dim);color:var(--arcade-primary);text-transform:uppercase;letter-spacing:4px;text-align:center;background:#00000080;outline:none;padding:.75rem 1rem;font-size:1rem;transition:none}.arcade-input:focus{border-color:var(--arcade-primary);box-shadow:0 0 10px var(--glow-primary),inset 0 0 10px #00ff881a}.arcade-input::placeholder{color:var(--arcade-text-dim);letter-spacing:2px}.arcade-checkbox{appearance:none;border:2px solid var(--arcade-primary);vertical-align:middle;cursor:pointer;width:1rem;height:1rem;box-shadow:0 0 6px var(--glow-primary);background:0 0;display:inline-block;position:relative}.arcade-checkbox:focus{outline-offset:2px;outline:2px solid #ffffff0f}.arcade-checkbox:checked{background:var(--arcade-primary);box-shadow:0 0 10px var(--glow-primary),inset 0 0 4px #0003}.arcade-checkbox:checked:after{content:"";border:solid var(--arcade-bg);border-width:0 .18rem .18rem 0;width:.28rem;height:.6rem;position:absolute;top:.08rem;left:.28rem;transform:rotate(45deg)}@media (max-width:480px){.arcade-checkbox{width:1.25rem;height:1.25rem}}.lobby-code-input{letter-spacing:8px;width:260px;max-width:90%;padding:1rem;font-size:1.5rem}@media (max-width:480px){.lobby-code-input{letter-spacing:4px;padding:.75rem;font-size:1.25rem}}.arcade-panel{border:1px solid var(--arcade-text-dim);background:#0006;flex-direction:column;width:100%;max-width:500px;max-height:500px;padding:1rem;display:flex;position:relative;overflow-y:auto}.arcade-panel--glow{border-color:var(--arcade-primary);box-shadow:0 0 10px #00ff880f,inset 0 0 10px #00ff8808}.modal-overlay{z-index:9999;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.arcade-modal{background:var(--arcade-bg);border:2px solid var(--arcade-primary);text-align:center;width:100%;max-width:500px;padding:2.5rem;animation:.2s cubic-bezier(.175,.885,.32,1.275) forwards modal-appear;position:relative;box-shadow:0 0 16px #00ff881f,inset 0 0 8px #00ff880f}@media (max-width:480px){.arcade-modal{padding:1.5rem}}.arcade-modal--secondary{border-color:var(--arcade-accent);box-shadow:0 0 30px #f6c3,inset 0 0 15px #ff66cc1a}.arcade-modal--danger{border-color:var(--arcade-danger);box-shadow:0 0 30px #f003,inset 0 0 15px #ff00001a}.arcade-modal--warning{border-color:var(--arcade-warning);box-shadow:0 0 30px #fa03,inset 0 0 15px #ffaa001a}@keyframes modal-appear{0%{opacity:0;transform:scale(.9)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.arcade-modal__title{margin-bottom:1.5rem}.arcade-modal__content{margin-bottom:2rem}.arcade-modal__actions{justify-content:center;gap:1rem;display:flex}.scoreboard{font-family:var(--font-pixel);justify-content:center;gap:2rem;display:flex}.scoreboard__player{text-align:center}.scoreboard__label{color:var(--arcade-text-dim);text-transform:uppercase;margin-bottom:.5rem;font-size:.5rem}.scoreboard__score{color:var(--arcade-primary);text-shadow:0 0 10px,0 0 20px;font-size:2rem}.scoreboard__score--p2{color:var(--arcade-secondary);text-shadow:0 0 10px,0 0 20px}.menu-list{flex-direction:column;gap:1rem;list-style:none;display:flex}.menu-item{font-family:var(--font-pixel);color:var(--arcade-text);cursor:pointer;text-align:left;padding:1rem 2rem 1rem 3rem;font-size:.875rem;transition:none;position:relative}.menu-item:before{content:"▶";opacity:0;color:var(--arcade-primary);transition:none;position:absolute;top:50%;left:.5rem;transform:translateY(-50%)}.menu-item--interactive:hover,.menu-item--selected{color:var(--arcade-primary);text-shadow:0 0 10px}.menu-item .color-dim,.menu-item .terminal-text{text-shadow:none}.menu-item--interactive:hover:before,.menu-item--selected:before{opacity:1}@media (max-width:480px){.menu-item{padding:.75rem 1rem .75rem 2.5rem;font-size:.75rem}}.blink-fast{animation:.5s ease-in-out infinite blink-anim}.blink{animation:2s ease-in-out infinite blink-anim}@keyframes blink-anim{0%,40%{opacity:1}40%,50%{opacity:.5}50%,to{opacity:1}}.crt-warmup{animation:2s ease-out forwards crt-warmup-anim}@keyframes crt-warmup-anim{0%{filter:brightness(0)blur(20px);transform:scale(1.1)}30%{filter:brightness(.3)blur(10px);transform:scale(1.05)}60%{filter:brightness(.7)blur(5px);transform:scale(1.02)}to{filter:brightness()blur();transform:scale(1)}}.screen-turnon{animation:.5s ease-out forwards screen-turnon-anim}@keyframes screen-turnon-anim{0%{clip-path:inset(50% 0);opacity:0}50%{clip-path:inset(48% 0);opacity:1}to{clip-path:inset(0);opacity:1}}.flex-center{justify-content:center;align-items:center;display:flex}.flex-col{flex-direction:column}.gap-1{gap:.5rem}.gap-2{gap:1rem}.gap-3{gap:1.5rem}.gap-4{gap:2rem}.text-center{text-align:center}.color-primary{color:var(--arcade-primary)}.color-secondary{color:var(--arcade-secondary)}.color-accent{color:var(--arcade-accent)}.color-warning{color:var(--arcade-warning)}.color-danger{color:var(--arcade-danger)}.color-dim{color:var(--arcade-text-dim)}.fixed-inset{position:fixed;inset:0}.bg-black-alpha-70{background:#000000b3}.z-50{z-index:50}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mt-8{margin-top:2rem}.w-full{width:100%}.max-w-sm{max-width:24rem}.p-8{padding:2rem}.loading-bar{background:#ffffff1a;width:100%;height:4px;overflow:hidden}.loading-bar-fill{height:100%;transition:width 1s linear}.bg-warning{background:var(--arcade-warning)}.crt-footer{font-family:var(--font-terminal);color:var(--arcade-text-dim);z-index:10;width:100%;margin-top:2rem;margin-bottom:var(--arcade-padding);justify-content:center;align-items:center;gap:.5rem;font-size:.875rem;display:flex;position:relative}.crt-footer *{pointer-events:auto}.crt-footer__info{gap:.5rem;display:flex}@media (max-width:600px){.crt-footer{background:0 0;font-size:.75rem;position:relative}.crt-footer__info{display:none}}.crt-footer a{color:var(--arcade-accent);text-decoration:none;transition:none}.crt-footer a:hover{text-shadow:0 0 8px}.crt-footer__dot{opacity:.5}.lobby-container{width:100%;padding:var(--arcade-padding);flex-direction:column;gap:1.5rem;margin:0 auto;display:flex}.lobby-layout{justify-content:center;gap:1.5rem;height:fit-content;display:flex}@media (max-width:850px){.lobby-layout{flex-direction:column;align-items:center;height:auto;overflow:visible}}.lobby-header{justify-content:space-between;align-items:center;display:flex}@media (max-width:600px){.lobby-header{flex-direction:column;align-items:flex-start;gap:1rem}}.lobby-header__right{text-align:right}.open-join-container{justify-content:flex-end;align-items:center;gap:1rem;margin-top:.5rem;display:flex}@media (max-width:600px){.lobby-header__right{text-align:left;width:100%}.open-join-container{justify-content:flex-start}}.lobby-actions{gap:1rem;display:flex}@media (max-width:600px){.lobby-actions{flex-direction:column;justify-content:center;align-items:center;min-width:100%}.lobby-actions button{width:100%}}.menu-container{padding:3rem var(--arcade-padding);flex-direction:column;justify-content:center;align-items:center;gap:2rem;display:flex}.logo-text{font-family:var(--font-pixel);color:var(--arcade-primary);text-shadow:0 0 20px var(--glow-primary),0 0 20px var(--glow-primary),0 0 40px var(--glow-primary);letter-spacing:8px;font-size:4rem;line-height:1}@media (max-width:600px){.logo-text{letter-spacing:4px;font-size:2.5rem}}@media (max-width:380px){.logo-text{font-size:2rem}}.dab-container{padding:var(--arcade-padding);flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;display:flex}.dab-header{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;width:100%;max-width:800px;display:flex}.dab-player{font-family:var(--font-terminal);text-transform:uppercase;border:1px solid #0000;flex-direction:column;align-items:center;min-width:80px;padding:.5rem .75rem;transition:none;display:flex}@media (max-width:480px){.dab-player{min-width:70px;padding:.25rem .5rem}.dab-player__name{font-size:.5rem}.dab-player__score{font-size:1rem}}.dab-player__name{font-family:var(--font-pixel);white-space:nowrap;margin-bottom:.25rem;font-size:.625rem}.dab-player__score{font-family:var(--font-pixel);font-size:1.25rem}.dab-player--p1{color:var(--player1-color)}.dab-player--p2{color:var(--player2-color)}.dab-player--p3{color:var(--player3-color)}.dab-player--p4{color:var(--player4-color)}.dab-player--active{background:color-mix(in srgb,currentColor 10%,transparent);box-shadow:0 0 15px color-mix(in srgb,currentColor 40%,transparent),inset 0 0 10px color-mix(in srgb,currentColor 20%,transparent);border-color:currentColor}.dab-player--active .dab-player__name,.dab-player--active .dab-player__score{text-shadow:0 0 10px}.dab-turn-indicator{font-family:var(--font-pixel);text-transform:uppercase;border:2px solid;margin-top:1rem;padding:.5rem 1.5rem;font-size:.625rem}.dab-turn-indicator--p1{color:var(--player1-color);box-shadow:0 0 15px var(--glow-player1)}.dab-turn-indicator--p2{color:var(--player2-color);box-shadow:0 0 15px var(--glow-player2)}.dab-turn-indicator--p3{color:var(--player3-color);box-shadow:0 0 15px var(--glow-player3)}.dab-turn-indicator--p4{color:var(--player4-color);box-shadow:0 0 15px var(--glow-player4)}.dab-board-wrapper{flex:1;justify-content:center;align-items:center;min-height:0;display:flex}.dab-board{gap:0;display:grid;position:relative}.dab-dot{background:var(--arcade-text);width:12px;height:12px;box-shadow:0 0 5px var(--arcade-text),0 0 10px #ffffff4d;z-index:10;border-radius:50%}.dab-line{cursor:pointer;z-index:5;background:0 0;transition:none;position:absolute}.dab-line:hover:not(.dab-line--drawn){box-shadow:0 0 5px var(--arcade-text),0 0 10px #ffffff4d;background:#fffc}.dab-line--horizontal{height:8px;transform:translateY(-50%)}.dab-line--vertical{width:8px;transform:translate(-50%)}.dab-line--drawn{cursor:default}.dab-line--p1{background:var(--player1-color);box-shadow:0 0 5px var(--glow-player1),0 0 10px var(--glow-player1)}.dab-line--p2{background:var(--player2-color);box-shadow:0 0 5px var(--glow-player2),0 0 10px var(--glow-player2)}.dab-line--p3{background:var(--player3-color);box-shadow:0 0 5px var(--glow-player3),0 0 10px var(--glow-player3)}.dab-line--p4{background:var(--player4-color);box-shadow:0 0 5px var(--glow-player4),0 0 10px var(--glow-player4)}.dab-line--preview-p1{background:color-mix(in srgb,var(--player1-color)7%,transparent)}.dab-line--preview-p2{background:color-mix(in srgb,var(--player2-color)7%,transparent)}.dab-line--preview-p3{background:color-mix(in srgb,var(--player3-color)7%,transparent)}.dab-line--preview-p4{background:color-mix(in srgb,var(--player4-color)7%,transparent)}.dab-box{font-family:var(--font-pixel);z-index:1;justify-content:center;align-items:center;font-size:.75rem;display:flex;position:absolute;overflow:hidden}.dab-box:before{content:"";background:inherit;clip-path:inset(0 0 100%);animation:.4s ease-out forwards box-scan-reveal;position:absolute;inset:0}.dab-box:after{content:"";height:3px;animation:.4s ease-out forwards box-scanline;position:absolute;top:0;left:0;right:0}.dab-box--p1:after{background:var(--player1-color);box-shadow:0 0 8px var(--player1-color),0 0 16px var(--player1-color),0 0 24px var(--glow-player1)}.dab-box--p2:after{background:var(--player2-color);box-shadow:0 0 8px var(--player2-color),0 0 16px var(--player2-color),0 0 24px var(--glow-player2)}.dab-box--p3:after{background:var(--player3-color);box-shadow:0 0 8px var(--player3-color),0 0 16px var(--player3-color),0 0 24px var(--glow-player3)}.dab-box--p4:after{background:var(--player4-color);box-shadow:0 0 8px var(--player4-color),0 0 16px var(--player4-color),0 0 24px var(--glow-player4)}@keyframes box-scan-reveal{0%{clip-path:inset(0 0 100%)}to{clip-path:inset(0)}}@keyframes box-scanline{0%{opacity:1;top:0}90%{opacity:1}to{opacity:0;top:100%}}.dab-box>*{opacity:0;animation:.2s ease-out .35s forwards symbol-fade}@keyframes symbol-fade{0%{opacity:0}to{opacity:1}}.dab-box--p1{background:color-mix(in srgb,var(--player1-color)15%,transparent);color:var(--player1-color);border:1px solid color-mix(in srgb,var(--player1-color)30%,transparent)}.dab-box--p2{background:color-mix(in srgb,var(--player2-color)15%,transparent);color:var(--player2-color);border:1px solid color-mix(in srgb,var(--player2-color)30%,transparent)}.dab-box--p3{background:color-mix(in srgb,var(--player3-color)15%,transparent);color:var(--player3-color);border:1px solid color-mix(in srgb,var(--player3-color)30%,transparent)}.dab-box--p4{background:color-mix(in srgb,var(--player4-color)15%,transparent);color:var(--player4-color);border:1px solid color-mix(in srgb,var(--player4-color)30%,transparent)}.dab-actions{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}@media (max-width:600px){.dab-actions{margin-bottom:2rem}}.ttt-container{padding:var(--arcade-padding);flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;display:flex}.ttt-header{justify-content:center;align-items:center;gap:2rem;width:100%;max-width:600px;display:flex}.ttt-player{font-family:var(--font-terminal);text-transform:uppercase;border:1px solid #0000;flex-direction:column;align-items:center;min-width:100px;padding:.5rem 1rem;transition:none;display:flex}.ttt-player__name{font-family:var(--font-pixel);white-space:nowrap;margin-bottom:.25rem;font-size:.75rem}.ttt-player__symbol{font-family:var(--font-pixel);font-size:2rem;line-height:1}.ttt-player--p1{color:var(--player1-color)}.ttt-player--p2{color:var(--player2-color)}.ttt-player--active{background:color-mix(in srgb,currentColor 10%,transparent);box-shadow:0 0 15px color-mix(in srgb,currentColor 40%,transparent),inset 0 0 10px color-mix(in srgb,currentColor 20%,transparent);border-color:currentColor}.ttt-player--active .ttt-player__name,.ttt-player--active .ttt-player__symbol{text-shadow:0 0 10px}.ttt-turn-indicator{font-family:var(--font-pixel);text-transform:uppercase;border:2px solid;margin-bottom:1rem;padding:.5rem 1.5rem;font-size:.75rem}.ttt-turn-indicator--p1{color:var(--player1-color);box-shadow:0 0 15px var(--glow-player1)}.ttt-turn-indicator--p2{color:var(--player2-color);box-shadow:0 0 15px var(--glow-player2)}.ttt-board-wrapper{justify-content:center;align-items:center;padding:1rem;display:flex}.ttt-board{background:#0003;border-radius:4px;grid-template-columns:repeat(3,1fr);gap:.5rem;padding:.5rem;display:grid}.ttt-cell{width:80px;height:80px;font-family:var(--font-pixel);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;justify-content:center;align-items:center;font-size:3rem;transition:none;display:flex;position:relative}.ttt-cell:hover:not(:disabled){background:#ffffff1a;box-shadow:inset 0 0 10px #ffffff1a}.ttt-cell:disabled{cursor:default}.ttt-cell--x{color:var(--player1-color);text-shadow:0 0 5px var(--glow-player1)}.ttt-cell--o{color:var(--player2-color);text-shadow:0 0 5px var(--glow-player2)}.ttt-cell--winner{background:color-mix(in srgb,currentColor 20%,transparent);box-shadow:inset 0 0 20px color-mix(in srgb,currentColor 40%,transparent);border-color:currentColor;animation:1s infinite alternate winner-pulse}@keyframes winner-pulse{0%{box-shadow:inset 0 0 20px color-mix(in srgb,currentColor 40%,transparent)}to{box-shadow:inset 0 0 40px color-mix(in srgb,currentColor 60%,transparent)}}.ttt-actions{justify-content:center;gap:1rem;margin-top:1rem;display:flex}@media (max-width:400px){.ttt-cell{width:60px;height:60px;font-size:2rem}}