._snackbarRoot_1pnqz_1{position:fixed;left:50%;top:24px;transform:translate(-50%);z-index:9999;pointer-events:none}._snackbar_1pnqz_1{display:inline-flex;align-items:center;gap:12px;min-width:280px;max-width:min(640px,calc(100vw - 32px));margin:0 auto;padding:12px 16px;border-radius:8px;box-shadow:0 6px 18px #0003;color:#fff;font-size:14px;line-height:1.4;pointer-events:all;animation:_slideInTop_1pnqz_1 .18s ease-out forwards}._snackbarClosing_1pnqz_27{animation:_slideOutTop_1pnqz_1 .18s ease-in forwards}@keyframes _slideInTop_1pnqz_1{0%{transform:translateY(-16px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes _slideOutTop_1pnqz_1{0%{transform:translateY(0);opacity:1}to{transform:translateY(-16px);opacity:0}}._message_1pnqz_41{flex:1}._closeBtn_1pnqz_43{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:#fff3;color:#fff;width:28px;height:28px;border-radius:6px;display:grid;place-items:center;cursor:pointer}._variant_default_1pnqz_56{background:#333}._variant_success_1pnqz_57{background:#2e7d32}._variant_error_1pnqz_58{background:#c62828}._variant_warning_1pnqz_59{background:#ed6c02}._variant_info_1pnqz_60{background:#0277bd}:root{--bg: #0f0b1a;--fg: #e8e7fc;--muted: #a8a3c2;--card: rgba(20, 15, 35, .6);--border: rgba(168, 163, 194, .18);--primary: #ff6a88;--topnav-height: 56px;--z-topnav: 900;--z-overlay: 900;--z-modal: 1000;--app-bg: radial-gradient(100% 60% at 50% 0%, #8beaff 0%, #6a8fff 25%, #462be2 60%, #0b0c0f 100%);--neon-pink: #ff5ea8;--neon-cyan: #32fff6;--neon-purple: #b967ff;--neon-yellow: #ffe36e;--neon-blue: #3bd6ff;--shadow-neon-pink: 0 0 8px rgba(255, 94, 168, .8), 0 0 18px rgba(255, 94, 168, .6);--shadow-neon-cyan: 0 0 8px rgba(50, 255, 246, .8), 0 0 18px rgba(50, 255, 246, .6);--shadow-neon-purple: 0 0 8px rgba(185, 103, 255, .8), 0 0 18px rgba(185, 103, 255, .6);--color-primary: #fff8ed;--color-secondary: #c0aa92;--color-accent: #80716c;--font-color: #000020;--font-faded: #00002090;--font-faded50: #00002050;--font-faded75: #00002075;--glass-backdrop: rgba(0, 0, 0, .15);--error-color: #f43535;--player-one-color: #3b82f6;--player-two-color: #ef4444}[data-theme=dark]{--bg: #0a0614;--fg: #e8e7fc;--muted: #a8a3c2;--card: rgba(12, 8, 24, .6);--border: rgba(168, 163, 194, .16);--primary: #b967ff;--glass-backdrop: rgba(255, 255, 255, .05);--app-bg: radial-gradient(100% 60% at 50% 0%, #ff9a8b 0%, #ff6a88 25%, #8a2be2 60%, #0b0c0f 100%);--color-primary: #000020;--color-secondary: #80716c;--color-accent: #ffe2b8;--font-color: #fff8ed;--font-faded: #fff8ed90;--font-faded50: #fff8ed50;--font-faded75: #fff8ed75;--glass-backdrop: rgba(255, 255, 255, .15);--player-one-color: #3b82f6;--player-two-color: #ef4444}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Montserrat,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Helvetica Neue,Arial,"Apple Color Emoji","Segoe UI Emoji";background:var(--color-primary);color:var(--font-color);position:relative;overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background-image:radial-gradient(circle at 20% 30%,rgba(255,255,255,.9) 1px,transparent 1px),radial-gradient(circle at 80% 20%,rgba(255,255,255,.7) 1px,transparent 1px),radial-gradient(circle at 60% 70%,rgba(255,255,255,.6) 1px,transparent 1px),radial-gradient(circle at 40% 60%,rgba(255,255,255,.8) 1px,transparent 1px);background-size:3px 3px,4px 4px,3px 3px,4px 4px;background-repeat:repeat;opacity:.18;animation:twinkle 8s linear infinite}body:after{content:"";position:fixed;left:-10vw;right:-10vw;bottom:-5vh;height:55vh;pointer-events:none;z-index:0;background-image:linear-gradient(#ffffff26,#ffffff26),linear-gradient(to right,rgba(255,255,255,.15) 1px,transparent 1px),linear-gradient(to top,rgba(255,255,255,.15) 1px,transparent 1px);background-size:100% 100%,40px 100%,100% 40px;background-position:center,center,center;transform:perspective(700px) rotateX(60deg) translateY(10vh);filter:drop-shadow(0 0 18px rgba(0,0,0,.25));opacity:.35}[data-theme=light] body:before{background-image:radial-gradient(circle at 20% 30%,rgba(0,0,0,.35) 1px,transparent 1px),radial-gradient(circle at 80% 20%,rgba(0,0,0,.28) 1px,transparent 1px),radial-gradient(circle at 60% 70%,rgba(0,0,0,.26) 1px,transparent 1px),radial-gradient(circle at 40% 60%,rgba(0,0,0,.32) 1px,transparent 1px);opacity:.26}[data-theme=light] body:after{background-image:linear-gradient(#0000002e,#0000002e),linear-gradient(to right,rgba(0,0,0,.18) 1px,transparent 1px),linear-gradient(to top,rgba(0,0,0,.18) 1px,transparent 1px);filter:drop-shadow(0 0 18px rgba(0,0,0,.35));opacity:.45}@keyframes twinkle{0%{opacity:.14}50%{opacity:.22}to{opacity:.14}}.container{max-width:1100px;margin:0 auto;padding:1rem}.topnav{position:fixed;top:0;left:0;right:0;z-index:var(--z-topnav);width:100%;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:center;background:var(--glass-backdrop);border-bottom:1px solid var(--border);-webkit-backdrop-filter:saturate(140%) blur(8px);backdrop-filter:saturate(140%) blur(8px);box-shadow:0 2px 24px #0000001f,0 0 0 1px #0000000d inset}.nav-content{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;min-height:var(--topnav-height);width:100%}.logo{color:var(--font-color);text-decoration:none;font-weight:700;font-family:Audiowide,Montserrat,ui-sans-serif,system-ui;letter-spacing:.5px;text-shadow:none}.spacer{flex:1}.hamburger{background:transparent;border:none;font-size:1.25rem;color:var(--font-color);cursor:pointer}.bar1,.bar2,.bar3{width:26px;height:3px;background-color:var(--font-color);margin:6px 0;transition:.4s;box-shadow:none}.change .bar1{-webkit-transform:rotate(-45deg) translate(-6px,6px);transform:rotate(-45deg) translate(-6px,6px)}.change .bar2{opacity:0}.change .bar3{-webkit-transform:rotate(45deg) translate(-6px,-8px);transform:rotate(45deg) translate(-6px,-8px)}.theme{background:transparent;border:none;font-size:1.25rem;cursor:pointer}.theme:hover{filter:none}.app{padding-top:var(--topnav-height)}.drawer{position:fixed;height:calc(100% - var(--topnav-height));width:100%;top:var(--topnav-height);right:0;z-index:var(--z-overlay);overflow:hidden;background:var(--color-primary);display:flex;text-align:center;flex-direction:column;justify-content:center}.drawer ul{list-style:none;margin:0;padding:1rem;width:100%;height:100%;background:transparent;border-left:1px solid var(--border);display:flex;flex-direction:column;gap:.5rem;justify-content:flex-start;align-items:center}.drawer a{color:var(--font-color);text-decoration:none;display:block;padding:.5rem 0;text-shadow:none}.drawer a:hover{color:var(--color-accent)}.drawer .section{color:var(--font-faded);text-transform:uppercase;font-size:.75rem;margin-top:.75rem}.linklike{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;padding:0;margin:0;color:var(--font-color);cursor:pointer;font:inherit}.active{font-weight:700}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem;padding:1rem 0}.app-space{display:flex;flex-direction:row;justify-content:space-evenly;flex-wrap:wrap}.card,.card-flex{border:1px solid var(--border);border-radius:.75rem;background:var(--card);color:inherit;text-decoration:none;overflow:hidden;box-shadow:0 4px 24px #00000059;transition:transform .15s ease,box-shadow .2s ease}.card{display:grid;grid-template-columns:72px 1fr}.card-flex{display:flex;flex-direction:column;gap:.5rem;align-items:flex-start;justify-content:space-evenly;padding:.75rem}.game-card-flex:hover{transform:translateY(-2px);box-shadow:0 6px 28px var(--font-faded50)}.card-icon{display:grid;place-items:center;font-size:2rem;border-right:1px solid var(--border);background:#ffffff08;color:var(--color-secondary);text-shadow:none}.card-body{padding:.75rem}.card-body h3{margin:0 0 .25rem;font-size:1.1rem}.card-body p{margin:0 0 .5rem;color:var(--font-faded)}.card-body small{color:var(--font-faded75)}.game-card-flex{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:.5rem;background:var(--color-primary);width:100%;border-radius:.5rem;cursor:pointer}.auth{max-width:420px;margin:2rem auto}.auth h2{margin:0 0 .75rem;color:var(--font-color);text-shadow:none}.auth form{display:grid;gap:.75rem}.auth label{display:grid;gap:.25rem;font-size:.9rem}.auth input{padding:.6rem .7rem;border:none;background:transparent;color:var(--font-color);width:100%;caret-color:var(--color-accent)}.auth input::placeholder{color:var(--font-faded50)}.auth input:focus{outline:none}.auth input:focus-visible{outline:none}.auth input:focus-within{outline:none}.auth button{padding:.6rem .8rem;border:none;color:var(--font-color);border-radius:.5rem;cursor:pointer;background:var(--color-primary);box-shadow:none;transition:transform .1s ease,box-shadow .2s ease}.auth button:hover{transform:translateY(-1px);box-shadow:0 0 10px #00000026}.auth button:active{transform:translateY(0)}.error{color:var(--error-color);text-shadow:none}.profile .card,.profile .card-flex{max-width:98%}.form-field{border:1px solid var(--border);border-radius:.5rem;padding:.5rem;display:flex;flex-direction:column;gap:.5rem;align-items:flex-start;background:var(--glass-backdrop);box-shadow:0 2px 24px #00000040}.form-field label{display:flex;flex-direction:column;gap:.5rem;align-items:flex-start}.form-input-container{display:flex;flex-direction:row;gap:.5rem;align-items:flex-start;width:100%}.form-field:focus-within{border-color:transparent;box-shadow:0 0 0 1px #00000026 inset}h1,h2,h3,.logo{font-family:Audiowide,Montserrat,ui-sans-serif,system-ui}.app{padding-top:var(--topnav-height);position:relative;z-index:1}.oauth-buttons{display:flex;flex-direction:column;gap:.5rem}.btn.oauth{display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.btn.oauth .oauth-icon{width:18px;height:18px}.btn.oauth.google{background:#fff;color:#1f1f1f;border:1px solid var(--border)}.btn.oauth.apple{background:#000;color:#fff}.oauth-divider{display:flex;flex-direction:row;align-items:center;justify-content:center;margin:1rem}.form-field input{padding:.6rem .7rem;border:none;background:transparent;color:var(--font-color);width:100%;caret-color:var(--color-accent)}.form-field input:focus{outline:none}.form-field input:focus-visible{outline:none}.form-field input:focus-within{outline:none}.profile .btn{padding:.5rem .8rem;border:none;color:var(--font-color);border-radius:.5rem;cursor:pointer;background:var(--color-primary);box-shadow:none;transition:transform .1s ease,box-shadow .2s ease}.profile .btn:hover{transform:translateY(-1px);box-shadow:0 0 10px #00000026}.profile .btn:active{transform:translateY(0)}.social-links{display:flex;justify-content:center;gap:1.5rem;margin-top:1rem}.social-links a{color:var(--font-color);transition:opacity .2s ease}.social-links a:hover{opacity:.7}.support-icon{display:flex;align-items:center;justify-content:center;color:var(--font-color);font-size:1.25rem;text-decoration:none;transition:opacity .2s ease}.support-icon:hover{opacity:.7}