/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--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-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-ease:initial}}}@layer theme{:host,:root{--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;--spacing:.25rem;--ease-in-out:cubic-bezier(.4,0,.2,1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,::backdrop,:after,:before{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}:host,html{-webkit-text-size-adjust:100%;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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{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}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,optgroup,select,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;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:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end: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,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.flex{display:flex}.hidden{display:none}.inline{display:inline}.table{display:table}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.border{border-style:var(--tw-border-style);border-width:1px}.underline{text-decoration-line:underline}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.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,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}}*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--color-accent:#f0c040;--color-orange:#ff8c42;--color-purple:#7c3aed;--color-success:#00ffa0;--color-error:#ff6b6b}@keyframes twinkle{0%,to{opacity:.1}50%{opacity:.7}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes popIn{0%{opacity:0;transform:translate(-50%,-50%)scale(.7)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes popInCenter{0%{opacity:0;transform:scale(.7)}70%{transform:scale(1.08)}to{opacity:1;transform:scale(1)}}@keyframes winnerPulse{0%,to{opacity:0}50%{opacity:1}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes feedbackIn{0%{opacity:0;transform:scale(.6)}60%{transform:scale(1.15)}to{opacity:1;transform:scale(1)}}@keyframes scoreGrow{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes growBar{0%{width:0}}@keyframes revealSlide{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes actualPop{0%{opacity:0;transform:scale(.5)}60%{transform:scale(1.15)}to{opacity:1;transform:scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes waitingPulse{0%,to{opacity:.3;transform:scale(.85)}50%{opacity:1;transform:scale(1)}}.btn-hover{transition:transform .2s,box-shadow .2s}.btn-hover:hover{transform:scale(1.06)!important;box-shadow:0 0 60px #f0c04099,0 12px 32px #00000080!important}.btn-hover-sm:hover{transform:scale(1.03)!important;box-shadow:0 0 48px #f0c04099,0 8px 24px #00000080!important}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:2px}.game-wrapper{min-height:100vh;font-family:var(--font-sora),sans-serif;background:radial-gradient(at 20%,#0d1b2a 0,#050510 60%,#0a0518 100%);flex-direction:column;justify-content:center;align-items:center;padding:80px 16px 24px;display:flex;position:relative;overflow:hidden}.site-header{z-index:50;-webkit-backdrop-filter:blur(20px);background:#050514bf;border-bottom:1px solid #ffffff12;position:fixed;top:0;left:0;right:0}.site-header__inner{align-items:center;max-width:1100px;height:56px;margin:0 auto;padding:0 24px;display:flex}.site-header__logo{font-family:var(--font-bebas),cursive;letter-spacing:2px;color:#fff;flex-shrink:0;margin-right:32px;font-size:20px;text-decoration:none}.site-header__logo-accent{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#f97316,#ec4899);-webkit-background-clip:text;background-clip:text}.site-header__nav{align-items:center;gap:2px;display:flex}.site-header__nav-item{font-size:11px;font-family:var(--font-mono),monospace;letter-spacing:2px;text-transform:uppercase;color:#ffffff8c;-webkit-user-select:none;user-select:none;cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:7px 14px;transition:color .15s,background .15s;display:flex;position:relative}.site-header__nav-item.is-open,.site-header__nav-item:hover{color:#ffffffeb;background:#ffffff0f}.site-header__soon-badge{letter-spacing:1px;color:#f0c040b3;background:#f0c0401f;border:1px solid #f0c04033;border-radius:50px;padding:2px 6px;font-size:9px}.site-header__chevron{opacity:.45;flex-shrink:0;transition:transform .2s,opacity .2s}.site-header__nav-item.is-open .site-header__chevron{opacity:1;transform:rotate(180deg)}.site-header__dropdown{-webkit-backdrop-filter:blur(24px);background:#060616fa;border:1px solid #ffffff1a;border-radius:16px;min-width:232px;margin-top:-2px;padding:6px;animation:fadeInUp .14s ease-out both;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 20px 60px #000000a6,0 0 0 1px #ffffff08}.site-header__dropdown:before{content:"";height:10px;position:absolute;top:-10px;left:0;right:0}.site-header__dropdown-section{padding:2px 0}.site-header__dropdown-label{font-size:9px;font-family:var(--font-mono),monospace;letter-spacing:2.5px;text-transform:uppercase;color:#ffffff38;padding:6px 10px 5px}.site-header__dropdown-item{color:#ffffffb8;border-radius:10px;align-items:center;gap:12px;padding:9px 10px;text-decoration:none;transition:background .13s,color .13s;display:flex}.site-header__dropdown-item:hover{color:#fff;background:#ffffff0d}.site-header__dropdown-item.is-active{background:#f0c04012}.site-header__dropdown-item.is-active .site-header__dropdown-name{color:var(--color-accent)}.site-header__dropdown-icon{background:#ffffff0a;border:1px solid #ffffff12;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:18px;display:flex}.site-header__dropdown-name{font-size:13px;font-weight:700;font-family:var(--font-sora),sans-serif;color:#fff;letter-spacing:.2px;margin-bottom:2px}.site-header__dropdown-desc{font-size:11px;font-family:var(--font-mono),monospace;color:#ffffff52;letter-spacing:.3px}.site-header__burger{cursor:pointer;background:0 0;border:none;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:40px;height:40px;margin-left:auto;padding:4px;transition:background .15s;display:none}.site-header__burger:hover{background:#ffffff12}.site-header__burger span{transform-origin:50%;background:#ffffffbf;border-radius:2px;width:22px;height:2px;transition:transform .25s,opacity .25s;display:block}.site-header__burger.is-open span:first-child{transform:translateY(7px)rotate(45deg)}.site-header__burger.is-open span:nth-child(2){opacity:0}.site-header__burger.is-open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.mobile-menu{z-index:49;-webkit-backdrop-filter:blur(4px);background:#00000080;animation:fadeIn .15s ease-out both;display:none;position:fixed;inset:56px 0 0}.mobile-menu__inner{overscroll-behavior:contain;background:#08081cf7;border-bottom:1px solid #ffffff12;max-height:calc(100vh - 56px);padding:8px 0 16px;animation:slideDown .2s ease-out both;overflow-y:auto}.mobile-menu__cat{color:#ffffffd9;border-bottom:1px solid #ffffff0d;align-items:center;gap:14px;padding:16px 20px;text-decoration:none;transition:background .12s,color .12s;display:flex}.mobile-menu__cat:active,.mobile-menu__cat:hover{color:#fff;background:#ffffff0d}.mobile-menu__cat.is-active{background:#f0c04012}.mobile-menu__cat.is-active .mobile-menu__cat-name{color:var(--color-accent)}.mobile-menu__cat-icon{text-align:center;flex-shrink:0;width:36px;font-size:26px}.mobile-menu__cat-body{flex:1;min-width:0}.mobile-menu__cat-name{font-size:16px;font-weight:700;line-height:1.2}.mobile-menu__cat-desc{color:#ffffff59;margin-top:2px;font-size:12px}.mobile-menu__cat-arrow{color:#ffffff4d;flex-shrink:0;font-size:22px;transition:transform .15s}.mobile-menu__cat.is-open{background:#ffffff0a}.mobile-menu__cat.is-open .mobile-menu__cat-arrow{color:#fff9}.mobile-menu__sub{background:#00000040;border-bottom:1px solid #ffffff0d;animation:slideDown .15s ease-out both}.mobile-menu__sub-cat{letter-spacing:.05em;text-transform:uppercase;color:#fff6;border-bottom:1px solid #ffffff0a;padding:10px 20px 10px 56px;font-size:12px;font-weight:700;text-decoration:none;transition:color .12s;display:block}.mobile-menu__sub-cat:hover{color:#ffffffb3}.mobile-menu__sub-item{color:#ffffffb3;border-bottom:1px solid #ffffff08;align-items:center;gap:10px;padding:12px 20px 12px 56px;font-size:14px;font-weight:600;text-decoration:none;transition:background .12s,color .12s;display:flex}.mobile-menu__sub-item:last-child{border-bottom:none}.mobile-menu__sub-item:active,.mobile-menu__sub-item:hover{color:#fff;background:#ffffff0d}.mobile-menu__sub-item.is-active{color:var(--color-accent)}@media (max-width:640px){.site-header__nav{display:none}.site-header__burger{display:flex}.mobile-menu{display:block}}.stars-layer{pointer-events:none;z-index:0;position:fixed;inset:0}.star{background:#fff;position:absolute}.glow-orb,.star{border-radius:50%}.glow-orb{pointer-events:none;filter:blur(80px);position:fixed}.glow-orb--purple{background:#6432c814;width:400px;height:400px;top:10%;left:5%}.glow-orb--orange{background:#f0643212;width:350px;height:350px;bottom:10%;right:5%}.game-wrapper.theme-sport{background:radial-gradient(at 25% 15%,#4a9e35 0,#2a6e1a 35%,#174d0e 60%,#0c2e08 100%)}.game-wrapper.theme-sport .stars-layer{display:none}.game-wrapper.theme-sport .glow-orb--purple{background:radial-gradient(circle,#78dc3c59 0,#0000 70%);width:600px;height:600px;top:-80px;left:-80px}.game-wrapper.theme-sport .glow-orb--orange{background:radial-gradient(circle,#c8f05040 0,#0000 70%);width:500px;height:500px;bottom:-60px;right:-60px}.game-wrapper.theme-sport .accent{color:#a8f060}.game-wrapper.theme-sport .home-title{text-shadow:0 0 80px #78dc3c80}.game-wrapper.theme-sport .btn-primary{color:#0a1e04;background:linear-gradient(135deg,#5ec42a,#3a8f12);box-shadow:0 0 40px #5ec42a8c,0 8px 24px #0006}.game-wrapper.theme-sport .btn-outline{color:#a8f060;border-color:#a8f06080;box-shadow:0 0 20px #a8f06026}.game-wrapper.theme-sport .btn-hover:hover{box-shadow:0 0 60px #5ec42aa6,0 12px 32px #00000080!important}.game-wrapper.theme-sport .btn-hover-sm:hover{box-shadow:0 0 48px #5ec42a8c,0 8px 24px #00000080!important}.game-wrapper.theme-culture{background:radial-gradient(at 60% 20%,#c8a06a 0,#8a5e30 35%,#5a3a18 60%,#2e1c08 100%)}.game-wrapper.theme-culture .stars-layer{display:none}.game-wrapper.theme-culture .glow-orb--purple{background:radial-gradient(circle,#dcaa5a59 0,#0000 70%);width:600px;height:600px;top:-80px;left:calc(50% - 300px)}.game-wrapper.theme-culture .glow-orb--orange{background:radial-gradient(circle,#be823c47 0,#0000 70%);width:500px;height:500px;bottom:-60px;right:-60px}.game-wrapper.theme-culture .accent{color:#f0c878}.game-wrapper.theme-culture .home-title{text-shadow:0 0 80px #dcaa5a80}.game-wrapper.theme-culture .btn-primary{color:#1a0a00;background:linear-gradient(135deg,#d4944a,#a86828);box-shadow:0 0 40px #d4944a8c,0 8px 24px #0006}.game-wrapper.theme-culture .btn-outline{color:#f0c878;border-color:#f0c87880;box-shadow:0 0 20px #f0c87826}.game-wrapper.theme-culture .btn-hover:hover{box-shadow:0 0 60px #d4944aa6,0 12px 32px #00000080!important}.game-wrapper.theme-culture .btn-hover-sm:hover{box-shadow:0 0 48px #d4944a8c,0 8px 24px #00000080!important}.game-wrapper.theme-safari{background:linear-gradient(165deg,#5c1e00,#8c3600 28%,#b85200 55%,#d46a14 78%,#e07c22)}.game-wrapper.theme-safari .stars-layer{display:none}.game-wrapper.theme-safari .glow-orb--orange{background:radial-gradient(circle,#ffc85073 0,#ff8c142e 45%,#0000 68%);width:900px;height:900px;top:-220px;right:-220px}.game-wrapper.theme-safari .glow-orb--purple{background:radial-gradient(circle,#ff780026 0,#0000 68%);width:600px;height:600px;bottom:-120px;left:-100px}.game-wrapper.theme-safari .accent{color:#fff3e0}.game-wrapper.theme-safari .home-title{color:#fff;text-shadow:0 2px 24px #0006}.game-wrapper.theme-safari .home-subtitle{color:#fff0d2bf}.game-wrapper.theme-safari .btn-primary{color:#7a2e00;background:linear-gradient(135deg,#fff3e0,#ffd59a);box-shadow:0 0 30px #ffdc8266,0 8px 24px #00000059}.game-wrapper.theme-safari .btn-outline{color:#fff3e0;border-color:#fff0d280;box-shadow:0 0 16px #fff0d21f}.game-wrapper.theme-safari .btn-hover:hover{box-shadow:0 0 50px #ffdc8280,0 12px 32px #00000073!important}.game-wrapper.theme-safari .btn-hover-sm:hover{box-shadow:0 0 40px #ffdc8266,0 8px 24px #0006!important}.game-wrapper.theme-safari .how-it-works{background:#00000038;border-color:#ffc86433}.game-wrapper.theme-safari .how-it-works__title{color:#ffe6aacc}.game-wrapper.theme-safari .how-it-works__text{color:#ffe6aaa6}.home-screen{text-align:center;z-index:1;animation:slideDown .6s ease-out both;position:relative}.home-emoji{margin-bottom:8px;font-size:64px;animation:float 3s ease-in-out infinite}.home-title{font-family:var(--font-bebas),cursive;letter-spacing:6px;color:#fff;text-shadow:0 0 60px #f0c0404d;font-size:clamp(56px,12vw,100px);line-height:1}.accent{color:var(--color-accent)}.home-subtitle{color:#ffffff73;letter-spacing:2px;text-transform:uppercase;font-size:15px;font-family:var(--font-mono),monospace;margin-top:12px}.home-buttons{flex-wrap:wrap;justify-content:center;gap:14px;margin-top:24px;display:flex}.btn-primary{background:linear-gradient(135deg,var(--color-accent),var(--color-orange));color:#1a0800;border:none;border-radius:50px;padding:18px 52px;box-shadow:0 0 40px #f0c04066,0 8px 24px #0006}.btn-outline,.btn-primary{font-size:18px;font-family:var(--font-bebas),cursive;letter-spacing:4px;cursor:pointer}.btn-outline{color:var(--color-accent);background:0 0;border:2px solid #f0c04080;border-radius:50px;padding:18px 40px;box-shadow:0 0 20px #f0c04026}.btn-next{font-size:15px;letter-spacing:3px;border:none;border-radius:50px;margin-top:20px;padding:14px 48px;box-shadow:0 0 24px #f0c0404d}.btn-next,.btn-next-wide{font-family:var(--font-bebas),cursive;background:linear-gradient(135deg,var(--color-accent),var(--color-orange));color:#1a0800;cursor:pointer}.btn-next-wide{font-size:20px;letter-spacing:5px;border:none;border-radius:14px;margin-bottom:14px;padding:18px;font-weight:900;box-shadow:0 0 32px #f0c04080,0 6px 20px #0006}.btn-next-wide,.btn-submit{width:100%;transition:transform .2s,box-shadow .2s}.btn-submit{font-size:16px;font-family:var(--font-bebas),cursive;letter-spacing:4px;background:linear-gradient(135deg,var(--color-accent),var(--color-orange));color:#1a0800;cursor:pointer;border:none;border-radius:12px;margin-top:18px;padding:15px;box-shadow:0 0 24px #f0c04040}.score-bar{width:100%;max-width:600px;margin:0 auto 20px}.score-bar__fill{background:linear-gradient(90deg,var(--color-accent),var(--color-error));border-radius:4px;height:100%;transition:width .6s cubic-bezier(.4,0,.2,1);box-shadow:0 0 12px #f0c04099}.city-card{opacity:1;cursor:pointer;border:2px solid #ffffff14;border-radius:20px;width:260px;transition:transform .25s cubic-bezier(.4,0,.2,1),box-shadow .25s,opacity .4s;position:relative;overflow:hidden;box-shadow:0 8px 32px #0006}.city-card--disabled{cursor:default}.city-card--active:hover{border-color:#f0c04080;transform:scale(1.04)translateY(-4px);box-shadow:0 0 30px #f0c0404d,0 8px 40px #00000080}.city-card--loser{opacity:.45;border-color:#ff3c3c66;box-shadow:0 0 20px #ff3c3c4d,0 8px 32px #00000080}.city-card--winner{border-color:#00ffa0cc;box-shadow:0 0 40px #00ffa080,0 8px 32px #00000080}.city-card__img{object-fit:cover;width:100%;height:180px;display:block}.city-card__overlay{background:linear-gradient(#0000,#05051466 50%,#050514f2);position:absolute;inset:0}.city-card__winner-pulse{background:#00ffa012;animation:winnerPulse 1.5s ease-in-out infinite;position:absolute;inset:0}.city-card__content{padding:16px 20px;position:absolute;bottom:0;left:0;right:0}.city-card__name{color:#fff;font-size:22px;font-weight:800;font-family:var(--font-bebas),cursive;letter-spacing:2px;text-shadow:0 2px 8px #000c;line-height:1.1}.city-card__country-row{align-items:center;gap:7px;margin-top:5px;display:flex}.city-card__flag{object-fit:cover;border-radius:2px;flex-shrink:0;display:block}.city-card__country-name{color:#ffffff8c;font-size:11px;text-transform:uppercase}.city-card__country-name,.city-card__population{font-family:var(--font-mono),monospace;letter-spacing:1px}.city-card__population{font-size:14px;margin-top:6px;font-weight:600;animation:fadeInUp .3s ease-out both}.city-card__population--winner{color:var(--color-success)}.city-card__population--loser{color:#fff9}.city-card__choose-badge{color:#1a0a00;font-family:var(--font-bebas),cursive;letter-spacing:3px;white-space:nowrap;background:#f0c040f2;border-radius:50px;padding:10px 22px;font-size:18px;font-weight:700;animation:popIn .15s ease-out both;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 24px #f0c04099}.city-card__result-icon{filter:drop-shadow(0 2px 6px #000c);font-size:24px;animation:popInCenter .3s ease-out both;position:absolute;top:14px;right:14px}.cards-row{flex-wrap:wrap;gap:20px}.cards-row,.vs-badge{justify-content:center;display:flex}.vs-badge{width:44px;height:44px;font-family:var(--font-bebas),cursive;letter-spacing:1px;color:var(--color-accent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none;z-index:5;background:#f0c04026;border:2px solid #f0c04066;border-radius:50%;align-items:center;font-size:16px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)translateY(40px)}.feedback{text-align:center;margin-top:28px;animation:feedbackIn .4s cubic-bezier(.34,1.56,.64,1) both}.feedback__text{font-size:28px;font-weight:800;font-family:var(--font-sora),sans-serif}.feedback__text--correct{color:var(--color-success);text-shadow:0 0 20px #00ffa080}.feedback__text--wrong{color:var(--color-error);text-shadow:0 0 20px #ff6b6b80}.feedback__bonus{color:var(--color-accent);margin-left:8px}.waiting-indicator{color:#fff6;font-size:13px;font-family:var(--font-mono),monospace;letter-spacing:1px;justify-content:center;align-items:center;gap:8px;margin-top:16px;display:flex}.waiting-dot{background:var(--color-accent);border-radius:50%;width:8px;height:8px;animation:twinkle 1s ease-in-out infinite;display:inline-block}.result-screen{text-align:center;z-index:1;animation:scoreGrow .6s cubic-bezier(.34,1.56,.64,1) both;position:relative}.result-emoji{margin-bottom:8px;font-size:56px;animation:float 3s ease-in-out infinite}.result-title{font-family:var(--font-bebas),cursive;letter-spacing:4px;color:#fff;font-size:clamp(48px,10vw,80px);line-height:1}.score-circles{flex-wrap:wrap;gap:16px;margin:28px auto}.score-circle,.score-circles{justify-content:center;display:flex}.score-circle{border-radius:50%;flex-direction:column;align-items:center}.score-circle--lg{width:140px;height:140px;margin:28px auto}.score-circle--md{width:130px;height:130px}.score-circle--solo{background:#f0c04014;border:3px solid #f0c04066;margin:28px auto;box-shadow:0 0 60px #f0c04033}.score-circle--win{background:#00ffa014;border:3px solid #00ffa066;box-shadow:0 0 60px #00ffa033}.score-circle--neutral{background:#f0c04014;border:3px solid #f0c04066;box-shadow:0 0 60px #f0c04033}.score-circle--lose{background:#ff6b6b14;border:3px solid #ff6b6b4d;box-shadow:0 0 60px #ff6b6b1a}.score-circle__label{color:#fff6;font-size:10px;font-family:var(--font-mono),monospace;letter-spacing:1px;text-transform:uppercase}.score-circle__value{font-family:var(--font-bebas),cursive;line-height:1}.score-circle__value--lg{font-size:52px}.score-circle__value--md{font-size:32px}.score-circle__value--gold{color:var(--color-accent)}.score-circle__value--green{color:var(--color-success)}.score-circle__value--red{color:var(--color-error)}.score-circle__total{color:#ffffff4d;font-family:var(--font-mono),monospace;letter-spacing:1px}.score-circle__total--lg{font-size:11px}.score-circle__total--md{font-size:10px}.result-grade{color:#ffffffb3;margin-bottom:8px;font-size:18px;font-weight:600}.result-score-bar{background:#ffffff14;border-radius:8px;height:8px;margin:20px auto;overflow:hidden}.result-score-bar--popguessr{border-radius:6px;width:240px;height:6px;margin:14px auto}.result-score-bar__fill{border-radius:8px;height:100%;transition:width 1s cubic-bezier(.4,0,.2,1);box-shadow:0 0 12px #f0c04080}.result-score-bar__fill--excellent{background:linear-gradient(90deg,var(--color-success),#00d4ff)}.result-score-bar__fill--good{background:linear-gradient(90deg,var(--color-accent),var(--color-orange))}.result-score-bar__fill--poor{background:linear-gradient(90deg,var(--color-error),var(--color-orange))}.result-buttons{flex-wrap:wrap;justify-content:center;gap:14px;margin-top:28px;display:flex}.progress-bar{width:100%;max-width:640px;margin:0 auto 10px}.progress-bar__header{font-family:var(--font-mono),monospace;justify-content:space-between;margin-bottom:4px;display:flex}.progress-bar__question{color:#ffffff80;letter-spacing:2px;text-transform:uppercase;font-size:13px}.progress-bar__stat{text-align:right}.progress-bar__stat-label{color:#ffffff59;letter-spacing:1px;text-transform:uppercase;font-size:10px}.progress-bar__stat-value{font-size:13px;font-weight:700}.progress-bar__track{background:#ffffff1a;border-radius:4px;height:4px;overflow:hidden}.progress-bar__fill{background:linear-gradient(90deg,var(--color-accent),var(--color-error));border-radius:4px;height:100%;transition:width .6s cubic-bezier(.4,0,.2,1);box-shadow:0 0 12px #f0c04099}.city-photo-card{border:2px solid #ffffff14;border-radius:20px;margin-bottom:24px;overflow:hidden;box-shadow:0 16px 48px #00000080}.city-photo{height:160px;position:relative;overflow:hidden}.city-photo__img{object-fit:cover;width:calc(100% + 16px);height:calc(100% + 16px);margin-top:4px;margin-left:-8px;display:block}.city-photo__overlay{background:linear-gradient(#0000,#05051426 45%,#050514eb);position:absolute;inset:0}.city-photo__info{padding:20px 22px;position:absolute;bottom:0;left:0;right:0}.city-photo__name{font-family:var(--font-bebas),cursive;letter-spacing:3px;color:#fff;text-shadow:0 2px 12px #000c;font-size:36px;line-height:1}.city-photo__country-row{align-items:center;gap:7px;margin-top:6px;display:flex}.city-photo__flag{object-fit:cover;border-radius:2px;flex-shrink:0;display:block}.city-photo__country-name{color:#ffffffa6;font-size:12px;font-family:var(--font-mono),monospace;letter-spacing:1px;text-transform:uppercase}.slider-panel{background:#080818f2;padding:20px 24px}.slider-panel__question{color:#ffffff80;letter-spacing:.3px;margin-bottom:16px;font-size:14px;font-weight:600}.slider-panel__question--city{color:#fff}.pop-display{text-align:center;font-family:var(--font-bebas),cursive;letter-spacing:3px;color:var(--color-accent);text-shadow:0 0 30px #f0c0404d;margin-bottom:20px;font-size:48px}.pop-slider{-webkit-user-select:none;user-select:none;width:100%}.pop-slider__track{background:#ffffff1a;border-radius:3px;height:6px;margin-bottom:10px;position:relative}.pop-slider__track--active{cursor:pointer}.pop-slider__track--disabled{cursor:default}.pop-slider__fill{background:linear-gradient(90deg,var(--color-accent),var(--color-orange));border-radius:3px;position:absolute;top:0;bottom:0;left:0;box-shadow:0 0 8px #f0c04066}.pop-slider__thumb{border:3px solid #0006;border-radius:50%;width:22px;height:22px;position:absolute;top:50%;transform:translate(-50%,-50%)}.pop-slider__thumb--active{background:linear-gradient(135deg,var(--color-accent),var(--color-orange));cursor:grab;box-shadow:0 0 16px #f0c04099}.pop-slider__thumb--disabled{box-shadow:none;cursor:default;background:#ffffff4d}.pop-slider__ticks{height:20px;position:relative}.pop-slider__tick{color:#ffffff40;font-size:10px;font-family:var(--font-mono),monospace;white-space:nowrap;position:absolute;transform:translate(-50%)}@media (max-width:768px){.pop-slider__track{background:0 0;height:44px;margin-bottom:4px}.pop-slider__track:before{content:"";pointer-events:none;background:#ffffff1a;border-radius:3px;position:absolute;left:0;right:0}.pop-slider__fill,.pop-slider__track:before{height:6px;top:50%;transform:translateY(-50%)}.pop-slider__fill{bottom:auto}.pop-slider__thumb{width:30px;height:30px}}.reveal-section{margin-top:20px;animation:revealSlide .4s ease-out both}.actual-pop-box{text-align:center;background:linear-gradient(135deg,#00ffa01f,#00ffa00d);border:2px solid #00ffa059;border-radius:14px;margin-bottom:12px;padding:14px 16px;animation:actualPop .5s cubic-bezier(.34,1.56,.64,1) both;box-shadow:0 0 30px #00ffa01f}.actual-pop-box__label{letter-spacing:2px;color:#ffffff73;font-size:10px;font-family:var(--font-mono),monospace;text-transform:uppercase;margin-bottom:4px}.actual-pop-box__value{font-family:var(--font-bebas),cursive;letter-spacing:3px;color:var(--color-success);text-shadow:0 0 40px #00ffa080;font-size:46px;line-height:1}.guess-box{background:#f0c0400f;border:1px solid #f0c0402e;border-radius:10px;justify-content:center;align-items:center;gap:8px;margin-bottom:14px;padding:10px 14px;display:flex}.guess-box__label{color:#fff6;font-size:11px;font-family:var(--font-mono),monospace;text-transform:uppercase;letter-spacing:1px}.guess-box__value{font-family:var(--font-bebas),cursive;color:var(--color-accent);letter-spacing:1px;font-size:22px}.accuracy-points{opacity:0;justify-content:center;gap:20px;animation:popInCenter .4s cubic-bezier(.34,1.56,.64,1) .2s both;display:flex}.accuracy-points__stat{text-align:center}.accuracy-points__label{color:#ffffff4d;font-size:10px;font-family:var(--font-mono),monospace;text-transform:uppercase;letter-spacing:1px;margin-bottom:2px}.accuracy-points__value{font-family:var(--font-bebas),cursive;letter-spacing:2px;font-size:22px}.accuracy-points__divider{background:#ffffff1a;width:1px}.how-it-works{text-align:left;background:#ffffff0a;border:1px solid #ffffff14;border-radius:16px;max-width:340px;margin:18px auto 0;padding:14px 20px}.how-it-works__title{letter-spacing:2px;color:#ffffff59;font-size:12px;font-family:var(--font-mono),monospace;text-transform:uppercase;margin-bottom:14px}.how-it-works__item{align-items:flex-start;gap:10px;margin-bottom:10px;display:flex}.how-it-works__icon{flex-shrink:0;font-size:16px}.how-it-works__text{color:#ffffff8c;font-size:13px;font-family:var(--font-sora),sans-serif;line-height:1.4}.result-header{text-align:center;margin-bottom:28px}.result-emoji--pop{margin-bottom:8px;font-size:48px;animation:float 3s ease-in-out infinite}.result-title--pop{font-family:var(--font-bebas),cursive;letter-spacing:4px;color:#fff;font-size:clamp(44px,9vw,76px);line-height:1}.result-grade--pop{color:#ffffffb3;margin-top:12px;margin-bottom:4px;font-size:16px;font-weight:600}.round-breakdown{background:#080818cc;border:1px solid #ffffff12;border-radius:16px;max-height:320px;margin-bottom:20px;overflow:hidden auto}.round-breakdown__header{letter-spacing:2px;color:#ffffff4d;font-size:11px;font-family:var(--font-mono),monospace;text-transform:uppercase;border-bottom:1px solid #ffffff0f;padding:12px 16px}.round-breakdown__list{flex-direction:column;gap:1px;padding:8px;display:flex}.result-card{background:#ffffff0a;border:1px solid #ffffff12;border-radius:12px;align-items:center;gap:12px;padding:10px 14px;display:flex}.result-card__img{object-fit:cover;border-radius:6px;flex-shrink:0;width:48px;height:36px}.result-card__body{flex:1;min-width:0}.result-card__title-row{align-items:center;gap:6px;margin-bottom:2px;display:flex}.result-card__flag{object-fit:cover;border-radius:2px}.result-card__city-name{color:#fff;font-size:13px;font-weight:700;font-family:var(--font-sora),sans-serif;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.result-card__stats{font-size:11px;font-family:var(--font-mono),monospace;color:#fff6}.result-card__actual{color:var(--color-success);font-weight:700}.result-card__score{text-align:right;flex-shrink:0}.result-card__points{font-size:15px;font-weight:800;font-family:var(--font-bebas),cursive;letter-spacing:1px}.result-card__pts-label{color:#ffffff4d;font-size:10px;font-family:var(--font-mono),monospace}.result-buttons--pop{flex-wrap:wrap;justify-content:center;gap:14px;margin-bottom:20px;display:flex}.btn-result-primary{background:linear-gradient(135deg,var(--color-accent),var(--color-orange));color:#1a0800;border:none;border-radius:14px;box-shadow:0 0 40px #f0c04059}.btn-result-outline,.btn-result-primary{min-width:140px;font-size:18px;font-family:var(--font-bebas),cursive;letter-spacing:4px;cursor:pointer;flex:1;padding:16px;transition:transform .2s}.btn-result-outline{color:var(--color-accent);background:0 0;border:2px solid #f0c04080;border-radius:14px;box-shadow:0 0 20px #f0c04026}.btn-result-ghost{min-width:120px;font-size:17px;font-family:var(--font-bebas),cursive;letter-spacing:3px;color:#ffffff59;cursor:pointer;background:0 0;border:1.5px solid #ffffff1f;border-radius:14px;flex:1;padding:16px;transition:transform .2s}.answer-timer{width:100%;margin-bottom:18px}.answer-timer__header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.answer-timer__label{font-size:10px;font-family:var(--font-mono),monospace;letter-spacing:2px;text-transform:uppercase;color:#ffffff4d}.answer-timer__count{font-family:var(--font-bebas),cursive;letter-spacing:1px;font-size:16px;transition:color .3s}.answer-timer__count--normal{color:var(--color-accent)}.answer-timer__count--urgent{color:var(--color-error)}.answer-timer__track{background:#ffffff14;border-radius:3px;height:3px;overflow:hidden}.answer-timer__fill{border-radius:3px;height:100%;transition:width .85s linear}.answer-timer__fill--normal{background:linear-gradient(90deg,var(--color-accent),#00d4ff);box-shadow:0 0 8px #f0c04066}.answer-timer__fill--urgent{background:linear-gradient(90deg,var(--color-error),var(--color-orange));box-shadow:0 0 8px #ff6b6b80}.next-countdown{font-size:11px;font-family:var(--font-mono),monospace;color:#ffffff4d;letter-spacing:1.5px;text-align:center;margin-top:8px}.next-countdown__num{color:var(--color-accent);font-weight:700}.rematch-zone{flex-direction:column;gap:10px;margin:18px 0 6px}.rematch-series,.rematch-zone{align-items:center;display:flex}.rematch-series{font-family:var(--font-sora),sans-serif;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:50px;gap:8px;padding:8px 18px;animation:fadeInUp .3s ease-out both}.rematch-series__label{letter-spacing:.1em;text-transform:uppercase;color:#ffffff59;font-size:10px;font-weight:700}.rematch-series__score{align-items:center;gap:2px;font-size:18px;font-weight:900;display:flex}.rematch-series__me{color:var(--color-success)}.rematch-series__sep{color:#ffffff40;font-size:16px}.rematch-series__opp{color:var(--color-error)}.rematch-series__ties{color:#ffffff59;background:#ffffff0f;border-radius:20px;padding:2px 8px;font-size:11px;font-weight:600}.rematch-record{font-size:11px;font-family:var(--font-mono),monospace;letter-spacing:1.5px;color:#ffffff59;text-transform:uppercase}.rematch-record__name{color:#fff9}.rematch-record__win{color:var(--color-success)}.rematch-record__loss{color:var(--color-error)}.rematch-record__tie{color:var(--color-accent)}.rematch-notice{color:var(--color-accent);font-size:13px;font-weight:700;font-family:var(--font-sora),sans-serif;background:#f0c0401a;border:1px solid #f0c0404d;border-radius:50px;padding:8px 18px;animation:fadeInUp .3s ease-out both}.btn-rematch{font-size:17px;font-family:var(--font-bebas),cursive;letter-spacing:4px;color:var(--color-accent);cursor:pointer;background:0 0;border:2px solid #f0c04080;border-radius:50px;padding:14px 44px;box-shadow:0 0 20px #f0c04026}.name-prompt{min-width:320px}.name-prompt__field{text-align:left;flex-direction:column;gap:8px;margin-bottom:24px;display:flex}.name-prompt__label{font-size:10px;font-family:var(--font-mono),monospace;letter-spacing:2px;text-transform:uppercase;color:#ffffff59}.name-prompt__input{width:100%;font-size:18px;font-family:var(--font-sora),sans-serif;color:#fff;letter-spacing:.5px;background:#ffffff0f;border:1px solid #ffffff26;border-radius:12px;outline:none;padding:12px 16px;font-weight:600;transition:border-color .2s,box-shadow .2s}.name-prompt__input::placeholder{color:#fff3}.name-prompt__input:focus{border-color:#f0c04099;box-shadow:0 0 0 3px #f0c0401a}.mp-overlay__actions{gap:10px}.mp-overlay,.mp-overlay__actions{flex-direction:column;align-items:center;display:flex}.mp-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:100;background:#050514eb;justify-content:center;animation:fadeInUp .3s ease-out both;position:fixed;inset:0}.mp-overlay__card{text-align:center;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:24px;padding:40px 48px;box-shadow:0 24px 80px #00000080}.mp-overlay__icon{margin-bottom:16px;font-size:56px;animation:float 2s ease-in-out infinite}.mp-overlay__title{font-family:var(--font-bebas),cursive;letter-spacing:3px;color:#fff;margin-bottom:8px;font-size:28px}.mp-overlay__sub{color:#ffffff73;font-size:13px;font-family:var(--font-mono),monospace;letter-spacing:1px;margin-bottom:28px}.mp-overlay__dots{justify-content:center;gap:8px;margin-bottom:28px;display:flex}.mp-overlay__dot{background:var(--color-accent);border-radius:50%;width:8px;height:8px}.btn-cancel{font-size:14px;font-family:var(--font-bebas),cursive;letter-spacing:3px;color:#ffffffb3;cursor:pointer;background:#ffffff14;border:1px solid #ffffff26;border-radius:50px;padding:12px 36px}.opponent-bar{width:100%;font-family:var(--font-mono),monospace;background:#ffffff0a;border:1px solid #ffffff14;border-radius:14px;align-items:center;gap:12px;margin-bottom:16px;padding:10px 16px;display:flex}.opponent-bar__player{text-align:center;min-width:48px}.opponent-bar__label{color:#ffffff59;text-transform:uppercase;letter-spacing:1px;font-size:10px}.opponent-bar__label-row{justify-content:center;align-items:center;gap:4px;display:flex}.opponent-bar__answered-dot{background:var(--color-accent);width:6px;height:6px;box-shadow:0 0 6px var(--color-accent);border-radius:50%}.opponent-bar__score{font-size:16px;font-weight:700}.opponent-bar__score--leading{color:var(--color-success)}.opponent-bar__score--trailing{color:var(--color-accent)}.opponent-bar__score--opp-leading{color:var(--color-success)}.opponent-bar__score--opp-trailing{color:var(--color-error)}.opponent-bar__bars{flex:1;position:relative}.opponent-bar__track{background:#ffffff14;border-radius:3px;height:6px;display:flex;overflow:hidden}.opponent-bar__track+.opponent-bar__track{margin-top:3px}.opponent-bar__fill{border-radius:3px;height:100%;transition:width .5s cubic-bezier(.4,0,.2,1)}.opponent-bar__fill--lead-me{background:linear-gradient(90deg,var(--color-success),#00d4ff)}.opponent-bar__fill--trail-me{background:linear-gradient(90deg,var(--color-accent),var(--color-orange))}.opponent-bar__fill--lead-opp{background:linear-gradient(90deg,var(--color-success),#00d4ff)}.opponent-bar__fill--trail-opp{background:linear-gradient(90deg,var(--color-error),var(--color-orange))}.opponent-bar--multi{flex-direction:column;gap:3px;padding:8px 14px}.obar-row{border-radius:8px;grid-template-columns:18px 1fr 60px auto;align-items:center;gap:8px;padding:4px 6px;transition:background .15s;display:grid}.obar-row--me{background:#ffffff12}.obar-row__rank{color:#ffffff59;text-align:center;font-size:.7rem;font-weight:800}.obar-row__name{color:#fffc;white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:5px;font-size:.78rem;font-weight:700;display:flex;overflow:hidden}.obar-row__bar{background:#ffffff1a;border-radius:3px;height:5px;overflow:hidden}.obar-row__fill{background:linear-gradient(90deg,var(--color-error),var(--color-orange));border-radius:3px;height:100%;transition:width .35s}.obar-row__fill--me{background:linear-gradient(90deg,var(--color-success),#00d4ff)}.obar-row__score{color:#fff;text-align:right;min-width:36px;font-size:.78rem;font-weight:800}.mp-entry{min-width:300px;max-width:420px}.mp-mode-grid{grid-template-columns:1fr 1fr;gap:10px;width:100%;margin-top:4px;display:grid}.mp-mode-card{cursor:pointer;text-align:center;color:#fff;background:#ffffff0f;border:1.5px solid #ffffff24;border-radius:14px;flex-direction:column;align-items:center;gap:6px;padding:16px 12px;transition:background .18s,border-color .18s,transform .15s;display:flex}.mp-mode-card:hover{background:#ffffff1f;border-color:#f0c04080;transform:translateY(-2px)}.mp-mode-card--friends{border-color:#8b5cf659}.mp-mode-card--friends:hover{border-color:#8b5cf6b3}.mp-mode-card__icon{font-size:1.8rem;line-height:1}.mp-mode-card__title{letter-spacing:.02em;font-size:.85rem;font-weight:800}.mp-mode-card__desc{color:#ffffff73;font-size:.7rem;line-height:1.35}.mp-back-btn{color:#ffffff73;cursor:pointer;background:0 0;border:none;align-self:flex-start;margin-bottom:4px;padding:0;font-size:.8rem;transition:color .15s}.mp-back-btn:hover{color:#ffffffbf}.mp-lobby-action-btn{color:#fff;cursor:pointer;text-align:left;background:#8b5cf61a;border:1.5px solid #8b5cf666;border-radius:14px;align-items:center;gap:14px;width:100%;padding:16px 18px;font-size:.9rem;transition:background .18s,border-color .18s;display:flex}.mp-lobby-action-btn:hover{background:#8b5cf633;border-color:#8b5cf6a6}.mp-lobby-action-btn__icon{flex-shrink:0;font-size:1.4rem}.mp-lobby-action-btn small{color:#fff6;font-size:.72rem}.mp-divider{text-align:center;color:#ffffff4d;letter-spacing:.05em;width:100%;font-size:.7rem}.mp-join-row{gap:8px;width:100%;display:flex}.mp-code-input{text-transform:uppercase;letter-spacing:.25em;text-align:center;flex:1;font-size:1.1rem!important;font-weight:800!important}.mp-join-btn{flex-shrink:0}.mp-input-err{color:var(--color-error);text-align:center;font-size:.78rem}.mp-lobby-card{gap:16px;width:100%;min-width:300px;max-width:440px}.mp-lobby-code-wrap{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;flex-direction:column;align-items:center;gap:6px;width:100%;padding:18px 20px 14px;display:flex}.mp-lobby-code-label{letter-spacing:.16em;text-transform:uppercase;color:#ffffff59;font-size:.68rem;font-weight:700}.mp-lobby-code{letter-spacing:.28em;color:#fff;text-shadow:0 0 24px #f0c04080;font-size:2.8rem;font-weight:900;font-family:var(--font-mono),monospace}.mp-lobby-copy-btn{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #fff3;border-radius:20px;padding:7px 20px;font-size:.8rem;font-weight:700;transition:background .15s,border-color .15s}.mp-lobby-copy-btn:hover{background:#ffffff24}.mp-lobby-copy-btn--copied{color:#86efac;border-color:#4ade8099}.mp-lobby-code-hint{color:#ffffff47;font-size:.7rem}.mp-lobby-players{width:100%}.mp-lobby-players__title{letter-spacing:.1em;text-transform:uppercase;color:#ffffff59;margin-bottom:8px;font-size:.72rem;font-weight:700}.mp-lobby-players__list{flex-direction:column;gap:6px;max-height:200px;display:flex;overflow-y:auto}.mp-lobby-player{background:#ffffff0f;border:1px solid #ffffff14;border-radius:12px;justify-content:space-between;align-items:center;padding:10px 14px;animation:mp-player-in .25s cubic-bezier(.34,1.56,.64,1);display:flex}@keyframes mp-player-in{0%{opacity:0;transform:translateY(8px)scale(.96)}to{opacity:1;transform:none}}.mp-lobby-player--me{background:#f0c04012;border-color:#f0c04059}.mp-lobby-player--host{border-color:#8b5cf659}.mp-lobby-player--empty{opacity:.35;border-style:dashed}.mp-lobby-player__name{color:#ffffffd9;font-size:.88rem;font-weight:700}.mp-lobby-player__badges{gap:5px;display:flex}.mp-lobby-player__badge{text-transform:uppercase;letter-spacing:.08em;border-radius:20px;padding:2px 8px;font-size:.6rem;font-weight:800}.mp-lobby-player__badge--host{color:#c4b5fd;background:#8b5cf64d}.mp-lobby-player__badge--you{color:#fde68a;background:#f0c04040}.mp-lobby-waiting{color:#fff6;gap:10px;font-size:.82rem}.lb-overlay,.mp-lobby-waiting{align-items:center;display:flex}.lb-overlay{z-index:200;-webkit-backdrop-filter:blur(14px);background:#000000d1;justify-content:center;padding:20px;animation:lb-in .3s;position:fixed;inset:0}@keyframes lb-in{0%{opacity:0}to{opacity:1}}.lb-card{background:#0f0a1ef2;border:1.5px solid #ffffff1f;border-radius:24px;flex-direction:column;align-items:center;gap:20px;width:100%;max-width:420px;max-height:90dvh;padding:32px 28px;animation:lb-card-in .35s cubic-bezier(.34,1.56,.64,1);display:flex;overflow-y:auto;box-shadow:0 8px 60px #0009}@keyframes lb-card-in{0%{opacity:0;transform:scale(.82)translateY(20px)}to{opacity:1;transform:none}}.lb-header{text-align:center}.lb-header__icon{margin-bottom:6px;font-size:3rem}.lb-header__title{font-family:var(--font-bebas),cursive;color:#fff;letter-spacing:.05em;font-size:2rem}.lb-header__sub{color:#ffffff59;margin-top:2px;font-size:.78rem}.lb-list{flex-direction:column;gap:8px;width:100%;display:flex}.lb-row{background:#ffffff0a;border:1px solid #ffffff12;border-radius:14px;grid-template-columns:36px 1fr auto;align-items:center;gap:10px;padding:12px 14px;animation:lb-row-in .3s both;display:grid}@keyframes lb-row-in{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:none}}.lb-row--me{background:#f0c04014;border-color:#f0c04040}.lb-row--winner{background:#ffd70014;border-color:#ffd7004d}.lb-row__rank{text-align:center;font-size:1.4rem;line-height:1}.lb-row__rank-num{color:#fff6;font-size:.9rem;font-weight:800}.lb-row__info{min-width:0}.lb-row__name{color:#ffffffe6;white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:7px;font-size:.92rem;font-weight:700;display:flex;overflow:hidden}.lb-row__you-badge{color:#fde68a;letter-spacing:.06em;text-transform:uppercase;background:#f0c04040;border-radius:10px;flex-shrink:0;padding:2px 7px;font-size:.6rem;font-weight:800}.lb-row__bar-wrap{margin-top:5px}.lb-row__bar{background:#ffffff14;border-radius:3px;height:5px;overflow:hidden}.lb-row__bar-fill{background:linear-gradient(90deg,var(--color-accent),var(--color-orange));border-radius:3px;height:100%;transition:width .5s}.lb-row__bar-fill--gold{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.lb-row__bar-fill--me{background:linear-gradient(90deg,var(--color-success),#00d4ff)}.lb-row__score{color:#fff;white-space:nowrap;font-size:1.05rem;font-weight:900}.lb-close-btn{width:100%;margin-top:4px}@media (max-width:480px){.mp-mode-grid{grid-template-columns:1fr}.lb-card{padding:24px 18px}.lb-header__icon{font-size:2.2rem}.lb-header__title{font-size:1.6rem}.mp-lobby-code{letter-spacing:.2em;font-size:2.2rem}}.citymix-container{z-index:1;width:100%;max-width:660px;animation:slideDown .4s ease-out both;position:relative}.citymix-result-screen{z-index:1;text-align:center;width:100%;max-width:600px;animation:scoreGrow .6s cubic-bezier(.34,1.56,.64,1) both;position:relative}.result-header-multi{justify-content:space-between;align-items:center;gap:8px;width:100%;margin-bottom:8px;display:flex}.result-header-multi__center{text-align:center;flex:none}.result-header-multi__center .result-emoji--pop{margin-bottom:2px;font-size:32px}.result-header-multi__center .result-title--pop{font-size:clamp(28px,6vw,44px)}.result-score-side{text-align:center;flex:1}.result-score-side__label{color:#fff6;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:2px;font-size:11px}.result-score-side__value{font-size:26px;font-weight:800;line-height:1.1;font-family:var(--font-mono),monospace}.result-score-side__total{color:#ffffff59;font-size:11px}.round-type-pill{text-align:center;font-size:11px;letter-spacing:2px;color:#fff6;background:#ffffff0a;border:1px solid #ffffff14;margin-bottom:18px;padding:5px 16px;display:inline-block}.result-card__round-badge,.round-type-pill{font-family:var(--font-mono),monospace;text-transform:uppercase;border-radius:50px}.result-card__round-badge{font-size:9px;letter-spacing:1.5px;flex-shrink:0;padding:2px 7px}.result-card__round-badge--vs{color:#f0c040cc;background:#f0c0401f;border:1px solid #f0c04033}.result-card__round-badge--guess{color:#00d4ffcc;background:#00d4ff1a;border:1px solid #00d4ff33}.result-card__city-vs{color:#ffffff4d;font-size:11px;font-family:var(--font-mono),monospace;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.hl-container{z-index:1;width:100%;max-width:760px;padding:0 16px;animation:slideDown .4s ease-out both;position:relative}.hl-cards-row{justify-content:center;align-items:stretch;gap:16px;width:100%;margin-bottom:14px;display:flex}.hl-metric-banner{text-align:center;border:1.5px solid #f0c04059;border-radius:18px;width:100%;margin-bottom:16px;padding:22px 24px 18px;animation:popInCenter .35s cubic-bezier(.34,1.56,.64,1) both;position:relative;overflow:hidden}.hl-metric-banner__scatter{pointer-events:none;position:absolute;inset:0;overflow:hidden}.hl-metric-help{z-index:2;position:absolute;top:10px;right:12px}.hl-metric-help__icon{width:20px;height:20px;font-size:11px;font-family:var(--font-mono),monospace;color:#ffffff80;cursor:default;background:#ffffff1a;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex}.hl-metric-help:hover .hl-metric-help__icon{color:#ffffffe6;background:#fff3}.hl-metric-help__tooltip{font-size:12px;font-family:var(--font-sora),sans-serif;color:#fffc;white-space:nowrap;pointer-events:none;z-index:10;background:#100e1ef5;border:1px solid #ffffff26;border-radius:10px;padding:8px 12px;display:none;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 8px 24px #0006}.hl-metric-help:hover .hl-metric-help__tooltip{display:block}.hl-metric-banner__emoji{margin-bottom:10px;font-size:48px;line-height:1;display:block}.hl-metric-banner__name{font-family:var(--font-bebas),cursive;letter-spacing:6px;color:var(--color-accent);text-transform:uppercase;text-shadow:0 0 30px #f0c04080;margin-bottom:8px;font-size:clamp(32px,6vw,48px);line-height:1}.hl-metric-banner__question{font-size:14px;font-family:var(--font-sora),sans-serif;color:#ffffffb8;letter-spacing:.2px;font-weight:600}.hl-metric-banner--answered{padding:10px 18px;transition:padding .2s}.hl-metric-banner--answered .hl-metric-banner__emoji,.hl-metric-banner--answered .hl-metric-banner__name,.hl-metric-banner--answered .hl-metric-banner__scatter,.hl-metric-banner--answered .hl-metric-help{display:none}.hl-metric-banner--answered .hl-metric-banner__question{color:#ffffff6b;font-size:13px;font-weight:500}.hl-vs-divider{font-family:var(--font-bebas),cursive;letter-spacing:2px;color:#f0c040a6;pointer-events:none;flex-shrink:0;width:44px;font-size:18px}.hl-card,.hl-vs-divider{justify-content:center;align-items:center;display:flex}.hl-card{-webkit-user-select:none;user-select:none;background:linear-gradient(145deg,#ffffff12,#ffffff08);border:1.5px solid #ffffff1a;border-radius:20px;flex-direction:column;flex:1;gap:10px;max-width:320px;min-height:210px;padding:28px 20px 24px;transition:transform .15s,border-color .2s,box-shadow .2s;position:relative}.hl-card--active{cursor:pointer}.hl-card--active:hover{border-color:#ffffff47;transform:translateY(-4px)scale(1.02);box-shadow:0 10px 32px #00000059}.hl-card--disabled{cursor:default}.hl-card--winner{background:linear-gradient(145deg,#00ffa017,#00ffa005);border-color:#00ffa08c;box-shadow:0 0 32px #00ffa02e}.hl-card--loser{opacity:.5;border-color:#ff505059}.hl-card__result-icon{font-size:20px;position:absolute;top:12px;right:14px}.hl-card__flag-img{object-fit:cover;border:1px solid #ffffff1f;border-radius:6px;width:96px;height:64px;display:block}.hl-card__name{color:#fff;text-align:center;font-size:19px;font-weight:700;font-family:var(--font-sora),sans-serif;letter-spacing:.01em;margin-top:4px}.hl-card__continent{font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:#ffffff52;text-align:center}.hl-card__continent,.hl-card__value{font-family:var(--font-mono),monospace}.hl-card__value{font-size:16px;font-weight:700;letter-spacing:.03em;margin-top:4px}.hl-card__value--winner{color:var(--color-success)}.hl-card__value--loser{color:var(--color-error)}.hl-card__choose{color:#fff9;letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:600;font-family:var(--font-sora),sans-serif;background:#ffffff17;border-radius:20px;margin-top:8px;padding:6px 22px}@media (max-width:520px){.hl-cards-row{flex-direction:column;align-items:center;gap:10px}.hl-card{flex-direction:row;justify-content:flex-start;gap:14px;width:100%;max-width:100%;min-height:auto;padding:16px 18px}.hl-card__flag-img{flex-shrink:0;width:72px;height:48px}.hl-card__name{font-size:16px}.hl-card__continent,.hl-card__name{text-align:left}.hl-card__choose{margin-top:0}.hl-vs-divider{width:100%;height:28px}}@media (max-width:480px){.home-emoji{margin-bottom:4px;font-size:44px}.home-subtitle{margin-top:8px;font-size:13px}.how-it-works{margin-top:18px;padding:12px 14px}.how-it-works__title{margin-bottom:8px}.how-it-works__item{margin-bottom:6px}.how-it-works__text{font-size:12px}.home-buttons{flex-wrap:nowrap;gap:10px;margin-top:20px}.btn-primary{padding:13px 20px}.btn-outline,.btn-primary{letter-spacing:2px;font-size:15px}.btn-outline{padding:13px 14px}}@media (max-height:700px){.home-emoji{margin-bottom:2px;font-size:40px}.home-subtitle{margin-top:6px}.how-it-works{margin-top:14px;padding:10px 14px}.how-it-works__title{margin-bottom:6px}.how-it-works__item{margin-bottom:5px}.home-buttons{margin-top:16px}}.home-page{min-height:100vh;font-family:var(--font-sora),sans-serif;background-color:#ddd6fe;background-image:radial-gradient(70% 45% at 50% 20%,#ffffffeb 0,#0000 65%),radial-gradient(75% 60% at 6% 10%,#8b5cf6d9 0,#0000 52%),radial-gradient(65% 55% at 94% 14%,#3b82f6cc 0,#0000 52%),radial-gradient(70% 55% at 48% 96%,#ec4899bf 0,#0000 50%),radial-gradient(50% 40% at 90% 88%,#f59e0ba6 0,#0000 45%),radial-gradient(45% 38% at 8% 90%,#06b6d48c 0,#0000 45%);position:relative;overflow-x:hidden}.home-page__content{z-index:1;max-width:1000px;margin:0 auto;padding:104px 24px 80px;position:relative}.home-page__hero{text-align:center;margin-bottom:60px}.home-page__title{font-family:var(--font-bebas),cursive;letter-spacing:3px;color:#18103a;margin-bottom:14px;font-size:clamp(22px,3.5vw,36px);line-height:1.1}.home-page__tagline{font-family:var(--font-mono),monospace;letter-spacing:3px;text-transform:uppercase;color:#94a3b8;font-size:12px}.home-page__intro{color:#d1d5db;text-align:center;max-width:560px;margin:-8px auto 24px;font-size:10px;line-height:1.4}.categories{flex-direction:column;gap:40px;display:flex}.category{z-index:0;position:relative}.category:has(.game-card--available:hover){z-index:1}.category__header{align-items:center;gap:12px;margin-bottom:16px;display:flex}.category__icon{font-size:20px}.category__name{font-family:var(--font-bebas),cursive;letter-spacing:4px;color:#1e1b4b;text-shadow:0 1px 3px #fff9;font-size:20px;line-height:1}.category__soon-pill{font-size:9px;font-family:var(--font-mono),monospace;letter-spacing:1.5px;color:#94a3b8;text-transform:uppercase;background:#64748b1a;border:1px solid #64748b33;border-radius:4px;padding:2px 7px}.category__games{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;display:grid}.game-slider{position:relative}.game-slider__track{scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;gap:14px;margin-top:-10px;margin-bottom:-16px;padding-top:10px;padding-bottom:16px;padding-right:24px;display:flex;overflow-x:auto}.game-slider__track::-webkit-scrollbar{display:none}.game-slider__track .game-card{scroll-snap-align:start;flex-shrink:0;width:268px}.game-slider__arrow{z-index:5;color:#4c1d95;cursor:pointer;background:#ffffffeb;border:1.5px solid #7c3aed40;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;padding:0;font-size:22px;line-height:1;transition:background .15s,transform .15s,box-shadow .15s;display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 2px 12px #6d28d92e,0 1px 4px #00000014}.game-slider__arrow:hover{background:#fff;transform:translateY(-50%)scale(1.1);box-shadow:0 4px 20px #6d28d947,0 1px 6px #0000001a}.game-slider__arrow--left{left:-17px}.game-slider__arrow--right{right:-17px}@media (max-width:480px){.game-slider__arrow{display:none}.game-slider__track .game-card{width:min(268px,78vw)}}.game-card{border-radius:18px;flex-direction:column;gap:8px;min-height:156px;padding:20px 22px;text-decoration:none;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex}.category__icon{background:var(--cat-badge,#7c3aed1f);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.category__line{background:linear-gradient(90deg,var(--cat-line,#7c3aed59) 0,transparent 100%);flex:1;height:1.5px}.game-card--available{background:linear-gradient(150deg,#fffffff2 0,var(--cat-bg,#7c3aed0a) 100%);-webkit-backdrop-filter:blur(20px);cursor:pointer;border:1px solid #ffffff80;transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s,border-color .25s;position:relative;overflow:hidden;box-shadow:0 1px 3px #0000000f,inset 0 1px #fffffff2}.game-card--available:before{content:"";border-radius:inherit;background:linear-gradient(135deg,var(--cat-border,#7c3aed80) 0,#ffffff1a 55%,transparent 100%);pointer-events:none;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.game-card--available:hover{box-shadow:0 2px 8px -2px #00000014,0 8px 24px -6px var(--cat-shadow,#7c3aed59);border-color:#ffffffbf;transform:translateY(-5px)}.game-card--soon{-webkit-backdrop-filter:blur(8px);opacity:.5;cursor:default;background:#ffffff47;border:1px solid #c8c8dc59;box-shadow:0 2px 12px #0000000a}.game-card__header{align-items:center;gap:10px;display:flex}.game-card__emoji{flex-shrink:0;font-size:26px;line-height:1}.game-card__title{font-family:var(--font-bebas),cursive;letter-spacing:2px;color:#1e1b4b;font-size:22px;line-height:1}.game-card__desc{color:#64748b;font-size:13px;line-height:1.55;font-family:var(--font-sora),sans-serif;-webkit-line-clamp:3;-webkit-box-orient:vertical;flex:1;display:-webkit-box;overflow:hidden}.game-card__footer{justify-content:space-between;align-items:center;margin-top:6px;display:flex}.game-card__tags{gap:6px;display:flex}.game-card__tag{font-size:9px;text-transform:uppercase;color:var(--color-purple);background:#7c3aed14;border-radius:4px;padding:3px 7px}.game-card__cta,.game-card__tag{font-family:var(--font-mono),monospace;letter-spacing:1px}.game-card__cta{color:var(--cat-cta,var(--color-purple));opacity:.6;font-size:12px;transition:opacity .2s}.game-card--available:hover .game-card__cta{opacity:1}.seo-section{color:#4b5563;border-top:1px solid #00000012;margin-top:80px;padding-top:40px;font-size:14px;line-height:1.75}.seo-section p{margin-bottom:10px}.seo-section h2{color:#374151;letter-spacing:.3px;margin:28px 0 10px;font-size:15px;font-weight:600}.seo-section ul{flex-direction:column;gap:5px;margin:0 0 12px;padding:0;list-style:none;display:flex}.seo-section li{padding-left:16px;position:relative}.seo-section li:before{content:"–";color:var(--color-purple);position:absolute;left:0}.seo-section strong{color:#374151;font-weight:600}.game-seo-section{background:#050510;border-top:1px solid #ffffff0f;padding:60px 24px 80px}.game-seo-section__inner{max-width:780px;font-family:var(--font-sora),sans-serif;margin:0 auto}.game-seo-section__h1{color:#fff;margin-bottom:48px;font-size:clamp(20px,3.5vw,30px);font-weight:800;line-height:1.3}.game-seo-section h2{color:#fff;align-items:center;gap:8px;margin:36px 0 12px;font-size:15px;font-weight:700;display:flex}.game-seo-section h2:before{content:"";background:linear-gradient(135deg,var(--color-purple),#3b82f6);border-radius:2px;flex-shrink:0;width:3px;height:15px;display:inline-block}.game-seo-section p{color:#ffffff80;margin-bottom:10px;font-size:14px;line-height:1.8}.game-seo-section ul{flex-direction:column;gap:6px;margin:10px 0 16px;padding:0;list-style:none;display:flex}.game-seo-section li{color:#ffffff80;padding-left:18px;font-size:14px;line-height:1.7;position:relative}.game-seo-section li:before{content:"–";color:var(--color-purple);position:absolute;left:0}.faq-block{margin-top:8px}.faq-item{border-top:1px solid #ffffff12;padding:2px 0}.faq-item__q{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;gap:12px;padding:13px 4px 13px 0;font-size:13px;font-weight:600;list-style:none;display:flex}.faq-item__q::-webkit-details-marker{display:none}.faq-item__q:after{content:"+";color:var(--color-purple);flex-shrink:0;font-size:18px;font-weight:300;line-height:1}.faq-item[open]>.faq-item__q:after{content:"−"}.game-seo-section .faq-item{border-top-color:#ffffff12}.game-seo-section .faq-item__q{color:#ffffffd9}.cat-page__seo .faq-item{border-top-color:#00000014}.cat-page__seo .faq-item__q{color:#1e1b4b}.related-games{background:#060614;border-top:1px solid #7c3aed26;padding:48px 24px 64px}.related-games__inner{max-width:780px;margin:0 auto}.related-games__title{font-family:var(--font-sora),sans-serif;color:#ffffff59;text-transform:uppercase;letter-spacing:.12em;margin:0 0 20px;font-size:13px;font-weight:700}.related-games__grid{flex-direction:column;gap:10px;display:flex}.related-games__card{background:#ffffff08;border:1px solid #ffffff12;border-radius:12px;align-items:center;gap:14px;padding:14px 18px;text-decoration:none;transition:background .15s,border-color .15s;display:flex}.related-games__card:hover{background:#7c3aed1a;border-color:#7c3aed4d}.related-games__card-emoji{text-align:center;flex-shrink:0;width:36px;font-size:1.6rem}.related-games__card-body{flex:1;min-width:0}.related-games__card-name{font-family:var(--font-sora),sans-serif;color:#fff;margin-bottom:2px;font-size:14px;font-weight:700}.related-games__card-desc{font-family:var(--font-sora),sans-serif;color:#fff6;white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.related-games__card-arrow{color:#7c3aed99;flex-shrink:0;font-size:1rem;transition:transform .15s}.related-games__card:hover .related-games__card-arrow{color:var(--color-purple);transform:translate(3px)}.site-footer{-webkit-backdrop-filter:blur(8px);background:#fff3;border-top:1px solid #ffffff59;padding:40px 24px 24px}.site-footer__grid{grid-template-columns:repeat(3,1fr);gap:32px;max-width:800px;margin:0 auto 28px;display:grid}.site-footer__col{flex-direction:column;gap:8px;display:flex}.site-footer__col-title{text-transform:uppercase;letter-spacing:.08em;color:#94a3b8;margin-bottom:4px;font-size:11px;font-weight:700}.site-footer__link{color:#64748b;font-size:13px;line-height:1.4;text-decoration:none;transition:color .15s}.site-footer__link:hover{color:#94a3b8}.site-footer__copy{color:#cbd5e1;font-size:11px;font-family:var(--font-mono),monospace;text-align:center}@media (max-width:600px){.site-footer__grid{grid-template-columns:1fr 1fr;gap:24px}.site-footer__col:last-child{grid-column:1/-1}}@media (max-width:480px){.home-page__content{padding:88px 16px 60px}.home-page__hero{margin-bottom:40px}.categories{gap:36px}.category__games{grid-template-columns:1fr}.game-card{padding:16px 18px}}.cat-page__hero{text-align:center;margin-bottom:48px}.cat-page__h1{font-family:var(--font-bebas),cursive;letter-spacing:3px;color:#18103a;margin-bottom:16px;font-size:clamp(20px,3vw,30px);line-height:1.2}.cat-page__lead{color:#475569;max-width:560px;font-size:15px;line-height:1.7;font-family:var(--font-sora),sans-serif;margin:0 auto}.cat-page__silo{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff73;border:1px solid #fff9;border-radius:18px;margin-top:48px;padding:20px 24px}.cat-page__silo-title{font-size:10px;font-family:var(--font-mono),monospace;letter-spacing:2px;text-transform:uppercase;color:#94a3b8;margin-bottom:12px}.cat-page__silo-links{flex-wrap:wrap;gap:8px;display:flex}.cat-page__silo-link{color:#1e1b4b;font-size:13px;font-weight:600;font-family:var(--font-sora),sans-serif;background:#ffffffb3;border:1px solid #fff9;border-radius:999px;align-items:center;gap:6px;padding:8px 18px;text-decoration:none;transition:background .15s,box-shadow .15s,transform .15s;display:inline-flex;box-shadow:0 2px 8px #0000000f}.cat-page__silo-link:hover{color:var(--color-purple);background:#fffffff2;transform:translateY(-2px);box-shadow:0 4px 16px #7c3aed26}.cat-page__seo{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff8c;border:1px solid #ffffffa6;border-radius:18px;margin-top:32px;padding:28px 32px;box-shadow:0 4px 24px #0000000f}.cat-page__seo h2{color:#1e1b4b;font-size:14px;font-weight:700;font-family:var(--font-sora),sans-serif;align-items:center;gap:8px;margin:24px 0 8px;display:flex}.cat-page__seo h2:before{content:"";background:linear-gradient(180deg,var(--color-purple),#3b82f6);border-radius:2px;flex-shrink:0;width:3px;height:14px;display:inline-block}.cat-page__seo h2:first-child{margin-top:0}.cat-page__seo li,.cat-page__seo p{color:#475569;font-size:13px;line-height:1.75;font-family:var(--font-sora),sans-serif}.cat-page__seo ul{flex-direction:column;gap:6px;margin:0 0 12px;padding-left:1.4em;display:flex}.site-header__dropdown-viewall{border-top:1px solid #0000000f;margin-top:2px;padding:6px 16px 4px}.site-header__dropdown-viewall a{color:var(--color-purple);font-size:11px;font-weight:600;font-family:var(--font-mono),monospace;letter-spacing:.5px;text-decoration:none}.site-header__dropdown-viewall a:hover{text-decoration:underline}.category__name-link{font-family:var(--font-bebas),cursive;letter-spacing:4px;color:#1e1b4b;text-shadow:0 1px 3px #fff9;font-size:20px;line-height:1;text-decoration:none;transition:color .15s}.category__name-link:hover{color:var(--color-purple)}@media (max-width:480px){.cat-page__silo{padding:16px 18px}.cat-page__silo-links{gap:6px}.cat-page__silo-link{padding:6px 12px;font-size:12px}.cat-page__seo{padding:20px 18px}}.site-header__auth{margin-left:auto}.site-header__auth,.user-badge{align-items:center;display:flex}.user-badge{cursor:pointer;color:#ffffffd9;-webkit-user-select:none;user-select:none;background:#ffffff12;border:1px solid #ffffff1a;border-radius:8px;gap:6px;padding:6px 12px;font-size:13px;transition:background .15s;position:relative}.user-badge:hover{background:#ffffff1f}.user-badge--loading{cursor:default;pointer-events:none;justify-content:center;width:80px;height:32px}.user-badge__dot{background:#ffffff4d;border-radius:50%;width:8px;height:8px;animation:waitingPulse 1s infinite}.user-badge__rank-emoji{font-size:15px}.user-badge__name{text-overflow:ellipsis;white-space:nowrap;max-width:100px;font-weight:600;overflow:hidden}.user-badge__chevron{opacity:.5;flex-shrink:0}.user-badge__dropdown{z-index:200;background:#1a1a2e;border:1px solid #ffffff1a;border-radius:10px;min-width:160px;animation:slideDown .15s;position:absolute;top:calc(100% + 6px);right:0;overflow:hidden;box-shadow:0 8px 24px #0006}.user-badge__dropdown-item{color:#fffc;text-align:left;cursor:pointer;background:0 0;border:none;width:100%;padding:12px 16px;font-size:13px;text-decoration:none;transition:background .12s;display:block}.user-badge__dropdown-item:hover{color:#fff;background:#ffffff12}.user-badge__dropdown-item--danger:hover{color:#f87171;background:#ef44441f}.user-badge__login-btn{font-size:12px;font-family:var(--font-mono),monospace;letter-spacing:1px;text-transform:uppercase;color:#fff;background:linear-gradient(135deg,var(--color-purple),#3b82f6);cursor:pointer;border:none;border-radius:8px;padding:7px 16px;font-weight:600;transition:opacity .15s}.user-badge__login-btn:hover{opacity:.85}.auth-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9000;background:#000000a6;justify-content:center;align-items:center;animation:fadeIn .15s;display:flex;position:fixed;inset:0}.auth-modal{background:#12122a;border:1px solid #ffffff1a;border-radius:16px;width:100%;max-width:420px;padding:32px;animation:popInCenter .2s;position:relative;box-shadow:0 24px 64px #0009}.auth-modal__close{color:#fff6;cursor:pointer;background:0 0;border:none;padding:4px;font-size:24px;line-height:1;transition:color .12s;position:absolute;top:16px;right:16px}.auth-modal__close:hover{color:#ffffffe6}.auth-modal__title{color:#fff;text-align:center;margin-bottom:8px;font-size:20px;font-weight:800}.auth-modal__subtitle{color:#ffffff80;text-align:center;margin-bottom:24px;font-size:13px}.auth-modal__tabs{background:#ffffff0d;border-radius:8px;margin-bottom:24px;padding:3px;display:flex}.auth-modal__tab{color:#ffffff73;cursor:pointer;background:0 0;border:none;border-radius:6px;flex:1;padding:8px;font-size:13px;font-weight:600;transition:all .15s}.auth-modal__tab.is-active{color:#fff;background:#ffffff1a}.auth-modal__form{flex-direction:column;gap:16px;display:flex}.auth-modal__field{flex-direction:column;gap:6px;display:flex}.auth-modal__label{color:#ffffff8c;text-transform:uppercase;letter-spacing:.8px;font-size:12px;font-weight:600}.auth-modal__input{color:#fff;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:8px;outline:none;padding:10px 14px;font-size:14px;transition:border-color .15s}.auth-modal__input:focus{border-color:#7c3aedb3}.auth-modal__input::placeholder{color:#fff3}.auth-modal__error{color:#f87171;background:#ef44441f;border:1px solid #ef444440;border-radius:8px;padding:10px 14px;font-size:13px}.auth-modal__submit{justify-content:center;width:100%;margin-top:4px}.auth-modal__divider{color:#fff3;align-items:center;gap:12px;margin:20px 0;font-size:12px;display:flex}.auth-modal__divider:after,.auth-modal__divider:before{content:"";background:#ffffff1a;flex:1;height:1px}.auth-modal__google{color:#1f1f1f;cursor:pointer;background:#fff;border:none;border-radius:8px;justify-content:center;align-items:center;gap:10px;width:100%;padding:10px 16px;font-size:14px;font-weight:600;transition:opacity .15s;display:flex}.auth-modal__google:hover{opacity:.9}.auth-modal__google:disabled{opacity:.5;cursor:default}.auth-modal__success{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:8px 0;display:flex}.auth-modal__success-icon{font-size:48px}.auth-modal__success h2{color:#fff;font-size:20px;font-weight:800}.auth-modal__success p{color:#fff9;font-size:14px;line-height:1.6}.leaderboard-page{background:#0a0a18;min-height:100vh;padding:80px 24px 60px}.leaderboard-page__header{text-align:center;margin-bottom:32px}.leaderboard-page__title{color:#fff;margin-bottom:8px;font-size:32px;font-weight:900}.leaderboard-page__subtitle{color:#ffffff73;font-size:14px}.leaderboard-tabs{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:28px;display:flex}.leaderboard-tab{color:#ffffff8c;font-size:12px;font-family:var(--font-mono),monospace;letter-spacing:1px;text-transform:uppercase;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:8px;padding:8px 16px;transition:all .15s}.leaderboard-tab:hover{color:#ffffffd9;background:#ffffff14}.leaderboard-tab.is-active{color:#fff;background:linear-gradient(135deg,#7c3aed4d,#3b82f633);border-color:#7c3aed80;font-weight:700}.leaderboard-table-wrap{background:#ffffff08;border:1px solid #ffffff12;border-radius:14px;max-width:720px;margin:0 auto;overflow:hidden}.leaderboard-empty,.leaderboard-loading{color:#ffffff59;justify-content:center;align-items:center;gap:12px;padding:60px 24px;font-size:14px;display:flex}.leaderboard-table{border-collapse:collapse;width:100%}.leaderboard-th{font-size:11px;font-family:var(--font-mono),monospace;letter-spacing:1.5px;text-transform:uppercase;color:#ffffff59;text-align:left;border-bottom:1px solid #ffffff0f;padding:12px 16px}.leaderboard-th--pts,.leaderboard-th--wl{text-align:right}.leaderboard-row{border-bottom:1px solid #ffffff0a;transition:background .12s}.leaderboard-row:last-child{border-bottom:none}.leaderboard-row:hover{background:#ffffff0a}.leaderboard-row--me{background:#7c3aed1a!important}.leaderboard-td{color:#fffc;vertical-align:middle;padding:14px 16px;font-size:14px}.leaderboard-td--pts{text-align:right;color:#fff}.leaderboard-td--wl{text-align:right;font-size:13px}.leaderboard-td--win{color:#4ade80}.leaderboard-td--loss{color:#f87171}.leaderboard-td--num{text-align:center;font-size:16px}.leaderboard-tier-badge{color:#ffffffbf;background:#ffffff12;border-radius:20px;align-items:center;gap:4px;padding:3px 8px;font-size:12px;display:inline-flex}.leaderboard-username{color:#fff;align-items:center;gap:8px;font-weight:700;display:flex}.leaderboard-you-tag{color:#c4b5fd;text-transform:uppercase;letter-spacing:.5px;background:#7c3aed59;border-radius:10px;padding:2px 7px;font-size:10px;font-weight:600}.leaderboard-my-row{color:#fff;z-index:100;white-space:nowrap;background:#1a1235;border:1px solid #7c3aed66;border-radius:12px;align-items:center;gap:12px;padding:12px 20px;font-size:13px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #00000080}.leaderboard-my-row__label{color:#ffffff73;text-transform:uppercase;letter-spacing:1px;margin-right:4px;font-size:11px}@media (max-width:640px){.leaderboard-page{padding:80px 12px 60px}.leaderboard-tabs{gap:6px}.leaderboard-tab{padding:7px 10px;font-size:10px}.leaderboard-td--rank,.leaderboard-th--rank{display:none}.auth-modal{margin:16px;padding:24px 16px}.site-header__auth{margin-left:auto}}.rating-delta{background:#ffffff0d;border:1px solid #ffffff14;border-radius:10px;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin:4px 0 8px;padding:10px 18px;display:flex}.rating-delta__pts{font-size:18px;font-weight:900;font-family:var(--font-mono),monospace}.rating-delta__pts--pos{color:#4ade80}.rating-delta__pts--neg{color:#f87171}.rating-delta__rank{color:#fff9;font-size:13px}.profile-page{background:#0a0a18;gap:24px;min-height:100vh;padding:80px 24px 60px}.profile-card,.profile-page{flex-direction:column;align-items:center;display:flex}.profile-card{background:#ffffff08;border:1px solid #ffffff14;border-radius:20px;gap:12px;width:100%;max-width:480px;padding:36px 28px 28px}.profile-avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:88px;height:88px;margin-bottom:4px;font-size:42px;display:flex;box-shadow:0 8px 24px #0006}.profile-identity{flex-direction:column;align-items:center;gap:6px;display:flex}.profile-username{color:#fff;text-align:center;font-size:24px;font-weight:900}.profile-edit-btn{color:#ffffff59;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:12px;transition:color .12s,background .12s}.profile-edit-btn:hover{color:#fffc;background:#ffffff0f}.profile-username-form{flex-direction:column;align-items:center;gap:10px;width:100%;display:flex}.profile-username-input{text-align:center;width:100%}.profile-username-actions{gap:8px;display:flex}.profile-email{color:#ffffff59;font-size:13px}.profile-best-rank{flex-direction:column;align-items:center;gap:4px;margin-top:4px;display:flex}.profile-best-rank__label{text-transform:uppercase;letter-spacing:1px;color:#ffffff4d;font-size:11px}.leaderboard-tier-badge--lg{padding:5px 14px;font-size:15px}.profile-stats{grid-template-columns:repeat(4,1fr);gap:10px;width:100%;max-width:480px;display:grid}.profile-stat{text-align:center;background:#ffffff08;border:1px solid #ffffff12;border-radius:12px;padding:16px 8px}.profile-stat__value{color:#fff;margin-bottom:4px;font-size:22px;font-weight:900;line-height:1}.profile-stat__value--win{color:#4ade80}.profile-stat__value--loss{color:#f87171}.profile-stat__label{text-transform:uppercase;letter-spacing:1px;color:#ffffff4d;font-size:11px}.profile-ratings{width:100%;max-width:480px}.profile-section-title{font-size:14px;font-family:var(--font-mono),monospace;letter-spacing:2px;text-transform:uppercase;color:#ffffff59;margin-bottom:12px}.profile-game-card,.profile-ratings-grid{flex-direction:column;gap:8px;display:flex}.profile-game-card{background:#ffffff08;border:1px solid #ffffff12;border-radius:12px;padding:14px 16px}.profile-game-card__header{justify-content:space-between;align-items:center;display:flex}.profile-game-card__name{color:#fffc;font-size:13px;font-weight:700}.profile-game-card__points{color:#fff;font-size:20px;font-weight:900}.profile-game-card__bar-wrap{background:#ffffff14;border-radius:2px;height:4px;overflow:hidden}.profile-game-card__bar{background:linear-gradient(90deg,var(--color-purple),#3b82f6);border-radius:2px;min-width:4px;height:100%;transition:width .6s}.profile-game-card__wl{gap:10px;font-size:13px;font-weight:700;display:flex}.profile-no-games{color:#ffffff4d;text-align:center;padding:20px;font-size:14px}.user-badge__dropdown-divider{background:#ffffff12;height:1px;margin:3px 0}@media (max-width:640px){.profile-stats{grid-template-columns:repeat(2,1fr)}}.contact-page{background:#0a0a18;justify-content:center;align-items:flex-start;min-height:100vh;padding:80px 24px 60px;display:flex}.contact-card{background:#ffffff08;border:1px solid #ffffff14;border-radius:20px;width:100%;max-width:560px;padding:40px 36px}.contact-card__header{margin-bottom:32px}.contact-card__title{color:#fff;margin-bottom:6px;font-size:28px;font-weight:900}.contact-card__subtitle{color:#ffffff73;font-size:14px}.contact-form{flex-direction:column;gap:18px;display:flex}.contact-form__row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.contact-form__field{flex-direction:column;gap:7px;display:flex}.contact-form__label{text-transform:uppercase;letter-spacing:.8px;color:#ffffff73;font-size:12px;font-weight:600}.contact-form__input{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;outline:none;width:100%;padding:11px 14px;font-family:inherit;font-size:14px;transition:border-color .15s}.contact-form__input:focus{background:#ffffff12;border-color:#7c3aed99}.contact-form__input::placeholder{color:#fff3}.contact-form__select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='rgba(255,255,255,0.3)' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;padding-right:36px}.contact-form__select option{color:#fff;background:#1a1a2e}.contact-form__textarea{resize:vertical;min-height:120px;line-height:1.6}.contact-form__submit{justify-content:center;width:100%;margin-top:4px}.contact-success{text-align:center;flex-direction:column;align-items:center;gap:14px;padding:20px 0;display:flex}.contact-success__icon{font-size:52px}.contact-success__title{color:#fff;font-size:22px;font-weight:900}.contact-success__body{color:#ffffff80;max-width:340px;font-size:14px;line-height:1.6}@media (max-width:560px){.contact-card{padding:28px 20px}.contact-form__row{grid-template-columns:1fr}}.legal-page{min-height:100vh;font-family:var(--font-sora),sans-serif;background:radial-gradient(at 20%,#0d1b2a 0,#050510 60%,#0a0518 100%);justify-content:center;padding:80px 24px;display:flex;position:relative;overflow:hidden}.legal-card{background:#ffffff05;border:1px solid #ffffff0f;border-radius:20px;width:100%;max-width:720px;padding:48px 40px}.legal-card__badge{text-transform:uppercase;letter-spacing:.08em;color:var(--color-purple);background:#7c3aed1f;border:1px solid #7c3aed40;border-radius:20px;margin-bottom:16px;padding:4px 12px;font-size:11px;font-weight:700;display:inline-block}.legal-card__title{color:#fff;margin-bottom:8px;font-size:36px;font-weight:900;line-height:1.15}.legal-card__meta{color:#ffffff59;margin-bottom:48px;font-size:13px}.legal-section{margin-bottom:36px}.legal-section__title{color:#fff;align-items:center;gap:8px;margin-bottom:10px;font-size:16px;font-weight:700;display:flex}.legal-section__title:before{content:"";background:linear-gradient(135deg,var(--color-purple),#3b82f6);border-radius:2px;flex-shrink:0;width:3px;height:16px;display:inline-block}.legal-section__body{color:#ffffff8c;font-size:14px;line-height:1.75}.legal-section__body a{color:#818cf8;text-underline-offset:2px;text-decoration:underline}.legal-section__body a:hover{color:#a5b4fc}.legal-section__body ul{margin:8px 0 8px 20px;list-style:outside}.legal-section__body ul li{margin-bottom:4px}.legal-divider{border:none;border-top:1px solid #ffffff0f;margin:40px 0}@media (max-width:560px){.legal-card__title{font-size:26px}}.rules-page{background:#f8f9ff;min-height:100vh;padding-bottom:80px}.rules-page__breadcrumb{color:#94a3b8;max-width:800px;font-size:12px;font-family:var(--font-sora),sans-serif;flex-wrap:wrap;align-items:center;gap:6px;margin:0 auto;padding:16px 24px;display:flex}.rules-page__breadcrumb a{color:var(--color-purple);text-decoration:none}.rules-page__breadcrumb a:hover{text-decoration:underline}.rules-page__hero{text-align:center;background:linear-gradient(135deg,#1e1b4b,#3730a3);padding:52px 24px 48px}.rules-page__hero-game{color:#ffffff80;text-transform:uppercase;letter-spacing:1.5px;font-size:13px;font-weight:600;font-family:var(--font-sora),sans-serif;margin-bottom:12px}.rules-page__hero-title{color:#fff;font-size:clamp(24px,5vw,40px);font-weight:800;line-height:1.2;font-family:var(--font-sora),sans-serif;margin-bottom:14px}.rules-page__hero-desc{color:#ffffffa6;max-width:520px;line-height:1.7;margin:0 auto 28px}.rules-page__hero-desc,.rules-page__play-btn{font-size:15px;font-family:var(--font-sora),sans-serif}.rules-page__play-btn{background:linear-gradient(135deg,var(--color-purple),#3b82f6);color:#fff;font-weight:700;border-radius:12px;align-items:center;gap:8px;padding:13px 32px;text-decoration:none;transition:opacity .15s,transform .15s;display:inline-flex;box-shadow:0 4px 16px #7c3aed59}.rules-page__play-btn:hover{opacity:.88;transform:translateY(-1px)}.rules-page__inner{flex-direction:column;gap:20px;max-width:800px;margin:0 auto;padding:32px 24px 0;display:flex}.rules-page__section{background:#fff;border:1px solid #00000012;border-radius:16px;padding:28px 32px;box-shadow:0 2px 12px #0000000a}.rules-page__section-title{color:#18103a;font-size:15px;font-weight:800;font-family:var(--font-sora),sans-serif;align-items:center;gap:8px;margin:0 0 18px;display:flex}.rules-page__section-title:before{content:"";background:linear-gradient(135deg,var(--color-purple),#3b82f6);border-radius:2px;flex-shrink:0;width:3px;height:15px;display:inline-block}.rules-page__p{color:#475569;font-size:14px;line-height:1.8;font-family:var(--font-sora),sans-serif;margin:0 0 10px}.rules-page__p:last-child{margin-bottom:0}.rules-page__steps{flex-direction:column;gap:18px;margin:0;padding:0;list-style:none;display:flex}.rules-page__step{align-items:flex-start;gap:14px;display:flex}.rules-page__step-num{background:linear-gradient(135deg,var(--color-purple),#3b82f6);color:#fff;width:28px;height:28px;font-size:12px;font-weight:700;font-family:var(--font-sora),sans-serif;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:1px;display:flex}.rules-page__step-body{flex:1}.rules-page__step-name{color:#18103a;font-size:14px;font-weight:700;font-family:var(--font-sora),sans-serif;margin-bottom:3px}.rules-page__step-desc{color:#64748b;font-size:13px;line-height:1.7;font-family:var(--font-sora),sans-serif}.rules-page__scoring{flex-direction:column;gap:8px;display:flex}.rules-page__score-row{background:#f8f9ff;border:1px solid #0000000d;border-radius:10px;justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.rules-page__score-label{color:#475569}.rules-page__score-label,.rules-page__score-value{font-size:13px;font-family:var(--font-sora),sans-serif}.rules-page__score-value{color:var(--color-purple);font-weight:700}.rules-page__tips{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.rules-page__tip{color:#475569;font-size:13px;line-height:1.7;font-family:var(--font-sora),sans-serif;padding-left:20px;position:relative}.rules-page__tip:before{content:"→";color:var(--color-purple);font-weight:700;position:absolute;left:0}.rules-page__cta-wrap{text-align:center;background:linear-gradient(135deg,#7c3aed0f,#3b82f60f);border:1px dashed #7c3aed40;border-radius:16px;padding:36px 28px}.rules-page__cta-text{color:#18103a;font-size:16px;font-weight:700;font-family:var(--font-sora),sans-serif;margin:0 0 18px}.rules-page__game-link{color:#94a3b8;font-size:12px;font-family:var(--font-sora),sans-serif;margin-top:12px;text-decoration:none;transition:color .15s;display:inline-block}.rules-page__game-link:hover{color:var(--color-purple)}.game-seo-section__rules-link{border-top:1px solid #ffffff0f;margin-top:28px;padding-top:20px}.game-seo-section__rules-link a{color:#7c3aedd9;font-size:13px;font-weight:600;font-family:var(--font-sora),sans-serif;text-decoration:none;transition:color .15s}.game-seo-section__rules-link a:hover{color:#3b82f6;text-decoration:underline}@media (max-width:640px){.rules-page__section{padding:20px 18px}.rules-page__hero{padding:40px 20px 36px}.rules-page__inner{gap:16px;padding:24px 16px 0}}.blog-index__grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;margin-bottom:48px;display:grid}.blog-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:inherit;background:#fff9;border:1px solid #ffffffa6;border-radius:18px;flex-direction:column;padding:24px;text-decoration:none;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 4px 24px #0000000f}.blog-card:hover{transform:translateY(-4px);box-shadow:0 8px 32px #7c3aed21}.blog-card__tags{flex-wrap:wrap;gap:6px;margin-bottom:14px;display:flex}.blog-card__tag{letter-spacing:1.5px;text-transform:uppercase;color:var(--color-purple);font-size:10px;font-weight:700;font-family:var(--font-mono),monospace;background:linear-gradient(135deg,#7c3aed1a,#3b82f61a);border-radius:999px;padding:3px 10px}.blog-card__title{color:#18103a;font-size:17px;font-weight:800;line-height:1.35;margin-bottom:10px}.blog-card__excerpt,.blog-card__title{font-family:var(--font-sora),sans-serif}.blog-card__excerpt{color:#64748b;font-size:13px;line-height:1.7;flex:1}.blog-card__footer{border-top:1px solid #0000000f;justify-content:space-between;align-items:center;margin-top:18px;padding-top:14px;display:flex}.blog-card__meta{color:#94a3b8;font-size:11px}.blog-card__cta,.blog-card__meta{font-family:var(--font-mono),monospace}.blog-card__cta{color:var(--color-purple);font-size:12px;font-weight:700}.blog-article{max-width:760px;margin:0 auto}.blog-article__breadcrumb{color:#94a3b8;font-size:12px;font-family:var(--font-mono),monospace;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:32px;display:flex}.blog-article__breadcrumb a{color:var(--color-purple);text-decoration:none}.blog-article__breadcrumb a:hover{text-decoration:underline}.blog-article__breadcrumb span{color:#cbd5e1}.blog-article__header{margin-bottom:28px}.blog-article__tags{flex-wrap:wrap;gap:6px;margin-bottom:16px;display:flex}.blog-article__tag{letter-spacing:1.5px;text-transform:uppercase;color:var(--color-purple);font-size:10px;font-weight:700;font-family:var(--font-mono),monospace;background:linear-gradient(135deg,#7c3aed1a,#3b82f61a);border-radius:999px;padding:3px 10px}.blog-article__h1{font-family:var(--font-bebas),cursive;letter-spacing:2px;color:#18103a;margin-bottom:16px;font-size:clamp(26px,4vw,42px);line-height:1.15}.blog-article__lead{color:#475569;font-size:15px;line-height:1.75;font-family:var(--font-sora),sans-serif;margin-bottom:20px}.blog-article__meta{color:#94a3b8;font-size:11px;font-family:var(--font-mono),monospace;border-bottom:1px solid #00000012;flex-wrap:wrap;align-items:center;gap:16px;padding-bottom:24px;display:flex}.blog-article__body{margin-top:32px}.blog-article__body h2{color:#1e1b4b;font-size:18px;font-weight:800;font-family:var(--font-sora),sans-serif;align-items:center;gap:10px;margin:36px 0 12px;display:flex}.blog-article__body h2:before{content:"";background:linear-gradient(180deg,var(--color-purple),#3b82f6);border-radius:2px;flex-shrink:0;width:4px;height:18px;display:inline-block}.blog-article__body h2:first-child{margin-top:0}.blog-article__body h3{color:#1e1b4b;font-size:15px;font-weight:700;font-family:var(--font-sora),sans-serif;margin:22px 0 8px}.blog-article__body p{color:#475569;font-size:14px;line-height:1.8;font-family:var(--font-sora),sans-serif;margin-bottom:16px}.blog-article__body ul{flex-direction:column;gap:6px;margin-bottom:16px;padding-left:1.4em;display:flex}.blog-article__body li{color:#475569;font-size:14px;line-height:1.75;font-family:var(--font-sora),sans-serif}.blog-article__body a{color:var(--color-purple);-webkit-text-decoration:underline #7c3aed4d;text-decoration:underline #7c3aed4d;transition:text-decoration-color .15s}.blog-article__body a:hover{-webkit-text-decoration-color:var(--color-purple);text-decoration-color:var(--color-purple)}.blog-cta{background:linear-gradient(135deg,#7c3aed12,#3b82f612);border:1px solid #7c3aed2e;border-radius:14px;justify-content:space-between;align-items:center;gap:16px;margin:24px 0;padding:18px 22px;text-decoration:none;transition:background .2s,box-shadow .2s;display:flex}.blog-cta:hover{background:linear-gradient(135deg,#7c3aed21,#3b82f621);text-decoration:none;box-shadow:0 4px 20px #7c3aed1f}.blog-cta__left{flex:1;min-width:0}.blog-cta__label{letter-spacing:1.5px;text-transform:uppercase;color:var(--color-purple);font-size:10px;font-weight:700;font-family:var(--font-mono),monospace;margin-bottom:4px}.blog-cta__title{color:#1e1b4b;font-size:15px;font-weight:800;margin-bottom:4px}.blog-cta__desc,.blog-cta__title{font-family:var(--font-sora),sans-serif}.blog-cta__desc{color:#64748b;font-size:12px;line-height:1.5}.blog-cta__btn{background:linear-gradient(135deg,var(--color-purple),#3b82f6);color:#fff;font-size:12px;font-weight:700;font-family:var(--font-mono),monospace;white-space:nowrap;border-radius:999px;flex-shrink:0;padding:8px 18px}.blog-related{border-top:1px solid #00000012;margin-top:48px;padding-top:32px}.blog-related__title{letter-spacing:2px;text-transform:uppercase;color:#94a3b8;font-size:11px;font-weight:700;font-family:var(--font-mono),monospace;margin-bottom:16px}.blog-related__links{flex-direction:column;gap:10px;display:flex}.blog-related__link{background:#ffffff8c;border:1px solid #ffffffa6;border-radius:12px;align-items:center;gap:12px;padding:14px 18px;text-decoration:none;transition:background .15s,transform .15s;display:flex}.blog-related__link:hover{background:#ffffffd9;text-decoration:none;transform:translate(4px)}.blog-related__link-emoji{flex-shrink:0;font-size:18px}.blog-related__link-title{color:#1e1b4b;font-size:13px;font-weight:700;font-family:var(--font-sora),sans-serif;flex:1}.blog-related__link-arrow{color:var(--color-purple);flex-shrink:0;font-size:14px}.blog-article__body .faq-item,.blog-article__body .faq-item__a,.blog-article__body .faq-item__q{color:#475569}@media (max-width:480px){.blog-cta{flex-direction:column;align-items:flex-start}.blog-index__grid{grid-template-columns:1fr}}.blog-steps{counter-reset:step;flex-direction:column;gap:12px;margin:0 0 8px;padding-left:0;list-style:none;display:flex}.blog-steps li{counter-increment:step;color:#475569;grid-template-columns:32px 1fr;align-items:baseline;gap:12px;font-size:14px;line-height:1.6;display:grid}.blog-steps li:before{content:counter(step);background:linear-gradient(135deg,var(--color-purple),#3b82f6);color:#fff;width:32px;height:32px;font-size:13px;font-weight:800;font-family:var(--font-mono),monospace;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:2px;display:flex}.blog-callout{border:1px solid #7c3aed2e;border-left:4px solid var(--color-purple);color:#475569;background:#7c3aed0f;border-radius:10px;align-items:flex-start;gap:14px;margin:20px 0;padding:16px 18px;font-size:13.5px;line-height:1.6;display:flex}.blog-callout--orange{background:#f973160f;border-color:#f9731633 #f9731633 #f9731633 #f97316}.blog-callout--green{background:#22c55e0f;border-color:#22c55e33 #22c55e33 #22c55e33 #22c55e}.blog-callout__icon{flex-shrink:0;margin-top:1px;font-size:1.25rem}.blog-game-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin:4px 0 8px;display:grid}.blog-game-card{background:#fff;border:1px solid #00000012;border-radius:14px;align-items:flex-start;gap:12px;padding:14px 16px;text-decoration:none;transition:box-shadow .18s,transform .15s;display:flex}.blog-game-card:hover{text-decoration:none;transform:translateY(-2px);box-shadow:0 4px 20px #7c3aed1f}.blog-game-card__emoji{flex-shrink:0;margin-top:2px;font-size:1.8rem;line-height:1}.blog-game-card__body{min-width:0}.blog-game-card__title{color:#1e1b4b;font-size:13px;font-weight:800;font-family:var(--font-sora),sans-serif;margin-bottom:3px}.blog-game-card__desc{color:#64748b;font-size:11.5px;line-height:1.45;font-family:var(--font-sora),sans-serif}.blog-compare{grid-template-columns:1fr 1fr;gap:12px;margin:8px 0;display:grid}.blog-compare__col{background:#fff;border:1px solid #00000012;border-radius:14px;padding:16px 18px}.blog-compare__col ul{color:#475569;margin:8px 0 0;padding-left:1.2em;font-size:13px;line-height:1.7}.blog-compare__label{letter-spacing:1.5px;text-transform:uppercase;font-size:10px;font-weight:800;font-family:var(--font-mono),monospace;border-radius:20px;margin-bottom:6px;padding:3px 10px;display:inline-block}.blog-compare__label--qm{color:#3b82f6;background:#3b82f61f}.blog-compare__label--pr{color:var(--color-purple);background:#7c3aed1f}.blog-compare__label--solo{color:#64748b;background:#64748b1f}.blog-compare__label--stream{color:#ef4444;background:#ef44441f}.blog-btn-row{flex-wrap:wrap;gap:10px;margin:16px 0 8px;display:flex}.blog-btn{font-size:13px;font-weight:700;font-family:var(--font-sora),sans-serif;border-radius:999px;align-items:center;gap:6px;padding:10px 20px;text-decoration:none;transition:box-shadow .18s,transform .12s;display:inline-flex}.blog-btn:hover{text-decoration:none;transform:translateY(-1px)}.blog-btn--primary{background:linear-gradient(135deg,var(--color-purple),#3b82f6);color:#fff;box-shadow:0 4px 14px #7c3aed40}.blog-btn--primary:hover{box-shadow:0 6px 22px #7c3aed59}.blog-btn--outline{color:var(--color-purple);background:#7c3aed0a;border:1.5px solid #7c3aed4d}.blog-btn--outline:hover{background:#7c3aed17}.blog-btn--red{color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 14px #ef444440}.blog-btn--red:hover{box-shadow:0 6px 22px #ef444459}.blog-stats{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin:12px 0;display:grid}.blog-stat{text-align:center;background:linear-gradient(135deg,#7c3aed12,#3b82f612);border:1px solid #7c3aed24;border-radius:12px;padding:14px 16px}.blog-stat__value{color:var(--color-purple);font-size:1.6rem;font-weight:900;font-family:var(--font-bebas),cursive;letter-spacing:.04em;line-height:1}.blog-stat__label{color:#64748b;font-size:11px;font-family:var(--font-sora),sans-serif;margin-top:4px}.blog-code{font-family:var(--font-mono),monospace;color:var(--color-purple);background:#7c3aed17;border-radius:5px;padding:1px 7px;font-size:.92em}@media (max-width:600px){.blog-compare,.blog-game-grid{grid-template-columns:1fr}.blog-stats{grid-template-columns:repeat(2,1fr)}}@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-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-ease{syntax:"*";inherits:false}