@import "https://fonts.googleapis.com/css2?family=Press+Start+2P&family=VT323&display=swap";
@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/8a480f0b521d4e75-s.8e0177b5.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7178b3e590c64307-s.b97b3418.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/caa3a2e1cccd8315-s.p.853070df.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Fallback;src:local(Arial);ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.0%;size-adjust:104.76%}.geist_a71539c9-module__T19VSG__className{font-family:Geist,Geist Fallback;font-style:normal}.geist_a71539c9-module__T19VSG__variable{--font-geist-sans:"Geist","Geist Fallback"}
@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/4fa387ec64143e14-s.c1fdd6c2.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/bbc41e54d2fcbd21-s.799d8ef8.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/797e433ab948586e-s.p.dbea232f.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Fallback;src:local(Arial);ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.0%;size-adjust:134.59%}.geist_mono_8d43a2aa-module__8Li5zG__className{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.geist_mono_8d43a2aa-module__8Li5zG__variable{--font-geist-mono:"Geist Mono","Geist Mono Fallback"}
@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{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y: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}::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y: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}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::-webkit-file-upload-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:transparent;border-radius:0}::-webkit-file-upload-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:transparent;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:transparent;border-radius:0}:where(select:-webkit-any([multiple],[size])) optgroup{font-weight:bolder}:where(select:-moz-any([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:-webkit-any([multiple],[size])) optgroup option:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){padding-left:20px}:where(select:-moz-any([multiple],[size])) optgroup option:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){padding-left:20px}:where(select:is([multiple],[size])) optgroup option:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){padding-left:20px}:where(select:-webkit-any([multiple],[size])) optgroup option:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-right:20px}:where(select:-moz-any([multiple],[size])) optgroup option:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-right:20px}:where(select:is([multiple],[size])) optgroup option:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-right:20px}:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)))::-webkit-file-upload-button{margin-right:4px}:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)))::file-selector-button{margin-right:4px}:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)))::file-selector-button{margin-right:4px}:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))::-webkit-file-upload-button{margin-left:4px}:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))::file-selector-button{margin-left:4px}:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))::file-selector-button{margin-left:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-year-field{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-month-field{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-day-field{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-hour-field{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-minute-field{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-second-field{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-millisecond-field{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-meridiem-field{padding-top:0;padding-bottom:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button{-webkit-appearance:button;-moz-appearance:button;appearance:button}input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-file-upload-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.flex{display:flex}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);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,)}.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,)}}:root{--background:radial-gradient(1200px 800px at 50% -200px,#1a2454 0%,#0e1326 40%,#0a0f22 100%);--foreground:#fff;--card-bg:#141a34;--card-bg-2:#0f1530;--card-border:#233066;--warm-start:#ff2a00;--warm-mid:#ff7b00;--warm-end:#ffd400;--electric-blue:#00a2ff;--electric-light:#4ad7ff;--accent-blue:#5fb7ff;--secondary-gray:#9aa5b1}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--background);color:var(--foreground);margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}html,body,#root{height:100%}@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-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}
:root{--retro-font:"Press Start 2P","VT323",monospace;--retro-bg:#0d0d0d;--retro-bg-accent:#1c1c1c;--retro-panel:#161b22;--retro-border:#3d3d3d;--retro-green:#00ff9c;--retro-yellow:#ffe600;--retro-red:#ff2f56;--retro-blue:#2fd3ff;--retro-pink:#ff66c4;--retro-shadow:0 0 0 2px #222,0 0 0 4px #000;--retro-scanline-color:rgba(255,255,255,.04);--retro-radius:0}html,body,#__next,#__app-root{height:100%;min-height:100dvh}body.retro-theme{flex-direction:column;min-height:100dvh;display:flex}.game-screen{min-height:100dvh}body.retro-theme{background:var(--retro-bg);color:var(--retro-green);font-family:var(--retro-font);image-rendering:pixelated;text-shadow:1px 1px #000}body.retro-theme .app-title{font-family:var(--retro-font);letter-spacing:4px;text-shadow:2px 2px #000,4px 4px #111;background:linear-gradient(90deg,var(--retro-green),var(--retro-blue));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}body.retro-theme .game-button,body.retro-theme .create-button,body.retro-theme .join-button{font-family:var(--retro-font);border-radius:var(--retro-radius);border:2px solid var(--retro-border);box-shadow:var(--retro-shadow);text-shadow:none;background:linear-gradient(#262b33,#181a1d)}body.retro-theme .game-button:hover{filter:brightness(1.15)}body.retro-theme input,body.retro-theme select,body.retro-theme .username-input,body.retro-theme .input{font-family:var(--retro-font);color:var(--retro-green);border-radius:var(--retro-radius);border:2px solid var(--retro-border);background:#111;box-shadow:inset 0 0 0 2px #000}body.retro-theme .avatar-option{border-radius:var(--retro-radius);border:2px solid var(--retro-border);font-family:var(--retro-font);background:#111}body.retro-theme .avatar-option.selected{border-color:var(--retro-green);background:rgba(0,255,156,.15)}body.retro-theme:before{content:"";pointer-events:none;background:repeating-linear-gradient(to bottom,transparent 0px,transparent 2px,var(--retro-scanline-color)3px,var(--retro-scanline-color)4px);mix-blend-mode:overlay;opacity:.6;z-index:9999;position:fixed;top:0;bottom:0;left:0;right:0}.app-container{flex-direction:column;justify-content:center;align-items:center;min-height:100dvh;padding:0;display:flex}.app-wrapper{flex-direction:column;flex:0 auto;width:100%;max-width:600px;display:flex}.app-header{text-align:center;margin-bottom:3rem}.title-wrap{display:inline-block;transform:perspective(500px)rotateX(10deg)}.btf-title-svg{width:min(90vw,900px);height:auto;margin:0 auto;display:block}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-title{color:#fff;letter-spacing:8px;text-transform:uppercase;text-shadow:2px 2px #000,4px 4px #333,6px 6px #666;background:linear-gradient(135deg,#ff6b00 0%,#ff0 50%,#ff6b00 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-family:Arial Black,Arial,sans-serif;font-size:4rem;font-weight:700;position:relative;transform:perspective(300px)rotateX(25deg)}.app-title:after{content:"";filter:blur(10px);background:linear-gradient(rgba(255,107,0,.3),transparent);height:20px;position:absolute;top:100%;left:0;right:0;transform:skew(-45deg)}.app-subtitle{display:none}.game-container{background:linear-gradient(180deg,var(--card-bg)0%,var(--card-bg-2)100%);border:1px solid var(--card-border);border-radius:14px;padding:2rem;box-shadow:0 20px 60px rgba(0,0,0,.45),inset 0 0 0 1px rgba(255,255,255,.03)}.menu-screen{text-align:center}.player-setup{margin-bottom:2rem}.player-setup h3{color:var(--accent-blue);margin-bottom:1.5rem;font-size:1.25rem;font-weight:500}.username-section{margin-bottom:2rem}.username-section label{color:var(--foreground);margin-bottom:.75rem;font-weight:400;display:block}.username-input{border:1px solid var(--card-border);background:var(--background);width:100%;max-width:400px;color:var(--foreground);text-align:center;border-radius:8px;padding:.875rem;font-size:1rem}.username-input:focus{border-color:var(--accent-blue);outline:none}.avatar-section label{color:var(--foreground);margin-bottom:1rem;font-weight:400;display:block}.avatar-grid{grid-template-columns:repeat(4,1fr);gap:.75rem;max-width:320px;margin:0 auto 2rem;display:grid}.avatar-option{border:2px solid var(--card-border);cursor:pointer;background:var(--background);border-radius:8px;justify-content:center;align-items:center;width:60px;height:60px;font-size:1.75rem;transition:all .2s;display:flex}.avatar-option:hover{border-color:var(--accent-blue)}.avatar-option.selected{border-color:var(--accent-blue);background:rgba(96,165,250,.1)}.player-preview{background:var(--background);border:1px solid var(--card-border);border-radius:12px;justify-content:center;align-items:center;gap:1rem;max-width:300px;margin-bottom:2rem;margin-left:auto;margin-right:auto;padding:1rem;display:flex}.preview-avatar{font-size:2rem}.preview-username{color:var(--foreground);font-weight:500}.button-container{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.game-button{cursor:pointer;color:#fff;border:1px solid var(--card-border);text-shadow:0 1px rgba(0,0,0,.4);background:linear-gradient(rgba(255,255,255,.06) 0%,rgba(255,255,255,.02) 100%);border-radius:10px;min-width:160px;padding:1rem 2rem;font-size:1rem;font-weight:600;transition:all .2s;position:relative;box-shadow:0 10px 24px rgba(0,0,0,.35),inset 0 0 0 1px rgba(95,183,255,.15)}.create-button{color:#fff;font-family:var(--retro-font);text-shadow:2px 2px #000;background:#ff7a00;border:3px solid #d65800;border-radius:0;padding:.875rem 1.75rem;font-size:.9rem;box-shadow:0 0 0 3px #000,0 4px #8b3800,0 4px 0 3px #000}.create-button:hover{filter:brightness(1.15);transform:translateY(-1px)}.join-button{color:#001a0f;font-family:var(--retro-font);text-shadow:1px 1px rgba(255,255,255,.3);background:#00ff9c;border:3px solid #00cc7a;border-radius:0;padding:.875rem 1.75rem;font-size:.9rem;font-weight:700;box-shadow:0 0 0 3px #000,0 4px #00662e,0 4px 0 3px #000}.join-button:hover{filter:brightness(1.1);transform:translateY(-1px)}.create-screen,.join-screen,.lobby-screen{text-align:center}.create-screen h2,.join-screen h2,.lobby-screen h2{color:var(--accent-blue);margin-bottom:2rem;font-size:1.5rem;font-weight:500}.player-info{background:var(--background);border:1px solid var(--card-border);border-radius:12px;justify-content:center;align-items:center;gap:1rem;max-width:300px;margin-bottom:2rem;margin-left:auto;margin-right:auto;padding:1rem;display:flex}.player-avatar{font-size:2rem}.player-name{color:var(--foreground);font-weight:500}.input{border:1px solid var(--card-border);background:var(--background);width:100%;max-width:400px;color:var(--foreground);text-align:center;border-radius:8px;margin:0 auto 2rem;padding:.875rem;font-size:1rem;display:block}.input:focus{border-color:var(--accent-blue);outline:none}.input::placeholder{color:var(--secondary-gray);font-style:italic}.game-config{text-align:left;max-width:500px;margin:0 auto 2rem}.game-config h3{color:var(--accent-blue);text-align:center;margin-bottom:1.5rem;font-size:1.25rem;font-weight:500}.config-group{text-align:center;margin-bottom:1.5rem}.config-group label{color:var(--foreground);margin-bottom:.75rem;font-weight:400;display:block}.number-input{justify-content:center;align-items:center;gap:1rem;display:flex}.number-input button{border:1px solid var(--card-border);background:var(--background);width:40px;height:40px;color:var(--foreground);cursor:pointer;border-radius:6px;margin:0;font-size:1.2rem;font-weight:700;transition:all .2s}.number-input button:hover:not(:disabled){background:var(--card-bg);border-color:var(--accent-blue)}.number-input button:disabled{opacity:.5;cursor:not-allowed}.number-display{text-align:center;min-width:40px;color:var(--foreground);font-size:1.2rem;font-weight:500}.checkbox-group{justify-content:center;align-items:center;gap:.5rem;display:flex}.checkbox-group input[type=checkbox]{width:auto;margin:0}.checkbox-label{cursor:pointer;align-items:center;gap:.5rem;display:flex!important}.location-select{border:1px solid var(--card-border);background:var(--background);width:100%;max-width:300px;color:var(--foreground);border-radius:6px;margin:0 auto;padding:.75rem;font-size:.875rem}.room-info{border:1px solid var(--card-border);text-align:center;background:linear-gradient(rgba(13,19,40,.8) 0%,rgba(10,15,34,.75) 100%);border-radius:14px;margin-bottom:2rem;padding:1.5rem;box-shadow:0 16px 40px rgba(0,0,0,.35),inset 0 0 0 1px rgba(255,255,255,.03)}.room-code{color:var(--electric-light);letter-spacing:.22em;text-shadow:0 0 12px rgba(74,215,255,.5),0 0 2px rgba(0,0,0,.6);font-size:2rem;font-weight:800}.lobby-content{display:block}.players-section{width:100%;margin-bottom:2rem}.game-settings{background:var(--background);border:1px solid var(--card-border);border-radius:12px;width:100%;padding:1.5rem}@media (min-width:1024px){.lobby-content{align-items:flex-start;gap:2rem;display:flex}.players-section{flex:1;margin-bottom:0}.game-settings{flex:1}}.players-list{margin:0}.players-list h3{color:var(--accent-blue);text-align:left;margin-bottom:1rem;font-size:1.1rem;position:relative}.players-list h3:after{content:"";background:linear-gradient(90deg,var(--accent-blue),transparent);width:64px;height:3px;position:absolute;bottom:-6px;left:0}.game-settings h3{color:var(--accent-blue);text-align:center;margin-bottom:1rem;font-size:1.1rem}.setting-item{border-bottom:1px solid var(--card-border);justify-content:space-between;align-items:center;padding:.75rem 0;display:flex}.setting-item:last-child{border-bottom:none}.setting-label{color:var(--foreground);font-weight:400}.setting-value{color:var(--accent-blue);font-weight:500}@media (max-width:768px){.players-list h3{text-align:center}.game-settings{padding:1.25rem}.game-controls{flex-direction:column;gap:.75rem}.start-button,.back-button{width:100%}}.player-item{border:1px solid var(--card-border);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:linear-gradient(rgba(15,21,48,.9) 0%,rgba(10,15,34,.85) 100%);border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding:1rem;display:flex;box-shadow:0 10px 24px rgba(0,0,0,.25),inset 0 0 0 1px rgba(255,255,255,.02)}.player-item.empty{border:1px dashed var(--card-border);background:0 0}.player-details{align-items:center;gap:1rem;display:flex}.host-badge{color:#1a1a1a;background:linear-gradient(135deg,#ffd400 0%,#ff7b00 100%);border-radius:999px;padding:.25rem .75rem;font-size:.75rem;font-weight:700;box-shadow:0 4px 12px rgba(255,180,0,.35)}.empty-slot{color:var(--secondary-gray);font-style:italic}.room-actions,.game-controls{flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:2rem;display:flex}.start-button{background:linear-gradient(135deg,var(--warm-start)0%,var(--warm-mid)55%,var(--warm-end)100%);color:#111;cursor:pointer;text-transform:uppercase;letter-spacing:.04em;border:1px solid rgba(255,180,0,.5);border-radius:10px;padding:1rem 2rem;font-size:1.1rem;font-weight:800;transition:all .2s;box-shadow:0 10px 24px rgba(255,122,0,.35),inset 0 0 0 1px rgba(255,212,0,.25)}.start-button:hover:not(:disabled){filter:brightness(1.05);transform:translateY(-1px)}.start-button:disabled{color:#c6cbd4;cursor:not-allowed;box-shadow:none;background:linear-gradient(#3a3f52,#2b2f40);border-color:#3f475f}.back-button{color:#fff;cursor:pointer;font-weight:700;font-family:var(--retro-font);letter-spacing:.02em;text-shadow:2px 2px #000;background:#ff7a00;border:3px solid #d65800;border-radius:0;padding:.875rem 1.75rem;font-size:.9rem;transition:all .2s;box-shadow:0 0 0 3px #000,0 4px #8b3800,0 4px 0 3px #000}.back-button:hover{filter:brightness(1.15);transform:translateY(-1px)}button{font-family:inherit}button:focus{outline:2px solid var(--accent-blue);outline-offset:2px}@media (max-width:480px){.app-title{letter-spacing:4px;font-size:2.5rem}.game-container{padding:1.25rem}.button-container{flex-direction:column;gap:.75rem}.game-button{width:100%}.room-code{font-size:1.5rem}}@media (max-width:768px) and (min-width:481px){.app-title{letter-spacing:6px;font-size:3.2rem}}@media (min-width:768px){.app-wrapper{max-width:1200px}.game-container{padding:2.5rem 3rem}.btf-title-svg{width:min(90vw,1200px)}.menu-screen{text-align:left}.player-setup{grid-template-columns:2fr 1fr;align-items:start;gap:2rem 2.5rem;margin-bottom:2.5rem;display:grid}.player-setup h3{text-align:center;grid-column:1/-1;font-size:1.35rem}.username-section{grid-column:1/-1}.username-input,.input{max-width:700px;padding:1rem;font-size:1.05rem}.avatar-section{grid-column:1}.avatar-grid{grid-template-columns:repeat(6,1fr);gap:1rem;max-width:none;margin-left:0}.avatar-option{width:68px;height:68px;font-size:2rem}.selected-player{grid-column:2}.player-preview{justify-content:flex-start;width:100%;max-width:none}.button-container{justify-content:flex-end}.game-button{min-width:200px;padding:1.1rem 2.2rem;font-size:1.06rem}.game-config{max-width:880px}.player-info{max-width:700px}}
@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{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y: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}::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y: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}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::-webkit-file-upload-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:transparent;border-radius:0}::-webkit-file-upload-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:transparent;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:transparent;border-radius:0}:where(select:-webkit-any([multiple],[size])) optgroup{font-weight:bolder}:where(select:-moz-any([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:-webkit-any([multiple],[size])) optgroup option:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){padding-left:20px}:where(select:-moz-any([multiple],[size])) optgroup option:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){padding-left:20px}:where(select:is([multiple],[size])) optgroup option:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){padding-left:20px}:where(select:-webkit-any([multiple],[size])) optgroup option:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-right:20px}:where(select:-moz-any([multiple],[size])) optgroup option:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-right:20px}:where(select:is([multiple],[size])) optgroup option:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-right:20px}:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)))::-webkit-file-upload-button{margin-right:4px}:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)))::file-selector-button{margin-right:4px}:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)))::file-selector-button{margin-right:4px}:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))::-webkit-file-upload-button{margin-left:4px}:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))::file-selector-button{margin-left:4px}:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))::file-selector-button{margin-left:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-year-field{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-month-field{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-day-field{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-hour-field{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-minute-field{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-second-field{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-millisecond-field{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-meridiem-field{padding-top:0;padding-bottom:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button{-webkit-appearance:button;-moz-appearance:button;appearance:button}input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-file-upload-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.flex{display:flex}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);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,)}.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,)}}:root{--background:#fff;--foreground:#171717}@media (prefers-color-scheme:dark){:root{--background:#0a0a0a;--foreground:#ededed}}body{background:var(--background);color:var(--foreground);font-family:var(--font-geist-sans),Arial,Helvetica,sans-serif}.menu-screen{text-align:center;padding:2rem}.player-setup{margin-bottom:2rem}.player-setup h3{color:#333;margin-bottom:1.5rem;font-size:1.5rem}.username-section{margin-bottom:1.5rem}.username-section label{margin-bottom:.5rem;font-weight:500;display:block}.username-input{border:2px solid #e2e8f0;border-radius:8px;width:100%;max-width:300px;padding:.75rem;font-size:1rem}.username-input:focus{border-color:#3b82f6;outline:none}.avatar-section label{margin-bottom:1rem;font-weight:500;display:block}.avatar-grid{grid-template-columns:repeat(4,1fr);gap:.75rem;max-width:300px;margin:0 auto;display:grid}.avatar-option{cursor:pointer;background:#fff;border:2px solid #e2e8f0;border-radius:50%;width:50px;height:50px;font-size:1.5rem;transition:all .2s}.avatar-option:hover{border-color:#3b82f6;transform:scale(1.1)}.avatar-option.selected{background-color:#eff6ff;border-color:#3b82f6}.selected-player{margin:1.5rem 0}.player-preview{background-color:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;justify-content:center;align-items:center;gap:.75rem;max-width:300px;margin:0 auto;padding:1rem;display:flex}.preview-avatar{font-size:2rem}.preview-username{color:#374151;font-weight:500}.button-container{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.game-button{cursor:pointer;border:none;border-radius:8px;min-width:140px;padding:.875rem 2rem;font-size:1rem;font-weight:500;transition:all .2s}.create-button{color:#fff!important;font-family:var(--retro-font)!important;text-shadow:2px 2px #000!important;background:#ff7a00!important;border:3px solid #d65800!important;border-radius:0!important;padding:.875rem 1.75rem!important;font-size:.9rem!important;font-weight:700!important;box-shadow:0 0 0 3px #000,0 4px #8b3800,0 4px 0 3px #000!important}.create-button:hover{filter:brightness(1.15)}.join-button{color:#001a0f!important;font-family:var(--retro-font)!important;text-shadow:1px 1px rgba(255,255,255,.3)!important;background:#00ff9c!important;border:3px solid #00cc7a!important;border-radius:0!important;padding:.875rem 1.75rem!important;font-size:.9rem!important;font-weight:700!important;box-shadow:0 0 0 3px #000,0 4px #00662e,0 4px 0 3px #000!important}.join-button:hover{filter:brightness(1.1);transform:translateY(-1px)}.create-screen,.join-screen,.lobby-screen{padding:2rem}.create-screen h2,.join-screen h2,.lobby-screen h2{text-align:center;color:#1f2937;margin-bottom:1.5rem;font-size:2rem}.player-info{background-color:#f3f4f6;border-radius:8px;justify-content:center;align-items:center;gap:.75rem;max-width:300px;margin:0 auto 2rem;padding:1rem;display:flex}.player-avatar{font-size:2rem}.player-name{color:#374151;font-weight:500}.input{border:2px solid #e2e8f0;border-radius:8px;width:100%;max-width:300px;margin-bottom:1rem;margin-left:auto;margin-right:auto;padding:.75rem;font-size:1rem;display:block}.input:focus{border-color:#3b82f6;outline:none}button{cursor:pointer;border:none;border-radius:8px;margin:.25rem;padding:.75rem 1.5rem;font-size:1rem;transition:all .2s}button:hover{opacity:.9;transform:translateY(-1px)}body.retro-theme .join-button,button.join-button{color:#001a0f!important;font-family:var(--retro-font)!important;text-shadow:1px 1px rgba(255,255,255,.3)!important;background:#00ff9c!important;border:3px solid #00cc7a!important;border-radius:0!important;padding:.875rem 1.75rem!important;font-size:.9rem!important;font-weight:700!important;box-shadow:0 0 0 3px #000,0 4px #00662e,0 4px 0 3px #000!important}body.retro-theme .create-button,button.create-button{color:#fff!important;font-family:var(--retro-font)!important;text-shadow:2px 2px #000!important;background:#ff7a00!important;border:3px solid #d65800!important;border-radius:0!important;padding:.875rem 1.75rem!important;font-size:.9rem!important;font-weight:700!important;box-shadow:0 0 0 3px #000,0 4px #8b3800,0 4px 0 3px #000!important}.game-config{text-align:left;max-width:500px;margin:0 auto}.game-config h3{color:#374151;border-bottom:2px solid #e5e7eb;margin-bottom:1rem;padding-bottom:.5rem;font-size:1.25rem}.config-group{margin-bottom:1.5rem}.config-group label{color:#374151;margin-bottom:.5rem;font-weight:500;display:block}.config-group select,.config-group input[type=number],.config-group input[type=range]{border:2px solid #e2e8f0;border-radius:6px;width:100%;padding:.5rem;font-size:.875rem}.config-group select:focus,.config-group input:focus{border-color:#3b82f6;outline:none}.checkbox-group{align-items:center;gap:.5rem;display:flex}.checkbox-group input[type=checkbox]{width:auto;margin:0}.room-info{text-align:center;background-color:#f0f9ff;border:2px solid #0ea5e9;border-radius:8px;margin-bottom:2rem;padding:1rem}.room-code{color:#0ea5e9;letter-spacing:.1em;font-size:1.5rem;font-weight:700}.players-list{margin:2rem 0}.players-list h3{color:#374151;margin-bottom:1rem;font-size:1.25rem}.player-item{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:.5rem;padding:.75rem;display:flex}.player-details{align-items:center;gap:.75rem;display:flex}.host-badge{color:#fff;background-color:#fbbf24;border-radius:4px;padding:.25rem .5rem;font-size:.75rem;font-weight:500}.game-controls{flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:2rem;display:flex}.start-button{color:#fff;background-color:#059669;padding:1rem 2rem;font-size:1.1rem}.start-button:hover{background-color:#047857}.start-button:disabled{cursor:not-allowed;background-color:#9ca3af}.back-button{color:#fff;background-color:#6b7280}.back-button:hover{background-color:#4b5563}@media (prefers-color-scheme:dark){.player-setup h3,.create-screen h2,.join-screen h2,.lobby-screen h2{color:#e5e7eb}.username-input,.input,.config-group select,.config-group input{color:#e5e7eb;background-color:#374151;border-color:#4b5563}.player-preview,.player-info{background-color:#374151}.preview-username,.player-name{color:#e5e7eb}.avatar-option{background-color:#374151;border-color:#4b5563}.avatar-option.selected{background-color:#1e40af;border-color:#3b82f6}}@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-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}