:root{--sileo-spring-easing: linear( 0, .002 .6%, .007 1.2%, .015 1.8%, .026 2.4%, .041 3.1%, .06 3.8%, .108 5.3%, .157 6.6%, .214 8%, .467 13.7%, .577 16.3%, .631 17.7%, .682 19.1%, .73 20.5%, .771 21.8%, .808 23.1%, .844 24.5%, .874 25.8%, .903 27.2%, .928 28.6%, .952 30.1%, .972 31.6%, .988 33.1%, 1.01 35.7%, 1.025 38.5%, 1.034 41.6%, 1.038 45%, 1.035 50.1%, 1.012 64.2%, 1.003 73%, .999 83.7%, 1 );--sileo-duration: .6s;--sileo-height: 40px;--sileo-width: 350px;--sileo-state-success: oklch(.723 .219 142.136);--sileo-state-loading: oklch(.556 0 0);--sileo-state-error: oklch(.637 .237 25.331);--sileo-state-warning: oklch(.795 .184 86.047);--sileo-state-info: oklch(.685 .169 237.323);--sileo-state-action: oklch(.623 .214 259.815)}[data-sileo-toast]{position:relative;cursor:pointer;pointer-events:auto;touch-action:none;border:0;background:transparent;padding:0;width:var(--sileo-width);height:var(--_h, var(--sileo-height));opacity:0;transform:translateZ(0) scale(.95);transform-origin:center;contain:layout style;overflow:visible}[data-sileo-toast][data-state=loading]{cursor:default}[data-sileo-toast][data-ready=true]{opacity:1;transform:translateZ(0) scale(1);transition:transform calc(var(--sileo-duration) * .66) var(--sileo-spring-easing),opacity calc(var(--sileo-duration) * .66) var(--sileo-spring-easing),margin-bottom calc(var(--sileo-duration) * .66) var(--sileo-spring-easing),margin-top calc(var(--sileo-duration) * .66) var(--sileo-spring-easing),height var(--sileo-duration) var(--sileo-spring-easing)}[data-sileo-viewport][data-position^=top] [data-sileo-toast]:not([data-ready=true]){transform:translateY(-6px) scale(.95)}[data-sileo-viewport][data-position^=bottom] [data-sileo-toast]:not([data-ready=true]){transform:translateY(6px) scale(.95)}[data-sileo-toast][data-ready=true][data-exiting=true]{opacity:0;pointer-events:none}[data-sileo-viewport][data-position^=top] [data-sileo-toast][data-ready=true][data-exiting=true]{transform:translateY(-6px) scale(.95)}[data-sileo-viewport][data-position^=bottom] [data-sileo-toast][data-ready=true][data-exiting=true]{transform:translateY(6px) scale(.95)}[data-sileo-canvas]{position:absolute;left:0;right:0;pointer-events:none;transform:translateZ(0);contain:layout style;overflow:visible}[data-sileo-canvas][data-edge=top]{bottom:0;transform:scaleY(-1) translateZ(0)}[data-sileo-canvas][data-edge=bottom]{top:0}[data-sileo-svg]{overflow:visible}[data-sileo-header]{position:absolute;z-index:20;display:flex;align-items:center;padding:.5rem;height:var(--sileo-height);overflow:hidden;left:var(--_px, 0px);transform:var(--_ht);max-width:var(--_pw)}[data-sileo-toast][data-ready=true] [data-sileo-header]{transition:transform var(--sileo-duration) var(--sileo-spring-easing),left var(--sileo-duration) var(--sileo-spring-easing),max-width var(--sileo-duration) var(--sileo-spring-easing)}[data-sileo-header][data-edge=top]{bottom:0}[data-sileo-header][data-edge=bottom]{top:0}[data-sileo-header-stack]{position:relative;display:inline-flex;align-items:center;height:100%}[data-sileo-header-inner]{display:flex;align-items:center;gap:.5rem;white-space:nowrap;opacity:1;filter:blur(0px);transform:translateZ(0)}[data-sileo-header-inner][data-layer=current]{position:relative;z-index:1;animation:sileo-header-enter var(--sileo-duration) var(--sileo-spring-easing) both}[data-sileo-header-inner][data-layer=current]:not(:only-child),[data-sileo-header-inner][data-exiting=true]{will-change:opacity,filter}[data-sileo-header-inner][data-layer=prev]{position:absolute;left:0;top:0;z-index:0;pointer-events:none}[data-sileo-header-inner][data-exiting=true]{animation:sileo-header-exit calc(var(--sileo-duration) * .7) ease forwards}[data-sileo-badge]{display:flex;height:24px;width:24px;flex-shrink:0;align-items:center;justify-content:center;padding:2px;box-sizing:border-box;border-radius:9999px;color:var(--sileo-tone, currentColor);background-color:var(--sileo-tone-bg, transparent)}[data-sileo-title]{font-size:.825rem;line-height:1rem;font-weight:500;text-transform:capitalize;color:var(--sileo-tone, currentColor)}:is([data-sileo-badge],[data-sileo-title],[data-sileo-button])[data-state]{--_c: var(--sileo-state-success)}:is([data-sileo-badge],[data-sileo-title],[data-sileo-button])[data-state=loading]{--_c: var(--sileo-state-loading)}:is([data-sileo-badge],[data-sileo-title],[data-sileo-button])[data-state=error]{--_c: var(--sileo-state-error)}:is([data-sileo-badge],[data-sileo-title],[data-sileo-button])[data-state=warning]{--_c: var(--sileo-state-warning)}:is([data-sileo-badge],[data-sileo-title],[data-sileo-button])[data-state=info]{--_c: var(--sileo-state-info)}:is([data-sileo-badge],[data-sileo-title],[data-sileo-button])[data-state=action]{--_c: var(--sileo-state-action)}:is([data-sileo-badge],[data-sileo-title])[data-state]{--sileo-tone: var(--_c);--sileo-tone-bg: color-mix(in oklch, var(--_c) 20%, transparent)}[data-sileo-content]{position:absolute;left:0;z-index:10;width:100%;pointer-events:none;opacity:var(--_co, 0)}[data-sileo-content]:not([data-visible=true]){content-visibility:hidden}[data-sileo-toast][data-ready=true] [data-sileo-content]{transition:opacity calc(var(--sileo-duration) * .08) ease calc(var(--sileo-duration) * .04)}[data-sileo-content][data-edge=top]{top:0}[data-sileo-content][data-edge=bottom]{top:var(--sileo-height)}[data-sileo-content][data-visible=true]{pointer-events:auto}[data-sileo-toast][data-ready=true] [data-sileo-content][data-visible=true]{transition:opacity calc(var(--sileo-duration) * .6) ease calc(var(--sileo-duration) * .3)}[data-sileo-description]{width:100%;text-align:left;padding:1rem;font-size:.875rem;line-height:1.25rem;contain:layout style paint;content-visibility:auto}[data-sileo-button]{display:flex;align-items:center;justify-content:center;height:1.75rem;padding:0 .625rem;margin-top:.75rem;border-radius:9999px;border:0;font-size:.75rem;font-weight:500;cursor:pointer;color:var(--sileo-btn-color, currentColor);background-color:var(--sileo-btn-bg, transparent);transition:background-color .15s ease}[data-sileo-button]:hover{background-color:var(--sileo-btn-bg-hover, transparent)}[data-sileo-button][data-state]{--sileo-btn-color: var(--_c);--sileo-btn-bg: color-mix(in oklch, var(--_c) 15%, transparent);--sileo-btn-bg-hover: color-mix(in oklch, var(--_c) 25%, transparent)}[data-sileo-icon=spin]{animation:sileo-spin 1s linear infinite}@keyframes sileo-spin{to{transform:rotate(360deg)}}@keyframes sileo-header-enter{0%{opacity:0;filter:blur(6px)}to{opacity:1;filter:blur(0px)}}@keyframes sileo-header-exit{0%{opacity:1;filter:blur(0px)}to{opacity:0;filter:blur(6px)}}[data-sileo-viewport]{position:fixed;z-index:50;display:flex;gap:.75rem;padding:.75rem;pointer-events:none;max-width:calc(100vw - 1.5rem);contain:layout style}[data-sileo-viewport][data-position^=top] [data-sileo-toast]:not([data-ready=true]){margin-bottom:calc(-1 * (var(--sileo-height) + .75rem))}[data-sileo-viewport][data-position^=bottom] [data-sileo-toast]:not([data-ready=true]){margin-top:calc(-1 * (var(--sileo-height) + .75rem))}[data-sileo-viewport][data-position^=top]{top:0;flex-direction:column-reverse}[data-sileo-viewport][data-position^=bottom]{bottom:0;flex-direction:column}[data-sileo-viewport][data-position$=left]{left:0;align-items:flex-start}[data-sileo-viewport][data-position$=right]{right:0;align-items:flex-end}[data-sileo-viewport][data-position$=center]{left:50%;transform:translate(-50%);align-items:center}@media(prefers-reduced-motion:no-preference){[data-sileo-toast][data-ready=true]:hover,[data-sileo-toast][data-ready=true][data-exiting=true]{will-change:transform,opacity,height}}@media(prefers-reduced-motion:reduce){[data-sileo-viewport],[data-sileo-viewport] *,[data-sileo-viewport] *:before,[data-sileo-viewport] *:after{animation-duration:.01ms;animation-iteration-count:1;transition-duration:.01ms}}[data-sileo-viewport][data-theme=dark] [data-sileo-description]{color:#00000080}[data-sileo-viewport][data-theme=light] [data-sileo-description]{color:#ffffff80}.emoji-spinner-container{display:inline-flex;align-items:center;justify-content:center;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;vertical-align:middle}.emoji-spinner-item{position:absolute;display:flex;align-items:center;justify-content:center;line-height:1;animation:emoji-spinner-pop .35s cubic-bezier(.175,.885,.32,1.275) both;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default}@keyframes emoji-spinner-pop{0%{opacity:0;transform:scale(.3) rotate(-15deg)}70%{transform:scale(1.15) rotate(5deg)}to{opacity:1;transform:scale(1) rotate(0)}}: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"),local("Rajdhani-SemiBold"),local("Rajdhani-Bold");unicode-range:U+30-39,U+2D,U+2B,U+2E;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,-apple-system,BlinkMacSystemFont,Segoe UI,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,sans-serif}html{background-color:var(--bg-color);color:var(--text-color);-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}body{font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,sans-serif;min-height:100vh;min-height:100dvh;background-color:#121212;color:var(--text-color);transition:background-color .2s ease,color .2s ease;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;overscroll-behavior-y:contain;-ms-overflow-style:none;touch-action:manipulation;-webkit-touch-callout:none}button{cursor:pointer;border:none;background:none;font-family:inherit;font-size:inherit;color:inherit;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}input{font-family:inherit;font-size:inherit;color:inherit;border:none;outline:none;background:none}a{text-decoration:none;color:inherit}#root{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;width:100%;max-width:768px;margin:0 auto;position:relative}.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{background:var(--bg-color);width:100%;max-width:768px;min-height:100vh;min-height:100dvh;margin:0 auto;display:flex;flex-direction:column;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}.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;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;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);-webkit-transform:translateY(-1px);-ms-transform:translateY(-1px);transform:translateY(-1px)}.btn-primary:active{-webkit-transform:translateY(0);-ms-transform:translateY(0);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;-webkit-transition:border-color .2s ease,box-shadow .2s ease;-moz-transition:border-color .2s ease,box-shadow .2s ease;transition:border-color .2s ease,box-shadow .2s ease}.input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #5865f21f}.input::-webkit-input-placeholder{color:var(--text-color);opacity:.5}.input::-moz-placeholder{color:var(--text-color);opacity:.5}.input:-ms-input-placeholder{color:var(--text-color);opacity:.5}.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;overscroll-behavior:contain}.modal-content{position:fixed;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:1001;max-width:min(768px,calc(100vw - 32px));max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));width:380px;background:var(--bg-color);border:1px solid var(--border-color);box-shadow:0 25px 60px #00000026;padding:24px;-webkit-animation:slideUp .25s ease;animation:slideUp .25s ease;box-sizing:border-box;overflow-y:auto;-webkit-overflow-scrolling:touch}.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}[data-sileo-viewport]{z-index:10002!important;max-width:min(768px,calc(100vw - 1.5rem))!important;font-family:Poppins,sans-serif!important}[data-sileo-viewport][data-position^=bottom]{bottom:calc(20px + env(safe-area-inset-bottom,0px))!important}[data-sileo-toast]{filter:drop-shadow(0 8px 24px rgba(0,0,0,.65))!important}[data-sileo-svg] rect{fill:#18181b!important}[data-sileo-title]{font-family:Poppins,sans-serif!important;font-weight:600!important}[data-sileo-description]{font-family:Poppins,sans-serif!important;color:#ffffffe6!important}.toast-container{position:fixed;top:calc(16px + env(safe-area-inset-top,0px));left:50%;transform:translate(-50%);z-index:9999;display:flex;flex-direction:column;gap:8px;pointer-events:none;width:100%;max-width:min(768px,calc(100vw - 32px))}.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-page{height:100vh;height:100dvh;max-height:100dvh;overflow:hidden;overscroll-behavior:none;touch-action:manipulation;-webkit-touch-callout:none}.game-board{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:4px 12px;width:100%;box-sizing:border-box;overflow:hidden;touch-action:manipulation;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.card-slot{width:100%;flex:1;min-height:0;display:flex;justify-content:center;align-items:center;padding:2px 0;overflow:hidden}.card-container{width:100%;max-width:min(410px,92vw);max-height:100%;aspect-ratio:400 / 370;height:auto;overflow:hidden;box-shadow:0 8px 24px var(--neumorphic-shadow-dark);background:var(--bg-color);border-radius:16px;-webkit-transition:transform .2s,box-shadow .2s;-moz-transition:transform .2s,box-shadow .2s;transition:transform .2s,box-shadow .2s;display:flex;align-items:center;justify-content:center;touch-action:manipulation;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.card-container:hover{transform:translateY(-2px);box-shadow:0 8px 32px #0000001f}.game-powerup-bar{display:flex;align-items:center;justify-content:center;width:100%;max-width:390px;padding:0 12px;box-sizing:border-box;min-height:44px;flex-shrink:0}.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:50%;transform:translate(-50%) translateY(100%);width:100%;max-width:768px;z-index:100;background:var(--bg-color);border-top:1px solid var(--border-color);padding:20px;transition:transform .3s ease;box-sizing:border-box}.powerup-slide.open{transform:translate(-50%) 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;-webkit-transition:all .2s cubic-bezier(.4,0,.2,1);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;-webkit-transform:translateY(-2px);-ms-transform:translateY(-2px);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;-webkit-backdrop-filter:blur(20px);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}*{scrollbar-width:thin;scrollbar-color:var(--border-color) transparent}::-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:Poppins,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)}}#credential_picker_container,#credential_picker_iframe,iframe[src*="accounts.google.com"],iframe[id^=credential_picker]{background-color:transparent!important;background:transparent!important;border:none!important;outline:none!important;box-shadow:none!important;color-scheme:normal!important}