@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ba015fad6dcf6784-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/569ce4b8f30dc480-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Geist Fallback;src:local("Arial");ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.00%;size-adjust:104.76%}.__className_4d318d{font-family:Geist,Geist Fallback;font-style:normal}.__variable_4d318d{--font-geist-sans:"Geist","Geist Fallback"}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/747892c23ea88013-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/93f479601ee12b01-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Geist Mono Fallback;src:local("Arial");ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.00%;size-adjust:134.59%}.__className_ea5f4b{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.__variable_ea5f4b{--font-geist-mono:"Geist Mono","Geist Mono Fallback"}:root{--blue:#3b82f6;--purple:#a855f7;--green:#10b981;--yellow:#facc15;--orange:#f59e0b;--white:#ffffff;--gray-400:#9ca3af;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--black:#000000}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background:radial-gradient(circle at center,var(--gray-800) 0,var(--black) 100%);color:var(--white);min-height:100vh}.container{min-height:100vh;align-items:center;justify-content:center;padding:1rem}.container,.content{display:flex;flex-direction:column}.content{max-width:480px;width:100%;margin:0 auto;gap:1.5rem}.header{text-align:center;margin-bottom:1.5rem;animation:fadeIn 1s ease-in}.title{font-size:3.5rem;font-weight:900;margin-bottom:.5rem;text-shadow:0 0 10px rgba(255,255,255,.5);background:linear-gradient(to right,var(--blue),var(--purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.bolt{color:var(--yellow);position:relative;-webkit-text-fill-color:var(--yellow);text-shadow:0 0 10px rgba(250,204,21,.8);animation:pulse 2s infinite}.bolt:after{content:"⚡";position:absolute;font-size:1.5rem;top:-10px;right:-15px;transform:rotate(20deg)}.game-box{background-color:rgba(31,41,55,.8);border-radius:1rem;padding:2rem;border:1px solid rgba(75,85,99,.5);box-shadow:0 10px 25px -5px rgba(0,0,0,.3),0 0 15px -3px rgba(59,130,246,.2),0 0 10px -3px rgba(168,85,247,.2);backdrop-filter:blur(5px);transition:all .3s ease;width:100%;max-width:500px;margin:0 auto;position:relative;z-index:1}.game-box:hover{box-shadow:0 15px 30px -5px rgba(0,0,0,.3),0 0 20px -3px rgba(59,130,246,.3),0 0 15px -3px rgba(168,85,247,.3);transform:translateY(-5px)}.game-box:before{content:"";position:absolute;top:-10px;left:-10px;right:-10px;bottom:-10px;background:linear-gradient(45deg,var(--blue),var(--purple));border-radius:1.25rem;z-index:-1;opacity:.1;filter:blur(15px)}.game-status{margin-bottom:1rem}.status-row{display:flex;justify-content:space-between;margin-bottom:.75rem}.game-id-box{background-color:rgba(31,41,55,.5);padding:.5rem;border-radius:.5rem;border:1px solid rgba(75,85,99,.5);flex:1;margin-right:.5rem;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(2px)}.game-id-label{color:var(--gray-400);margin-right:.5rem;font-size:.875rem}.game-id{font-family:monospace;padding:.25rem .5rem;border-radius:.25rem;font-size:1.125rem;letter-spacing:.05em;margin-right:.5rem}.copy-button,.game-id{background-color:rgba(55,65,81,.7)}.copy-button{border:none;border-radius:.25rem;color:var(--gray-400);cursor:pointer;font-size:1rem;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;transition:all .2s ease;padding:0}.copy-button:hover{background-color:rgba(75,85,99,.8);color:var(--white)}.copy-button:active{transform:scale(.95)}.player-box{background-color:rgba(31,41,55,.5);padding:.5rem .75rem;border-radius:.5rem;border:1px solid rgba(75,85,99,.5);display:flex;align-items:center;backdrop-filter:blur(2px)}.player-label{color:var(--gray-400);margin-right:.5rem;font-size:.875rem}.player-x{color:var(--blue);font-weight:700;text-shadow:0 0 5px rgba(59,130,246,.5)}.player-o{color:var(--purple);font-weight:700;text-shadow:0 0 5px rgba(168,85,247,.5)}.spectator{color:var(--gray-400)}.status-message{font-size:1.25rem;font-weight:700;text-align:center;padding:.75rem;border-radius:.75rem;background-color:rgba(31,41,55,.5);backdrop-filter:blur(2px);animation:fadeIn .5s ease-out}.status-waiting{color:var(--yellow);text-shadow:0 0 5px rgba(250,204,21,.5)}.status-player-x{color:var(--blue);text-shadow:0 0 5px rgba(59,130,246,.5)}.status-player-o{color:var(--purple);text-shadow:0 0 5px rgba(168,85,247,.5)}.status-winner{color:var(--green);text-shadow:0 0 5px rgba(16,185,129,.5)}.wins-box{display:flex;justify-content:space-around;background-color:rgba(31,41,55,.5);padding:.75rem;border-radius:.75rem;border:1px solid rgba(75,85,99,.5);margin-bottom:.75rem;backdrop-filter:blur(2px)}.wins-player{font-size:1.25rem;font-weight:700;padding:.5rem 1rem;border-radius:.5rem;transition:all .2s ease}.wins-player:hover{transform:translateY(-2px);box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}.dice-roll-container{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:rgba(31,41,55,.5);padding:1rem;border-radius:.75rem;border:1px solid rgba(75,85,99,.5);margin-bottom:.75rem;backdrop-filter:blur(2px)}.dice-roll{display:flex;justify-content:space-around;width:100%;gap:1.5rem}.roll-player{display:flex;flex-direction:column;align-items:center;padding:.75rem;border-radius:.75rem;flex:1;transition:all .3s ease}.roll-player-x{background-color:rgba(59,130,246,.15);border:1px solid rgba(59,130,246,.3);box-shadow:0 0 10px rgba(59,130,246,.2)}.roll-player-o{background-color:rgba(168,85,247,.15);border:1px solid rgba(168,85,247,.3);box-shadow:0 0 10px rgba(168,85,247,.2)}.roll-label{color:var(--gray-400);font-size:.875rem;margin-bottom:.5rem}.roll-result{font-family:monospace;font-size:2.5rem;font-weight:700;padding:.5rem .75rem;background-color:rgba(55,65,81,.7);border-radius:.75rem;min-width:3rem;text-align:center;box-shadow:inset 0 2px 4px rgba(0,0,0,.3);text-shadow:0 0 5px rgba(255,255,255,.2)}.roll-result.rolling{animation:flash .5s ease-in-out infinite alternate;box-shadow:0 0 15px rgba(255,255,255,.3)}.roll-winner{margin-top:1rem;font-size:1.25rem;padding:.5rem 1rem;border-radius:.5rem;background-color:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.3)}.first-player-message,.roll-winner{font-weight:700;animation:fadeIn .5s ease-out}.first-player-message{background-color:rgba(31,41,55,.5);padding:.75rem;border-radius:.75rem;border:1px solid rgba(75,85,99,.5);margin-bottom:.75rem;text-align:center;backdrop-filter:blur(2px)}.game-board{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);aspect-ratio:1/1;max-width:340px;margin:1.5rem auto;background-color:#1f2937;border:2px solid #4b5563;border-radius:.75rem;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.3);position:relative;gap:4px}.cell{display:flex;align-items:center;justify-content:center;background-color:#111827;cursor:pointer;transition:all .2s ease;min-height:80px}.cell:hover{background-color:#1f2937}.symbol-o,.symbol-o-oldest,.symbol-x,.symbol-x-oldest{font-size:3.5rem;font-weight:700;line-height:1}.symbol-x{color:#3b82f6}.symbol-o{color:#ec4899}.symbol-x-oldest{color:#93c5fd}.symbol-o-oldest{color:#fbcfe8}.cell-winner{background-color:rgba(16,185,129,.2)}.cell-winner .symbol-o,.cell-winner .symbol-o-oldest,.cell-winner .symbol-x,.cell-winner .symbol-x-oldest{color:#10b981}.pulse{animation:pulse-bg 1.5s infinite}@keyframes pulse-bg{0%{background-color:rgba(0,0,0,0)}50%{background-color:rgba(251,191,36,.2)}to{background-color:rgba(0,0,0,0)}}.cell-disabled{opacity:.6;cursor:not-allowed}.cell-enabled{cursor:pointer;position:relative;z-index:1}.cell-enabled:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border:2px solid var(--green);box-shadow:0 0 8px rgba(16,185,129,.6);opacity:.8;z-index:-1;border-radius:3px;animation:pulse 1.5s infinite}@keyframes pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}@keyframes flash{0%{opacity:.7;transform:scale(.95)}to{opacity:1;transform:scale(1.05)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes winner-pulse{0%,to{background-color:rgba(16,185,129,.2)}50%{background-color:rgba(16,185,129,.4)}}.pulse .symbol-o,.pulse .symbol-x{color:#f59e0b;animation:pulse 1.5s infinite}.cell-x.pulse:after,.cell-x.pulse:before{background:linear-gradient(90deg,var(--orange),var(--yellow));box-shadow:0 0 15px rgba(250,204,21,.8)}.cell-o.pulse:before{background:conic-gradient(transparent 0deg,transparent 90deg,var(--yellow) 91deg,var(--yellow) 180deg,var(--yellow) 270deg,transparent 271deg);box-shadow:0 0 15px rgba(250,204,21,.8)}.game-input{width:100%;padding:.75rem 1rem;background-color:rgba(17,24,39,.7);border:2px solid #4b5563;border-radius:.5rem;color:#ffffff;font-size:1rem;transition:all .2s ease;margin-bottom:.75rem;box-sizing:border-box}.game-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px rgba(59,130,246,.3)}.game-input::placeholder{color:#9ca3af}.form-group{display:flex;flex-direction:column;width:100%}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;font-weight:600;border-radius:.5rem;transition:all .2s ease;cursor:pointer;font-size:1rem;border:2px solid transparent;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);width:100%;box-sizing:border-box}.btn-primary{background:linear-gradient(135deg,var(--blue),var(--purple));color:white;text-shadow:0 1px 2px rgba(0,0,0,.2)}.btn-primary:hover{box-shadow:0 0 15px rgba(59,130,246,.5),0 0 15px rgba(168,85,247,.5);transform:translateY(-2px)}.btn-secondary{background:rgba(31,41,55,.8);border:2px solid var(--gray-600);color:var(--white)}.btn-secondary:hover{background:rgba(55,65,81,.9);border-color:var(--blue);box-shadow:0 0 10px rgba(59,130,246,.3)}.create-button{margin-bottom:2rem}.play-again-button{margin-top:1rem}