@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700&display=swap";.celebration-popup{position:fixed;top:30%;left:50%;transform:translate(-50%,-50%);background:#000c;color:#fff;padding:20px;border-radius:10px;text-align:center;font-size:24px;animation:pop-up .5s ease-in-out}@keyframes pop-up{0%{transform:translate(-50%,-60%);opacity:0}to{transform:translate(-50%,-50%);opacity:1}}.gameboard-container{width:100vw;min-height:100vh;background:var(--primary-bg);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:clamp(1rem,2vw,2rem);color:var(--text-primary);position:relative;margin:0}#gameboard-heading{font-size:clamp(1.75rem,5vw,2.5rem);margin:clamp(1rem,3vw,1.5rem) 0;text-align:center;text-shadow:0 2px 4px rgba(0,0,0,.3)}.bet-popup{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center}.bet-popup-content{background:#fff;padding:20px;border-radius:10px;text-align:center;box-shadow:0 4px 10px #0003}.bet-popup-content h3{margin-bottom:15px;color:#34495e}.bet-popup-content p{margin:10px 0}.bet-popup-content button{padding:10px 20px;margin:10px;border:none;border-radius:5px;cursor:pointer}.bet-popup-content button:first-child{background-color:#2ecc71;color:#fff}.bet-popup-content button:first-child:hover{background-color:#27ae60}.bet-popup-content button:last-child{background-color:#e74c3c;color:#fff}.bet-popup-content button:last-child:hover{background-color:#c0392b}.bet-popup-content button:disabled{background-color:#bdc3c7;cursor:not-allowed}.gameboard-content{display:flex;flex-direction:column;align-items:center;width:100%;max-width:600px;gap:clamp(1rem,2vw,1.5rem);flex-grow:1;justify-content:center}.gameboard-board-container{position:relative;width:min(90vw,450px);height:min(90vw,450px);margin:0 auto;background:linear-gradient(145deg,#1a1a1a,#121212);border:4px dashed var(--board-border);border-radius:15px;box-shadow:0 0 20px #00000080,0 0 10px #ffffff0d inset}.gameboard-lines{position:absolute;top:0;left:0;width:100%;height:100%}.gameboard-lines line{stroke:#ffffff26;stroke-width:clamp(1px,.5vw,2px);stroke-linecap:round}.gameboard-position-marker{position:absolute;width:clamp(30px,8vw,60px);height:clamp(30px,8vw,60px);display:flex;align-items:center;justify-content:center;background:#ffffff0d;border:2px dashed var(--board-border);border-radius:8px;cursor:pointer;transform:translate(-50%,-50%);font-size:clamp(.7rem,2.5vw,.9rem);color:#ffffff4d;transition:all var(--transition-timing)}.gameboard-position-marker:hover{background:#ffffff1a;border-color:#ffffff4d;transform:translate(-50%,-50%) scale(1.1)}.gameboard-piece{position:absolute;width:clamp(40px,10vw,70px);height:clamp(40px,10vw,70px);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:clamp(20px,6vw,40px);font-weight:700;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s ease;transform:translate(-50%,-50%);border:2px solid transparent;box-shadow:0 0 15px currentColor,0 2px 10px #0003}.gameboard-piece.X{background:radial-gradient(circle,var(--x-color),rgb(111,0,139));color:#fff;border-color:#ff00c8cc}.gameboard-piece.O{background:radial-gradient(circle,var(--o-color),rgba(10,97,17,.486));color:#fff;border-color:#73ff00cc}.gameboard-piece:hover{transform:translate(-50%,-50%) scale(1.1)}.gameboard-piece.selected{border:3px dashed #fff;box-shadow:0 0 25px #fff;transform:translate(-50%,-50%) scale(1.2);animation:pulse 1.5s infinite}@keyframes pulse{0%{transform:translate(-50%,-50%) scale(1.2)}50%{transform:translate(-50%,-50%) scale(1.25)}to{transform:translate(-50%,-50%) scale(1.2)}}.gameboard-details{text-align:center;margin-bottom:clamp(.75rem,2vw,1rem)}.gameboard-player-turn{font-size:clamp(1.25rem,4vw,1.75rem);margin:clamp(.75rem,2vw,1rem) 0;transition:color var(--transition-timing)}.gameboard-player-turn.X{color:var(--x-color);text-shadow:0 0 8px rgba(255,3,255,.3)}.gameboard-player-turn.O{color:var(--o-color);text-shadow:0 0 8px rgba(115,255,0,.3)}.gameboard-details h3,.gameboard-details h4{margin:clamp(.25rem,1vw,.5rem) 0;font-size:clamp(.9rem,2.5vw,1.1rem);color:var(--text-secondary)}.gameboard-restart-button{margin-top:clamp(1rem,2vw,1.5rem);padding:clamp(.5rem,1.5vw,.75rem) clamp(1rem,2vw,1.5rem);font-size:clamp(.9rem,2vw,1rem);background:var(--text-secondary);color:var(--primary-bg);border:none;border-radius:.25rem;cursor:pointer;transition:all var(--transition-timing);font-weight:600}.gameboard-restart-button:hover{background:#fff;transform:scale(1.05)}.gameboard-error-message{color:var(--error-color);font-size:clamp(.8rem,2vw,.9rem);margin-top:clamp(.25rem,1vw,.5rem);text-align:center;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.gameboard-container{padding:clamp(.75rem,1.5vw,1rem)}.gameboard-board-container{width:min(90vw,400px);height:min(90vw,400px)}.gameboard-lines line{stroke-width:clamp(1px,.4vw,1.5px)}}@media (max-width: 480px){.gameboard-join-room{padding:clamp(.75rem,2vw,1rem);width:90%}.gameboard-piece{width:clamp(30px,12vw,50px);height:clamp(30px,12vw,50px);font-size:clamp(16px,6vw,28px)}.gameboard-position-marker{width:clamp(25px,7vw,40px);height:clamp(25px,7vw,40px);font-size:clamp(.6rem,2vw,.8rem)}}.homeContainer{display:flex;flex-direction:column;min-height:100vh;background:#121212;overflow-x:hidden;font-family:Orbitron,sans-serif;font-size:110%}header{position:fixed;top:0;left:0;width:100%;height:60px;display:flex;justify-content:space-between;align-items:center;background:radial-gradient(circle,#333,#111);color:#ecf1f1;z-index:1000;padding:0 15px;box-shadow:0 2px 4px #8f979733}header h1{letter-spacing:4px;font-weight:100}#heading{margin:0;font-size:clamp(1rem,4vw,1.5rem);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:40%}.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:10px;z-index:1001}.hamburger span{width:25px;height:3px;background:#ecf1f1;transition:all .3s ease}.hamburger.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}nav ul{display:flex;gap:clamp(8px,2vw,15px);margin:0;padding-right:20px;list-style:none;align-items:center;flex-wrap:nowrap;max-width:50%}nav ul li{cursor:pointer;font-size:clamp(.9rem,2.5vw,1rem);padding:5px 10px;white-space:nowrap}.profile-icon{width:clamp(30px,5vw,36px);height:clamp(30px,5vw,36px);border-radius:50%;cursor:pointer;transition:transform .2s}.profile-icon:hover{transform:scale(1.1)}.menuSection{position:fixed;left:0;top:60px;height:calc(100vh - 60px);width:clamp(200px,25vw,250px);background:#1b1b1b;border-right:5px solid #141313;padding:20px 10px;transition:transform .3s ease-in-out;z-index:999}.menuList{width:100%;list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.menuItem{width:100%;font-size:clamp(1rem,3vw,1.1rem);font-weight:500;color:#d3cbcb;padding:14px 1px;border-radius:10px;cursor:pointer;transition:all .33s ease;position:relative;box-shadow:0 1px #8f9797}.menuItem:hover{background:#333;color:#fff;transform:translate(5px);box-shadow:0 1px 3px #fff}.dropdown{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#1a1a1a;color:#fff;padding:15px;border-radius:8px;box-shadow:0 4px 15px #0000004d;width:min(90vw,400px);max-height:80vh;overflow-y:auto;z-index:1000;transition:opacity .3s ease;opacity:1}.dropdown p{margin:8px 0;padding:5px;font-size:clamp(.85rem,2.5vw,.95rem);color:#d3cbcb}.dropdown button{background:#8f9797;color:#000;border:none;padding:clamp(6px,1.5vw,8px) clamp(10px,2vw,15px);border-radius:6px;cursor:pointer;margin:5px 0;transition:all .3s ease}.dropdown button:hover{background:#fff;transform:translateY(-1px)}.contentContainer{margin-left:250px;margin-top:60px;padding:clamp(10px,3vw,20px);flex:1;transition:margin-left .3s ease-in-out}.details{background:radial-gradient(ellipse,#222,#111);border-radius:8px;padding:clamp(15px,3vw,20px);color:#adafaf;min-height:calc(100vh - 100px);width:calc(100vw - 350px)}.gameList{list-style:none;padding:0;margin:20px 0;display:block;gap:clamp(10px,2vw,15px);max-height:70vh;overflow-y:auto}.gameItem{background:#333;padding:clamp(5px,2vw,10px);border-radius:8px;display:flex;justify-content:space-between;align-items:center;transition:all .3s ease;margin-bottom:4px}.gameItem:hover{transform:translateY(-3px);background:#3a3a3a}.gameItem span{color:#d1c6c6;font-size:clamp(.9rem,2.5vw,1rem)}.gameItem>button{background:#8f9797;color:#000;border:none;padding:clamp(6px,1.5vw,8px) clamp(10px,2vw,15px);border-radius:6px;cursor:pointer;transition:all .3s ease}.gameItem button:hover{background:#fff;transform:translateY(-1px)}.online-status{font-weight:700;font-size:1.2rem;padding:4px 8px;border-radius:4px}.online{color:#0f0;letter-spacing:2.5px;text-shadow:0 0 1px #00ff00,0 0 2px #00ff00,0 0 5px #00ff00}.offline{color:red;letter-spacing:2.5px;text-shadow:0 0 1px #ff0000,0 0 2px #ff0000,0 0 5px #ff0000}@media (max-width: 1024px){.menuSection{width:200px}.details{width:100%}.contentContainer{margin-left:200px}}@media (max-width: 768px){.hamburger{display:flex}.details{width:100%}header{padding:0 10px}#heading{max-width:60%}nav ul{max-width:40%}.menuSection{transform:translate(-100%);width:70vw;max-width:250px}.menuSection.active{transform:translate(0)}.contentContainer{margin-left:0;width:100%}.dropdown{width:min(85vw,350px)}}@media (max-width: 480px){#heading{max-width:60%}.details{width:85vw}nav ul{gap:5px;max-width:35%;padding-right:60px}nav ul li{padding:5px}.profile-icon{width:30px;height:30px}.menuSection{width:100%;padding:15px 5px}.menuItem{padding:10px 15px}.dropdown{width:min(90vw,300px);padding:10px}.gameItem{flex-direction:column;align-items:flex-start;gap:10px}.gameItem button{width:100%}}:root{--primary-bg: #121212;--secondary-bg: #222;--tertiary-bg: #333;--text-primary: #ecf1f1;--text-secondary: #8f9797;--x-color: rgb(0, 0, 0);--o-color: rgb(115, 255, 0);--error-color: #ff4444;--transition-timing: .3s ease;--board-border: rgba(255, 255, 255, .1)}.login-container{width:100%;min-height:100vh;background:var(--primary-bg);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:clamp(1rem,2vw,2rem);color:var(--text-primary)}.login-container h1{font-size:clamp(1.75rem,5vw,2.5rem);margin-bottom:clamp(1rem,3vw,1.5rem);text-align:center;text-shadow:0 2px 4px rgba(0,0,0,.3)}.login-form{background:var(--secondary-bg);padding:clamp(1rem,2vw,1.5rem);border-radius:8px;width:min(90%,400px);box-shadow:0 4px 15px #0000004d;display:flex;flex-direction:column;gap:1rem}.login-button{background:var(--x-color);color:var(--text-primary);padding:.75rem;border:none;border-radius:4px;font-size:clamp(.9rem,2.5vw,1rem);cursor:pointer;transition:background var(--transition-timing)}.login-button:hover{background:#aa95aa}@media (max-width: 768px){.login-form{width:90%}}.my-games-container{min-height:100vh;background:#121212;color:#ecf1f1;padding:clamp(15px,3vw,20px);display:flex;flex-direction:column;align-items:center;width:95vw}.my-games-container h1{font-size:clamp(1.5rem,5vw,2.5rem);margin-bottom:20px;text-align:center}.my-game-item span{display:flex;justify-content:space-evenly}.my-games-container p{font-size:clamp(1rem,3vw,1.2rem);text-align:center;color:#8f9797}.no-games{position:relative;text-align:center}.my-games-container button{background:#1a1b1d;color:#fff;border:none;padding:clamp(8px,2vw,12px) clamp(15px,3vw,20px);border-radius:6px;cursor:pointer;transition:all .3s ease;margin-top:10px}.my-games-container button:hover{background:#afb2b4;color:#111;transform:translateY(-2px)}.my-games-container button:disabled{background:#6c757d;cursor:not-allowed}.create-game-dropdown{position:absolute;top:100%;left:50%;transform:translate(-50%);background:#1a1a1a;color:#fff;padding:clamp(10px,2vw,15px);border-radius:8px;box-shadow:0 4px 15px #0000004d;width:min(400px,90vw);z-index:1000;margin-top:10px}.create-game-dropdown h3{font-size:clamp(1rem,3vw,1.2rem);margin:0 0 10px;border-bottom:1px solid #8f9797;padding-bottom:5px}.create-game-dropdown p{font-size:clamp(.9rem,2.5vw,1rem);margin:8px 0}.share-link{color:#007bff;word-break:break-all}.dropdown-buttons{display:flex;gap:clamp(5px,1vw,10px);justify-content:center;flex-wrap:wrap}.create-game-dropdown button{padding:clamp(6px,1.5vw,8px) clamp(10px,2vw,15px)}.create-game-dropdown button:first-child{background:#8f9797}.create-game-dropdown button:first-child:hover{background:#6c757d}.my-games-list{list-style:none;padding:0;margin:20px 0;display:block;width:100%;max-width:800px}.my-game-item{background:#333;padding:clamp(10px,2vw,15px);border-radius:6px;display:flex;justify-content:space-between;align-items:center;transition:all .3s ease;margin-bottom:10px}.my-game-item:hover{background:#3a3a3a;transform:translateY(-3px)}.my-game-item span{font-size:clamp(.9rem,2.5vw,1rem);color:#d1c6c6}.button-group{display:flex;gap:clamp(5px,1vw,10px)}.invite-button{background:#ffc107;color:#000;border:none;padding:clamp(6px,1.5vw,8px) clamp(10px,2vw,15px);border-radius:6px;cursor:pointer;transition:all .3s ease}.invite-button:hover{background:#e0a800;transform:translateY(-1px)}.go-to-game-button{background:#28a745;color:#fff;border:none;padding:clamp(6px,1.5vw,8px) clamp(10px,2vw,15px);border-radius:6px;cursor:pointer;transition:all .3s ease}.go-to-game-button:hover{background:#218838;transform:translateY(-1px)}.destroy-game-button{background:#f44;border:none;color:#fff;padding:.5rem 1rem;border-radius:5px;cursor:pointer;transition:all .3s ease;margin-left:.5rem}.destroy-game-button:hover{background:#c33;box-shadow:0 0 5px #ff000080}.button-group{display:flex;gap:.5rem;align-items:center}@media (max-width: 1024px){.my-games-list{max-width:600px}.create-game-dropdown{width:min(350px,85vw)}}@media (max-width: 768px){.my-game-item{flex-direction:column;align-items:flex-start;gap:10px}.button-group{width:100%;flex-direction:column}.invite-button,.go-to-game-button{width:100%}.create-game-dropdown{position:static;transform:none;width:100%;margin-top:15px}.dropdown-buttons{flex-direction:column;gap:8px}.create-game-dropdown button{width:100%}}@media (max-width: 480px){.my-games-container{padding:10px}.my-games-container h1{font-size:clamp(1.2rem,4vw,1.5rem)}.my-game-item{padding:10px}.create-game-dropdown p{font-size:clamp(.8rem,2vw,.9rem)}}.how-to-play-container{width:100vw;min-height:100vh;background:var(--primary-bg);display:flex;flex-direction:column;align-items:center;padding:clamp(1rem,2vw,2rem);color:var(--text-primary)}.container{display:flex;flex-direction:column;gap:1.5rem;width:min(90%,800px)}.how-to-play-container h1{font-size:clamp(1.75rem,5vw,2.5rem);margin:clamp(1rem,3vw,1.5rem) 0;text-align:center;text-shadow:0 2px 4px rgba(0,0,0,.3)}.step{background:var(--secondary-bg);padding:clamp(1rem,2vw,1.5rem);border-radius:8px;width:100%;margin-bottom:clamp(1rem,2vw,1.5rem);box-shadow:0 4px 15px #0000004d}.how-to-play-container h2{font-size:clamp(1.25rem,4vw,1.75rem);margin-bottom:clamp(.75rem,2vw,1rem);color:var(--text-primary);border-bottom:1px solid var(--text-secondary);padding-bottom:.5rem}.how-to-play-container p{font-size:clamp(.9rem,2.5vw,1rem);color:var(--text-secondary);margin:clamp(.5rem,1vw,.75rem) 0;line-height:1.6}.how-to-play-container ul{list-style:none;padding:0;margin:clamp(.5rem,1vw,.75rem) 0}.how-to-play-container li{font-size:clamp(.9rem,2.5vw,1rem);color:var(--text-secondary);margin:.5rem 0;position:relative;padding-left:1.5rem}.how-to-play-container li:before{content:"•";color:var(--x-color);position:absolute;left:.5rem}.how-to-play-container ul ul{margin-left:1.5rem}.how-to-play-container ul ul li:before{color:var(--o-color)}.how-to-play-container strong{color:var(--text-primary);font-weight:600}.note{font-style:italic;color:var(--text-secondary);opacity:.8}.tip{color:var(--o-color)}.x-piece{color:var(--x-color);font-weight:700}.o-piece{color:var(--o-color);font-weight:700}code{background:var(--tertiary-bg);color:var(--text-primary);padding:2px 6px;border-radius:4px}@media (max-width: 768px){.how-to-play-container{padding:clamp(.75rem,1.5vw,1rem)}.container{width:90%}}@media (max-width: 480px){.how-to-play-container li{padding-left:1rem}.how-to-play-container li:before{left:.25rem}}body{margin:0;padding:0;min-height:100vh;display:flex;justify-content:center;align-items:center;background:#000}.wallet-container{display:flex;justify-content:center;align-items:center;min-height:100vh;width:100%;padding:20px;background:linear-gradient(155deg,#1b1b1b,#1b1c1d)}.wallet{max-width:700px;width:90%;padding:30px;background:linear-gradient(135deg,#0a0a0a,#989a9e);border-radius:15px;box-shadow:0 4px 15px #0000001a;font-family:Arial,sans-serif;text-align:center}.wallet-balance{background-color:#000;padding:20px;border-radius:10px;margin-bottom:30px;box-shadow:0 2px 8px #0000000d}.wallet-balance p{margin:0;font-size:1.5rem;color:#fff}.wallet-balance strong{color:#f1f5f3;font-weight:700}.wallet-deposit{margin-bottom:30px}.wallet-deposit h3{font-size:1.3rem;color:#fff;margin-bottom:15px}.wallet-deposit input{padding:12px;width:200px;max-width:100%;border:2px solid #999;border-radius:8px;font-size:1rem;transition:border-color .3s ease}.wallet-deposit input:focus{border-color:#45b622;outline:none}.wallet-deposit button{padding:12px 25px;margin-left:15px;background-color:#d4d7da;color:#222020;border:none;border-radius:8px;font-size:1rem;cursor:pointer;transition:background-color .3s ease}.wallet-deposit button:hover{background-color:#798186}.wallet-success{color:#27ae60;font-size:1.1rem;margin-top:15px;font-weight:500}.wallet-error{color:#e74c3c;font-size:1.1rem;margin-top:15px;font-weight:500}.wallet-actions{margin-top:20px}.wallet-actions button{padding:12px 25px;background-color:#000;color:#fff;border:none;border-radius:8px;font-size:1rem;cursor:pointer;transition:background-color .3s ease}.wallet-actions button:hover{background-color:#d35400}.wallet-history{margin-top:40px;text-align:left;background-color:#696969;color:#fff;padding:20px;border-radius:10px;box-shadow:0 2px 8px #0000000d}.wallet-history h3{font-size:1.3rem;color:#fefeff;margin-bottom:15px}.wallet-history p{color:#f2f6f7;font-style:italic}@media (max-width: 768px){.wallet{padding:20px}.wallet-balance{padding:15px}.wallet-balance p{font-size:1.3rem}.wallet-deposit h3{font-size:1.2rem}.wallet-deposit input{width:100%;margin-bottom:10px}.wallet-deposit button{margin-left:0;width:100%;padding:12px}.wallet-actions button{width:100%;padding:12px}.wallet-history h3{font-size:1.2rem}}@media (max-width: 480px){.wallet{padding:15px}.wallet-balance p,.wallet-deposit h3,.wallet-history h3{font-size:1.1rem}.wallet-success,.wallet-error{font-size:1rem}}.gamehistory-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:#1a1a1a;color:#fff;width:100vw;letter-spacing:1px}.gamehistory-content{background:#282828e6;padding:2rem;border-radius:10px;width:90%;max-width:1200px;box-shadow:0 0 20px #635b6133,0 0 20px #0003}.gamehistory-title{text-align:center;font-size:2.5rem;margin-bottom:1.5rem;color:#fff;text-shadow:0 0 10px rgba(143,140,142,.8),0 0 10px rgba(0,0,0,.8)}.gamehistory-error-message{color:#f44;text-align:center;margin-bottom:1rem}.gamehistory-controls{display:flex;justify-content:center;gap:.75rem;margin-bottom:1.5rem;flex-wrap:wrap}.gamehistory-sort-button{background:#333;border:1px solid #555;color:#fff;padding:.5rem .75rem;border-radius:5px;cursor:pointer;transition:all .3s ease;font-size:.9rem}.gamehistory-sort-button:hover{background:#444;box-shadow:0 0 5px #dfd3dc80}.gamehistory-sort-button.active{background:#555;border-color:#000c;color:#e6d7e2cc}.gamehistory-empty{text-align:center;font-size:1.2rem;color:#888}.gamehistory-table{display:grid;grid-template-columns:minmax(120px,1fr) minmax(120px,1fr) minmax(120px,1fr) minmax(100px,1fr) minmax(100px,1fr) minmax(150px,1fr);gap:.5rem;width:100%;font-size:.95rem}.gamehistory-header{display:contents}.gamehistory-header>span{font-weight:700;padding:.75rem;background:#2a2a2a;border-bottom:2px solid rgba(187,185,185,.5);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gamehistory-row{display:contents}.gamehistory-row>span{padding:.75rem;text-align:center;border-bottom:1px solid #333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gamehistory-outcome-won{color:#73ff00cc}.gamehistory-outcome-lost{color:#ff2626}.gamehistory-outcome-no-winner{color:#888}.gamehistory-footer{margin-top:2rem;text-align:center}.gamehistory-back-button{background:#333;border:1px solid #555;color:#fff;padding:.75rem 1.5rem;border-radius:5px;cursor:pointer;transition:all .3s ease}.gamehistory-back-button:hover{background:#8a8888;box-shadow:0 0 10px #00000080}@media (max-width: 768px){.gamehistory-content{padding:1rem;width:95%}.gamehistory-table{display:block}.gamehistory-header{display:none}.gamehistory-row{display:block;background:#2a2a2a;border-radius:5px;margin-bottom:1rem;padding:1rem;border:1px solid #333}.gamehistory-row>span{display:block;text-align:left;padding:.5rem 0;border-bottom:none;white-space:normal;overflow:visible;text-overflow:initial}.gamehistory-row>span:nth-child(1):before{content:"Game Owner: ";color:#888;font-weight:700}.gamehistory-row>span:nth-child(2):before{content:"Opponent: ";color:#888;font-weight:700}.gamehistory-row>span:nth-child(3):before{content:"Winner: ";color:#888;font-weight:700}.gamehistory-row>span:nth-child(4):before{content:"Entry Fee: ";color:#888;font-weight:700}.gamehistory-row>span:nth-child(5):before{content:"Outcome: ";color:#888;font-weight:700}.gamehistory-row>span:nth-child(6):before{content:"Date: ";color:#888;font-weight:700}}:root{--primary-bg: #121212;--secondary-bg: #222;--tertiary-bg: #333;--text-primary: #ecf1f1;--text-secondary: #8f9797;--x-color: rgb(255, 3, 255);--o-color: rgb(115, 255, 0);--error-color: #ff4444;--transition-timing: .3s ease;--board-border: rgba(255, 255, 255, .1)}.register-container{width:100%;min-height:100vh;background:var(--primary-bg);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:clamp(1rem,2vw,2rem);color:var(--text-primary)}.register-container h1{font-size:clamp(1.75rem,5vw,2.5rem);margin-bottom:clamp(1rem,3vw,1.5rem);text-align:center;text-shadow:0 2px 4px rgba(0,0,0,.3)}.register-form{background:var(--secondary-bg);padding:clamp(1rem,2vw,1.5rem);border-radius:8px;width:min(90%,400px);box-shadow:0 4px 15px #0000004d;display:flex;flex-direction:column;gap:1rem}.form-group{display:flex;flex-direction:column}.form-group label{font-size:clamp(.9rem,2.5vw,1rem);color:var(--text-secondary);margin-bottom:.5rem}.form-group input{background:var(--tertiary-bg);border:1px solid var(--board-border);border-radius:4px;padding:.75rem;color:var(--text-primary);font-size:clamp(.9rem,2.5vw,1rem);transition:border-color var(--transition-timing)}.form-group input:focus{outline:none;border-color:var(--x-color)}.register-button{background:var(--x-color);color:var(--text-primary);padding:.75rem;border:none;border-radius:4px;font-size:clamp(.9rem,2.5vw,1rem);cursor:pointer;transition:background var(--transition-timing)}.register-button:hover{background:#c800c8}.error-message{color:var(--error-color);font-size:clamp(.85rem,2vw,.95rem);text-align:center;margin-top:1rem}.success-message{color:var(--o-color);font-size:clamp(.85rem,2vw,.95rem);text-align:center;margin-top:1rem}.login-link{margin-top:1rem;font-size:clamp(.85rem,2vw,.95rem);color:var(--text-secondary)}.login-link span{color:var(--o-color);cursor:pointer;text-decoration:underline}.login-link span:hover{color:#5ac800}@media (max-width: 768px){.register-form{width:90%}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}