@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Poppins:wght@500;600;700;800&display=swap);:root{--bg-gradient:#f8f9fc;--bg-white:#fff;--card-bg:#fff;--card-bg-hover:#f5f6fa;--card-border:#e5e7eb;--card-border-hover:#d1d5db;--card-blur:0px;--card-radius:16px;--accent:#fbbf24;--accent-hover:#f59e0b;--accent-light:#fde68a;--accent-glow:#fbbf2440;--blue:#3b82f6;--blue-light:#93c5fd;--blue-bg:#3b82f614;--pink:#ec4899;--pink-light:#f9a8d4;--pink-bg:#ec489914;--text-primary:#1a1a2e;--text-secondary:#6b7280;--text-muted:#9ca3af;--text-on-accent:#1a1a2e;--text-on-dark:#fff;--text-on-dark-secondary:#ffffffa6;--success:#22c55e;--error:#ef4444;--info:#3b82f6;--warning:#f59e0b;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--sp-10:40px;--sp-12:48px;--sp-16:64px;--font-heading:"Poppins",sans-serif;--font-body:"Inter",sans-serif;--fs-xs:0.75rem;--fs-sm:0.875rem;--fs-base:1rem;--fs-lg:1.125rem;--fs-xl:1.25rem;--fs-2xl:1.5rem;--fs-3xl:2rem;--fs-4xl:2.5rem;--fs-5xl:3rem;--fw-normal:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--fw-extrabold:800;--shadow-sm:0 1px 3px #0000000f,0 1px 2px #0000000a;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 10px 30px #0000001a;--shadow-accent:0 4px 14px var(--accent-glow);--transition-fast:150ms ease;--transition-base:250ms ease;--transition-slow:400ms ease;--nav-height:60px;--sidebar-width:240px;--bottom-bar-height:56px;--content-max-width:1200px;--sidebar-bg:#1a1a2e;--sidebar-text:#ffffffa6;--sidebar-text-active:#fff;--sidebar-item-active-bg:#fbbf2426;--sidebar-item-hover-bg:#ffffff0f;--sidebar-border:#ffffff14;--z-base:1;--z-sidebar:100;--z-nav:200;--z-overlay:500;--z-modal:1000}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--bg-gradient);color:var(--text-primary);font-family:var(--font-body);font-size:var(--fs-base);font-weight:var(--fw-normal);line-height:1.5;overflow-x:hidden}#root,body{min-height:100vh}#root{display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-family:var(--font-heading);font-weight:var(--fw-bold);line-height:1.2}h1{font-size:var(--fs-3xl)}h2{font-size:var(--fs-2xl)}h3{font-size:var(--fs-xl)}p{color:var(--text-secondary);line-height:1.6}a{color:var(--blue);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--accent-hover)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#0000001f;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#0003}::selection{background:var(--accent);color:var(--text-on-accent)}.visually-hidden{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.home button:disabled,.options button:disabled{background-color:silver;cursor:not-allowed}.options-row button.correct-answer{background-color:#28a745!important;color:#fff}.options-row button.wrong-answer{background-color:#dc3545!important;color:#fff}.config,.game,.scores{margin-bottom:20px;margin-top:20px}.game h2{font-size:24px}.popup-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#000c;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:10500}.popup{animation:slideInUp .6s ease-out;background-color:#222;border:3px solid #ffcc02;border-radius:15px;box-shadow:0 20px 60px #00000080,0 0 40px #ffcc024d;color:#fff;max-height:80vh;max-width:500px;overflow-y:auto;padding:25px;position:relative;text-align:center;width:90%}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:768px){.popup{margin:10px;max-height:70vh;padding:20px;width:95%}.popup h2{font-size:20px!important}.popup h3{font-size:16px!important}.popup li{font-size:14px;margin:3px 0!important;padding:8px!important}}.popup h2{color:#fc0;font-size:24px;margin-top:0}.popup h3{color:#fc0;font-size:20px;margin:10px 0}.popup ul{list-style-type:none;margin:0;padding:0}.hit{color:#28a745}.miss{color:#dc3545}.popup li{background:#333;border-radius:5px;margin:5px 0;padding:10px}.popup li strong{color:#fc0}.popup button{background-color:#fc0;border:none;border-radius:5px;color:#1c1c1c;cursor:pointer;font-size:16px;margin-top:20px;padding:10px 20px}.popup button:hover{background-color:#fa0}.question-container{margin-bottom:20px}.question-boundary{background-color:#000c;border:3px solid #fc0;border-radius:10px;font-size:22px;font-weight:700;padding:20px;text-align:center}.options-container{align-items:center;display:flex;flex-direction:column}.options-row{display:flex;justify-content:space-between;margin-bottom:15px;width:100%}.option-boundary{background-color:#0009;border:3px solid #fc0;border-radius:10px;color:#fc0;flex:1 1;font-size:18px;font-weight:700;margin:0 10px;padding:15px;text-align:center;transition:background-color .3s,transform .3s}.options-row .option-boundary{width:calc(50% - 20px)}@media (max-width:768px){.options-row{align-items:stretch;flex-direction:column;margin-bottom:5px}.options-row .option-boundary{margin:5px 0;width:100%}}.mobile-only-ad{display:none!important}@media (max-width:768px){.mobile-only-ad{display:block!important}.fixed-bottom-ad{display:none!important}}.fixed-bottom-ad{align-items:center;background:#000000f2;border-top:2px solid #ffcc02;bottom:0;box-shadow:0 -4px 20px #00000080;left:0;padding:8px;position:fixed;right:0;z-index:9999}.fixed-bottom-ad,.fixed-start-game{display:flex;justify-content:center;width:100%}.fixed-start-game{margin-bottom:20px;position:relative;text-align:center;z-index:100}@media (max-width:768px){.fixed-bottom-ad{display:none!important}}.bottom-ad-desktop,.bottom-ad-mobile{display:none;text-align:center}@media (min-width:769px){.fixed-bottom-ad{min-height:100px}.bottom-ad-desktop{display:block}.bottom-ad-mobile{display:none}}.shell{background:var(--bg-gradient);display:flex;flex-direction:column;min-height:100vh}.shell__nav{align-items:center;background:var(--bg-white);border-bottom:1px solid var(--card-border);display:flex;gap:var(--sp-4);height:var(--nav-height);left:var(--sidebar-width);padding:0 var(--sp-6);position:fixed;right:0;top:0;z-index:var(--z-nav)}.shell__logo{display:none}.shell--in-game .shell__nav{left:0;padding:0 max(var(--sp-4),calc(50vw - 700px + var(--sp-4)))}.shell--in-game .shell__logo{align-items:center;background:none;border:none;border-radius:8px;cursor:pointer;display:flex;flex-shrink:0;gap:var(--sp-2);padding:var(--sp-1) var(--sp-2)}.shell__logo-icon{font-size:var(--fs-xl)}.shell__logo-text{color:var(--text-primary);font-family:var(--font-heading);font-size:var(--fs-lg);font-weight:var(--fw-bold);letter-spacing:-.3px}.shell__search{align-items:center;display:flex;flex:1 1;max-width:480px;position:relative}.shell__search-icon{font-size:var(--fs-sm);left:14px;opacity:.5;pointer-events:none;position:absolute}.shell__search-input{background:var(--bg-gradient);border:1px solid var(--card-border);border-radius:12px;color:var(--text-primary);font-family:var(--font-body);font-size:var(--fs-sm);padding:10px 16px 10px 40px;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);width:100%}.shell__search-input::placeholder{color:var(--text-muted)}.shell__search-input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #3b82f61a;outline:none}.shell__nav-right{align-items:center;display:flex;gap:var(--sp-3);margin-left:auto}.shell__icon-btn{align-items:center;background:var(--bg-white);border:1px solid var(--card-border);border-radius:50%;cursor:pointer;display:flex;font-size:var(--fs-lg);height:40px;justify-content:center;transition:all var(--transition-fast);width:40px}.shell__icon-btn:hover{background:var(--card-bg-hover);border-color:var(--card-border-hover)}.shell__auth{align-items:center;display:flex;gap:var(--sp-3)}.shell__avatar-btn{align-items:center;background:none;border:1px solid #0000;border-radius:24px;cursor:pointer;display:flex;gap:var(--sp-2);padding:4px 12px 4px 4px;transition:all var(--transition-fast)}.shell__avatar-btn:hover{background:var(--card-bg-hover);border-color:var(--card-border)}.shell__avatar{border:2px solid var(--accent);border-radius:50%;height:34px;object-fit:cover;width:34px}.shell__user-name{color:var(--text-primary);font-size:var(--fs-sm);font-weight:var(--fw-medium)}.shell__sign-out{background:none;border:1px solid var(--card-border);border-radius:8px;color:var(--text-secondary);cursor:pointer;font-family:var(--font-body);font-size:var(--fs-xs);padding:6px 14px;transition:all var(--transition-fast)}.shell__sign-out:hover{background:var(--card-bg-hover);border-color:var(--card-border-hover);color:var(--text-primary)}.shell__sign-in{align-items:center;display:flex;gap:var(--sp-2)}.shell__login-error{color:var(--error);font-size:var(--fs-xs)}.shell__sidebar{background:var(--sidebar-bg);bottom:0;display:flex;flex-direction:column;left:0;overflow-x:hidden;overflow-y:auto;position:fixed;top:0;width:var(--sidebar-width);z-index:var(--z-sidebar)}.shell__sidebar:before{align-items:center;content:"";display:flex;flex-shrink:0;height:var(--nav-height);padding:0 var(--sp-5)}.shell__sidebar-inner{display:flex;flex:1 1;flex-direction:column;gap:var(--sp-1);padding:var(--sp-2) var(--sp-3)}.shell__sidebar-footer{padding:0 var(--sp-3) var(--sp-3)}.shell__sidebar-item{align-items:center;background:none;border:none;border-radius:10px;color:var(--sidebar-text);cursor:pointer;display:flex;font-family:var(--font-body);font-size:var(--fs-sm);gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);text-align:left;transition:all var(--transition-fast);white-space:nowrap;width:100%}.shell__sidebar-item:hover{background:var(--sidebar-item-hover-bg);color:var(--sidebar-text-active)}.shell__sidebar-item--active{background:var(--sidebar-item-active-bg);color:var(--accent)}.shell__sidebar-item--coming{cursor:default;opacity:.4}.shell__sidebar-icon{flex-shrink:0;font-size:var(--fs-lg);text-align:center;width:24px}.shell__sidebar-label{align-items:center;display:flex;gap:var(--sp-2);overflow:hidden}.shell__sidebar-divider{background:var(--sidebar-border);height:1px;margin:var(--sp-2) var(--sp-4)}.shell__badge{background:var(--accent);border-radius:10px;color:var(--text-on-accent);display:inline-block;font-size:9px;font-weight:var(--fw-bold);letter-spacing:.3px;padding:1px 6px;text-transform:uppercase}.shell__sidebar:before{color:var(--bg-white);content:"⚡ KBCQuiz";font-family:var(--font-heading);font-size:var(--fs-xl);font-weight:var(--fw-bold);letter-spacing:-.3px;padding:0 var(--sp-6)}.shell__content{background:var(--bg-gradient);flex:1 1;margin-left:var(--sidebar-width);margin-top:var(--nav-height);min-height:calc(100vh - var(--nav-height));padding:var(--sp-5) var(--sp-6)}.shell__content--full{margin-left:0;padding:0}.shell__bottom-bar{display:none}.shell__more-sheet{background:var(--bg-white);border:1px solid var(--card-border);border-radius:var(--card-radius) var(--card-radius) 0 0;bottom:100%;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:var(--sp-1);left:0;max-height:70vh;overflow-y:auto;padding:var(--sp-3);position:absolute;right:0}.shell__more-item{align-items:center;background:none;border:none;border-radius:10px;color:var(--text-primary);cursor:pointer;display:flex;font-family:var(--font-body);font-size:var(--fs-sm);gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);text-align:left;transition:background var(--transition-fast);width:100%}.shell__more-item:hover{background:var(--card-bg-hover)}.shell__more-item--active{background:#fbbf241a;color:var(--accent-hover);font-weight:var(--fw-semibold)}.shell__more-item--coming{cursor:default;opacity:.4}@media (max-width:768px){.shell__sidebar{display:none}.shell__nav{left:0;padding:0 var(--sp-4)}.shell__logo{align-items:center;background:none;border:none;border-radius:8px;cursor:pointer;display:flex;gap:var(--sp-2);padding:var(--sp-1) var(--sp-2)}.shell__search{max-width:none}.shell__content{margin-left:0;padding:var(--sp-4) var(--sp-4) calc(var(--bottom-bar-height) + var(--sp-4))}.shell__bottom-bar{align-items:stretch;background:var(--bg-white);border-top:1px solid var(--card-border);bottom:0;display:flex;height:var(--bottom-bar-height);left:0;position:fixed;right:0;z-index:var(--z-nav)}.shell__tab{align-items:center;background:none;border:none;color:var(--text-muted);cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-family:var(--font-body);gap:2px;justify-content:center;padding:0;position:relative;transition:color var(--transition-fast)}.shell__tab--active{color:var(--accent-hover)}.shell__tab--active:before{background:var(--accent);border-radius:0 0 3px 3px;content:"";height:3px;left:25%;position:absolute;right:25%;top:0}.shell__tab-icon{font-size:20px}.shell__tab-label{font-size:10px;font-weight:var(--fw-medium)}.shell__user-name{display:none}.shell__logo-text{font-size:var(--fs-base)}}@media (max-width:480px){.shell__nav{gap:var(--sp-2);padding:0 var(--sp-3)}.shell__content{padding:var(--sp-3) var(--sp-3) calc(var(--bottom-bar-height) + var(--sp-3))}.shell__icon-btn{display:none}}.shell__footer{border-top:1px solid var(--card-border);grid-column:2;padding:var(--sp-4) var(--sp-6)}.shell__footer-inner{align-items:center;display:flex;gap:var(--sp-4);justify-content:space-between;margin:0 auto;max-width:var(--content-max-width)}.shell__footer-copy{color:var(--text-muted);font-size:var(--fs-xs)}.shell__footer-links{display:flex;gap:var(--sp-4)}.shell__footer-links a{color:var(--text-muted);font-size:var(--fs-xs);text-decoration:none;transition:color var(--transition-fast)}.shell__footer-links a:hover{color:var(--text-primary)}@media (max-width:768px){.shell__footer{grid-column:1;padding:var(--sp-3) var(--sp-4) calc(var(--bottom-bar-height) + var(--sp-3))}.shell__footer-inner{flex-direction:column;gap:var(--sp-2)}}.home-page{flex-direction:column;max-width:100%;padding:var(--sp-2) 0 var(--sp-8)}.hero,.home-page{display:flex;gap:var(--sp-8)}.hero{align-items:center;background:linear-gradient(135deg,#1a1a2e,#2d1b69 60%,#1a1a2e);border-radius:var(--card-radius);min-height:300px;overflow:hidden;padding:var(--sp-10) var(--sp-8);position:relative}.hero__content{flex:1 1;z-index:2}.hero__title{color:#fff;font-family:var(--font-heading);font-size:var(--fs-4xl);font-weight:var(--fw-extrabold);line-height:1.15;margin-bottom:var(--sp-4)}.hero__subtitle{color:#ffffffb3;font-size:var(--fs-base);line-height:1.6;margin-bottom:var(--sp-6);max-width:440px}.hero__actions{display:flex;gap:var(--sp-3)}.hero__btn{border:2px solid #0000;border-radius:10px;cursor:pointer;font-family:var(--font-body);font-size:var(--fs-base);font-weight:var(--fw-bold);padding:12px 28px;transition:all var(--transition-fast)}.hero__btn--primary{background:var(--accent);border-color:var(--accent);color:var(--text-on-accent)}.hero__btn--primary:hover{background:var(--accent-hover);border-color:var(--accent-hover);box-shadow:0 6px 20px #fbbf244d;transform:translateY(-2px)}.hero__btn--secondary{background:#0000;border-color:#ffffff59;color:#fff}.hero__btn--secondary:hover{background:#ffffff1a;border-color:#fff;transform:translateY(-2px)}.hero__visual{flex-shrink:0;height:260px;position:relative;width:280px;z-index:1}.hero__blob{animation:blob-morph 8s ease-in-out infinite;background:linear-gradient(135deg,#fbbf24,#f472b6 40%,#93c5fd 70%,#c4b5fd);border-radius:30% 70% 70% 30%/30% 30% 70% 70%;filter:blur(2px);inset:0;opacity:.7;position:absolute}@keyframes blob-morph{0%,to{border-radius:30% 70% 70% 30%/30% 30% 70% 70%}25%{border-radius:58% 42% 58% 42%/42% 58% 42% 58%}50%{border-radius:50% 50% 33% 67%/55% 27% 73% 45%}75%{border-radius:33% 67% 58% 42%/63% 68% 32% 37%}}.hero__float{animation:float-up 3s ease-in-out infinite;font-size:36px;position:absolute}.hero__float--1{animation-delay:0s;left:20%;top:10%}.hero__float--2{animation-delay:1s;right:10%;top:60%}.hero__float--3{animation-delay:2s;bottom:5%;left:40%}@keyframes float-up{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.play-modal{margin-top:calc(var(--sp-10)*-1 + var(--sp-2))}.play-modal__card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--card-radius);box-shadow:var(--shadow-md);margin:0 auto;max-width:480px;overflow:hidden}.play-modal__tabs{border-bottom:1px solid var(--card-border);display:flex;position:relative}.play-modal__tab{background:none;border:none;border-bottom:2px solid #0000;color:var(--text-muted);cursor:pointer;flex:1 1;font-family:var(--font-body);font-size:var(--fs-sm);font-weight:var(--fw-semibold);padding:14px;transition:all var(--transition-fast)}.play-modal__tab--active{border-bottom-color:var(--accent);color:var(--text-primary)}.play-modal__close{background:none;border:none;border-radius:6px;color:var(--text-muted);cursor:pointer;font-size:var(--fs-lg);padding:4px 8px;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:all var(--transition-fast)}.play-modal__close:hover{background:var(--card-bg-hover);color:var(--text-primary)}.play-modal__body{display:flex;flex-direction:column;gap:var(--sp-3);padding:var(--sp-5)}.play-modal__input{background:var(--bg-gradient);border:1px solid var(--card-border);border-radius:10px;color:var(--text-primary);font-family:var(--font-body);font-size:var(--fs-base);padding:12px 16px;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);width:100%}.play-modal__input::placeholder{color:var(--text-muted)}.play-modal__input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #3b82f61a;outline:none}.play-modal__submit{border:none;border-radius:10px;cursor:pointer;font-family:var(--font-body);font-size:var(--fs-base);font-weight:var(--fw-bold);padding:13px;transition:all var(--transition-fast);width:100%}.play-modal__submit--create{background:var(--accent);color:var(--text-on-accent)}.play-modal__submit--create:hover:not(:disabled){background:var(--accent-hover);box-shadow:var(--shadow-accent);transform:translateY(-1px)}.play-modal__submit--join{background:var(--blue);color:#fff}.play-modal__submit--join:hover:not(:disabled){background:#2563eb;box-shadow:0 4px 14px #3b82f640;transform:translateY(-1px)}.play-modal__submit:disabled{cursor:not-allowed;opacity:.45}.categories{display:flex;flex-direction:column;gap:var(--sp-4)}.categories__header{align-items:center;display:flex;justify-content:space-between}.categories__title{color:var(--text-primary);font-family:var(--font-heading);font-size:var(--fs-2xl);font-weight:var(--fw-bold)}.categories__arrows{display:flex;flex-shrink:0;gap:8px}.categories__arrow{align-items:center;background:#1a1a2e;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:18px;height:36px;justify-content:center;line-height:1;transition:all .15s ease;width:36px}.categories__arrow:hover{background:#fbbf24;color:#1a1a2e}.categories__viewport{position:relative}.categories__track{-webkit-overflow-scrolling:touch;display:flex;gap:var(--sp-3);overflow-x:auto;padding:var(--sp-1) 0 var(--sp-2);scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none}.categories__track::-webkit-scrollbar{display:none}.categories__card{align-items:center;border-radius:var(--card-radius);cursor:pointer;display:flex;flex-direction:column;flex-shrink:0;gap:var(--sp-2);height:130px;justify-content:center;overflow:hidden;position:relative;scroll-snap-align:start;transition:transform var(--transition-fast),box-shadow var(--transition-fast);width:170px}.categories__card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px) scale(1.02)}.categories__new-badge{background:var(--accent);border-radius:8px;color:var(--text-on-accent);font-size:10px;font-weight:var(--fw-bold);padding:2px 8px;position:absolute;right:10px;text-transform:uppercase;top:10px}.categories__emoji{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));font-size:40px}.categories__name{color:#fff;font-family:var(--font-heading);font-size:var(--fs-sm);font-weight:var(--fw-bold);text-align:center;text-shadow:0 1px 4px #0000004d}.bento{grid-gap:var(--sp-5);display:grid;gap:var(--sp-5);grid-template-columns:1fr 1fr}.bento__tile{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--card-radius);cursor:pointer;display:flex;flex-direction:column;gap:var(--sp-2);opacity:0;padding:var(--sp-6);transform:translateY(20px);transition:transform .3s ease,box-shadow .3s ease}.bento--revealed .bento__tile{opacity:1;transform:translateY(0);transition:opacity .5s ease-out 0ms,transform .5s ease-out 0ms,box-shadow .3s ease;transition:opacity .5s ease-out var(--tile-delay,0ms),transform .5s ease-out var(--tile-delay,0ms),box-shadow .3s ease}.bento__tile:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.bento__tile-header{align-items:center;display:flex;gap:var(--sp-3)}.bento__icon{font-size:28px;line-height:1}.bento__title{color:var(--text-primary);font-family:var(--font-heading);font-size:var(--fs-lg);margin:0}.bento__desc{color:var(--text-secondary);font-size:var(--fs-sm);line-height:1.5;margin:0}.bento__cta{color:var(--blue);font-size:var(--fs-sm);font-weight:var(--fw-semibold);margin-top:auto;padding-top:var(--sp-2)}.bento__tile--daily{border-left:4px solid var(--accent)}.bento__tile--brain{border-left:4px solid #14b8a6}.bento__tile--create{border-left:4px solid #a855f7}.bento__tile--discover{border-left:4px solid var(--pink)}.bento__tags{display:flex;flex-wrap:wrap;gap:var(--sp-1)}.bento__tag{background:var(--card-bg-hover);border-radius:6px;color:var(--text-secondary);font-size:11px;font-weight:var(--fw-medium);padding:3px 10px}.bento__tag--soon{font-style:italic;opacity:.45}.bento__visual{flex-shrink:0}.bento__visual--bars{display:flex;flex-direction:column;gap:6px;padding:var(--sp-2) 0}.bento__bar{background:linear-gradient(90deg,var(--accent),var(--accent-light));border-radius:4px;height:8px;transition:width .8s ease-out;width:0}.bento--revealed .bento__bar{transition-delay:0s;transition-delay:var(--bar-delay,0s);width:50%;width:var(--bar-w,50%)}.bento__visual--cards{display:flex;gap:6px;padding:var(--sp-2) 0}.bento__card{align-items:center;background:#14b8a61a;border:1px solid #14b8a640;border-radius:8px;color:#14b8a6;display:flex;font-size:var(--fs-sm);font-weight:var(--fw-bold);height:36px;justify-content:center;width:36px}.bento__card--flip{animation:card-flip 3s ease-in-out infinite}@keyframes card-flip{0%,40%,to{background:#14b8a61a;transform:rotateY(0deg)}50%,90%{background:#14b8a633;transform:rotateY(180deg)}}.bento__visual--editor{display:flex;flex-direction:column;gap:5px;padding:var(--sp-2) 0}.bento__editor-q{background:#a855f726;border-radius:3px;height:10px;width:80%}.bento__editor-row{display:flex;gap:5px}.bento__editor-a{background:#a855f714;border-radius:3px;flex:1 1;height:10px}.bento__visual--avatars{display:flex;gap:8px;padding:var(--sp-2) 0}.bento__avatar{animation:avatar-bob 2s ease-in-out infinite;animation-delay:0s;animation-delay:var(--bob-delay,0s);border-radius:50%;height:32px;width:32px}@keyframes avatar-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.play-section{align-items:center;display:flex;gap:var(--sp-8);padding:var(--sp-10) 0}.play-section__content{flex:1 1}.play-section__title{color:var(--text-primary);font-family:var(--font-heading);font-size:var(--fs-4xl);font-weight:var(--fw-extrabold);line-height:1.1;margin-bottom:var(--sp-4)}.play-section__subtitle{color:var(--text-secondary);font-size:var(--fs-base);line-height:1.6;margin-bottom:var(--sp-6);max-width:440px}.play-section__actions{display:flex;flex-wrap:wrap;gap:var(--sp-3)}.play-section__btn{border:2px solid #0000;border-radius:10px;cursor:pointer;font-family:var(--font-body);font-size:var(--fs-base);font-weight:var(--fw-bold);padding:12px 28px;transition:all var(--transition-fast)}.play-section__btn--create{background:var(--accent);border-color:var(--accent);color:var(--text-on-accent)}.play-section__btn--create:hover{background:var(--accent-hover);box-shadow:var(--shadow-accent);transform:translateY(-2px)}.play-section__btn--join{background:var(--blue);border-color:var(--blue);color:#fff}.play-section__btn--join:hover{background:#2563eb;box-shadow:0 4px 14px #3b82f640;transform:translateY(-2px)}.play-section__btn--explore{background:#0000;border-color:var(--card-border);color:var(--text-primary)}.play-section__btn--explore:hover{border-color:var(--text-primary);transform:translateY(-2px)}.play-section__visual{flex-shrink:0;height:250px;position:relative;width:280px}.play-section__gradient{background:linear-gradient(135deg,#fbbf244d,#ec489940 33%,#93c5fd4d 66%,#c4b5fd40);border-radius:20px;filter:blur(1px);inset:0;position:absolute}.home-stats{display:flex;flex-wrap:wrap;gap:var(--sp-8);justify-content:center;opacity:0;padding:var(--sp-8) 0;transform:translateY(10px);transition:opacity .5s ease-out,transform .5s ease-out}.home-stats--revealed{opacity:1;transform:translateY(0)}.home-stats__item{align-items:center;display:flex;flex-direction:column;gap:var(--sp-1)}.home-stats__number{color:var(--text-primary);font-family:var(--font-heading);font-size:var(--fs-3xl);font-weight:var(--fw-extrabold)}.home-stats__label{color:var(--text-muted);font-size:var(--fs-sm);font-weight:var(--fw-medium)}@media (max-width:768px){.home-page{gap:var(--sp-6);padding:var(--sp-3) 0 var(--sp-6)}.hero{flex-direction:column;min-height:auto;padding:var(--sp-6);text-align:center}.hero__title{font-size:var(--fs-3xl)}.hero__subtitle{max-width:none}.hero__actions{justify-content:center}.hero__visual{height:160px;width:180px}.bento{grid-template-columns:1fr}.play-section{flex-direction:column;padding:var(--sp-6) 0;text-align:center}.play-section__title{font-size:var(--fs-3xl)}.play-section__subtitle{max-width:none}.play-section__actions{justify-content:center}.play-section__visual{height:180px;width:200px}.categories__card{height:120px;width:160px}.home-stats{gap:var(--sp-6)}.home-stats__number{font-size:var(--fs-2xl)}}@media (max-width:480px){.hero__title{font-size:var(--fs-2xl)}.hero__actions{flex-direction:column;width:100%}.hero__btn{width:100%}.play-section__title{font-size:var(--fs-2xl)}.play-section__actions{flex-direction:column;width:100%}.play-section__btn{width:100%}.bento__visual{display:none}}.capsule-widget{align-items:center;background:#fff;background:var(--card-bg,#fff);border:1px solid #e5e7eb;border:1px solid var(--card-border,#e5e7eb);border-radius:14px;box-sizing:border-box;color:#1a1a2e;color:var(--text-primary,#1a1a2e);cursor:pointer;display:flex;font-family:Inter,sans-serif;font-family:var(--font-body,"Inter",sans-serif);font-size:14px;justify-content:center;max-width:250px;padding:10px 15px;transition:all .2s ease;width:auto}.capsule-widget:hover{background:#ffcc0214;border-color:#ffcc02;border-color:var(--accent,#ffcc02);transform:translateY(-1px)}.capsule-widget .capsule-icon{flex-shrink:0;height:28px;margin-right:10px;width:28px}.capsule-widget .capsule-text{font-size:14px}.capsule-widget.selected{background:#ffcc02;background:var(--accent,#ffcc02);border-color:#fa0;border-color:var(--accent-hover,#fa0);color:#1a0a3e;color:var(--text-on-accent,#1a0a3e)}.capsule-widget.selected .capsule-text,.new-badge{font-weight:700;font-weight:var(--fw-bold,700)}.new-badge{background:#e914bab3;border-radius:10px;color:#fff;font-size:10px;letter-spacing:.3px;padding:3px 7px;position:relative;right:-6px;text-transform:uppercase;top:-8px}@media (max-width:768px){.capsule-widget{font-size:13px;max-width:200px;padding:8px 12px}.capsule-widget .capsule-icon{height:22px;margin-right:8px;width:22px}}@media (max-width:480px){.capsule-widget{font-size:12px;max-width:160px;padding:6px 10px}.capsule-widget .capsule-icon{height:18px;margin-right:6px;width:18px}}.game-room{color:#1a1a2e;color:var(--text-primary,#1a1a2e);font-family:Inter,sans-serif;font-family:var(--font-body,"Inter",sans-serif);max-width:100vw;min-height:100vh;width:100%}.game-room *{box-sizing:border-box}.gr-lobby-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;gap:var(--sp-3,12px);justify-content:space-between;margin-bottom:16px;margin-bottom:var(--sp-4,16px)}.gr-lobby-header__title{color:#d97706;color:var(--accent-hover,#d97706);font-family:Poppins,sans-serif;font-family:var(--font-heading,"Poppins",sans-serif);font-size:20px;font-size:var(--fs-xl,20px);font-weight:700;font-weight:var(--fw-bold,700);margin:0}.gr-lobby-header__actions{align-items:center;display:flex;gap:12px;gap:var(--sp-3,12px)}.gr-lobby-header__share-btn{align-items:center;background:#3b82f614;background:var(--blue-bg,#3b82f614);border:1px solid #3b82f64d;border-radius:20px;color:#3b82f6;color:var(--blue,#3b82f6);cursor:pointer;display:inline-flex;font-family:Inter,sans-serif;font-family:var(--font-body,"Inter",sans-serif);font-size:12px;font-size:var(--fs-xs,12px);font-weight:600;font-weight:var(--fw-semibold,600);gap:4px;gap:var(--sp-1,4px);padding:6px 14px;transition:all .15s ease;transition:all var(--transition-fast,.15s ease)}.gr-lobby-header__share-btn:hover{background:#3b82f6;background:var(--blue,#3b82f6);color:#fff}.gr-lobby-header__player-count{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:14px;font-size:var(--fs-sm,14px)}.game-room .main-layout{grid-gap:16px;grid-gap:var(--sp-4,16px);display:grid;gap:16px;gap:var(--sp-4,16px);grid-template-columns:220px 1fr 250px;margin:0 auto;max-width:1400px;padding:16px;padding:var(--sp-4,16px)}.game-room .content-area,.game-room .left-sidebar,.game-room .right-sidebar{min-height:100%;overflow:visible}.game-room .glass-card{animation:gr-slideInUp .4s ease-out;border:1px solid #e5e7eb;border:1px solid var(--card-border,#e5e7eb);border-radius:16px;border-radius:var(--card-radius,16px);box-shadow:var(--shadow-sm);margin-bottom:12px;margin-bottom:var(--sp-3,12px);padding:16px;padding:var(--sp-4,16px)}.game-room .glass-card,.game-room .left-sidebar .glass-card{background:#fff;background:var(--card-bg,#fff)}.game-room .glass-card--blue{background:#f0f7ff;border-color:#3b82f633}.game-room .glass-card--pink{background:#fdf2f8;border-color:#ec489933}.game-room .glass-card--green{background:#f0fdf4;border-color:#22c55e33}.gr-section-title{border-bottom:1px solid #fbbf2433;color:#d97706;color:var(--accent-hover,#d97706);font-family:Poppins,sans-serif;font-family:var(--font-heading,"Poppins",sans-serif);font-size:16px;font-size:var(--fs-base,16px);font-weight:600;font-weight:var(--fw-semibold,600);margin:0 0 12px;margin:0 0 var(--sp-3,12px);padding-bottom:8px;padding-bottom:var(--sp-2,8px);text-align:center}.gr-section-title--no-border{border-bottom:none;padding-bottom:0}.gr-section-title--blue{border-bottom-color:#3b82f633;color:#3b82f6;color:var(--blue,#3b82f6)}.gr-section-title--pink{border-bottom-color:#ec489933;color:#ec4899;color:var(--pink,#ec4899)}.gr-section-title--green{border-bottom-color:#22c55e33;color:#22c55e;color:var(--success,#22c55e)}.gr-player{align-items:center;background:#f8f9fc;background:var(--bg-gradient,#f8f9fc);border:1px solid #e5e7eb;border:1px solid var(--card-border,#e5e7eb);border-radius:10px;display:flex;font-size:14px;font-size:var(--fs-sm,14px);justify-content:space-between;padding:8px 12px;padding:var(--sp-2,8px) var(--sp-3,12px);transition:all .15s ease;transition:all var(--transition-fast,.15s ease)}.gr-player--self{background:#3b82f614;background:var(--blue-bg,#3b82f614);border-color:#3b82f64d}.gr-player__name{color:#1a1a2e;color:var(--text-primary,#1a1a2e)}.gr-player--self .gr-player__name{color:#3b82f6;color:var(--blue,#3b82f6);font-weight:600;font-weight:var(--fw-semibold,600)}.gr-player__you{font-size:12px;font-size:var(--fs-xs,12px);margin-left:4px;margin-left:var(--sp-1,4px);opacity:.7}.gr-player__status{align-items:center;display:flex;gap:8px;gap:var(--sp-2,8px)}.gr-player__online-dot{background:#22c55e;background:var(--success,#22c55e);border-radius:50%;box-shadow:0 0 6px #22c55e66;height:8px;width:8px}.gr-player__online-text{color:#9ca3af;color:var(--text-muted,#9ca3af);font-size:11px}.gr-empty-state{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:14px;font-size:var(--fs-sm,14px);line-height:1.5;padding:24px 0;padding:var(--sp-6,24px) 0}.gr-empty-state,.gr-room-info{text-align:center}.gr-room-info__title{color:#f59e0b;color:var(--accent-hover,#f59e0b);font-family:Poppins,sans-serif;font-family:var(--font-heading,"Poppins",sans-serif);font-size:24px;font-size:var(--fs-2xl,24px);font-weight:700;font-weight:var(--fw-bold,700);margin:0 0 4px;margin:0 0 var(--sp-1,4px)}.gr-room-info__subtitle{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:14px;font-size:var(--fs-sm,14px);margin:0}.gr-status-pill{align-items:center;background:#ec489914;background:var(--pink-bg,#ec489914);border:1px solid #ec489940;border-radius:10px;cursor:pointer;display:inline-flex;gap:8px;gap:var(--sp-2,8px);padding:8px 16px;padding:var(--sp-2,8px) var(--sp-4,16px);text-align:center;transition:all .15s ease;transition:all var(--transition-fast,.15s ease)}.gr-status-pill:hover{background:#ec489926}.gr-status-pill__text{color:#ec4899;color:var(--pink,#ec4899);font-size:14px;font-size:var(--fs-sm,14px);font-weight:600;font-weight:var(--fw-semibold,600)}.gr-settings-grid{grid-gap:16px;grid-gap:var(--sp-4,16px);display:grid;gap:16px;gap:var(--sp-4,16px);grid-template-columns:1fr 1fr}.gr-settings-grid label{color:#6b7280;color:var(--text-secondary,#6b7280);display:block;font-size:14px;font-size:var(--fs-sm,14px);font-weight:500;font-weight:var(--fw-medium,500);margin-bottom:8px;margin-bottom:var(--sp-2,8px)}.gr-input{background:#f8f9fc;background:var(--bg-gradient,#f8f9fc);border:1px solid #e5e7eb;border:1px solid var(--card-border,#e5e7eb);border-radius:10px;color:#1a1a2e;color:var(--text-primary,#1a1a2e);font-family:Inter,sans-serif;font-family:var(--font-body,"Inter",sans-serif);font-size:16px;font-size:var(--fs-base,16px);padding:8px 12px;padding:var(--sp-2,8px) var(--sp-3,12px);transition:border-color .15s ease,box-shadow .15s ease;transition:border-color var(--transition-fast,.15s ease),box-shadow var(--transition-fast,.15s ease);width:100%}.gr-input:focus{border-color:#fbbf24;border-color:var(--accent,#fbbf24);box-shadow:0 0 0 3px #fbbf2426;outline:none}.game-room .categories{grid-gap:12px;grid-gap:var(--sp-3,12px);display:grid;gap:12px;gap:var(--sp-3,12px);grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.gr-invite-grid{grid-gap:8px;grid-gap:var(--sp-2,8px);display:grid;gap:8px;gap:var(--sp-2,8px);grid-template-columns:repeat(4,1fr);margin-bottom:12px;margin-bottom:var(--sp-3,12px)}.gr-invite-grid button{align-items:center;background:#0000;border:none;border-radius:10px;cursor:pointer;display:flex;justify-content:center;padding:8px;padding:var(--sp-2,8px);transition:background .15s ease;transition:background var(--transition-fast,.15s ease)}.gr-invite-grid button:hover{background:#f8f9fc;background:var(--bg-gradient,#f8f9fc)}.gr-copy-link-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);background:linear-gradient(135deg,var(--blue,#3b82f6),#2563eb);border:none;border-radius:10px;color:#fff;cursor:pointer;font-family:Inter,sans-serif;font-family:var(--font-body,"Inter",sans-serif);font-size:12px;font-size:var(--fs-xs,12px);font-weight:700;font-weight:var(--fw-bold,700);padding:8px 16px;padding:var(--sp-2,8px) var(--sp-4,16px);transition:all .25s ease;transition:all var(--transition-base,.25s ease);width:100%}.gr-copy-link-btn:hover{box-shadow:0 4px 20px #3b82f64d;transform:translateY(-1px)}.game-room .kbc-button{background:linear-gradient(135deg,#fbbf24,#f59e0b);background:linear-gradient(135deg,var(--accent,#fbbf24),var(--accent-hover,#f59e0b));border:none;border-radius:12px;box-shadow:0 4px 14px #fbbf244d;color:#1a1a2e;color:var(--text-on-accent,#1a1a2e);cursor:pointer;font-family:Inter,sans-serif;font-family:var(--font-body,"Inter",sans-serif);font-size:16px;font-size:var(--fs-base,16px);font-weight:700;font-weight:var(--fw-bold,700);letter-spacing:.5px;padding:14px 32px;text-transform:uppercase;transition:all .25s ease;transition:all var(--transition-base,.25s ease)}.game-room .kbc-button:hover{box-shadow:0 6px 24px #fbbf2466;transform:translateY(-2px)}.game-room .kbc-button:disabled{cursor:not-allowed;opacity:.55;transform:none}.gr-progress-grid{grid-gap:8px;grid-gap:var(--sp-2,8px);display:grid;gap:8px;gap:var(--sp-2,8px);grid-template-columns:1fr 1fr 1fr;text-align:center}.gr-progress-stat{border:1px solid;border-radius:10px;padding:8px 4px;padding:var(--sp-2,8px) var(--sp-1,4px)}.gr-progress-stat--green{background:#4caf501f;border-color:#4caf504d}.gr-progress-stat--blue{background:#2196f31f;border-color:#2196f34d}.gr-progress-stat--warning{background:#ff98001f;border-color:#ff98004d}.gr-progress-stat--danger{background:#f443361f;border-color:#f443364d}.gr-progress-stat__value{font-size:14px;font-size:var(--fs-sm,14px);font-weight:700;font-weight:var(--fw-bold,700)}.gr-progress-stat--green .gr-progress-stat__value{color:#4caf50;color:var(--success,#4caf50)}.gr-progress-stat--blue .gr-progress-stat__value{color:#42a5f5;color:var(--info,#42a5f5)}.gr-progress-stat--warning .gr-progress-stat__value{color:#ffa726;color:var(--warning,#ffa726)}.gr-progress-stat--danger .gr-progress-stat__value{color:#ff5252;color:var(--error,#ff5252)}.gr-progress-stat__label{color:#9ca3af;color:var(--text-muted,#9ca3af);font-size:10px;margin-top:2px}.gr-activity-row{align-items:center;background:#f8f9fc;background:var(--bg-gradient,#f8f9fc);border:1px solid #e5e7eb;border:1px solid var(--card-border,#e5e7eb);border-radius:8px;display:flex;font-size:12px;font-size:var(--fs-xs,12px);justify-content:space-between;padding:8px 12px;padding:var(--sp-2,8px) var(--sp-3,12px)}.gr-activity-row__label{color:#6b7280;color:var(--text-secondary,#6b7280)}.gr-activity-row__value{color:#f59e0b;color:var(--accent-hover,#f59e0b)}.gr-activity-row__value,.gr-timer{font-weight:700;font-weight:var(--fw-bold,700)}.gr-timer{align-items:center;border-radius:20px;color:#fff;display:inline-flex;flex-shrink:0;font-size:14px;font-size:var(--fs-sm,14px);gap:8px;gap:var(--sp-2,8px);padding:8px 12px;padding:var(--sp-2,8px) var(--sp-3,12px)}.gr-timer--ok{background:linear-gradient(135deg,#4caf50,#66bb6a);background:linear-gradient(135deg,var(--success,#4caf50),#66bb6a)}.gr-timer--danger{animation:gr-pulse 1s infinite;background:linear-gradient(135deg,#ff5252,#ff6b6b);background:linear-gradient(135deg,var(--error,#ff5252),#ff6b6b)}.gr-q-progress{flex:1 1;margin:0 12px;margin:0 var(--sp-3,12px);min-width:100px;text-align:center}.gr-q-badge{background:linear-gradient(135deg,#ffcc02,#ffd54f);background:linear-gradient(135deg,var(--accent,#ffcc02),var(--accent-light,#ffd54f));border-radius:16px;box-shadow:0 2px 10px #ffcc024d;color:#1a0a3e;color:var(--text-on-accent,#1a0a3e);display:inline-block;font-size:12px;font-size:var(--fs-xs,12px);font-weight:700;font-weight:var(--fw-bold,700);padding:3px 14px}.gr-q-track{background:var(--card-border);border-radius:3px;height:3px;margin-top:4px;margin-top:var(--sp-1,4px);overflow:hidden;width:100%}.gr-q-track__fill{background:linear-gradient(90deg,#ffcc02,#ffd54f);background:linear-gradient(90deg,var(--accent,#ffcc02),var(--accent-light,#ffd54f));border-radius:3px;height:100%;transition:width .5s cubic-bezier(.4,0,.2,1)}.gr-game-header{grid-column:1/-1;position:relative}.gr-audio-controls{gap:8px;gap:var(--sp-2,8px)}.gr-audio-btn,.gr-audio-controls{align-items:center;display:flex;flex-shrink:0}.gr-audio-btn{border:none;border-radius:50%;cursor:pointer;font-size:14px;height:36px;justify-content:center;transition:transform .15s ease;transition:transform var(--transition-fast,.15s ease);width:36px}.gr-audio-btn--primary{background:linear-gradient(135deg,#ffcc02,#ffd54f);background:linear-gradient(135deg,var(--accent,#ffcc02),var(--accent-light,#ffd54f));box-shadow:0 2px 10px #ffcc024d;color:#1a0a3e;color:var(--text-on-accent,#1a0a3e)}.gr-audio-btn--ghost{background:#f8f9fc;background:var(--bg-gradient,#f8f9fc);border:1px solid #e5e7eb;border:1px solid var(--card-border,#e5e7eb);color:#f59e0b;color:var(--accent-hover,#f59e0b)}.gr-audio-btn:hover{transform:scale(1.1)}.gr-volume-panel{align-items:center;background:#f8f9fc;background:var(--bg-gradient,#f8f9fc);border:1px solid #e5e7eb;border:1px solid var(--card-border,#e5e7eb);border-radius:16px;display:flex;gap:8px;gap:var(--sp-2,8px);padding:4px 12px;padding:var(--sp-1,4px) var(--sp-3,12px)}.gr-volume-panel input[type=range]{accent-color:#fbbf24;accent-color:var(--accent,#fbbf24);width:60px}.gr-volume-panel__pct{color:#1a1a2e;color:var(--text-primary,#1a1a2e);font-size:11px;min-width:30px;text-align:center}.gr-volume-mobile{background:#fff;background:var(--bg-white,#fff);border:1px solid #e5e7eb;border:1px solid var(--card-border,#e5e7eb);border-radius:12px;box-shadow:var(--shadow-lg);padding:16px;padding:var(--sp-4,16px);position:absolute;right:20px;right:var(--sp-5,20px);top:100%;z-index:1000}.game-room .question-card{align-items:center;background:#fff;background:var(--card-bg,#fff);border:2px solid #fbbf24;border:2px solid var(--accent,#fbbf24);box-shadow:var(--shadow-md),0 0 20px #fbbf241a;display:flex;flex-direction:column;justify-content:center;min-height:100px;padding:24px;padding:var(--sp-6,24px);position:relative;text-align:center}.gr-question-glow{background:radial-gradient(circle,#fbbf240f 0,#0000 70%);border-radius:50%;-webkit-clip-path:inset(0 round 16px);clip-path:inset(0 round 16px);-webkit-clip-path:inset(0 round var(--card-radius,16px));clip-path:inset(0 round var(--card-radius,16px));inset:-10%;pointer-events:none;position:absolute;z-index:0}.game-room .question-text{word-wrap:break-word;background:#0000;border:none;color:var(--text-primary);display:block;font-size:clamp(18px,4vw,28px);font-weight:700;font-weight:var(--fw-bold,700);line-height:1.35;margin:0;padding:0;position:relative;text-shadow:none;width:100%;z-index:1}.gr-question-image{border-radius:16px;border-radius:var(--card-radius,16px);box-shadow:0 4px 16px #0000004d;box-shadow:var(--shadow-md,0 4px 16px #0000004d);height:auto;margin-top:16px;margin-top:var(--sp-4,16px);max-height:180px;max-width:280px;object-fit:contain;position:relative;width:auto;z-index:1}.game-room .options-container{grid-gap:12px;grid-gap:var(--sp-3,12px);display:grid;gap:12px;gap:var(--sp-3,12px);grid-template-columns:1fr 1fr;margin-bottom:20px;margin-bottom:var(--sp-5,20px)}.gr-option{align-items:center;background:#fff;background:var(--card-bg,#fff);border:2px solid #e5e7eb;border:2px solid var(--card-border,#e5e7eb);border-radius:16px;border-radius:var(--card-radius,16px);box-shadow:var(--shadow-sm);color:#1a1a2e;color:var(--text-primary,#1a1a2e);cursor:pointer;display:flex;font-family:Inter,sans-serif;font-family:var(--font-body,"Inter",sans-serif);font-size:16px;font-size:var(--fs-base,16px);font-weight:600;font-weight:var(--fw-semibold,600);gap:16px;gap:var(--sp-4,16px);min-height:60px;overflow:hidden;padding:16px 20px;padding:var(--sp-4,16px) var(--sp-5,20px);position:relative;text-align:left;transition:all .25s cubic-bezier(.4,0,.2,1)}.gr-option:hover:not(:disabled):not(.gr-option--selected){border-color:#fbbf24;border-color:var(--accent,#fbbf24);box-shadow:0 6px 20px #0000001a;transform:translateY(-2px)}.gr-option:disabled{cursor:not-allowed;opacity:.5}.gr-option:disabled.gr-option--selected{opacity:1}.gr-option--correct{background:linear-gradient(135deg,#4caf5066,#66bb6a4d);border-color:#4caf50;border-color:var(--success,#4caf50);transform:scale(1.01)}.gr-option--wrong{background:linear-gradient(135deg,#f4433666,#e573734d);border-color:#ff5252;border-color:var(--error,#ff5252);transform:scale(1.01)}.gr-option__label{align-items:center;background:linear-gradient(135deg,#ffcc02,#ffd54f);background:linear-gradient(135deg,var(--accent,#ffcc02),var(--accent-light,#ffd54f));border-radius:50%;box-shadow:0 2px 8px #ffcc024d;color:#1a0a3e;color:var(--text-on-accent,#1a0a3e);display:flex;flex-shrink:0;font-size:16px;font-size:var(--fs-base,16px);font-weight:700;font-weight:var(--fw-bold,700);height:36px;justify-content:center;width:36px}.gr-option--correct .gr-option__label{background:#fff;color:#4caf50;color:var(--success,#4caf50)}.gr-option--wrong .gr-option__label{background:#fff;color:#ff5252;color:var(--error,#ff5252)}.gr-option__shimmer{animation:gr-shimmer 2.5s infinite;background:linear-gradient(90deg,#0000,#fbbf240a,#0000);height:100%;left:-100%;pointer-events:none;position:absolute;top:0;width:100%}.gr-option--selected .gr-option__shimmer,.gr-option:disabled .gr-option__shimmer{animation:none}.gr-overlay{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#00000080;display:none;inset:0;position:fixed;z-index:10000}.gr-overlay__panel{background:#fff;background:var(--bg-white,#fff);box-shadow:var(--shadow-lg);height:100vh;left:0;overflow-y:auto;padding:20px;padding:var(--sp-5,20px);position:absolute;top:0;width:300px}.gr-overlay__header{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--card-border,#e5e7eb);display:flex;justify-content:space-between;margin-bottom:20px;margin-bottom:var(--sp-5,20px);padding-bottom:12px;padding-bottom:var(--sp-3,12px)}.gr-overlay__title{color:#1a1a2e;color:var(--text-primary,#1a1a2e);font-family:Poppins,sans-serif;font-family:var(--font-heading,"Poppins",sans-serif);font-size:18px;font-size:var(--fs-lg,18px);font-weight:700;font-weight:var(--fw-bold,700);margin:0}.gr-overlay__close{align-items:center;background:#f8f9fc;background:var(--bg-gradient,#f8f9fc);border:1px solid #e5e7eb;border:1px solid var(--card-border,#e5e7eb);border-radius:50%;color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;display:flex;font-size:16px;height:32px;justify-content:center;transition:all .15s ease;transition:all var(--transition-fast,.15s ease);width:32px}.gr-overlay__close:hover{background:#fbbf24;background:var(--accent,#fbbf24);border-color:#0000;color:#1a1a2e;color:var(--text-on-accent,#1a1a2e)}@keyframes gr-pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes gr-slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes gr-shimmer{0%{left:-100%}to{left:100%}}@keyframes gr-glow{0%,to{box-shadow:0 0 16px #ffcc0233}50%{box-shadow:0 0 24px #ffcc0266}}.game-room .fixed-start-game{margin:20px 0;margin:var(--sp-5,20px) 0;position:relative;text-align:center;z-index:100}.gr-seo-hidden{display:none;height:1px;left:-9999px;overflow:hidden;position:absolute;width:1px}.gr-explore-card{background:linear-gradient(135deg,#f0f7ff,#fdf2f8);border:1px solid #3b82f626;transition:all .25s ease;transition:all var(--transition-base,.25s ease)}.gr-explore-card:hover{border-color:#3b82f6;border-color:var(--blue,#3b82f6);box-shadow:var(--shadow-md);transform:translateY(-2px)}.gr-explore-card__inner{align-items:center;display:flex;gap:12px;gap:var(--sp-3,12px)}.gr-explore-card__text{flex:1 1;min-width:0}.gr-explore-card__title{color:#3b82f6;color:var(--blue,#3b82f6);font-family:Poppins,sans-serif;font-family:var(--font-heading,"Poppins",sans-serif);font-size:14px;font-size:var(--fs-sm,14px);font-weight:700;font-weight:var(--fw-bold,700);margin:0 0 4px;margin:0 0 var(--sp-1,4px)}.gr-explore-card__desc{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:12px;font-size:var(--fs-xs,12px);line-height:1.4;margin:0}.gr-explore-card__arrow{color:#3b82f6;color:var(--blue,#3b82f6);flex-shrink:0;font-size:20px;font-size:var(--fs-xl,20px);transition:transform .15s ease;transition:transform var(--transition-fast,.15s ease)}.gr-explore-card:hover .gr-explore-card__arrow{transform:translateX(4px)}.game-room .ad-space{align-items:center;background:#f8f9fc;background:var(--bg-gradient,#f8f9fc);border:1px dashed #e5e7eb;border:1px dashed var(--card-border,#e5e7eb);border-radius:10px;color:#9ca3af;color:var(--text-muted,#9ca3af);display:flex;font-size:12px;justify-content:center;overflow:hidden}@media (max-width:768px){.game-room{padding:0;width:100%}.gr-overlay{display:block}.game-room .main-layout{-webkit-overflow-scrolling:touch;display:block;height:auto;margin-top:0;max-width:100vw;min-height:calc(100dvh - 56px);min-height:calc(100dvh - var(--nav-height, 56px));overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;padding:12px 8px 120px;padding:var(--sp-3,12px) var(--sp-2,8px) 120px}.game-room .main-layout:not(.game-started){padding-bottom:120px}.game-room .main-layout.game-started{padding-top:56px}.game-room .left-sidebar,.game-room .right-sidebar{display:none}.game-room .glass-card{margin:0 0 12px;margin:0 0 var(--sp-3,12px);padding:12px;padding:var(--sp-3,12px)}.game-room .categories{gap:8px;gap:var(--sp-2,8px);grid-template-columns:repeat(2,1fr)}.game-room .mobile-game-header{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#fffffff2;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--card-border,#e5e7eb);box-shadow:0 2px 8px #0000000f;height:52px;left:0;padding:8px;padding:var(--sp-2,8px);position:fixed;right:0;top:56px;top:var(--nav-height,56px);z-index:999}.game-room .question-card{margin-top:4px;margin-top:var(--sp-1,4px);min-height:auto;padding:12px;padding:var(--sp-3,12px)}.game-room .question-text{font-size:18px;line-height:1.25}.game-room .options-container{gap:8px;gap:var(--sp-2,8px);grid-template-columns:1fr}.gr-option{font-size:16px;font-size:var(--fs-base,16px);min-height:56px}.game-room .fixed-start-game,.gr-option{padding:12px 16px;padding:var(--sp-3,12px) var(--sp-4,16px)}.game-room .fixed-start-game{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#fffffff5;border-top:1px solid #e5e7eb;border-top:1px solid var(--card-border,#e5e7eb);bottom:0;box-shadow:0 -4px 16px #0000000f;display:flex;justify-content:center;left:0;margin:0;position:fixed;right:0;z-index:10000}.game-room .fixed-start-game .kbc-button{display:block;margin:0 auto;max-width:360px;padding:16px 32px;width:100%}.game-room .players-ready-section{cursor:pointer;margin-bottom:8px;margin-bottom:var(--sp-2,8px);padding:8px 16px;padding:var(--sp-2,8px) var(--sp-4,16px)}.game-room .amazon-affiliate,.gr-volume-panel{display:none}}@media (max-width:767px){.volume-controls-desktop{display:none!important}.volume-button-mobile{display:block!important}}@media (max-width:480px){.game-room .main-layout{padding:8px 4px 100px;padding:var(--sp-2,8px) var(--sp-1,4px) 100px}.game-room .question-card{min-height:auto}.game-room .question-text{font-size:17px;line-height:1.3}.gr-option{font-size:18px;min-height:64px;padding:12px;padding:var(--sp-3,12px)}.gr-option__label{font-size:14px;height:32px;width:32px}}@media (min-width:769px){.volume-controls-desktop{display:flex!important}.volume-button-mobile,.volume-controls-mobile{display:none!important}.game-room .players-ready-section{display:none}.game-room .main-layout{grid-gap:16px;grid-gap:var(--sp-4,16px);display:grid;gap:16px;gap:var(--sp-4,16px);grid-template-columns:220px 1fr 250px;margin:0 auto;max-width:1400px;padding:16px;padding:var(--sp-4,16px)}}.results-overlay{align-items:center;animation:gr-slideInUp .5s ease-out;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);background:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:10001}.results-panel{background:#fff;background:var(--bg-white,#fff);border:2px solid #fbbf24;border:2px solid var(--accent,#fbbf24);border-radius:20px;box-shadow:var(--shadow-lg),0 0 40px #fbbf241a;max-height:90vh;max-width:600px;overflow-y:auto;padding:40px 32px;position:relative;text-align:center;width:92%}.results-close{align-items:center;background:#0000000a;border:1px solid var(--card-border);border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;font-size:20px;height:36px;justify-content:center;position:absolute;right:14px;top:14px;transition:all .2s;width:36px}.results-close:hover{background:#ffcc02;background:var(--accent,#ffcc02);border-color:#0000;color:#1a0a3e;color:var(--text-on-accent,#1a0a3e)}.results-title{color:#d97706;color:var(--accent-hover,#d97706);font-family:Poppins,sans-serif;font-family:var(--font-heading,"Poppins",sans-serif);font-size:clamp(24px,5vw,36px);margin:0 0 4px}.results-subtitle{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:16px;font-size:var(--fs-base,16px);margin:0 0 28px}.results-podium{align-items:flex-end;display:flex;gap:12px;justify-content:center;margin-bottom:28px}.podium-slot{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:4px;max-width:140px}.podium-slot--empty{visibility:hidden}.podium-medal{font-size:28px}.podium-name{color:#1a1a2e;color:var(--text-primary,#1a1a2e);font-size:14px;font-size:var(--fs-sm,14px);font-weight:600;font-weight:var(--fw-semibold,600);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.podium-score{color:#f59e0b;color:var(--accent-hover,#f59e0b);font-size:12px;font-size:var(--fs-xs,12px);font-weight:700;font-weight:var(--fw-bold,700)}.podium-bar{border-radius:8px 8px 0 0;transition:height .5s ease;width:100%}.podium-slot--1 .podium-bar{background:linear-gradient(180deg,#ffcc02,#ffd54f)}.podium-slot--2 .podium-bar{background:linear-gradient(180deg,silver,#e0e0e0)}.podium-slot--3 .podium-bar{background:linear-gradient(180deg,#cd7f32,#daa520)}.results-list{display:flex;flex-direction:column;gap:8px;margin-bottom:24px;text-align:left}.results-row{align-items:center;background:#f8f9fc;background:var(--bg-gradient,#f8f9fc);border:1px solid #e5e7eb;border:1px solid var(--card-border,#e5e7eb);border-radius:10px;display:flex;gap:12px;padding:10px 14px}.results-row--top{background:#fbbf240f;border-color:#fbbf2433}.results-pos{flex-shrink:0;font-size:18px;text-align:center;width:32px}.results-name{color:#1a1a2e;color:var(--text-primary,#1a1a2e);flex:1 1;font-size:14px;font-size:var(--fs-sm,14px);font-weight:600;font-weight:var(--fw-semibold,600)}.results-name small{font-weight:400;opacity:.6}.results-detail{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:12px;font-size:var(--fs-xs,12px);white-space:nowrap}.results-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:20px}.results-home-btn{background:#0000;border:1px solid #e5e7eb;border:1px solid var(--card-border,#e5e7eb);border-radius:10px;color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;font-family:var(--font-body);font-size:14px;font-size:var(--fs-sm,14px);padding:10px 24px;transition:all .2s}.results-home-btn:hover{border-color:#d1d5db;border-color:var(--card-border-hover,#d1d5db);color:#1a1a2e;color:var(--text-primary,#1a1a2e)}@media (max-width:480px){.results-panel{padding:24px 16px}.podium-medal{font-size:22px}.results-podium{gap:6px}}.memory-game{align-items:center;color:var(--text-primary);display:flex;flex-direction:column;padding:20px}.memory-game-layout{display:flex;justify-content:center;margin:0 auto;max-width:900px;width:100%}.memory-game-content{align-items:center;display:flex;flex-direction:column;min-width:0;width:100%}@media (max-width:768px){.title-section{flex-direction:column;gap:15px}.game-header h1{font-size:2rem}.how-to-play-toggle{font-size:.85rem;padding:8px 16px}.instructions-grid{gap:15px;grid-template-columns:1fr}.instruction-item{padding:12px}.instruction-icon{font-size:1.5rem}.instructions-content{margin:15px 10px 0;padding:20px}}.how-to-play-section{margin:20px 0;text-align:center}.instructions-content{animation:slideDown .3s ease-out;background:var(--card-bg);border:1px solid var(--card-border);border-radius:15px;box-shadow:var(--shadow-sm);margin-top:20px;padding:25px}.instructions-content h3{color:var(--text-primary);font-size:1.5rem;margin:0 0 20px}.instructions-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:25px}.instruction-item{align-items:flex-start;background:var(--card-bg-hover);border:1px solid var(--card-border);border-radius:10px;display:flex;gap:15px;padding:15px;transition:all .3s ease}.instruction-item:hover{background:#0000000d;transform:translateY(-2px)}.instruction-icon{flex-shrink:0;font-size:2rem;margin-top:2px}.instruction-text{color:var(--text-primary);flex:1 1;line-height:1.5}.instruction-text strong{color:var(--accent)}.tips-section{background:#ffd7001a;border:1px solid #ffd7004d;border-radius:10px;padding:20px}.tips-section h4{color:var(--accent);font-size:1.2rem;margin:0 0 15px}.tips-section ul{color:var(--text-primary);margin:0;padding-left:20px}.tips-section li{line-height:1.4;margin-bottom:8px}@media (max-width:768px){.instructions-grid{gap:15px;grid-template-columns:1fr}.instruction-item{padding:12px}.instruction-icon{font-size:1.5rem}.instructions-content{margin:15px 10px 0;padding:20px}.how-to-play-toggle{font-size:.9rem;padding:10px 20px}}@media (max-width:480px){.instruction-item{flex-direction:column;gap:10px;text-align:center}.instruction-icon{font-size:2rem}.instructions-content h3{font-size:1.3rem}.tips-section h4{font-size:1.1rem}}.game-header{margin-bottom:20px;text-align:center}.title-section{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-bottom:20px}.game-header h1{font-size:2.5rem;margin:0;text-shadow:2px 2px 4px #00000080}.how-to-play-toggle{background:var(--card-bg);border:2px solid var(--card-border);border-radius:25px;box-shadow:var(--shadow-sm);color:var(--text-primary);cursor:pointer;font-size:.9rem;font-weight:600;padding:10px 20px;transition:all .3s ease;white-space:nowrap}.how-to-play-toggle:hover{background:var(--card-bg-hover);border-color:var(--card-border-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.game-stats{display:flex;flex-direction:row;flex-wrap:wrap;gap:30px;justify-content:center}.stat{align-items:center;background:var(--card-bg);border:1px solid var(--card-border);border-radius:10px;display:flex;flex-direction:column;padding:10px 20px}.stat-label{font-size:.9rem;margin-bottom:5px;opacity:.8}.stat-value{color:var(--accent);font-size:1.5rem;font-weight:700}.card-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(5,minmax(60px,100px));grid-template-rows:repeat(5,minmax(60px,100px));justify-content:center;margin:20px auto;perspective:1000px;width:-webkit-fit-content;width:fit-content}@media (max-width:768px){.card-grid{gap:8px;grid-template-columns:repeat(5,70px);grid-template-rows:repeat(5,70px)}}@media (max-width:480px){.card-grid{gap:6px;grid-template-columns:repeat(5,56px);grid-template-rows:repeat(5,56px)}}.card{cursor:pointer;perspective:600px;transition:transform .1s ease}.card:hover{transform:scale(1.05)}.card.flipped .card-inner{transform:rotateY(180deg)}.card.matched{animation:matchPulse .6s ease-in-out}@keyframes matchPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.card-inner{height:100%;position:relative;transform-style:preserve-3d;transition:transform .4s;width:100%}.card-back,.card-front{align-items:center;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:8px;box-shadow:0 4px 8px #0000004d;display:flex;font-size:60px;font-weight:700;height:100%;justify-content:center;position:absolute;width:100%}@media (max-width:768px){.card-back,.card-front{border-radius:8px;font-size:48px}}@media (max-width:480px){.card-back,.card-front{border-radius:6px;font-size:36px}}.card-front{background:linear-gradient(145deg,#fff,#f0f0f0);color:#333;transform:rotateY(180deg)}.card-back{background:linear-gradient(145deg,#4caf50,#45a049);color:#fff;overflow:hidden;position:relative}.card-pattern{background-image:radial-gradient(circle at 25% 25%,#ffffff4d 2px,#0000 0),radial-gradient(circle at 75% 75%,#ffffff4d 2px,#0000 0);background-size:20px 20px;bottom:0;left:0;position:absolute;right:0;top:0}.congrats{animation:slideIn .5s ease-out;background:linear-gradient(145deg,#fc0,#f90);border-radius:15px;box-shadow:0 8px 16px #0000004d;color:#000;margin-bottom:20px;padding:20px;text-align:center}@keyframes slideIn{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.congrats h2{font-size:1.8rem;margin:0 0 10px}.congrats p{font-size:1rem;margin:5px 0}.game-controls{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-top:20px}.control-button{border:none;border-radius:25px;box-shadow:0 4px 8px #0000004d;cursor:pointer;font-size:1rem;font-weight:700;padding:12px 24px;transition:all .3s ease}.restart-btn{background:linear-gradient(145deg,#ff6b6b,#ee5a52);color:#fff}.restart-btn:hover{background:linear-gradient(145deg,#ff5252,#e53935);box-shadow:0 6px 12px #0006;transform:translateY(-2px)}.home-btn{background:linear-gradient(145deg,#4caf50,#45a049);color:#fff}.home-btn:hover{background:linear-gradient(145deg,#45a049,#388e3c);box-shadow:0 6px 12px #0006;transform:translateY(-2px)}.about-btn{background:linear-gradient(145deg,#667eea,#764ba2);color:#fff}.about-btn:hover{background:linear-gradient(145deg,#5a67d8,#667eea);box-shadow:0 6px 12px #667eea66;transform:translateY(-2px)}@media (max-width:768px){.memory-game{padding:10px}.game-header h1{font-size:2rem}.game-stats{gap:15px}.stat{padding:8px 16px}.control-button{font-size:.9rem;padding:10px 20px}}.simon-game{align-items:center;color:var(--text-primary);display:flex;flex-direction:column;overflow-x:hidden;padding:10px}.simon-game-layout{grid-gap:20px;align-items:start;display:grid;gap:20px;grid-template-columns:160px 1fr 160px;max-width:1400px;width:100%}.simon-game-content{align-items:center;display:flex;flex:1 1;flex-direction:column;height:100%;min-width:0}.simon-game-ad-left,.simon-game-ad-right{height:-webkit-fit-content;height:fit-content;position:-webkit-sticky;position:sticky;top:20px}.simon-game-bottom-ad{margin-top:30px;text-align:center;width:100%}.simon-game-mobile-ad{margin:20px 0;text-align:center;width:100%}.simon-header{align-items:center;display:flex;gap:15px;justify-content:space-between;margin-bottom:10px;width:100%}.simon-back-button{background:var(--card-bg);border:1px solid var(--card-border);border-radius:8px;box-shadow:var(--shadow-sm);color:var(--text-primary);cursor:pointer;font-size:16px;padding:10px 20px;transition:all .3s ease}.simon-back-button:hover{background:var(--card-bg-hover);transform:translateX(-5px)}.simon-title{color:var(--text-primary);font-size:2.5rem;font-weight:700;margin:0;text-align:center}.simon-sound-toggle{background:var(--card-bg);border:1px solid var(--card-border);border-radius:8px;box-shadow:var(--shadow-sm);color:var(--text-primary);cursor:pointer;font-size:20px;padding:10px 15px;transition:all .3s ease}.simon-sound-toggle:hover{background:var(--card-bg-hover)}.simon-stats{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:10px}.simon-stat{background:var(--card-bg);border:1px solid var(--card-border);border-radius:8px;min-width:80px;padding:10px 15px;text-align:center}.simon-stat-label{display:block;font-size:12px;margin-bottom:5px;opacity:.8}.simon-stat-value{display:block;font-size:18px;font-weight:700}.game-settings-container{display:flex;flex-direction:row;gap:10px;justify-content:center;margin-bottom:15px;max-width:700px;width:100%}.settings-section{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;flex:1 1;max-width:300px;padding:12px}.settings-section h3{color:var(--text-primary);font-size:18px;margin:0 0 15px;text-align:center}.difficulty-buttons,.mode-buttons{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.difficulty-btn,.mode-btn{background:var(--card-bg-hover);border:2px solid var(--card-border);border-radius:6px;color:var(--text-primary);cursor:pointer;font-size:12px;margin:2px;padding:6px 12px;position:relative;transition:all .3s ease}.difficulty-btn:hover,.mode-btn:hover:not(.locked){background:#0000000d;transform:translateY(-2px)}.difficulty-btn.selected,.mode-btn.selected{background:#4caf501a;border-color:#4caf50;box-shadow:0 0 10px #4caf504d}.mode-btn.locked{background:#00000008;cursor:not-allowed;opacity:.5}.lock-icon{font-size:12px;margin-left:5px}.power-up-buttons{gap:10px;margin-top:15px}.power-up-btn,.power-up-buttons{display:flex;justify-content:center}.power-up-btn{align-items:center;background:var(--card-bg);border:2px solid var(--card-border);border-radius:50%;color:var(--text-primary);cursor:pointer;font-size:20px;height:40px;padding:8px 12px;transition:all .3s ease;width:40px}.power-up-btn.available{border-color:#4caf50;box-shadow:0 0 10px #4caf504d}.power-up-btn.available:hover{background:#4caf5033;transform:scale(1.1)}.power-up-btn.unavailable{border-color:var(--card-border);cursor:not-allowed;opacity:.5}.particles-container{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:10}.particle{animation:particle-fade 2s ease-out forwards;border-radius:50%;height:8px;position:absolute;width:8px}@keyframes particle-fade{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0)}}.achievement-notification{animation:achievement-slide-in .5s ease-out;background:linear-gradient(135deg,#4caf50,#45a049);border:2px solid #4caf50;border-radius:12px;box-shadow:0 4px 20px #0000004d;color:#fff;max-width:300px;padding:15px;position:fixed;right:20px;top:20px;z-index:1000}@keyframes achievement-slide-in{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.achievement-content{align-items:center;display:flex;gap:15px}.achievement-icon{font-size:32px}.achievement-text h4{font-size:16px;margin:0 0 5px}.achievement-text p{font-size:14px;margin:0;opacity:.9}.game-stats-summary{background:var(--card-bg);border:1px solid var(--card-border);border-radius:8px;margin:15px 0;padding:15px}.game-stats-summary p{font-size:14px;margin:5px 0}.simon-about{background:var(--card-bg);border:1px solid var(--card-border);border-radius:15px;margin-bottom:20px;max-width:800px;padding:20px;text-align:center;width:100%}.simon-about h3{color:var(--accent);font-size:1.5rem;margin:0 0 10px}.simon-about p{font-size:1.1rem;line-height:1.6;margin:0}.simon-board-container{align-items:center;display:flex;flex:1 1;justify-content:center;margin-bottom:10px;min-height:0;padding:5px}.simon-board{grid-gap:10px;background:#0000004d;border:5px solid #fc0;border-radius:50%;box-shadow:0 0 40px #ffcc0080;display:grid;gap:10px;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;height:460px;overflow:visible;padding:10px;position:relative;transition:all .3s ease;width:460px}.simon-board.extended-layout{display:block;overflow:visible;padding:20px}.simon-board.correct-feedback{border-color:#0f0;box-shadow:0 0 60px #0f0c}.simon-button{animation:button-pulse 2s infinite;border:none;box-shadow:inset 0 0 20px #0000004d;cursor:pointer;overflow:hidden;position:relative;transition:all .2s ease}.simon-sector-svg{pointer-events:none;z-index:1}.simon-button-sector{stroke:#0000004d;stroke-width:2;cursor:pointer;transition:all .2s ease}.simon-button-sector:hover{stroke:#ffffff80;stroke-width:3;filter:brightness(1.5)!important}.simon-button-sector.active{stroke:#fffc;stroke-width:4;animation:sector-pulse .3s ease;filter:brightness(1.8)!important}@keyframes sector-pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.simon-board.extended-layout{background:#00000080;border-color:#0000}@keyframes button-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.simon-button:disabled{cursor:not-allowed}.simon-button.active{box-shadow:0 0 30px currentColor,inset 0 0 30px #ffffff4d;transform:scale(.95)}.simon-red{border-radius:190px 10px 10px 10px;grid-column:1;grid-row:1}.simon-green{border-radius:10px 190px 10px 10px;grid-column:2;grid-row:1}.simon-blue{border-radius:10px 10px 10px 190px;grid-column:1;grid-row:2}.simon-yellow{border-radius:10px 10px 190px 10px;grid-column:2;grid-row:2}.simon-purple{border-radius:190px 10px 10px 10px;grid-column:1;grid-row:1}.simon-cyan{border-radius:10px 190px 10px 10px;grid-column:2;grid-row:1}.simon-orange{border-radius:10px 10px 10px 190px;grid-column:1;grid-row:2}.simon-violet{border-radius:10px 10px 190px 10px;grid-column:2;grid-row:2}.simon-center{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;border:5px solid #fc0;border-radius:50%;box-shadow:inset 0 0 20px #00000080;display:flex;flex-direction:column;height:190px;justify-content:center;left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);width:190px;z-index:10}.simon-board.extended-layout .simon-center{height:160px;width:160px}.simon-center h2{color:#fc0;font-size:1.5rem;margin:0 0 10px}.simon-center p{color:#fff;font-size:.9rem;margin:0 0 10px}.difficulty-info{margin:0 0 15px;text-align:center}.difficulty-info small{color:#fc0;font-size:.8rem;opacity:.8}.simon-board.extended-layout .simon-center h2{font-size:1.2rem;margin:0 0 8px}.simon-board.extended-layout .simon-center p{font-size:.8rem;margin:0 0 8px}.simon-board.extended-layout .difficulty-info{margin:0 0 10px}.simon-board.extended-layout .difficulty-info small{font-size:.7rem}.simon-start-btn{background:linear-gradient(145deg,#fc0,#f90);border:none;border-radius:25px;box-shadow:0 4px 8px #0000004d;color:#000;cursor:pointer;font-size:1rem;font-weight:700;padding:10px 20px;text-transform:uppercase;transition:all .3s ease}.simon-board.extended-layout .simon-start-btn{border-radius:20px;font-size:.9rem;padding:8px 16px}.simon-start-btn:hover{box-shadow:0 6px 12px #0006;transform:scale(1.05)}.simon-score-display{color:#fc0;font-size:1.8rem;font-weight:700;margin-bottom:5px}.simon-status{animation:pulse 1s ease-in-out infinite;color:#fff;font-size:1rem}.correct-message{animation:fadeInOut 1s ease;color:#0f0;font-size:2rem;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}@keyframes fadeInOut{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.2)}to{opacity:0;transform:translate(-50%,-50%) scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.simon-final-score{color:#fff;font-size:1.5rem;margin:5px 0}.simon-high-score{color:#fc0;font-size:1.2rem;margin-bottom:15px}.simon-restart-container{margin:10px 0;text-align:center}.simon-restart-btn{background:var(--card-bg);border:2px solid var(--card-border);border-radius:25px;box-shadow:var(--shadow-sm);color:var(--text-primary);cursor:pointer;font-size:1rem;font-weight:700;padding:12px 30px;transition:all .3s ease}.simon-restart-btn:hover{background:var(--card-bg-hover);transform:scale(1.05)}.simon-collapsible-section{margin-bottom:20px;max-width:800px;width:100%}.simon-toggle-btn{align-items:center;background:var(--card-bg);border:1px solid var(--card-border);border-radius:10px;color:var(--text-primary);cursor:pointer;display:flex;font-size:1.1rem;font-weight:700;justify-content:space-between;padding:15px 20px;transition:all .3s ease;width:100%}.simon-toggle-btn:hover{background:var(--card-bg-hover)}.toggle-icon{font-size:.9rem;transition:transform .3s ease}.toggle-icon.open{transform:rotate(180deg)}.simon-collapsible-content{animation:slideDown .3s ease-out;background:var(--card-bg-hover);border:1px solid var(--card-border);border-radius:0 0 10px 10px;margin-top:-1px;padding:20px}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.simon-collapsible-content ol,.simon-collapsible-content ul{line-height:1.8;margin:0;padding-left:20px}.simon-collapsible-content li{font-size:1rem;margin-bottom:10px}@media (max-width:1200px){.simon-game-layout{grid-template-columns:120px 1fr 120px}.simon-game-ad-left .adsbygoogle,.simon-game-ad-right .adsbygoogle{width:120px!important}}@media (max-width:768px){.simon-game{display:flex;flex-direction:column;overflow-x:hidden;overflow-y:auto;padding:2px}.simon-game-layout{gap:5px;grid-template-columns:1fr}.simon-game-ad-left,.simon-game-ad-right{display:none}.simon-game-content{display:flex;flex:1 1;flex-direction:column;height:100%;width:100%}.simon-header{flex-wrap:nowrap;gap:5px;margin-bottom:5px}.simon-title{flex:1 1;font-size:1.2rem}.simon-back-button{font-size:12px;padding:5px 10px}.simon-sound-toggle{font-size:16px;padding:5px 8px}.simon-board{gap:8px;height:min(85vw,380px);padding:8px;width:min(85vw,380px)}.simon-center{height:min(40vw,160px);width:min(40vw,160px)}.simon-center h2{font-size:.9rem}.simon-center p{font-size:.6rem}.simon-start-btn{font-size:.9rem;padding:8px 16px}.simon-score-display{font-size:1.5rem}.simon-status{font-size:.9rem}.simon-about{padding:15px}.simon-about h3{font-size:1.2rem}.simon-about p{font-size:.95rem}.simon-stats{gap:5px;margin-bottom:5px}.simon-stat{min-width:50px;padding:4px 8px}.simon-stat-label{font-size:.6rem;margin-bottom:1px}.simon-stat-value{font-size:.9rem}.simon-toggle-btn{font-size:.9rem;padding:10px 12px}.simon-collapsible{margin-top:5px}.simon-collapsible-section{margin-bottom:5px}.game-settings-container{flex-direction:column;gap:5px;margin-bottom:5px}.settings-section{max-width:none;padding:8px}.settings-section h3{font-size:12px;margin-bottom:5px}.difficulty-buttons,.mode-buttons{gap:8px}.difficulty-btn,.mode-btn{font-size:10px;padding:5px 10px}.simon-board-container{align-items:center;display:flex;flex:1 1;justify-content:center;margin-bottom:5px;padding:2px}.power-up-buttons{gap:5px;margin-bottom:5px;margin-top:5px}.power-up-btn{font-size:14px;height:30px;width:30px}.achievement-notification{left:10px;max-width:none;right:10px;top:10px}.particles-container{display:none}.simon-button.extended-layout{height:40px;width:40px}.simon-board.extended-layout{height:min(85vw,380px);padding:10px;width:min(85vw,380px)}.simon-board.extended-layout .simon-center{height:min(35vw,140px);width:min(35vw,140px)}.simon-board.extended-layout .simon-start-btn{font-size:.7rem;padding:5px 10px}.chaos-notification{animation:chaosPulse .5s ease-in-out;background:#ff0000e6;border-radius:20px;color:#fff;font-size:.9rem;font-weight:700;left:50%;padding:8px 16px;position:absolute;top:-40px;transform:translateX(-50%);z-index:1000}.chaos-color-change{animation:chaosColorChange 2s ease-in-out}.chaos-reverse{animation:chaosReverse 2s ease-in-out}.chaos-insert{animation:chaosInsert 2s ease-in-out}.chaos-shuffle{animation:chaosShuffle 2s ease-in-out}.chaos-ultimate{animation:chaosUltimate 2s ease-in-out}@keyframes chaosPulse{0%,to{transform:translateX(-50%) scale(1)}50%{transform:translateX(-50%) scale(1.1)}}@keyframes chaosColorChange{0%,to{filter:hue-rotate(0deg)}25%{filter:hue-rotate(90deg)}50%{filter:hue-rotate(180deg)}75%{filter:hue-rotate(270deg)}}@keyframes chaosReverse{0%,to{transform:rotateY(0deg)}50%{transform:rotateY(180deg)}}@keyframes chaosInsert{0%,to{transform:scale(1)}25%{transform:scale(1.1)}50%{transform:scale(.9)}75%{transform:scale(1.05)}}@keyframes chaosShuffle{0%,to{transform:rotate(0deg)}25%{transform:rotate(5deg)}50%{transform:rotate(-5deg)}75%{transform:rotate(3deg)}}@keyframes chaosUltimate{0%,to{filter:hue-rotate(0deg) brightness(1);transform:scale(1) rotate(0deg)}25%{filter:hue-rotate(90deg) brightness(1.2);transform:scale(1.1) rotate(5deg)}50%{filter:hue-rotate(180deg) brightness(.8);transform:scale(.9) rotate(-5deg)}75%{filter:hue-rotate(270deg) brightness(1.1);transform:scale(1.05) rotate(3deg)}}.shop-btn{background:linear-gradient(145deg,#fc0,#f90);border:none;border-radius:8px;color:#000;cursor:pointer;font-weight:700;padding:8px 12px;transition:all .3s ease}.shop-btn:hover{box-shadow:0 4px 8px #0000004d;transform:scale(1.05)}.menu-shop-btn{background:linear-gradient(145deg,#ff6f00,#ffd54f);border:2px solid #ff980080;box-shadow:0 4px 12px #ff98004d;color:#000;font-size:.9rem;margin-top:15px;padding:10px 20px}.menu-shop-btn:hover{background:linear-gradient(145deg,#ff8f00,#ffeb3b);box-shadow:0 6px 16px #ff980080;transform:translateY(-2px)}.mobile-menu-shop-btn{background:linear-gradient(145deg,#ff6f00,#ffd54f);border:2px solid #ff980080;box-shadow:0 3px 8px #ff98004d;color:#000;font-size:.85rem;margin-top:10px;padding:8px 16px}.mobile-menu-shop-btn:hover{background:linear-gradient(145deg,#ff8f00,#ffeb3b);box-shadow:0 4px 12px #ff980080;transform:translateY(-1px)}.simon-collapsible-content{padding:15px}.simon-collapsible-content li{font-size:.9rem;margin-bottom:8px}.simon-restart-container{align-items:center;display:flex;justify-content:center;margin:15px 0;position:relative;z-index:100}.simon-restart-btn{background:linear-gradient(145deg,#667eea,#764ba2);border:2px solid #667eea4d;border-radius:8px;box-shadow:0 4px 15px #667eea4d;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:12px 30px;transition:all .3s ease}.simon-restart-btn:hover{background:linear-gradient(145deg,#5a6fd8,#6a4190);box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}}.internal-link{color:var(--accent);font-weight:700;text-decoration:none;transition:all .3s ease}.internal-link:hover{color:var(--accent-hover);text-decoration:underline}.simon-about-games-section{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;margin:30px auto;max-width:800px;padding:20px;text-align:center;width:100%}.simon-about-games-section p{font-size:1.1rem;line-height:1.5;margin-bottom:15px;opacity:.9}.simon-about-games-btn{background:linear-gradient(45deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 4px 8px #0000004d;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:12px 24px;transition:all .3s ease}.simon-about-games-btn:hover{box-shadow:0 8px 20px #667eea66;transform:translateY(-2px)}@media (max-width:768px){.simon-about-games-section{margin:20px auto;padding:15px}.simon-about-games-section p{font-size:.95rem}.simon-about-games-btn{font-size:.9rem;padding:10px 20px}}@media (max-width:380px){.simon-board{height:280px;width:280px}.simon-center{height:130px;width:130px}.simon-center h2{font-size:1rem}.simon-start-btn{font-size:.8rem;padding:6px 12px}}@media (min-width:1200px){.simon-board{gap:12px;height:500px;padding:12px;width:500px}.simon-center{height:210px;width:210px}.simon-board.extended-layout .simon-center{height:170px;width:170px}.simon-restart-container{margin:20px 0;position:relative;z-index:200}.simon-restart-btn{font-size:1.1rem;padding:15px 35px}}.bg-page{margin:0 auto;max-width:900px;padding:var(--sp-6)}.bg-hero{align-items:center;background:linear-gradient(135deg,#1a1a2e,#2d1b69 60%,#1a1a2e);border-radius:var(--card-radius);display:flex;margin-bottom:var(--sp-8);overflow:hidden;padding:var(--sp-8) var(--sp-8);position:relative}.bg-hero__content{flex:1 1;position:relative;z-index:1}.bg-hero__title{color:#fff;font-family:var(--font-heading);font-size:var(--fs-4xl);font-weight:var(--fw-extrabold);margin:0 0 var(--sp-3)}.bg-hero__subtitle{color:#ffffffb3;font-size:var(--fs-base);line-height:1.6;margin:0;max-width:480px}.bg-hero__visual{flex-shrink:0;height:100px;position:relative;width:120px}.bg-hero__float{animation:bg-bob 3s ease-in-out infinite;font-size:2rem;position:absolute}.bg-hero__float--1{animation-delay:0s;left:10px;top:0}.bg-hero__float--2{animation-delay:.6s;left:65px;top:30px}.bg-hero__float--3{animation-delay:1.2s;left:25px;top:60px}@keyframes bg-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.bg-grid{grid-gap:var(--sp-6);display:grid;gap:var(--sp-6);grid-template-columns:repeat(2,1fr)}.bg-tile{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--card-radius);cursor:pointer;display:flex;flex-direction:column;font-family:var(--font-body);overflow:hidden;padding:0;text-align:left;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast);width:100%}.bg-tile:hover:not(:disabled){border-color:var(--accent);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.bg-tile:active:not(:disabled){transform:translateY(-1px)}.bg-tile--soon{cursor:default;opacity:.55}.bg-tile--soon:hover{border-color:var(--card-border);box-shadow:none;transform:none}.bg-tile__banner{align-items:center;display:flex;height:160px;justify-content:center;overflow:hidden;position:relative}.bg-tile__icon{filter:drop-shadow(0 4px 12px rgba(0,0,0,.2));font-size:3.5rem;position:relative;z-index:2}.bg-tile__soon-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0006;border-radius:8px;color:#fff;font-size:var(--fs-xs);font-weight:var(--fw-bold);letter-spacing:.06em;padding:3px 10px;position:absolute;right:var(--sp-3);text-transform:uppercase;top:var(--sp-3);z-index:3}.bg-tile__deco{align-items:center;display:flex;inset:0;justify-content:center;opacity:.3;position:absolute;z-index:1}.bg-tile__deco--cards{gap:8px;transform:rotate(-8deg) scale(1.1)}.bg-tile__mini-card{align-items:center;background:#ffffff40;border:1px solid #fff3;border-radius:6px;color:#fffc;display:flex;font-size:1.1rem;font-weight:700;height:48px;justify-content:center;width:36px}.bg-tile__mini-card--flip{background:#ffffff73;transform:scale(1.1)}.bg-tile__deco--simon{grid-gap:6px;display:grid;gap:6px;grid-template-columns:1fr 1fr;padding:30px;transform:rotate(12deg) scale(1.15)}.bg-tile__simon-btn{aspect-ratio:1;border-radius:10px;width:100%}.bg-tile__deco--reflex{align-items:center;justify-content:center}.bg-tile__target{border:4px solid #ffffff59;border-radius:50%;height:60px;position:absolute;width:60px}.bg-tile__target--sm{background:#fff3;height:30px;width:30px}.bg-tile__deco--iq{color:#ffffff26;font-family:var(--font-heading);font-size:5rem;font-weight:900}.bg-tile__body{display:flex;flex:1 1;flex-direction:column;gap:var(--sp-2);padding:var(--sp-5)}.bg-tile__name{color:var(--text-primary);font-family:var(--font-heading);font-size:var(--fs-xl);font-weight:var(--fw-bold);margin:0}.bg-tile__tagline{color:var(--accent-hover);font-size:var(--fs-sm);font-weight:var(--fw-semibold);letter-spacing:.04em;margin:0;text-transform:uppercase}.bg-tile__desc{color:var(--text-secondary);font-size:var(--fs-sm);line-height:1.6;margin:0}.bg-tile__features{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin-top:var(--sp-1)}.bg-tile__feature{background:var(--card-bg-hover);border-radius:8px;color:var(--text-secondary);font-size:11px;font-weight:var(--fw-medium);padding:3px 10px;white-space:nowrap}.bg-tile__cta{color:var(--accent-hover);font-family:var(--font-heading);font-size:var(--fs-sm);font-weight:var(--fw-bold);margin-top:auto;padding-top:var(--sp-3);transition:color var(--transition-fast)}.bg-tile:hover:not(:disabled) .bg-tile__cta{color:var(--accent)}@media (max-width:700px){.bg-page{padding:var(--sp-4)}.bg-hero{flex-direction:column;padding:var(--sp-6);text-align:center}.bg-hero__title{font-size:var(--fs-3xl)}.bg-hero__subtitle{max-width:100%}.bg-hero__visual{display:none}.bg-grid{grid-template-columns:1fr}.bg-tile__banner{height:140px}}.about-page{color:var(--text-primary);line-height:1.6}.about-container{margin:0 auto;max-width:1200px;padding:0 20px}.about-hero{background:linear-gradient(135deg,#ffcc021a,#0000);padding:60px 0 50px;text-align:center}.about-hero h1{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#ffcc02,#ffd54f);-webkit-background-clip:text;background-clip:text;font-size:clamp(2.5rem,5vw,4rem);font-weight:700;margin-bottom:20px;text-shadow:0 4px 20px #ffcc024d}.hero-subtitle{font-size:1.2rem;line-height:1.7;margin:0 auto 40px;max-width:800px;opacity:.9}.hero-stats{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin:0 auto;max-width:600px}.stat-item{align-items:center;backdrop-filter:blur(var(--card-blur));-webkit-backdrop-filter:blur(var(--card-blur));background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--card-radius);display:flex;flex-direction:column;padding:20px}.stat-item strong{color:var(--accent);font-size:2.5rem;font-weight:700;margin-bottom:5px}.stat-item span{font-size:.9rem;letter-spacing:1px;opacity:.8;text-transform:uppercase}.games-overview{padding:80px 0}.games-overview h2{color:var(--accent);font-size:2.5rem;margin-bottom:20px;text-align:center}.section-intro{font-size:1.1rem;margin:0 auto 60px;max-width:800px;opacity:.9;text-align:center}.games-grid{grid-gap:30px;display:grid!important;gap:30px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))!important;margin-left:auto;margin-right:auto;margin-top:40px;max-width:1200px;width:100%}.game-detailed-card{backdrop-filter:blur(var(--card-blur));-webkit-backdrop-filter:blur(var(--card-blur));background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--card-radius);box-sizing:border-box;min-height:400px;padding:30px;position:relative;transition:all var(--transition-base);width:100%}.game-detailed-card:hover{border-color:var(--card-border-hover);box-shadow:var(--shadow-lg);transform:translateY(-5px)}.game-detailed-card.coming-soon{border-style:dashed;opacity:.8}.game-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.game-emoji{font-size:3rem}.game-status-badge{background:linear-gradient(45deg,#4caf50,#66bb6a);border-radius:20px;color:#fff;font-size:.8rem;font-weight:700;padding:6px 12px}.game-detailed-card.coming-soon .game-status-badge{background:linear-gradient(45deg,#ff9800,#ffb74d)}.game-detailed-card h3{color:var(--accent);font-size:1.8rem;margin-bottom:15px}.game-description{color:var(--text-secondary);font-size:1.1rem;font-weight:500;margin-bottom:15px}.game-long-description{line-height:1.7;margin-bottom:25px;opacity:.9}.game-benefits,.game-features{margin-bottom:25px}.game-benefits h4,.game-features h4{color:var(--accent);font-size:1.1rem;margin-bottom:12px}.game-benefits ul,.game-features ul{list-style:none;padding:0}.game-benefits li,.game-features li{padding:5px 0 5px 20px;position:relative}.game-features li:before{content:"⚡";left:0;position:absolute}.game-benefits li:before{content:"🧠";left:0;position:absolute}.cognitive-benefits,.game-categories{margin-bottom:25px}.cognitive-benefits h4,.game-categories h4{color:var(--accent);font-size:1.1rem;margin-bottom:12px}.category-tags,.cognitive-tags{display:flex;flex-wrap:wrap;gap:8px}.category-tag,.cognitive-tag{background:#ffcc0233;border:1px solid #ffcc024d;border-radius:15px;color:var(--accent);font-size:.8rem;padding:4px 10px}.cognitive-tag{background:#4caf5033;border-color:#4caf504d;color:#4caf50}.play-game-btn{background:linear-gradient(45deg,#ffcc02,#ffd54f);border:none;border-radius:12px;color:#1a1a2e;cursor:pointer;font-size:1.1rem;font-weight:700;padding:15px;transition:all .3s ease;width:100%}.play-game-btn:hover{box-shadow:0 8px 25px #ffcc0266;transform:translateY(-2px)}.platform-benefits{background:#00000005;padding:80px 0}.platform-benefits h2{color:var(--accent);font-size:2.5rem;margin-bottom:60px;text-align:center}.benefits-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.benefit-card{backdrop-filter:blur(var(--card-blur));-webkit-backdrop-filter:blur(var(--card-blur));background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--card-radius);padding:30px;text-align:center;transition:all var(--transition-base)}.benefit-card:hover{border-color:var(--card-border-hover);box-shadow:var(--shadow-md);transform:translateY(-5px)}.benefit-icon{font-size:3rem;margin-bottom:20px}.benefit-card h3{color:var(--accent);font-size:1.3rem;margin-bottom:15px}.use-cases{padding:80px 0}.use-cases h2{color:var(--accent);font-size:2.5rem;margin-bottom:60px;text-align:center}.use-cases-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.use-case-category{backdrop-filter:blur(var(--card-blur));-webkit-backdrop-filter:blur(var(--card-blur));background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--card-radius);padding:30px}.use-case-category h3{color:var(--accent);font-size:1.3rem;margin-bottom:20px}.use-case-category ul{list-style:none;padding:0}.use-case-category li{opacity:.9;padding:8px 0 8px 20px;position:relative}.use-case-category li:before{color:#4caf50;content:"✓";font-weight:700;left:0;position:absolute}.faq-section{background:#00000005;padding:80px 0}.faq-section h2{color:var(--accent);font-size:2.5rem;margin-bottom:60px;text-align:center}.faq-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.faq-item{backdrop-filter:blur(var(--card-blur));-webkit-backdrop-filter:blur(var(--card-blur));background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--card-radius);padding:25px}.faq-item h3{color:var(--accent);font-size:1.2rem;margin-bottom:15px}.faq-item p{line-height:1.6;opacity:.9}.cta-section{background:linear-gradient(135deg,#ffcc021a,#0000);padding:80px 0;text-align:center}.cta-section h2{color:var(--accent);font-size:2.5rem;margin-bottom:20px}.cta-section p{font-size:1.2rem;margin-bottom:40px;opacity:.9}.cta-buttons{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.cta-btn{border:none;border-radius:12px;cursor:pointer;font-size:1.1rem;font-weight:700;min-width:200px;padding:15px 30px;transition:all .3s ease}.cta-btn.primary{background:linear-gradient(45deg,#ffcc02,#ffd54f);color:#1a1a2e}.cta-btn.secondary{background:var(--card-bg);border:2px solid var(--accent);color:var(--text-primary)}.cta-btn:hover{box-shadow:0 10px 25px #0000004d;transform:translateY(-3px)}.cta-btn.primary:hover{box-shadow:0 10px 25px #ffcc0266}@media (max-width:768px){.about-container{padding:0 15px}.about-hero{padding:40px 0 30px}.about-hero h1{font-size:2rem}.hero-subtitle{font-size:1.1rem}.hero-stats{gap:15px;grid-template-columns:repeat(2,1fr)}.games-grid{gap:20px;grid-template-columns:repeat(2,1fr)!important}.game-detailed-card{padding:25px}.cta-section,.faq-section,.games-overview,.platform-benefits,.use-cases{padding:60px 0}.benefits-grid,.faq-grid,.use-cases-grid{gap:20px;grid-template-columns:1fr}.cta-buttons{align-items:center;flex-direction:column}.cta-btn{max-width:300px;width:100%}}@media (max-width:480px){.games-grid{gap:20px;grid-template-columns:1fr!important}.stat-item strong{font-size:2rem}.game-emoji{font-size:2.5rem}.game-detailed-card h3{font-size:1.5rem}.category-tags,.cognitive-tags{gap:6px}.category-tag,.cognitive-tag{font-size:.75rem;padding:3px 8px}}.profile-page{margin:0 auto;max-width:700px}.profile-loading{color:var(--text-secondary);font-size:var(--fs-lg);margin-top:80px;text-align:center}.profile-header{align-items:center;backdrop-filter:blur(var(--card-blur));-webkit-backdrop-filter:blur(var(--card-blur));background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--card-radius);display:flex;flex-wrap:wrap;gap:var(--sp-5);margin-bottom:var(--sp-5);padding:var(--sp-6)}.profile-avatar{border:3px solid var(--accent);border-radius:50%;height:72px;object-fit:cover;width:72px}.profile-info{flex:1 1}.profile-name{color:var(--accent);font-size:var(--fs-2xl);margin:0 0 2px}.profile-email{color:var(--text-secondary);font-size:var(--fs-sm);margin:0}.profile-since{color:var(--text-muted);font-size:var(--fs-xs);margin:4px 0 0}.profile-stats{grid-gap:var(--sp-3);display:grid;gap:var(--sp-3);grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin-bottom:var(--sp-5)}.profile-stat{align-items:center;backdrop-filter:blur(var(--card-blur));-webkit-backdrop-filter:blur(var(--card-blur));background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--card-radius);display:flex;flex-direction:column;gap:var(--sp-1);padding:var(--sp-4) var(--sp-3);text-align:center}.profile-stat__icon{font-size:var(--fs-xl)}.profile-stat__value{color:var(--accent);font-family:var(--font-heading);font-size:var(--fs-2xl);font-weight:var(--fw-bold)}.profile-stat__label{color:var(--text-secondary);font-size:var(--fs-xs);letter-spacing:.5px;text-transform:uppercase}.profile-fav{align-items:center;background:#ff980014;border:1px solid #ff980033;border-radius:10px;color:var(--text-secondary);display:flex;font-size:var(--fs-sm);gap:var(--sp-3);margin-bottom:var(--sp-5);padding:var(--sp-3) var(--sp-4)}.profile-fav strong{color:#ff9800}.profile-section-title{color:var(--accent);font-size:var(--fs-lg);margin-bottom:var(--sp-3)}.profile-empty{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--card-radius);color:var(--text-muted);font-size:var(--fs-sm);padding:var(--sp-8);text-align:center}.profile-history{display:flex;flex-direction:column;gap:var(--sp-2)}.profile-game{align-items:center;background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;display:flex;flex-wrap:wrap;gap:var(--sp-2);justify-content:space-between;padding:var(--sp-3) var(--sp-4)}.profile-game__cat{color:var(--text-primary);font-size:var(--fs-sm);font-weight:var(--fw-semibold);margin-bottom:2px}.profile-game__date{color:var(--text-muted);font-size:var(--fs-xs)}.profile-game__score{display:flex;flex-direction:column;text-align:right}.profile-game__val{color:var(--accent);font-size:var(--fs-lg);font-weight:var(--fw-bold)}.profile-game__pct{color:var(--text-muted);font-size:var(--fs-xs)}.creator-studio{margin:0 auto;max-width:900px;padding:var(--sp-6)}.cs-header{align-items:flex-start;display:flex;gap:var(--sp-4);justify-content:space-between}.cs-subtitle{color:var(--text-secondary);font-size:var(--fs-sm);margin:var(--sp-1) 0 0}.cs-header-actions{align-items:center;display:flex;gap:var(--sp-3)}.cs-create-btn{background:linear-gradient(135deg,var(--accent) 0,var(--accent-light) 100%);border:none;border-radius:10px;box-shadow:var(--shadow-accent);color:var(--text-on-accent);cursor:pointer;font-size:var(--fs-sm);font-weight:var(--fw-bold);padding:10px 20px;transition:all var(--transition-base);white-space:nowrap}.cs-create-btn:hover{box-shadow:0 6px 24px var(--accent-glow);transform:translateY(-1px)}.cs-create-btn--secondary{background:var(--card-bg-hover);border:1px solid var(--card-border);box-shadow:none;color:var(--text-primary)}.cs-create-btn--secondary:hover{border-color:var(--accent);box-shadow:none;color:var(--accent)}.cs-new-form{margin-bottom:var(--sp-6);padding:var(--sp-6)}.cs-form-title{color:var(--accent);font-size:var(--fs-lg);margin:0 0 var(--sp-4)}.cs-form-grid{grid-gap:var(--sp-4);display:grid;gap:var(--sp-4);grid-template-columns:1fr 1fr}.cs-field{display:flex;flex-direction:column;gap:var(--sp-1)}.cs-field--full{grid-column:1/-1}.cs-field input,.cs-field select,.cs-field textarea{background:var(--card-bg-hover);border:1px solid var(--card-border);border-radius:8px;color:var(--text-primary);font-family:var(--font-body);font-size:var(--fs-base);outline:none;padding:10px 12px;transition:border-color var(--transition-base)}.cs-field input:focus,.cs-field select:focus,.cs-field textarea:focus{border-color:var(--accent)}.cs-field select{cursor:pointer}.cs-field textarea{min-height:60px}.cs-form-actions{display:flex;gap:var(--sp-3);justify-content:flex-end;margin-top:var(--sp-4)}.cs-btn{padding:8px 18px}.cs-btn--ghost{background:var(--card-bg-hover)}.cs-btn--danger{background:var(--error);color:#fff}.cs-loading{color:var(--text-secondary);font-size:var(--fs-base);padding:var(--sp-12) 0;text-align:center}.cs-empty{padding:var(--sp-12) var(--sp-6);text-align:center}.cs-empty-icon{font-size:48px;margin-bottom:var(--sp-4)}.cs-empty h3{color:var(--text-primary);margin:0 0 var(--sp-2)}.cs-empty p{color:var(--text-secondary);margin:0 0 var(--sp-6)}.cs-grid{grid-gap:var(--sp-4);display:grid;gap:var(--sp-4);grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.cs-pack-card{cursor:pointer;padding:var(--sp-5);transition:all var(--transition-base)}.cs-pack-card:hover{border-color:var(--card-border-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.cs-pack-header{align-items:flex-start;display:flex;gap:var(--sp-2);justify-content:space-between;margin-bottom:var(--sp-2)}.cs-pack-title{color:var(--text-primary);flex:1 1;font-size:var(--fs-base);font-weight:var(--fw-semibold);margin:0}.cs-pack-status{border-radius:12px;padding:2px 8px;text-transform:capitalize;white-space:nowrap}.cs-pack-category,.cs-pack-status{font-size:var(--fs-xs);font-weight:var(--fw-medium)}.cs-pack-category{color:var(--accent);margin:0 0 var(--sp-2)}.cs-pack-desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;font-size:var(--fs-sm);margin:0 0 var(--sp-3);overflow:hidden}.cs-pack-meta{color:var(--text-muted);display:flex;font-size:var(--fs-xs);gap:var(--sp-4)}@media (max-width:600px){.cs-header{flex-direction:column}.cs-form-grid,.cs-grid{grid-template-columns:1fr}}.yt-import-overlay{align-items:center;background:#0009;display:flex;inset:0;justify-content:center;padding:var(--sp-4);position:fixed;z-index:1000}.yt-import-modal{display:flex;flex-direction:column;gap:var(--sp-5);max-width:480px;padding:var(--sp-6);width:100%}.yt-import-header{align-items:center;display:flex;justify-content:space-between}.yt-import-title{color:var(--text-primary);font-size:var(--fs-lg);font-weight:var(--fw-semibold);margin:0}.yt-import-close{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:var(--fs-lg);line-height:1;padding:0;transition:color var(--transition-base)}.yt-import-close:hover{color:var(--text-primary)}.yt-import-field{display:flex;flex-direction:column;gap:var(--sp-2)}.yt-import-label{color:var(--text-secondary);font-size:var(--fs-sm);font-weight:var(--fw-medium)}.yt-import-input{background:var(--card-bg-hover);border:1px solid var(--card-border);border-radius:10px;box-sizing:border-box;color:var(--text-primary);font-size:var(--fs-base);outline:none;padding:var(--sp-3) var(--sp-4);transition:border-color var(--transition-base);width:100%}.yt-import-input:focus{border-color:var(--accent)}.yt-import-input::placeholder{color:var(--text-muted)}.yt-import-pills{display:flex;gap:var(--sp-2)}.yt-import-pill{background:var(--card-bg-hover);border:1px solid var(--card-border);border-radius:8px;color:var(--text-secondary);cursor:pointer;flex:1 1;font-size:var(--fs-sm);font-weight:var(--fw-medium);padding:var(--sp-2) var(--sp-3);transition:all var(--transition-base)}.yt-import-pill--active,.yt-import-pill:hover{border-color:var(--accent);color:var(--accent)}.yt-import-pill--active{background:var(--accent-glow)}.yt-import-error{background:#ff52521a;border-radius:8px;color:var(--error);font-size:var(--fs-sm);padding:var(--sp-3) var(--sp-4)}.yt-import-actions{display:flex;gap:var(--sp-3)}.yt-import-hint{color:var(--text-muted);font-size:var(--fs-xs);line-height:1.5;margin:0}.yt-import-progress{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;font-size:var(--fs-sm);gap:var(--sp-4);padding:var(--sp-6) 0}.yt-import-spinner{animation:yt-spin .7s linear infinite;border:3px solid var(--card-border);border-radius:50%;border-top-color:var(--accent);height:32px;width:32px}@keyframes yt-spin{to{transform:rotate(1turn)}}.yt-import-bar{background:var(--card-border);border-radius:2px;height:4px;overflow:hidden;width:100%}.yt-import-bar-fill{background:var(--accent);border-radius:2px;height:100%;transition:width .3s ease}.yt-import-done{align-items:center;display:flex;flex-direction:column;gap:var(--sp-4);padding:var(--sp-4) 0}.yt-import-done-icon{align-items:center;background:var(--accent-glow);border:2px solid var(--accent);border-radius:50%;color:var(--accent);display:flex;font-size:var(--fs-xl);height:48px;justify-content:center;width:48px}.yt-import-done-text{color:var(--text-primary);font-size:var(--fs-base);font-weight:var(--fw-semibold);margin:0}.pack-editor{margin:0 auto;max-width:900px;padding:var(--sp-6)}.pe-error,.pe-loading{color:var(--text-secondary);padding:var(--sp-12) var(--sp-6);text-align:center}.pe-error p{color:var(--error);margin-bottom:var(--sp-4)}.pe-top-bar{align-items:center;display:flex;gap:var(--sp-4);justify-content:space-between;margin-bottom:var(--sp-6)}.pe-back{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:var(--fs-sm);padding:var(--sp-2) 0;transition:color var(--transition-base)}.pe-back:hover{color:var(--accent)}.pe-top-actions{display:flex;gap:var(--sp-3)}.pe-meta-card,.pe-questions-card{margin-bottom:var(--sp-5);padding:var(--sp-6)}.pe-section-title{color:var(--accent);font-size:var(--fs-lg);font-weight:var(--fw-semibold);margin:0 0 var(--sp-4)}.pe-meta-grid{grid-gap:var(--sp-4);display:grid;gap:var(--sp-4);grid-template-columns:1fr 1fr}.pe-field--full{grid-column:1/-1}.pe-meta-actions{margin-top:var(--sp-4)}.pe-meta-actions,.pe-questions-header{align-items:center;display:flex;justify-content:space-between}.pe-questions-header{margin-bottom:var(--sp-4)}.pe-questions-header .pe-section-title{margin:0}.pe-questions-actions{display:flex;flex-wrap:wrap;gap:var(--sp-3)}.pe-yt-locked{cursor:not-allowed;opacity:.5;position:relative}.pe-yt-locked:after{content:" \1F512";font-size:var(--fs-xs)}.qe-form{background:#00000005;border:1px solid var(--card-border);border-radius:12px;margin-bottom:var(--sp-4);padding:var(--sp-5)}.qe-form-title{color:var(--text-primary);font-size:var(--fs-base);font-weight:var(--fw-semibold);margin:0 0 var(--sp-4)}.qe-grid{display:flex;flex-direction:column;gap:var(--sp-3)}.qe-options-grid{grid-gap:var(--sp-3);display:grid;gap:var(--sp-3);grid-template-columns:1fr 1fr}.qe-option-row{align-items:center;display:flex;gap:var(--sp-2)}.qe-option-row input[type=text]{flex:1 1}.qe-option-row input[type=radio]{accent-color:var(--accent);cursor:pointer;height:16px;width:16px}.qe-option-label{color:var(--text-secondary);font-size:var(--fs-xs);font-weight:var(--fw-bold);width:20px}.qe-row{display:flex;gap:var(--sp-3)}.qe-row>.cs-field{flex:1 1}.qe-actions{display:flex;gap:var(--sp-3);justify-content:flex-end;margin-top:var(--sp-3)}.ql-empty{color:var(--text-muted);font-size:var(--fs-sm);padding:var(--sp-8) 0;text-align:center}.ql-item{align-items:flex-start;border-bottom:1px solid var(--card-border);display:flex;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);transition:background var(--transition-base)}.ql-item:hover{background:#00000005}.ql-item:last-child{border-bottom:none}.ql-num{color:var(--text-muted);font-size:var(--fs-sm);font-weight:var(--fw-bold);min-width:28px;padding-top:2px}.ql-content{flex:1 1;min-width:0}.ql-question-text{color:var(--text-primary);font-size:var(--fs-sm);margin:0 0 var(--sp-1);word-break:break-word}.ql-meta{color:var(--text-muted);display:flex;font-size:var(--fs-xs);gap:var(--sp-3)}.ql-difficulty{font-weight:var(--fw-medium);text-transform:capitalize}.ql-difficulty--easy{color:var(--success)}.ql-difficulty--medium{color:var(--warning)}.ql-difficulty--hard{color:var(--error)}.ql-actions{display:flex;flex-shrink:0;gap:var(--sp-1)}.ql-action-btn{background:none;border:1px solid #0000;border-radius:6px;color:var(--text-muted);cursor:pointer;font-size:var(--fs-sm);padding:4px 8px;transition:all var(--transition-base)}.ql-action-btn:hover{background:#0000000a;border-color:var(--card-border);color:var(--text-primary)}.ql-action-btn--danger:hover{background:#ff52521a;border-color:#ff52524d;color:var(--error)}.pe-submit-hint{color:var(--text-muted)}.pe-status-badge,.pe-submit-hint{font-size:var(--fs-xs);white-space:nowrap}.pe-status-badge{border-radius:12px;font-weight:var(--fw-medium);padding:4px 12px}.pe-status-badge--pending{background:#ffa72633;color:#ffa726}.pe-status-badge--approved{background:#4caf5033;color:#4caf50}.pe-review-card{margin-bottom:var(--sp-5);padding:var(--sp-5)}.pe-review-card--approve{border-left:4px solid #4caf50}.pe-review-card--reject{border-left:4px solid #ff5252}.pe-review-card--error{border-left:4px solid #ffa726}.pe-review-header{align-items:center;display:flex;flex-wrap:wrap;gap:var(--sp-2);justify-content:space-between}.pe-review-stats{color:var(--text-muted);font-size:var(--fs-xs)}.pe-review-summary{color:var(--text-secondary);font-size:var(--fs-sm);margin:0 0 var(--sp-3)}.pe-review-issues{display:flex;flex-direction:column;gap:var(--sp-3)}.pe-review-issue{background:#00000005;border:1px solid var(--card-border);border-radius:8px;padding:var(--sp-3)}.pe-review-issue--critical{background:#ff52520d;border-color:#ff525266}.pe-review-issue--high{background:#ffa7260d;border-color:#ffa72666}.pe-review-issue-header{align-items:center;display:flex;gap:var(--sp-2);margin-bottom:var(--sp-2)}.pe-review-severity{border-radius:6px;font-size:var(--fs-xs);font-weight:var(--fw-bold);padding:2px 8px;text-transform:uppercase}.pe-review-severity--critical{background:#ff525233;color:#ff5252}.pe-review-severity--high{background:#ffa72633;color:#ffa726}.pe-review-severity--low{background:#9e9e9e33;color:#9e9e9e}.pe-review-issue-type{color:var(--text-muted);font-size:var(--fs-xs);text-transform:capitalize}.pe-review-issue-q{color:var(--accent);font-size:var(--fs-xs);font-weight:var(--fw-semibold)}.pe-review-issue-detail{color:var(--text-primary);font-size:var(--fs-sm);line-height:1.5;margin:0}.pe-review-issue-qtext{color:var(--text-muted);font-size:var(--fs-xs);font-style:italic;margin:var(--sp-1) 0 0}.pe-status-badge--rejected{background:#ff525233;color:#ff5252}@keyframes pe-spin{to{transform:rotate(1turn)}}.pe-spinner{animation:pe-spin .8s linear infinite;border:2px solid #ffa7264d;border-radius:50%;border-top-color:#ffa726;display:inline-block;height:12px;margin-right:6px;vertical-align:middle;width:12px}.cs-btn--secondary{background:#0000000d;border:1px solid var(--accent);color:var(--accent)}.cs-btn--secondary:hover:not(:disabled){background:#ffcc0226}@media (max-width:600px){.pe-meta-grid,.qe-options-grid{grid-template-columns:1fr}.pe-top-bar{align-items:stretch;flex-direction:column}.pe-top-actions{justify-content:flex-end}}.channel-import{margin:0 auto;max-width:900px;padding:var(--sp-6)}.ci-header{align-items:flex-start;display:flex;gap:var(--sp-4);justify-content:space-between;margin-bottom:var(--sp-6)}.ci-title{color:var(--text-primary);font-family:var(--font-heading);font-size:var(--fs-2xl);font-weight:var(--fw-bold);margin:0}.ci-subtitle{color:var(--text-secondary);font-size:var(--fs-sm);margin:var(--sp-1) 0 0}.ci-input-section{margin-bottom:var(--sp-6);padding:var(--sp-6)}.ci-section-title{color:var(--text-primary);font-size:var(--fs-lg);font-weight:var(--fw-semibold);margin:0 0 var(--sp-2)}.ci-hint{color:var(--text-muted);font-size:var(--fs-xs);margin:0 0 var(--sp-4)}.ci-input-row{display:flex;gap:var(--sp-3)}.ci-url-input{background:var(--card-bg-hover);border:1px solid var(--card-border);border-radius:10px;color:var(--text-primary);flex:1 1;font-family:var(--font-body);font-size:var(--fs-base);outline:none;padding:12px 16px;transition:border-color var(--transition-base)}.ci-url-input:focus{border-color:var(--accent)}.ci-url-input:disabled{opacity:.6}.ci-import-btn{padding:12px 24px;white-space:nowrap}.ci-error{color:var(--error);font-size:var(--fs-sm);margin:var(--sp-3) 0 0}.ci-progress-section{margin-bottom:var(--sp-6);padding:var(--sp-6)}.ci-progress-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--sp-4)}.ci-channel-name{color:var(--text-primary);font-size:var(--fs-lg);font-weight:var(--fw-semibold);margin:0 0 var(--sp-1)}.ci-status{border-radius:12px;display:inline-block;font-size:var(--fs-xs);font-weight:var(--fw-medium);padding:2px 10px;text-transform:capitalize}.ci-status--discovering,.ci-status--processing{background:#ffa72633;color:#ffa726}.ci-status--completed{background:#4caf5033;color:#4caf50}.ci-status--failed{background:#ff525233;color:#ff5252}.ci-progress-bar-wrapper{margin-bottom:var(--sp-5)}.ci-progress-bar{background:var(--card-bg-hover);border-radius:4px;height:8px;margin-bottom:var(--sp-2);overflow:hidden}.ci-progress-fill{background:linear-gradient(90deg,var(--accent) 0,var(--accent-light) 100%);border-radius:4px;height:100%;transition:width .5s ease}.ci-progress-stats{color:var(--text-muted);display:flex;font-size:var(--fs-xs);gap:var(--sp-4)}.ci-empty-msg{color:var(--text-secondary);font-size:var(--fs-sm);padding:var(--sp-6) 0;text-align:center}.ci-video-group{margin-top:var(--sp-5)}.ci-group-title{color:var(--text-secondary);font-size:var(--fs-sm);font-weight:var(--fw-semibold);letter-spacing:.5px;margin:0 0 var(--sp-3);text-transform:uppercase}.ci-video-list{display:flex;flex-direction:column;gap:var(--sp-2)}.ci-video-row{align-items:center;background:var(--card-bg-hover);border-radius:10px;display:flex;gap:var(--sp-3);padding:var(--sp-2) var(--sp-3);transition:background var(--transition-base)}.ci-video-row:hover{background:#ffffff14}.ci-video-thumb{border-radius:6px;flex-shrink:0;height:45px;object-fit:cover;width:80px}.ci-video-info{flex:1 1;min-width:0}.ci-video-title{color:var(--text-primary);display:block;font-size:var(--fs-sm);font-weight:var(--fw-medium);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ci-video-meta{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin-top:2px}.ci-playlist-badge{background:#6c63ff26;background:rgba(var(--accent-rgb,108,99,255),.15);border-radius:8px;color:var(--accent);font-size:var(--fs-xs);padding:1px 8px}.ci-skip-reason{color:var(--text-muted);font-size:var(--fs-xs);font-style:italic}.ci-video-actions{align-items:center;display:flex;flex-shrink:0;gap:var(--sp-2)}.ci-video-status-icon{font-size:18px}.ci-edit-btn{font-size:var(--fs-xs);padding:4px 12px}.ci-history-section{margin-top:var(--sp-6)}.ci-history-grid{grid-gap:var(--sp-4);display:grid;gap:var(--sp-4);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-top:var(--sp-4)}.ci-history-card{cursor:pointer;padding:var(--sp-4);transition:all var(--transition-base)}.ci-history-card:hover{border-color:var(--card-border-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.ci-history-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--sp-2)}.ci-history-channel{color:var(--text-primary);font-size:var(--fs-base);font-weight:var(--fw-semibold)}.ci-history-stats{color:var(--text-muted);display:flex;font-size:var(--fs-xs);gap:var(--sp-4)}@media (max-width:600px){.ci-header,.ci-input-row,.ci-progress-stats{flex-direction:column}.ci-progress-stats{gap:var(--sp-1)}.ci-video-thumb{height:34px;width:60px}.ci-history-grid{grid-template-columns:1fr}}.creator-settings-page{margin:0 auto;max-width:700px;padding:var(--sp-6)}.cs-page-loading{color:var(--text-secondary);padding:var(--sp-12);text-align:center}.cs-header{margin-bottom:var(--sp-6)}.cs-back{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:var(--fs-sm);margin-bottom:var(--sp-3);padding:0;transition:color var(--transition-base)}.cs-back:hover{color:var(--accent)}.cs-title{color:var(--text-primary);font-family:var(--font-heading);font-size:var(--fs-2xl);font-weight:var(--fw-bold);margin:0}.cs-error-banner{background:#ff525226;border:1px solid #ff52524d;border-radius:8px;color:#ff5252;font-size:var(--fs-sm);margin-bottom:var(--sp-4);padding:var(--sp-3) var(--sp-4)}.cs-section{margin-bottom:var(--sp-5);padding:var(--sp-6)}.cs-section-title{color:var(--accent);font-size:var(--fs-lg);font-weight:var(--fw-semibold);margin:0 0 var(--sp-4)}.cs-description{color:var(--text-secondary);font-size:var(--fs-sm);line-height:1.5;margin:0 0 var(--sp-4)}.cs-field{margin-bottom:var(--sp-4)}.cs-field label{color:var(--text-secondary);display:block;font-size:var(--fs-sm);font-weight:var(--fw-medium);margin-bottom:var(--sp-1)}.cs-field input,.cs-field textarea{background:var(--card-bg-hover);border:1px solid var(--card-border);border-radius:8px;box-sizing:border-box;color:var(--text-primary);font-family:var(--font-body);font-size:var(--fs-base);outline:none;padding:10px 12px;transition:border-color var(--transition-base);width:100%}.cs-field input:focus,.cs-field textarea:focus{border-color:var(--accent)}.cs-field textarea{resize:vertical}.cs-char-count{text-align:right}.cs-char-count,.cs-hint{color:var(--text-muted);display:block;font-size:var(--fs-xs);margin-top:var(--sp-1)}.cs-btn{border:none;border-radius:8px;cursor:pointer;font-size:var(--fs-sm);font-weight:var(--fw-semibold);padding:10px 20px;transition:all var(--transition-base)}.cs-btn:disabled{cursor:not-allowed;opacity:.5}.cs-btn--primary{background:linear-gradient(135deg,var(--accent) 0,var(--accent-light) 100%);box-shadow:var(--shadow-accent);color:var(--text-on-accent)}.cs-btn--primary:hover:not(:disabled){transform:translateY(-1px)}.cs-btn--danger{background:#ff525226;border:1px solid #ff52524d;color:#ff5252}.cs-btn--danger:hover:not(:disabled){background:#ff525240}.cs-btn--ghost{background:#0000000a;border:1px solid var(--card-border);color:var(--text-primary)}.cs-btn--ghost:hover:not(:disabled){background:#0000000f}.cs-sub-status{grid-gap:var(--sp-4);background:#00000005;border-radius:8px;display:grid;gap:var(--sp-4);grid-template-columns:repeat(3,1fr);margin-bottom:var(--sp-4);padding:var(--sp-4)}.cs-sub-stat{align-items:center;display:flex;flex-direction:column;text-align:center}.cs-sub-stat-label{color:var(--text-muted);font-size:var(--fs-xs);margin-bottom:var(--sp-1)}.cs-sub-stat-value{color:var(--accent);font-size:var(--fs-xl);font-weight:var(--fw-bold)}.cs-eligibility{background:#ffcc0214;border:1px solid #ffcc0233;border-radius:8px;margin-bottom:var(--sp-4);padding:var(--sp-4)}.cs-eligibility-header{align-items:flex-start;color:var(--text-secondary);display:flex;font-size:var(--fs-sm);gap:var(--sp-2);line-height:1.4;margin-bottom:var(--sp-4)}.cs-eligibility-icon{color:var(--accent);flex-shrink:0;font-size:var(--fs-base);margin-top:2px}.cs-eligibility-bars{display:flex;flex-direction:column;gap:var(--sp-3)}.cs-progress-item{display:flex;flex-direction:column;gap:var(--sp-1)}.cs-progress-label{color:var(--text-muted);display:flex;font-size:var(--fs-xs);font-weight:var(--fw-medium);justify-content:space-between}.cs-progress-track{background:#ffffff14;border-radius:3px;height:6px;overflow:hidden}.cs-progress-fill{background:linear-gradient(90deg,var(--accent) 0,var(--accent-light) 100%);border-radius:3px;height:100%;transition:width .4s ease}.cs-disabled-overlay{opacity:.45;pointer-events:none;-webkit-user-select:none;user-select:none}.cs-channels-list{display:flex;flex-direction:column;gap:var(--sp-3);margin-bottom:var(--sp-4)}.cs-channel-item{align-items:flex-start;background:var(--card-bg-hover);border:1px solid var(--card-border);border-radius:8px;display:flex;flex-wrap:wrap;gap:var(--sp-3);justify-content:space-between;padding:var(--sp-3) var(--sp-4)}.cs-channel-info{align-items:center;display:flex;flex-wrap:wrap;gap:var(--sp-2)}.cs-channel-title{color:var(--text-primary);font-size:var(--fs-sm);font-weight:var(--fw-semibold)}.cs-channel-badge{align-items:center;border-radius:12px;display:inline-flex;font-size:var(--fs-xs);font-weight:var(--fw-medium);gap:4px;padding:2px 8px}.cs-badge--verified{background:#4caf5026;border:1px solid #4caf504d;color:#4caf50}.cs-badge--pending{background:#ffcc021f;border:1px solid #ffcc024d;color:#ffa726}.cs-channel-actions{align-items:center;display:flex;flex-wrap:wrap;gap:var(--sp-2)}.cs-verification-code{color:var(--text-muted);font-size:var(--fs-xs)}.cs-verification-code code{background:#0000000f;border-radius:4px;font-size:11px;padding:2px 6px;word-break:break-all}.cs-btn--small{font-size:var(--fs-xs);padding:5px 12px}.cs-claim-form{align-items:flex-end;display:flex;gap:var(--sp-3)}.cs-claim-form .cs-field{flex:1 1;margin-bottom:0}.cs-info-box{align-items:flex-start;background:#ffcc020f;border:1px solid #ffcc0226;border-radius:8px;color:var(--text-secondary);display:flex;font-size:var(--fs-xs);gap:var(--sp-2);line-height:1.4;margin-top:var(--sp-4);padding:var(--sp-3)}.cs-info-box svg{color:var(--accent);flex-shrink:0;margin-top:1px}@media (max-width:600px){.cs-sub-status{gap:var(--sp-3);grid-template-columns:1fr}.cs-claim-form{align-items:stretch}.cs-channel-item,.cs-claim-form{flex-direction:column}}.creator-earnings{margin:0 auto;max-width:1000px;padding:var(--sp-6)}.ce-error,.ce-loading{color:var(--text-secondary);padding:var(--sp-12);text-align:center}.ce-header{margin-bottom:var(--sp-6)}.ce-back{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:var(--fs-sm);margin-bottom:var(--sp-3);padding:0;transition:color var(--transition-base)}.ce-back:hover{color:var(--accent)}.ce-title{color:var(--text-primary);font-family:var(--font-heading);font-size:var(--fs-2xl);font-weight:var(--fw-bold);margin:0}.ce-stats-grid{grid-gap:var(--sp-4);display:grid;gap:var(--sp-4);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:var(--sp-6)}.ce-stat-card{align-items:center;display:flex;gap:var(--sp-4);padding:var(--sp-5);transition:transform var(--transition-base)}.ce-stat-card:hover{transform:translateY(-2px)}.ce-stat-card--highlight{background:linear-gradient(135deg,#ffd54f1a,#ffd54f0d);border-color:#ffd54f4d}.ce-stat-icon{font-size:2rem;line-height:1}.ce-stat-content{display:flex;flex:1 1;flex-direction:column;gap:4px}.ce-stat-value{color:var(--text-primary);font-size:var(--fs-xl);font-weight:var(--fw-bold)}.ce-stat-label{color:var(--text-secondary);font-size:var(--fs-sm)}.ce-info-card{margin-bottom:var(--sp-5);padding:var(--sp-6)}.ce-section-title{color:var(--accent);font-size:var(--fs-lg);font-weight:var(--fw-semibold);margin:0 0 var(--sp-4)}.ce-info-content{color:var(--text-secondary);line-height:1.6}.ce-info-text{margin:0 0 var(--sp-3)}.ce-payout-notice{background:#00000008;border-radius:8px;margin-top:var(--sp-4);padding:var(--sp-4)}.ce-payout-notice p{color:var(--text-primary);margin:0 0 var(--sp-2)}.ce-payout-notice ul{color:var(--text-secondary);margin:var(--sp-2) 0 0;padding-left:var(--sp-5)}.ce-payout-notice li{margin-bottom:var(--sp-1)}.ce-payout-notice a{color:var(--accent);text-decoration:none}.ce-payout-notice a:hover{text-decoration:underline}.ce-empty-state{padding:var(--sp-8);text-align:center}.ce-empty-state h3{color:var(--text-primary);margin:0 0 var(--sp-2)}.ce-empty-state p{color:var(--text-secondary);margin-bottom:var(--sp-4)}@media (max-width:768px){.creator-earnings{padding:var(--sp-4)}.ce-stats-grid{grid-template-columns:1fr}.ce-stat-card{padding:var(--sp-4)}}.marketplace{margin:0 auto;max-width:1000px;padding:var(--sp-6)}.mp-header{margin-bottom:var(--sp-6)}.mp-title{color:var(--text-primary);font-family:var(--font-heading);font-size:var(--fs-2xl);font-weight:var(--fw-bold);margin:0}.mp-subtitle{margin:var(--sp-1) 0 0}.mp-back,.mp-subtitle{color:var(--text-secondary);font-size:var(--fs-sm)}.mp-back{background:none;border:none;cursor:pointer;margin-bottom:var(--sp-4);padding:0;transition:color var(--transition-base)}.mp-back:hover{color:var(--accent)}.mp-filters{display:flex;flex-wrap:wrap;gap:var(--sp-3);margin-bottom:var(--sp-6)}.mp-search{background:var(--card-bg-hover);border:1px solid var(--card-border);border-radius:8px;color:var(--text-primary);flex:1 1;font-family:var(--font-body);font-size:var(--fs-base);min-width:200px;outline:none;padding:10px 14px;transition:border-color var(--transition-base)}.mp-search:focus{border-color:var(--accent)}.mp-search::placeholder{color:var(--text-muted)}.mp-filter-select{background:var(--card-bg-hover);border:1px solid var(--card-border);border-radius:8px;color:var(--text-primary);cursor:pointer;font-family:var(--font-body);font-size:var(--fs-sm);outline:none;padding:10px 14px}.mp-section{margin-bottom:var(--sp-8)}.mp-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--sp-4)}.mp-section-title{color:var(--text-primary);font-family:var(--font-heading);font-size:var(--fs-lg);font-weight:var(--fw-semibold);margin:0}.mp-section-link{background:none;border:none;color:var(--accent);cursor:pointer;font-size:var(--fs-sm);font-weight:var(--fw-medium);padding:0;transition:opacity var(--transition-base)}.mp-section-link:hover{opacity:.8}.mp-categories{-webkit-overflow-scrolling:touch;display:flex;gap:var(--sp-2);margin-bottom:var(--sp-4);overflow-x:auto;padding-bottom:var(--sp-2);scrollbar-width:none}.mp-categories::-webkit-scrollbar{display:none}.mp-chip{align-items:center;background:var(--card-bg-hover);border:1px solid var(--card-border);border-radius:20px;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-family:var(--font-body);font-size:var(--fs-sm);gap:var(--sp-2);padding:6px 16px;transition:all var(--transition-base);white-space:nowrap}.mp-chip:hover{border-color:var(--accent);color:var(--accent)}.mp-chip--active{background:var(--accent);border-color:var(--accent);font-weight:var(--fw-semibold)}.mp-chip--active,.mp-chip--active:hover{color:var(--text-on-accent)}.mp-chip-count{font-size:var(--fs-xs);opacity:.7}.mp-loading{color:var(--text-secondary);padding:var(--sp-12) 0;text-align:center}.mp-empty{padding:var(--sp-12) var(--sp-6);text-align:center}.mp-empty h3{color:var(--text-primary);margin:0 0 var(--sp-2)}.mp-empty p{color:var(--text-secondary);margin:0}.mp-grid{grid-gap:var(--sp-4);display:grid;gap:var(--sp-4);grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.mp-card{cursor:pointer;overflow:hidden;padding:0;position:relative;transition:all var(--transition-base)}.mp-card:hover{border-color:var(--card-border-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.mp-card-thumb-wrap{position:relative}.mp-card-thumb{display:block;height:140px;object-fit:cover;width:100%}.mp-card-badge{border-radius:12px;font-size:var(--fs-xs);font-weight:var(--fw-semibold);padding:2px 10px;position:absolute;right:var(--sp-2);top:var(--sp-2);z-index:1}.mp-card-badge--exclusive{background:var(--accent);color:var(--text-on-accent)}.mp-card-body{padding:var(--sp-4)}.mp-card-title{color:var(--text-primary);font-size:var(--fs-base);font-weight:var(--fw-semibold);margin:0 0 var(--sp-1)}.mp-card-category{color:var(--accent);font-size:var(--fs-xs);font-weight:var(--fw-medium);margin:0 0 var(--sp-2)}.mp-card-desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;font-size:var(--fs-sm);margin:0 0 var(--sp-3);overflow:hidden}.mp-card-meta{color:var(--text-muted);display:flex;font-size:var(--fs-xs);gap:var(--sp-3);margin-bottom:var(--sp-3)}.mp-card-rating{color:var(--accent)}.mp-card-footer{justify-content:space-between}.mp-card-creator-link,.mp-card-footer{align-items:center;display:flex;gap:var(--sp-2)}.mp-card-creator-link{color:var(--text-secondary);cursor:pointer;font-size:var(--fs-xs);text-decoration:none;transition:color var(--transition-base)}.mp-card-creator-link:hover{color:var(--accent)}.mp-card-avatar{border-radius:50%;height:24px;width:24px}.mp-card-subscribe{background:#0000;border:1px solid var(--accent);border-radius:6px;color:var(--accent);cursor:pointer;font-family:var(--font-body);font-size:var(--fs-xs);padding:3px 10px;transition:all var(--transition-base);white-space:nowrap}.mp-card-subscribe:hover{background:var(--accent);color:var(--text-on-accent)}.mp-card-subscribed{color:var(--accent);font-size:var(--fs-xs);font-weight:var(--fw-medium)}.mp-creator-card{cursor:pointer;padding:var(--sp-4);transition:all var(--transition-base)}.mp-creator-card:hover{border-color:var(--card-border-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.mp-creator-card-header{display:flex;gap:var(--sp-3);margin-bottom:var(--sp-3)}.mp-creator-card-avatar{border-radius:50%;flex-shrink:0;height:48px;object-fit:cover;width:48px}.mp-creator-card-avatar--placeholder{align-items:center;background:#0000000f;color:var(--text-secondary);display:flex;font-size:var(--fs-lg);font-weight:var(--fw-bold);justify-content:center}.mp-creator-card-info{min-width:0}.mp-creator-card-name{align-items:center;color:var(--text-primary);display:flex;font-size:var(--fs-base);font-weight:var(--fw-semibold);gap:var(--sp-2);margin:0 0 var(--sp-1)}.mp-verified-badge{color:var(--accent);font-size:var(--fs-xs);font-weight:var(--fw-medium)}.mp-creator-card-bio{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;font-size:var(--fs-sm);margin:0;overflow:hidden}.mp-creator-card-stats{color:var(--text-muted);display:flex;font-size:var(--fs-xs);gap:var(--sp-4);margin-bottom:var(--sp-3)}.mp-creator-card-actions{align-items:center;display:flex;gap:var(--sp-2)}.mp-creator-card-btn{font-size:var(--fs-xs)!important;padding:6px 12px!important}.mp-creator-card-subscribed{color:var(--accent);font-size:var(--fs-xs);font-weight:var(--fw-medium)}.mp-pagination{align-items:center;display:flex;gap:var(--sp-4);justify-content:center;margin-top:var(--sp-6)}.mp-page-info{color:var(--text-secondary);font-size:var(--fs-sm)}@media (max-width:600px){.mp-filters{flex-direction:column}.mp-grid{grid-template-columns:1fr}}.pack-detail{margin:0 auto;max-width:700px;padding:var(--sp-6)}.pd-back{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:var(--fs-sm);margin-bottom:var(--sp-4);padding:0;transition:color var(--transition-base)}.pd-back:hover{color:var(--accent)}.pd-error,.pd-loading{color:var(--text-secondary);padding:var(--sp-12) var(--sp-6);text-align:center}.pd-main{margin-bottom:var(--sp-4);padding:var(--sp-6)}.pd-header{display:flex;gap:var(--sp-5);margin-bottom:var(--sp-5)}.pd-header-info{flex:1 1}.pd-title{color:var(--text-primary);font-family:var(--font-heading);font-size:var(--fs-xl);font-weight:var(--fw-bold);margin:0 0 var(--sp-1)}.pd-category{color:var(--accent);font-size:var(--fs-sm);font-weight:var(--fw-medium);margin:0 0 var(--sp-3)}.pd-description{color:var(--text-secondary);font-size:var(--fs-base);line-height:1.5;margin:0}.pd-thumbnail{border-radius:12px;flex-shrink:0;height:120px;object-fit:cover;width:120px}.pd-stats{border-bottom:1px solid var(--card-border);border-top:1px solid var(--card-border);display:flex;gap:var(--sp-6);margin-bottom:var(--sp-5);padding:var(--sp-4) 0}.pd-stat{align-items:center;display:flex;flex-direction:column}.pd-stat-value{color:var(--text-primary);font-size:var(--fs-xl);font-weight:var(--fw-bold)}.pd-stat-label{color:var(--text-muted);font-size:var(--fs-xs)}.pd-creator{align-items:center;cursor:pointer;display:flex;gap:var(--sp-2);margin-bottom:var(--sp-5);transition:color var(--transition-base)}.pd-creator:hover{color:var(--accent)}.pd-creator-avatar{border-radius:50%;height:28px;width:28px}.pd-creator-name{color:var(--text-secondary);font-size:var(--fs-sm)}.pd-actions{display:flex;gap:var(--sp-3)}.pd-play-btn{font-size:var(--fs-base);padding:12px 28px}.pd-rate-section,.pd-report-section,.pd-reviews{margin-bottom:var(--sp-4);padding:var(--sp-5)}.pd-rate-section h3,.pd-report-section h3,.pd-reviews h3{color:var(--text-primary);font-size:var(--fs-base);margin:0 0 var(--sp-3)}.pd-star-row{display:flex;gap:var(--sp-1);margin-bottom:var(--sp-3)}.pd-star{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:28px;line-height:1;padding:0;transition:color var(--transition-base)}.pd-star--active{color:var(--accent)}.pd-review-input{background:var(--card-bg-hover);border:1px solid var(--card-border);border-radius:8px;box-sizing:border-box;color:var(--text-primary);font-family:var(--font-body);font-size:var(--fs-sm);margin-bottom:var(--sp-3);outline:none;padding:10px 12px;resize:vertical;width:100%}.pd-review-input:focus{border-color:var(--accent)}.pd-report-section select{margin-bottom:var(--sp-3);width:100%}.pd-report-actions{display:flex;gap:var(--sp-3);justify-content:flex-end}.pd-review{border-bottom:1px solid var(--card-border);padding:var(--sp-3) 0}.pd-review:last-child{border-bottom:none}.pd-review-header{align-items:center;display:flex;gap:var(--sp-2);margin-bottom:var(--sp-1)}.pd-review-avatar{border-radius:50%;height:22px;width:22px}.pd-review-name{color:var(--text-primary);font-size:var(--fs-sm);font-weight:var(--fw-medium)}.pd-review-stars{color:var(--accent);font-size:var(--fs-sm);margin-left:auto}.pd-review-text{color:var(--text-secondary);font-size:var(--fs-sm);line-height:1.4;margin:var(--sp-1) 0 0}.sqp-inline{border-top:1px solid var(--card-border);margin-top:var(--sp-4);padding-top:var(--sp-4)}.sqp-label{color:var(--text-muted);display:block;font-size:var(--fs-xs);font-weight:var(--fw-medium);letter-spacing:.05em;margin-bottom:var(--sp-2);text-transform:uppercase}.sqp-buttons{align-items:center;display:flex;flex-wrap:wrap;gap:var(--sp-2)}.sqp-icon-btn{background:none;border:none;cursor:pointer;line-height:0;padding:0;transition:transform .15s ease}.sqp-icon-btn:hover{transform:scale(1.12)}.sqp-copy-btn{align-items:center;background:#ffffff0f;border:1px solid var(--card-border);border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:var(--fs-xs);font-weight:var(--fw-medium);gap:var(--sp-1);margin-left:var(--sp-1);padding:6px 12px;transition:all .15s ease}.sqp-copy-btn:hover{background:#ffffff1a;color:var(--text-primary)}.sqp-compact{position:relative}.sqp-trigger{background:none;border:none;border-radius:4px;color:var(--text-muted);cursor:pointer;font-size:var(--fs-base);padding:4px 8px;transition:all .15s ease}.sqp-trigger:hover{background:#ffcc0214;color:var(--accent)}.sqp-dropdown{background:var(--card-bg);border:1px solid var(--card-border);border-radius:8px;box-shadow:0 8px 24px #00000040;display:flex;flex-direction:column;gap:2px;margin-top:4px;min-width:160px;padding:var(--sp-2);position:absolute;right:0;top:100%;z-index:20}.sqp-dropdown-btn{align-items:center;background:none;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:var(--fs-sm);gap:var(--sp-2);padding:8px 10px;transition:background .15s ease;white-space:nowrap}.sqp-dropdown-btn:hover{background:#ffffff0f;color:var(--text-primary)}@media (max-width:600px){.pd-header{flex-direction:column}.pd-thumbnail{height:160px;order:-1;width:100%}.pd-stats{justify-content:space-around}}.my-subscriptions{margin:0 auto;max-width:900px;padding:var(--sp-6)}.ms-loading{color:var(--text-secondary);padding:var(--sp-12);text-align:center}.ms-header{margin-bottom:var(--sp-6)}.ms-back{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:var(--fs-sm);margin-bottom:var(--sp-3);padding:0;transition:color var(--transition-base)}.ms-back:hover{color:var(--accent)}.ms-title{color:var(--text-primary);font-family:var(--font-heading);font-size:var(--fs-2xl);font-weight:var(--fw-bold);margin:0}.ms-empty{padding:var(--sp-8);text-align:center}.ms-empty p{color:var(--text-secondary);margin-bottom:var(--sp-4)}.ms-section{margin-bottom:var(--sp-6)}.ms-section-title{color:var(--text-primary);font-size:var(--fs-lg);font-weight:var(--fw-semibold);margin-bottom:var(--sp-4)}.ms-sub-card{margin-bottom:var(--sp-4);padding:var(--sp-5)}.ms-sub-card--inactive{opacity:.7}.ms-sub-header{align-items:center;display:flex;gap:var(--sp-3);margin-bottom:var(--sp-4)}.ms-sub-avatar{border:2px solid var(--card-border);border-radius:50%;height:48px;width:48px}.ms-sub-info{flex:1 1}.ms-sub-name{color:var(--text-primary);font-size:var(--fs-lg);font-weight:var(--fw-semibold);margin:0 0 4px}.ms-sub-price{color:var(--accent);font-size:var(--fs-sm);font-weight:var(--fw-medium)}.ms-sub-details{grid-gap:var(--sp-3);background:#00000005;border-radius:8px;display:grid;gap:var(--sp-3);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:var(--sp-4);padding:var(--sp-3)}.ms-sub-detail{display:flex;flex-direction:column;gap:4px}.ms-sub-label{color:var(--text-muted);font-size:var(--fs-xs)}.ms-sub-value{color:var(--text-primary);font-size:var(--fs-sm);font-weight:var(--fw-medium)}.ms-status-active{color:var(--accent)}.ms-status-cancelled,.ms-status-expired{color:var(--text-secondary)}.ms-sub-actions{display:flex;flex-wrap:wrap;gap:var(--sp-3)}@media (max-width:600px){.my-subscriptions{padding:var(--sp-4)}.ms-sub-details{grid-template-columns:1fr}.ms-sub-actions{flex-direction:column}.ms-sub-actions button{width:100%}}.admin-review{margin:0 auto;max-width:1100px;padding:var(--sp-6)}.ar-title{color:var(--text-primary);font-family:var(--font-heading);font-size:var(--fs-2xl);font-weight:var(--fw-bold);margin:0}.ar-subtitle{color:var(--text-secondary);font-size:var(--fs-sm);margin:var(--sp-1) 0 var(--sp-4)}.ar-tabs{border-bottom:1px solid var(--card-border);display:flex;gap:var(--sp-1);margin-bottom:var(--sp-5)}.ar-tab{background:none;border:none;border-bottom:2px solid #0000;color:var(--text-muted);cursor:pointer;font-size:var(--fs-sm);font-weight:var(--fw-medium);padding:var(--sp-2) var(--sp-4);transition:all var(--transition-base)}.ar-tab:hover{color:var(--text-primary)}.ar-tab--active{border-bottom-color:var(--accent);color:var(--accent)}.ar-empty{color:var(--text-secondary);padding:var(--sp-12) var(--sp-6);text-align:center}.ar-layout{align-items:flex-start;display:flex;gap:var(--sp-5)}.ar-list{display:flex;flex:1 1;flex-direction:column;gap:var(--sp-4);min-width:0}.ar-card{padding:var(--sp-5)}.ar-card-header{align-items:flex-start;display:flex;gap:var(--sp-3);justify-content:space-between;margin-bottom:var(--sp-2)}.ar-card-title{color:var(--text-primary);font-size:var(--fs-base);font-weight:var(--fw-semibold);margin:0}.ar-card-category{color:var(--accent);font-size:var(--fs-xs);font-weight:var(--fw-medium);white-space:nowrap}.ar-card-desc{color:var(--text-secondary);font-size:var(--fs-sm);margin:0 0 var(--sp-3)}.ar-card-meta{color:var(--text-muted);display:flex;flex-wrap:wrap;font-size:var(--fs-xs);gap:var(--sp-3);margin-bottom:var(--sp-4)}.ar-card-actions{display:flex;gap:var(--sp-2)}.ar-btn--approve{background:#4caf5033!important;border:1px solid #4caf5066!important;color:#4caf50!important}.ar-btn--approve:hover:not(:disabled){background:#4caf5059!important}.ar-btn--reject{background:#ff525226!important;border:1px solid #ff52524d!important;color:#ff5252!important}.ar-btn--reject:hover:not(:disabled){background:#ff52524d!important}.ar-card-badges{align-items:center;display:flex;flex-shrink:0;gap:var(--sp-2)}.ar-ai-badge{border-radius:6px;font-size:var(--fs-xs);font-weight:var(--fw-medium);padding:2px 8px;white-space:nowrap}.ar-ai-badge--approve{background:#4caf5033;color:#4caf50}.ar-ai-badge--reject{background:#ff525226;color:#ff5252}.ar-ai-badge--error{background:#ffa72633;color:#ffa726}.ar-ai-summary{color:var(--text-secondary);font-size:var(--fs-sm);font-style:italic;margin:0 0 var(--sp-3)}.ar-ai-issues{display:flex;flex-direction:column;gap:var(--sp-2);margin-bottom:var(--sp-3)}.ar-ai-issue{background:#00000005;border:1px solid var(--card-border);border-radius:6px;padding:var(--sp-2) var(--sp-3)}.ar-ai-issue--critical{background:#ff52520d;border-color:#ff52524d}.ar-ai-issue--high{background:#ffa7260d;border-color:#ffa7264d}.ar-ai-severity{border-radius:4px;font-size:10px;font-weight:var(--fw-bold);margin-right:var(--sp-1);padding:1px 6px;text-transform:uppercase}.ar-ai-severity--critical{background:#ff525233;color:#ff5252}.ar-ai-severity--high{background:#ffa72633;color:#ffa726}.ar-ai-severity--low{background:#9e9e9e33;color:#9e9e9e}.ar-ai-issue-type{color:var(--text-muted);font-size:var(--fs-xs);margin-right:var(--sp-1);text-transform:capitalize}.ar-ai-issue-q{color:var(--accent);font-size:var(--fs-xs);font-weight:var(--fw-semibold)}.ar-ai-issue-detail{color:var(--text-primary);font-size:var(--fs-xs);line-height:1.4;margin:var(--sp-1) 0 0}.ar-preview{flex-shrink:0;position:-webkit-sticky;position:sticky;top:80px;width:400px}.ar-preview-card{max-height:calc(100vh - 120px);overflow-y:auto;padding:var(--sp-5)}.ar-preview-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--sp-4)}.ar-preview-header h3{color:var(--text-primary);font-size:var(--fs-base);margin:0}.ar-preview-close{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:var(--fs-base);padding:4px 8px}.ar-preview-q{border-bottom:1px solid var(--card-border);margin-bottom:var(--sp-4);padding-bottom:var(--sp-3)}.ar-preview-q:last-child{border-bottom:none}.ar-preview-q-text{color:var(--text-primary);font-size:var(--fs-sm);margin:0 0 var(--sp-2)}.ar-preview-options{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.ar-preview-opt{background:#00000008;border-radius:6px;color:var(--text-secondary);font-size:var(--fs-xs);padding:2px 8px}.ar-preview-opt--correct{background:#4caf5033;color:#4caf50;font-weight:var(--fw-medium)}@media (max-width:768px){.ar-layout{flex-direction:column}.ar-preview{position:static;width:100%}}.vq-page{margin:0 auto;max-width:640px;padding:var(--sp-6)}.vq-loading{color:var(--text-secondary);padding:var(--sp-12);text-align:center}.vq-header{margin-bottom:var(--sp-8);text-align:center}.vq-title{color:var(--accent);font-size:var(--fs-2xl);font-weight:var(--fw-bold);margin:0 0 var(--sp-2)}.vq-subtitle{color:var(--text-secondary);font-size:var(--fs-base);margin:0}.vq-input-card{gap:var(--sp-5);padding:var(--sp-6)}.vq-field,.vq-input-card{display:flex;flex-direction:column}.vq-field{gap:var(--sp-2)}.vq-label{color:var(--text-secondary);font-size:var(--fs-sm);font-weight:var(--fw-medium)}.vq-input{background:#00000008;border:1px solid var(--card-border);border-radius:10px;box-sizing:border-box;color:var(--text-primary);font-size:var(--fs-base);outline:none;padding:var(--sp-3) var(--sp-4);transition:border-color var(--transition-base);width:100%}.vq-input:focus{border-color:var(--accent)}.vq-input::placeholder{color:var(--text-muted)}.vq-count-pills{display:flex;gap:var(--sp-2)}.vq-pill{background:#00000008;border:1px solid var(--card-border);border-radius:8px;color:var(--text-secondary);cursor:pointer;flex:1 1;font-size:var(--fs-sm);font-weight:var(--fw-medium);padding:var(--sp-2) var(--sp-3);transition:all var(--transition-base)}.vq-pill--active,.vq-pill:hover{border-color:var(--accent);color:var(--accent)}.vq-pill--active{background:var(--accent-glow)}.vq-quota{color:var(--text-muted);font-size:var(--fs-xs);text-align:center}.vq-quota-exhausted{background:#ffa00014;border:1px solid #ffa00040;border-radius:8px;display:flex;flex-direction:column;gap:4px;padding:var(--sp-3) var(--sp-4);text-align:center}.vq-quota-exhausted-msg{color:#ffa000;font-size:var(--fs-sm);font-weight:var(--fw-medium)}.vq-quota-reset{color:var(--text-muted);font-size:var(--fs-xs)}.vq-error{background:#ff52521a;border-radius:8px;color:var(--error);font-size:var(--fs-sm);padding:var(--sp-3) var(--sp-4)}.vq-generate-btn{background:var(--accent);border:none;border-radius:10px;color:var(--text-on-accent);cursor:pointer;font-size:var(--fs-base);font-weight:var(--fw-bold);padding:var(--sp-4);transition:background var(--transition-base),opacity var(--transition-base);width:100%}.vq-generate-btn:hover:not(:disabled){background:var(--accent-hover)}.vq-generate-btn:disabled{cursor:not-allowed;opacity:.5}.vq-spinner-row{align-items:center;display:flex;gap:var(--sp-2);justify-content:center}.vq-spinner{animation:vq-spin .7s linear infinite;border:2px solid #1a0a3e66;border-radius:50%;border-top:2px solid var(--text-on-accent);height:16px;width:16px}@keyframes vq-spin{to{transform:rotate(1turn)}}.vq-auth-hint{color:var(--text-muted);font-size:var(--fs-xs);margin:0;text-align:center}.vq-result-card{display:flex;flex-direction:column;gap:var(--sp-5);padding:var(--sp-6)}.vq-video-info{align-items:flex-start;display:flex;gap:var(--sp-4)}.vq-thumbnail{background:#00000008;border-radius:8px;flex-shrink:0;height:68px;object-fit:cover;width:120px}.vq-video-meta{display:flex;flex:1 1;flex-direction:column;gap:var(--sp-2)}.vq-video-title{color:var(--text-primary);font-size:var(--fs-base);font-weight:var(--fw-semibold);line-height:1.3}.vq-topics{display:flex;flex-wrap:wrap;gap:var(--sp-1)}.vq-topic-tag{background:var(--accent-glow);border-radius:4px;color:var(--accent);font-size:var(--fs-xs);padding:2px var(--sp-2)}.vq-question-count{color:var(--text-secondary);font-size:var(--fs-sm)}.vq-result-actions{display:flex;gap:var(--sp-3)}.vq-play-btn{background:var(--accent);border:none;border-radius:10px;color:var(--text-on-accent);cursor:pointer;flex:1 1;font-size:var(--fs-base);font-weight:var(--fw-bold);padding:var(--sp-3) var(--sp-4);transition:background var(--transition-base)}.vq-play-btn:hover{background:var(--accent-hover)}.vq-share-btn{background:#00000008;border:1px solid var(--card-border);border-radius:10px;color:var(--text-primary);cursor:pointer;font-size:var(--fs-sm);font-weight:var(--fw-medium);padding:var(--sp-3) var(--sp-4);transition:background var(--transition-base);white-space:nowrap}.vq-share-btn:hover{background:#0000000f}.vq-reset{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:var(--fs-sm);padding:0;text-align:center;transition:color var(--transition-base)}.vq-reset:hover{color:var(--accent)}.vq-trending-grid{grid-gap:var(--sp-3);display:grid;gap:var(--sp-3);grid-template-columns:repeat(2,1fr)}.vq-trending-card{cursor:pointer;overflow:hidden;padding:0;transition:transform var(--transition-base),box-shadow var(--transition-base)}.vq-trending-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.vq-trending-thumb{aspect-ratio:16/9;background:#00000008;display:block;object-fit:cover;width:100%}.vq-trending-body{display:flex;flex-direction:column;gap:var(--sp-1);padding:var(--sp-3)}.vq-trending-body .vq-video-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:var(--fs-sm);overflow:hidden}.vq-trending-meta{color:var(--text-muted);display:flex;font-size:var(--fs-xs);gap:var(--sp-3);margin-top:var(--sp-1)}.vq-play-count{color:var(--accent)}.vq-history{margin-top:var(--sp-8)}.vq-history-title{color:var(--text-primary);font-size:var(--fs-lg);font-weight:var(--fw-semibold);margin:0 0 var(--sp-4)}.vq-history-list{display:flex;flex-direction:column;gap:var(--sp-3)}.vq-history-card{align-items:center;display:flex;gap:var(--sp-4);padding:var(--sp-4)}.vq-history-info{align-items:flex-start;display:flex;flex:1 1;gap:var(--sp-3);min-width:0}.vq-history-thumb{background:#00000008;border-radius:6px;flex-shrink:0;height:45px;object-fit:cover;width:80px}.vq-history-meta{display:flex;flex:1 1;flex-direction:column;gap:var(--sp-1);min-width:0}.vq-history-meta .vq-video-title{font-size:var(--fs-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vq-play-again-btn{background:var(--accent);border:none;border-radius:8px;color:var(--text-on-accent);cursor:pointer;flex-shrink:0;font-size:var(--fs-sm);font-weight:var(--fw-semibold);padding:var(--sp-2) var(--sp-4);transition:background var(--transition-base);white-space:nowrap}.vq-play-again-btn:hover{background:var(--accent-hover)}@media (max-width:480px){.vq-page{padding:var(--sp-4)}.vq-video-info{flex-direction:column}.vq-thumbnail{height:160px;width:100%}.vq-result-actions{flex-direction:column}.vq-trending-grid{grid-template-columns:1fr}.vq-history-card{align-items:stretch;flex-direction:column}.vq-play-again-btn{width:100%}}.dq-page{margin:0 auto;max-width:720px;min-height:60vh;padding:var(--sp-6)}.dq-loading,.dq-page{align-items:center;display:flex;flex-direction:column}.dq-loading{color:var(--text-secondary);font-family:var(--font-body);gap:var(--sp-4);margin-top:var(--sp-16)}.dq-loading__spinner{animation:dq-spin .7s linear infinite;border:3px solid var(--card-border);border-radius:50%;border-top-color:var(--accent);height:40px;width:40px}@keyframes dq-spin{to{transform:rotate(1turn)}}.dq-empty{margin-top:var(--sp-16);text-align:center}.dq-empty__icon{display:block;font-size:3rem;margin-bottom:var(--sp-4)}.dq-empty__title{color:var(--text-primary);font-family:var(--font-heading);font-size:var(--fs-2xl);font-weight:var(--fw-bold);margin:0 0 var(--sp-2)}.dq-empty__desc{color:var(--text-secondary);font-size:var(--fs-base)}.dq-error{color:var(--error);font-size:var(--fs-sm);margin-top:var(--sp-3)}.dq-ready{margin-top:var(--sp-12);max-width:480px;text-align:center;width:100%}.dq-ready__badge{background:linear-gradient(135deg,var(--accent),var(--accent-hover));border-radius:20px;color:var(--text-on-accent);display:inline-block;font-family:var(--font-heading);font-size:var(--fs-xs);font-weight:var(--fw-bold);letter-spacing:.08em;margin-bottom:var(--sp-4);padding:var(--sp-1) var(--sp-4);text-transform:uppercase}.dq-ready__title{color:var(--text-primary);font-family:var(--font-heading);font-size:var(--fs-4xl);font-weight:var(--fw-extrabold);margin:0 0 var(--sp-2)}.dq-ready__date{color:var(--text-secondary);font-size:var(--fs-base);margin:0 0 var(--sp-8)}.dq-ready__stats{display:flex;gap:var(--sp-8);justify-content:center;margin-bottom:var(--sp-8)}.dq-ready__stat{align-items:center;display:flex;flex-direction:column}.dq-ready__stat-value{color:var(--text-primary);font-family:var(--font-heading);font-size:var(--fs-2xl);font-weight:var(--fw-bold)}.dq-ready__stat-label{color:var(--text-muted);font-size:var(--fs-xs);letter-spacing:.05em;text-transform:uppercase}.dq-ready__start{background:linear-gradient(135deg,var(--accent),var(--accent-hover));border:none;border-radius:var(--card-radius);box-shadow:var(--shadow-accent);color:var(--text-on-accent);cursor:pointer;font-family:var(--font-heading);font-size:var(--fs-lg);font-weight:var(--fw-bold);padding:var(--sp-4) var(--sp-10);transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.dq-ready__start:hover{box-shadow:0 6px 20px var(--accent-glow);transform:translateY(-2px)}.dq-ready__start:active{transform:translateY(0)}.dq-play{width:100%}.dq-play__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--sp-3)}.dq-play__counter{color:var(--text-secondary);font-family:var(--font-heading);font-size:var(--fs-sm);font-weight:var(--fw-semibold)}.dq-play__timer{background:var(--card-bg);border:1px solid var(--card-border);border-radius:8px;color:var(--text-primary);font-family:var(--font-heading);font-size:var(--fs-lg);font-weight:var(--fw-bold);min-width:52px;padding:var(--sp-1) var(--sp-3);text-align:center;transition:color var(--transition-fast),border-color var(--transition-fast)}.dq-play__timer--urgent{animation:dq-pulse .6s ease-in-out infinite;border-color:var(--error);color:var(--error)}@keyframes dq-pulse{0%,to{opacity:1}50%{opacity:.5}}.dq-play__progress{background:var(--card-border);border-radius:2px;height:4px;margin-bottom:var(--sp-2);overflow:hidden;width:100%}.dq-play__progress-fill{background:var(--accent);border-radius:2px;height:100%;transition:width var(--transition-base)}.dq-play__timer-bar{background:var(--card-border);border-radius:2px;height:3px;margin-bottom:var(--sp-6);overflow:hidden;width:100%}.dq-play__timer-fill{background:var(--success);border-radius:2px;height:100%;transition:width 1s linear}.dq-play__timer-fill--urgent{background:var(--error)}.dq-play__question-area{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--card-radius);box-shadow:var(--shadow-sm);margin-bottom:var(--sp-6);padding:var(--sp-6)}.dq-play__question{color:var(--text-primary);font-family:var(--font-heading);font-size:var(--fs-xl);line-height:1.4;margin:var(--sp-3) 0 0}.dq-badge,.dq-play__question{font-weight:var(--fw-semibold)}.dq-badge{border-radius:12px;display:inline-block;font-size:var(--fs-xs);margin-right:var(--sp-2);padding:2px 10px;text-transform:capitalize}.dq-badge--easy{background:#22c55e1f;color:var(--success)}.dq-badge--medium{background:#f59e0b1f;color:var(--warning)}.dq-badge--hard{background:#ef44441f;color:var(--error)}.dq-badge--category{background:var(--blue-bg);color:var(--blue)}.dq-play__options{display:flex;flex-direction:column;gap:var(--sp-3)}.dq-play__option{align-items:center;background:var(--card-bg);border:2px solid var(--card-border);border-radius:var(--card-radius);color:var(--text-primary);cursor:pointer;display:flex;font-family:var(--font-body);font-size:var(--fs-base);gap:var(--sp-4);padding:var(--sp-4) var(--sp-5);text-align:left;transition:border-color var(--transition-fast),background var(--transition-fast),transform var(--transition-fast)}.dq-play__option:hover:not(:disabled){background:var(--card-bg-hover);border-color:var(--accent);transform:translateX(4px)}.dq-play__option--selected{background:#fbbf2414;border-color:var(--accent)}.dq-play__option:disabled{cursor:default;opacity:.7}.dq-play__option-letter{align-items:center;background:var(--card-bg-hover);border-radius:8px;color:var(--text-secondary);display:flex;flex-shrink:0;font-family:var(--font-heading);font-size:var(--fs-sm);font-weight:var(--fw-bold);height:32px;justify-content:center;transition:background var(--transition-fast),color var(--transition-fast);width:32px}.dq-play__option--selected .dq-play__option-letter{background:var(--accent);color:var(--text-on-accent)}.dq-play__option-text{flex:1 1}.dq-results{width:100%}.dq-results__hero{padding:var(--sp-8) 0 var(--sp-6);text-align:center}.dq-results__score-ring{height:140px;margin:0 auto var(--sp-5);position:relative;width:140px}.dq-results__ring-svg{height:100%;transform:rotate(-90deg);width:100%}.dq-results__ring-bg{fill:none;stroke:var(--card-border);stroke-width:8}.dq-results__ring-fill{fill:none;stroke:var(--accent);stroke-width:8;stroke-linecap:round;transition:stroke-dasharray 1s ease}.dq-results__score-text{align-items:center;display:flex;flex-direction:column;inset:0;justify-content:center;position:absolute}.dq-results__score-num{color:var(--text-primary);font-family:var(--font-heading);font-size:var(--fs-3xl);font-weight:var(--fw-extrabold);line-height:1}.dq-results__score-den{color:var(--text-muted);font-size:var(--fs-sm)}.dq-results__message{color:var(--text-primary);font-family:var(--font-heading);font-size:var(--fs-2xl);font-weight:var(--fw-bold);margin:0 0 var(--sp-2)}.dq-results__time{color:var(--text-secondary);font-size:var(--fs-sm);margin:0 0 var(--sp-3)}.dq-results__rank{background:linear-gradient(135deg,var(--accent),var(--accent-hover));border-radius:20px;box-shadow:var(--shadow-accent);color:var(--text-on-accent);display:inline-block;font-family:var(--font-heading);font-size:var(--fs-base);font-weight:var(--fw-bold);padding:var(--sp-2) var(--sp-5)}.dq-results__review{margin-top:var(--sp-8)}.dq-results__review-title{color:var(--text-primary);font-family:var(--font-heading);font-size:var(--fs-xl);font-weight:var(--fw-bold);margin:0 0 var(--sp-4)}.dq-review-card{background:var(--card-bg);border:1px solid var(--card-border);border-left:4px solid #0000;border-radius:var(--card-radius);margin-bottom:var(--sp-3);padding:var(--sp-5)}.dq-review-card--correct{border-left-color:var(--success)}.dq-review-card--wrong{border-left-color:var(--error)}.dq-review-card__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--sp-2)}.dq-review-card__num{color:var(--text-secondary);font-family:var(--font-heading);font-size:var(--fs-sm);font-weight:var(--fw-bold)}.dq-review-card__badge{border-radius:12px;font-size:var(--fs-xs);font-weight:var(--fw-semibold);padding:2px 10px}.dq-review-card__badge--correct{background:#22c55e1f;color:var(--success)}.dq-review-card__badge--wrong{background:#ef44441f;color:var(--error)}.dq-review-card__question{color:var(--text-primary);font-size:var(--fs-base);line-height:1.5;margin:0 0 var(--sp-3)}.dq-review-card__answers{display:flex;flex-direction:column;gap:var(--sp-1)}.dq-review-card__answer{font-size:var(--fs-sm);margin:0;padding:var(--sp-1) 0}.dq-review-card__answer--correct{color:var(--success)}.dq-review-card__answer--wrong{color:var(--error)}.dq-review-card__answer--skipped{color:var(--text-muted);font-style:italic}.dq-review-card__explanation{border-top:1px solid var(--card-border);color:var(--text-secondary);font-size:var(--fs-sm);line-height:1.5;margin:var(--sp-3) 0 0;padding-top:var(--sp-3)}.dq-leaderboard{margin-top:var(--sp-8);padding-bottom:var(--sp-8)}.dq-leaderboard__title{align-items:center;color:var(--text-primary);display:flex;font-family:var(--font-heading);font-size:var(--fs-xl);font-weight:var(--fw-bold);gap:var(--sp-3);margin:0 0 var(--sp-4)}.dq-leaderboard__count{color:var(--text-muted);font-size:var(--fs-xs);font-weight:var(--fw-medium)}.dq-leaderboard__list{display:flex;flex-direction:column;gap:var(--sp-2)}.dq-leaderboard__row{align-items:center;background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;display:flex;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);transition:background var(--transition-fast)}.dq-leaderboard__row--you{background:#fbbf240a;border-color:var(--accent)}.dq-leaderboard__rank{color:var(--text-secondary);flex-shrink:0;font-family:var(--font-heading);font-size:var(--fs-sm);font-weight:var(--fw-bold);text-align:center;width:36px}.dq-leaderboard__rank--top{font-size:var(--fs-xl)}.dq-leaderboard__player{align-items:center;display:flex;flex:1 1;gap:var(--sp-2);min-width:0}.dq-leaderboard__avatar{border-radius:50%;flex-shrink:0;height:28px;object-fit:cover;width:28px}.dq-leaderboard__name{font-weight:var(--fw-medium);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dq-leaderboard__name,.dq-leaderboard__score{color:var(--text-primary);font-size:var(--fs-sm)}.dq-leaderboard__score{flex-shrink:0;font-family:var(--font-heading);font-weight:var(--fw-bold)}.dq-leaderboard__time{color:var(--text-muted);flex-shrink:0;font-size:var(--fs-xs);min-width:40px;text-align:right}.dq-leaderboard__your-rank{color:var(--text-secondary);font-size:var(--fs-sm);margin-top:var(--sp-4);text-align:center}@media (max-width:600px){.dq-page{padding:var(--sp-4)}.dq-ready__title{font-size:var(--fs-3xl)}.dq-ready__stats{gap:var(--sp-5)}.dq-play__question{font-size:var(--fs-lg)}.dq-play__option{padding:var(--sp-3) var(--sp-4)}.dq-results__score-ring{height:120px;width:120px}.dq-leaderboard__row{padding:var(--sp-2) var(--sp-3)}}.legal-page{color:var(--text-primary);line-height:1.8;padding:40px 0 80px}.legal-container{margin:0 auto;max-width:820px;padding:0 20px}.legal-page h1{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#ffcc02,#ffd54f);-webkit-background-clip:text;background-clip:text;font-size:var(--fs-3xl);font-weight:var(--fw-bold);margin-bottom:var(--sp-3)}.legal-effective-date{color:var(--text-secondary);font-size:var(--fs-sm);margin-bottom:var(--sp-10)}.legal-page h2{border-bottom:1px solid var(--card-border);font-size:var(--fs-xl);margin:var(--sp-10) 0 var(--sp-4);padding-bottom:var(--sp-2)}.legal-page h2,.legal-page h3{color:var(--text-primary);font-weight:var(--fw-semibold)}.legal-page h3{font-size:var(--fs-lg);margin:var(--sp-6) 0 var(--sp-3)}.legal-page p{color:var(--text-secondary);font-size:var(--fs-base);margin-bottom:var(--sp-4)}.legal-page ol,.legal-page ul{color:var(--text-secondary);margin:var(--sp-3) 0 var(--sp-6);padding-left:var(--sp-6)}.legal-page li{margin-bottom:var(--sp-2)}.legal-page a{color:var(--blue);text-decoration:underline}.legal-page a:hover{color:var(--accent-hover)}.legal-contact-box{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--card-radius);margin-top:var(--sp-10);padding:var(--sp-6)}.legal-contact-box h2{border-bottom:none;margin-top:0;padding-bottom:0}.legal-nav{border-top:1px solid var(--card-border);display:flex;gap:var(--sp-4);margin-top:var(--sp-8);padding-top:var(--sp-6)}.legal-nav a{color:var(--text-muted);font-size:var(--fs-sm)}@media (max-width:600px){.legal-page{padding:24px 0 60px}.legal-page h1{font-size:var(--fs-2xl)}.legal-page h2{font-size:var(--fs-lg)}.legal-nav{flex-direction:column;gap:var(--sp-2)}}