@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.static{position:static}.z-50{z-index:50}.container{width:100%}.block{display:block}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.w-full{width:100%}.flex-shrink-0,.shrink-0{flex-shrink:0}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.border{border-style:var(--tw-border-style);border-width:1px}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.text-center{text-align:center}.break-all{word-break:break-all}.uppercase{text-transform:uppercase}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,)var(--tw-slashed-zero,)var(--tw-numeric-figure,)var(--tw-numeric-spacing,)var(--tw-numeric-fraction,)}.line-through{text-decoration-line:line-through}.underline{text-decoration-line:underline}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}@media(hover:hover){.hover\:brightness-110:hover{--tw-brightness:brightness(110%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}}:root{--s-base:8px;--s-md:16px;--s-lg:32px;--s-xl:64px;--s-xxl:128px;--color-surface-base:#050508;--color-surface-panel:#0f0f1a;--color-surface-glass:#0f0f1aa6;--color-border-structural:#ffffff14;--color-border-active:#8a2be266;--color-brand-primary:#8a2be2;--color-brand-secondary:#f0f;--color-brand-accent:#0ff;--shadow-occlusion:0 4px 6px -1px #00000080,0 2px 4px -1px #0000004d;--shadow-elevation:0 10px 15px -3px #0009,0 4px 6px -2px #0006;--shadow-inset-light:inset 0 1px 0 #ffffff0d;--shadow-glow-primary:0 0 25px #8a2be240;--ease-organic:cubic-bezier(.17,.67,.22,1);--ease-elastic:cubic-bezier(.175,.885,.32,1.275);--noise-texture:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")}*{box-sizing:border-box;cursor:default;margin:0;padding:0}img,svg,video{max-width:100%;height:auto;display:block}.legal-content img,.legal-content svg{max-width:64px;height:auto;margin-bottom:1rem;display:inline-block}body{background-color:var(--color-surface-base);color:#f0f0f5;-webkit-font-smoothing:antialiased;-webkit-user-select:none;-moz-user-select:none;user-select:none;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow-x:hidden}input,textarea{-webkit-user-select:text;-moz-user-select:text;user-select:text}body:before{content:"";background-image:var(--noise-texture);opacity:.035;pointer-events:none;z-index:9999;width:100%;height:100%;position:fixed;top:0;left:0}.fx-glass-panel{background:var(--color-surface-glass);-webkit-backdrop-filter:blur(12px);border:1px solid var(--color-border-structural);box-shadow:var(--shadow-elevation),var(--shadow-inset-light);border-radius:12px;padding:3rem;position:relative;overflow:hidden}.fx-glass-panel:after{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff08,#0000);position:absolute;inset:0}h1,h2,h3{letter-spacing:-.02em;font-weight:800}.text-gradient{background:linear-gradient(135deg,#fff 0%,var(--color-brand-accent)50%,var(--color-brand-primary)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.btn-primary{background:linear-gradient(to bottom,var(--color-brand-primary),#6a1bb2);color:#fff;text-transform:uppercase;letter-spacing:.1em;transition:all .2s var(--ease-organic);cursor:pointer;border:1px solid #ffffff1a;border-radius:8px;padding:14px 28px;font-size:.85rem;font-weight:700;box-shadow:0 4px #4a0b8a,0 8px 15px #0000004d}.btn-primary:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 6px #4a0b8a,0 12px 20px #8a2be24d}.btn-primary:active{transform:translateY(2px);box-shadow:0 0 #4a0b8a,0 4px 10px #00000080}.btn-secondary{color:#ffffffb3;cursor:pointer;background:0 0;border:1px solid #fff3;border-radius:8px;padding:14px 28px;font-weight:600;transition:all .2s}.btn-secondary:hover{color:#fff;background:#ffffff0d;border-color:#fff}.structural-line{background:var(--color-border-structural);z-index:0;position:absolute}.line-v{width:1px;height:100%;top:0}.line-h{width:100%;height:1px;left:0}.responsive-grid{grid-template-columns:1fr 350px;gap:40px;height:100%;display:grid}.text-jumbo{font-size:4rem}.room-code{letter-spacing:8px;color:#fff;word-break:break-all;margin:0;font-size:4rem;line-height:1.1}@media(max-width:900px){.responsive-grid{grid-template-rows:auto 1fr;grid-template-columns:1fr;gap:20px;height:auto;min-height:100vh;overflow-y:auto}.fx-glass-panel{padding:1rem}.text-jumbo{font-size:2.5rem}.room-code{letter-spacing:2px;word-break:break-all;font-size:2rem}h1{font-size:2rem!important}.player-list-container{max-height:400px}}.page-login{justify-content:center;align-items:center;width:100%;min-height:calc(100vh - 120px);display:flex;position:relative}.login-bg-layer{opacity:.6;z-index:-1;filter:saturate(1.2)contrast(1.1);pointer-events:none;background-image:url(/assets/login_bg.png);background-position:50%;background-size:cover;width:100vw;height:100vh;position:fixed;top:0;left:0}.login-overlay{z-index:-1;pointer-events:none;background:radial-gradient(circle,#0000,#000 90%);width:100vw;height:100vh;position:fixed;top:0;left:0}.login-card{z-index:10;-webkit-backdrop-filter:blur(20px);text-align:center;background:#0f0f1abf;border:1px solid #ffffff1a;border-radius:24px;width:100%;max-width:420px;margin:20px;padding:3rem 2rem;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #000000b3}.login-card:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(circle,#8a2be226,#0000 60%);width:200%;height:200%;position:absolute;top:-50%;left:-50%}.login-title{-webkit-text-fill-color:transparent;letter-spacing:-1px;background:linear-gradient(135deg,#fff,#e0e0e0);-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:2.5rem}.login-subtitle{color:#fff9;margin-bottom:2.5rem;font-size:.95rem;line-height:1.5}.google-btn{color:#1f1f1f;cursor:pointer;width:100%;transition:all .3s var(--ease-organic);background:#fff;border:none;border-radius:12px;justify-content:center;align-items:center;gap:12px;padding:16px;font-size:1rem;font-weight:700;text-decoration:none;display:flex;box-shadow:0 4px 6px #0000001a}.google-btn:hover{background:#f8f9fa;transform:translateY(-2px);box-shadow:0 10px 20px #0003}.google-btn:active{transform:translateY(1px);box-shadow:0 2px 4px #0000001a}.google-btn img{width:24px;height:24px}.disclaimer-box{text-align:left;background:#ffffff08;border:1px solid #ffffff0d;border-radius:12px;margin-bottom:2rem;padding:1rem}.disclaimer-text{color:#ffffff80;font-size:.85rem;line-height:1.6}.disclaimer-text strong{color:#ffffffe6}.animate-fade-in-down{animation:fadeInDown .4s var(--ease-organic)forwards}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.fixed{position:fixed}.top-4{top:1rem}.right-4{right:1rem}.z-\[9999\]{z-index:9999}.flex{display:flex}.flex-col{flex-direction:column}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.px-4{padding-left:1rem;padding-right:1rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.rounded-lg{border-radius:.5rem}.shadow-xl{box-shadow:0 20px 25px -5px #0000004d,0 10px 10px -5px #0003}.backdrop-blur-md{-webkit-backdrop-filter:blur(12px)}.border{border:1px solid #ffffff1a}.items-center{align-items:center}.min-w-\[300px\]{min-width:300px}.w-5{width:1.25rem}.h-5{height:1.25rem}.w-4{width:1rem}.h-4{height:1rem}.flex-shrink-0{flex-shrink:0}.text-sm{font-size:.875rem}.font-medium{font-weight:500}.ml-auto{margin-left:auto}.hover\:text-white:hover{color:#fff}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.bg-red-500\/20{background-color:#ef444433}.border-red-500\/50{border-color:#ef444480}.text-red-200{color:#fecaca}.bg-green-500\/20{background-color:#22c55e33}.border-green-500\/50{border-color:#22c55e80}.text-green-200{color:#bbf7d0}.bg-blue-500\/20{background-color:#3b82f633}.border-blue-500\/50{border-color:#3b82f680}.text-blue-200{color:#bfdbfe}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}