:root{--text-color: #373737;--text-color-contrast: #ffffff;--bg-color: #fafafa;--bg-color-secondary: #e5e5e5;--border-color: #e5e5e5;--neumorphic-bg: #e0e0e0;--neumorphic-shadow-dark: #bebebe;--neumorphic-shadow-light: #ffffff;--stop: #FA6868;--primary-color: #5865f2;--primary-color-hover: #4752c4;--powerup-blue: #3182CE;--powerup-blue-bg: #EBF8FF;--powerup-green: #38A169;--powerup-green-bg: #F0FFF4;--powerup-purple: #805AD5;--powerup-purple-bg: #FAF5FF;--powerup-red: #E53E3E;--powerup-red-bg: #FFF5F5;--powerup-yellow: #D69E2E;--powerup-yellow-bg: #FFFFF0;--font-resin: "RESIN", "Rajdhani", sans-serif}[data-theme=dark]{--text-color: #fafafa;--text-color-contrast: #18181b;--bg-color: #18181b;--bg-color-secondary: #2d2d30;--border-color: #3f3f46;--neumorphic-bg: #27272a;--neumorphic-shadow-dark: #1f1f22;--neumorphic-shadow-light: #2f2f32;--stop: #5A9CB5;--primary-color: #FAFAFA;--primary-color-hover: #E4E4E5;--powerup-blue: #63B3ED;--powerup-blue-bg: #2A4365;--powerup-green: #68D391;--powerup-green-bg: #22543D;--powerup-purple: #B794F4;--powerup-purple-bg: #44337A;--powerup-red: #FC8181;--powerup-red-bg: #742A2A;--powerup-yellow: #F6E05E;--powerup-yellow-bg: #744210}[data-theme=sepia]{--text-color: #433422;--text-color-contrast: #f4ecd8;--bg-color: #faefd2;--bg-color-secondary: #e8dcc4;--border-color: #d1bfae;--neumorphic-bg: #e8dcc4;--neumorphic-shadow-dark: #d1bfae;--neumorphic-shadow-light: #fffcf4;--stop: #c07c46;--primary-color: #B87C4C;--primary-color-hover: #9f693f;--powerup-blue: #3182CE;--powerup-blue-bg: #e0eaf5;--powerup-green: #38A169;--powerup-green-bg: #e1efe5;--powerup-purple: #805AD5;--powerup-purple-bg: #eae3f4;--powerup-red: #E53E3E;--powerup-red-bg: #f4e1e1;--powerup-yellow: #D69E2E;--powerup-yellow-bg: #f3efe1}@font-face{font-family:Poppins;src:url(/fonts/poppins/Poppins-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Poppins;src:url(/fonts/poppins/Poppins-Medium.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Poppins;src:url(/fonts/poppins/Poppins-SemiBold.ttf) format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Poppins;src:url(/fonts/poppins/Poppins-Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:RESIN;src:local("RESIN"),url(/fonts/RESIN-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:RESIN;src:local("Rajdhani"),url(https://fonts.gstatic.com/s/rajdhani/v15/L0x7DFPmcV06pSZSDRmRpw.woff2) format("woff2");unicode-range:U+30-39,U+2D,U+2B,U+2E;font-weight:400;font-style:normal}@font-face{font-family:"Noto Color Emoji";src:url(/fonts/NotoColorEmoji-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;border-radius:0;font-family:inherit}*{font-family:Poppins,"Noto Color Emoji",sans-serif}html{background-color:var(--bg-color);color:var(--text-color);-webkit-tap-highlight-color:transparent}body{font-family:Poppins,"Noto Color Emoji",sans-serif;min-height:100dvh;background-color:var(--bg-color);color:var(--text-color);transition:background-color .2s ease,color .2s ease;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}button{cursor:pointer;border:none;background:none;font-family:inherit;font-size:inherit;color:inherit}input{font-family:inherit;font-size:inherit;color:inherit;border:none;outline:none;background:none}a{text-decoration:none;color:inherit}.stack{display:flex;flex-direction:column}.hstack{display:flex;flex-direction:row;align-items:center}.center{display:flex;align-items:center;justify-content:center}.full-page{width:100%;min-height:100dvh;max-width:420px;margin:0 auto;display:flex;flex-direction:column}.font-resin{font-family:RESIN,sans-serif;font-weight:400}.font-poppins{font-family:Poppins,sans-serif}.inner-neumorphic{box-shadow:inset 0 4px 24px #00000012;border:1px solid #83838359}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;font-family:RESIN,sans-serif;font-size:18px;letter-spacing:1px;transition:all .2s ease;cursor:pointer;border:none}.btn-primary{background:var(--primary-color);color:var(--text-color-contrast)}.btn-primary:hover{background:var(--primary-color-hover);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-ghost{background:transparent;color:var(--text-color)}.btn-ghost:hover{opacity:.8}.btn-danger{background:transparent;color:var(--stop)}.input{width:100%;padding:12px 16px;border:1px solid var(--border-color);background:var(--bg-color-secondary);color:var(--text-color);font-size:16px;transition:border-color .2s ease,box-shadow .2s ease}.input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #5865f21f}.input::placeholder{color:var(--text-color);opacity:.5}.form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.form-label{font-family:RESIN,sans-serif;font-size:14px;letter-spacing:.5px;opacity:.7;color:var(--text-color)}.segmented-control{display:flex;background:var(--bg-color-secondary);padding:4px;gap:4px}.segment-btn{flex:1;padding:8px;font-family:RESIN,sans-serif;font-size:13px;font-weight:600;text-align:center;cursor:pointer;transition:all .2s;color:var(--text-color)}.segment-btn.active{background:var(--bg-color);box-shadow:0 2px 6px #00000014;color:var(--primary-color)}.select-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;max-height:150px;overflow-y:auto;padding:8px;border:1px solid var(--border-color);background:var(--bg-color-secondary)}.select-item{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:24px;cursor:pointer;transition:transform .1s ease,background .2s}.select-item:hover{background:var(--bg-color);transform:scale(1.1)}.select-item.active{background:var(--primary-color);box-shadow:0 0 0 2px var(--primary-color)}.custom-select-option:hover{background:#ffffff14!important}.custom-select-option.active:hover{background:var(--primary-color)!important}.switch-container{display:flex;align-items:center;justify-content:space-between;padding:8px 0}.switch{position:relative;display:inline-block;width:44px;height:24px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--border-color);transition:.4s}.slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.4s}input:checked+.slider{background-color:var(--primary-color)}input:checked+.slider:before{transform:translate(20px)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1000;animation:fadeIn .2s ease}.modal-content{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1001;max-width:90%;width:380px;background:var(--bg-color);border:1px solid var(--border-color);box-shadow:0 25px 60px #00000026;padding:24px;animation:slideUp .25s ease}.modal-title{font-family:RESIN,sans-serif;font-size:22px;letter-spacing:1px;color:var(--primary-color);text-align:center;margin-bottom:16px}.modal-close{position:relative;margin:-12px -12px 8px auto;font-size:20px;color:var(--text-color);opacity:.6;cursor:pointer;background:none;border:none;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:opacity .2s}.modal-close:hover{opacity:1}.toast-container{position:fixed;top:16px;left:50%;transform:translate(-50%);z-index:9999;display:flex;flex-direction:column;gap:8px;pointer-events:none}.toast{padding:12px 20px;background:var(--bg-color-secondary);color:var(--text-color);border:1px solid var(--border-color);font-family:Poppins,sans-serif;font-size:14px;font-weight:500;box-shadow:0 4px 20px #0000001f;animation:slideDown .3s ease,fadeOut .3s ease 2.7s forwards;pointer-events:auto;min-width:200px;text-align:center}.menu-item{width:100%;font-size:32px;font-family:RESIN,cursive;font-weight:400;letter-spacing:2px;color:var(--text-color);display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:transform .2s ease;padding:4px 0;background:none;border:none}.menu-item:hover{transform:scale(1.05)}.menu-item.danger{color:var(--stop)}.room-code-box{display:flex;align-items:center;justify-content:center;gap:24px;cursor:pointer;border:2px dashed var(--primary-color);padding:12px 32px}.room-code-text{font-size:32px;color:var(--primary-color);font-family:RESIN,sans-serif!important;letter-spacing:2px}.room-code-icon{font-size:20px;color:var(--primary-color);cursor:pointer;background:none;border:none;padding:4px}.avatar-stack{display:flex;align-items:center}.avatar{width:40px;height:40px;border:2px solid var(--border-color);background:var(--bg-color);overflow:hidden;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 3px #0000001a;transition:transform .2s;cursor:pointer}.avatar+.avatar{margin-left:-8px}.avatar:hover{transform:scale(1.1);z-index:100}.avatar img{width:100%;height:100%;object-fit:cover}.game-board{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px;width:100%}.card-container{width:100%;max-width:410px;height:380px;overflow:hidden;box-shadow:0 8px 24px var(--neumorphic-shadow-dark);background:var(--bg-color);transition:transform .2s,box-shadow .2s;display:flex;align-items:center;justify-content:center}.card-container:hover{transform:translateY(-4px);box-shadow:0 8px 32px #0000001f}.card-label{font-family:RESIN,sans-serif;font-size:14px;text-align:center;color:var(--text-color);opacity:.7;padding:4px 0}.powerup-slide{position:fixed;bottom:0;left:0;right:0;z-index:100;background:var(--bg-color);border-top:1px solid var(--border-color);padding:20px;transform:translateY(100%);transition:transform .3s ease}.powerup-slide.open{transform:translateY(0)}.powerup-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.powerup-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px;background:var(--bg-color-secondary);border:1px solid var(--border-color);cursor:pointer;transition:all .2s;font-family:RESIN,sans-serif;font-size:14px;color:var(--text-color)}.powerup-btn:hover{transform:scale(1.03);box-shadow:0 2px 8px #0000001a}.powerup-btn:disabled{opacity:.5;cursor:not-allowed}.powerup-emoji{font-size:28px}.powerup-cost{font-size:12px;opacity:.7}.config-coin-pill{display:flex;align-items:center;gap:10px;background:#ffffff0d;border:1px solid rgba(255,255,255,.15);padding:4px 12px;box-shadow:inset 0 1px 1px #ffffff0d}[data-theme=light] .config-coin-pill{background:#0000000d;border-color:#0000001a}.config-coin-content{display:flex;flex-direction:column;align-items:flex-start;line-height:1}.config-coin-label{font-size:8px;font-weight:900;letter-spacing:.8px;opacity:.6;text-transform:uppercase}.config-coin-value{font-family:RESIN,sans-serif;font-size:18px;font-weight:900}.config-divider-row{display:flex;align-items:center;width:100%;margin:16px 0}.config-divider-line{flex:1;height:1px;background:#8080804d}.config-divider-controls{display:flex;gap:28px;padding:0 20px}.config-control-btn{background:none;border:none;font-size:24px;color:var(--text-color);opacity:.6;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);padding:4px;display:flex;align-items:center;justify-content:center}.config-control-btn:hover{opacity:1;transform:scale(1.2)}.config-powers-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;width:100%;margin-top:16px}@media(max-width:480px){.config-powers-grid{grid-template-columns:repeat(2,1fr)}}.power-card{display:flex;flex-direction:column;align-items:center;justify-content:space-between;min-height:100px;padding:12px 8px;background:#ffffff05;border:1px solid rgba(255,255,255,.08);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);font-family:RESIN,sans-serif;text-align:center}[data-theme=light] .power-card{background:#00000005;border-color:#00000014}.power-card:hover:not(:disabled){background:#ffffff12;border-color:#fff3;transform:translateY(-2px)}[data-theme=light] .power-card:hover:not(:disabled){background:#0000000d;border-color:#00000026}.power-card:disabled{opacity:.4;cursor:not-allowed}.power-card-emoji{font-size:32px;margin-bottom:4px}.power-card-title{font-size:10px;letter-spacing:.5px;line-height:1.15;text-transform:uppercase;margin-bottom:4px;font-weight:400}.power-card-cost{display:flex;align-items:center;justify-content:center;gap:3px;font-size:14px;color:#facc15;line-height:1}.power-card-cost span{font-weight:700}.status-bar{display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 16px}.status-dot{width:8px;height:8px;background:var(--text-color)}.status-text{font-family:RESIN,sans-serif;font-size:12px;font-weight:100}.leaderboard-row{display:flex;align-items:center;padding:12px 16px;border-bottom:1px solid var(--border-color);gap:12px}.leaderboard-rank{font-family:RESIN,sans-serif;font-size:20px;width:36px;text-align:center;color:var(--primary-color)}.leaderboard-name{flex:1;font-weight:600;font-size:14px}.leaderboard-time{font-family:RESIN,sans-serif;font-size:16px;color:var(--primary-color)}.shop-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.shop-card{background:var(--bg-color-secondary);border:1px solid var(--border-color);padding:20px 16px;display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;transition:all .2s}.shop-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001a}.shop-card .icon{font-size:32px}.shop-card .title{font-family:RESIN,sans-serif;font-size:24px}.shop-card .price{font-family:RESIN,sans-serif;font-size:14px;font-weight:600;color:var(--primary-color)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideUp{0%{opacity:0;transform:translate(-50%,calc(-50% + 30px))}to{opacity:1;transform:translate(-50%,-50%)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInBottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-4px)}20%,40%,60%,80%{transform:translate(4px)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes countdown{0%{transform:scale(1.5);opacity:0}20%{transform:scale(1);opacity:1}80%{transform:scale(1);opacity:1}to{transform:scale(.5);opacity:0}}.animate-shake{animation:shake .5s ease}.animate-spin{animation:spin 15s linear infinite}.effect-tornado{animation:spin .8s linear infinite;filter:blur(10px);transition:filter .5s ease}.animate-pulse{animation:pulse 2s ease infinite}.powerup-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:1000;pointer-events:none;display:flex;flex-direction:column;align-items:center;justify-content:center;animation:powerupPresentation 3s forwards}@keyframes powerupPresentation{0%{opacity:0}10%{opacity:1}85%{opacity:1}to{opacity:0;visibility:hidden}}.effect-blackout{position:fixed;top:0;right:0;bottom:0;left:0;background:#000;z-index:900;animation:fadeIn .5s ease;pointer-events:none}.effect-octopus{position:fixed;top:0;right:0;bottom:0;left:0;z-index:900;pointer-events:none}.board-disabled{filter:grayscale(100%);pointer-events:none;opacity:.6}.qr-wrapper{width:160px;height:160px;padding:8px;background:#fff;display:flex;align-items:center;justify-content:center}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-color)}::selection{background:var(--primary-color);color:var(--text-color-contrast)}.footer{display:flex;justify-content:center;align-items:center;padding:12px;font-family:Poppins,sans-serif;font-size:12px;color:var(--text-color);gap:4px}.spinner{width:24px;height:24px;border:3px solid var(--border-color);border-top-color:var(--primary-color);animation:spin .8s linear infinite}.rainbow-button{background-image:linear-gradient(90deg,#00c0ff,#ffcf00 49%,#fc4f4f);position:relative;padding:3px;display:inline-block}.rainbow-button span{display:inline-block;background:#191919;color:#fff;text-transform:uppercase;padding:2rem 5rem;font-family:"Noto Color Emoji",sans-serif;font-weight:800;font-size:3rem}.btn-outline{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 16px;font-family:RESIN,sans-serif;font-size:14px;letter-spacing:.5px;border:1.5px solid var(--border-color);background:#ffffff05;color:var(--text-color);cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #0000000d}[data-theme=light] .btn-outline{background:#00000005}.btn-outline:hover{border-color:var(--primary-color);background:var(--bg-color-secondary);transform:translateY(-1px);box-shadow:0 4px 8px #0000001a}.btn-outline:active{transform:translateY(0)}.powerup-status-toast{position:absolute;bottom:120px;left:50%;transform:translate(-50%);padding:8px 16px;background:var(--powerup-purple-bg);color:var(--powerup-purple);font-family:RESIN,sans-serif;font-size:14px;z-index:1000;pointer-events:none;animation:slideUp .3s ease,fadeOut .3s ease 2.7s forwards;box-shadow:0 4px 12px #0003;white-space:nowrap}.crt-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:999999;background:linear-gradient(#12101000 50%,#0003 50%),linear-gradient(90deg,#ff00000a,#00ff0003,#0000ff0a);background-size:100% 3px,3px 100%;opacity:var(--crt-opacity, .5)}.crt-overlay:after{content:" ";display:block;position:absolute;top:0;left:0;bottom:0;right:0;background:radial-gradient(circle,#12101000 60%,#0000004d 120%);pointer-events:none}.crt-bezel{box-shadow:inset 0 0 60px #0009;position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:999998;opacity:var(--crt-opacity, .5)}@keyframes crtFlicker{0%{opacity:.97}50%{opacity:1}to{opacity:.98}}.crt-flicker{animation:crtFlicker .15s infinite}.is-shaking{animation:shake .5s ease infinite!important}.network-indicator{display:flex;align-items:center;gap:6px;font-family:var(--font-resin);font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-color);opacity:.8;padding:4px 8px;border-radius:12px;background:#0000000d}[data-theme=dark] .network-indicator{background:#ffffff0d}.status-dot{width:6px;height:6px;border-radius:50%}.status-dot.online{background:#22c55e;box-shadow:0 0 8px #22c55e;animation:pulse-green 2s infinite}.status-dot.offline{background:#ef4444;box-shadow:0 0 8px #ef4444}@keyframes pulse-green{0%{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.6}to{transform:scale(1);opacity:1}}.ping-value{font-weight:700;min-width:30px}.card-played-flash{animation:card-flash .5s ease-out}@keyframes card-flash{0%{filter:brightness(1) drop-shadow(0 0 0px white);transform:scale(1)}30%{filter:brightness(1.5) drop-shadow(0 0 20px white);transform:scale(1.05)}to{filter:brightness(1) drop-shadow(0 0 0px white);transform:scale(1)}}