*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{text-rendering:optimizelegibility}body{min-height:100vh;line-height:var(--leading-normal);overflow-x:hidden}button{font-family:inherit;font-size:inherit;line-height:inherit;cursor:pointer}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}h1,h2,h3,h4,h5,h6{overflow-wrap:break-word;font-weight:var(--font-bold)}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}#root,#__next,#app-root{isolation:isolate}body{font-family:var(--font-body);background:var(--color-grey-900);color:var(--color-black);line-height:var(--leading-normal);overflow-x:hidden;min-height:100vh}#app-root{min-height:100vh;width:100%;transition:opacity var(--duration-normal) ease;opacity:1}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--color-primary);line-height:var(--leading-tight)}h1{font-size:var(--text-5xl)}h2{font-size:var(--text-4xl)}h3{font-size:var(--text-3xl)}h4{font-size:var(--text-2xl)}h5{font-size:var(--text-xl)}h6{font-size:var(--text-lg)}p{margin-bottom:var(--spacing-md);line-height:var(--leading-relaxed)}a{color:var(--color-primary);text-decoration:none;transition:var(--transition-fast)}a:hover{color:var(--color-primary-dark);text-decoration:underline}code,pre{font-family:var(--font-mono);font-size:var(--text-sm)}code{background:var(--color-grey-900);color:var(--color-white);padding:2px 6px;border-radius:var(--radius-xs)}pre{background:var(--color-grey-900);color:var(--color-white);padding:var(--spacing-md);border-radius:var(--radius-sm);overflow-x:auto}ul,ol{padding-left:var(--spacing-lg)}strong,b{font-weight:var(--font-bold)}em,i{font-style:italic}.u-hidden{display:none!important}.u-visible{display:block!important}.u-invisible{visibility:hidden!important}.u-flex{display:flex!important}.u-flex-center{display:flex!important;align-items:center!important;justify-content:center!important}.u-loading-screen{display:flex;align-items:center;justify-content:center;min-height:100vh;font-size:var(--text-lg);color:var(--color-grey-600)}.u-loading-screen:after{content:"...";animation:u-dots 1.5s steps(4,end) infinite}@keyframes u-dots{0%,20%{content:"."}40%{content:".."}60%,to{content:"..."}}.u-spinner{width:40px;height:40px;border:4px solid var(--color-grey-300);border-top-color:var(--color-primary);border-radius:var(--radius-full);animation:u-spin .8s linear infinite}@keyframes u-spin{to{transform:rotate(360deg)}}.u-error-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:var(--spacing-xl);text-align:center}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideInUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInDown{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInLeft{0%{transform:translate(-20px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInRight{0%{transform:translate(20px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes pulseShadow{0%,to{box-shadow:0 0 #1963ce66}50%{box-shadow:0 0 0 10px #1963ce00}}.u-pulse{animation:pulse 2s ease-in-out infinite}.u-pulse-shadow{animation:pulseShadow 2s ease-in-out infinite}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}.u-shake{animation:shake .5s ease}@keyframes spin{to{transform:rotate(360deg)}}.u-spin{animation:spin 1s linear infinite}@keyframes offlineBannerPulse{0%,to{box-shadow:0 6px 20px #cc1d4666}50%{box-shadow:0 6px 30px #cc1d4699}}@keyframes offlineIconBlink{0%,to{opacity:1}50%{opacity:.4}}.u-animate-on-scroll{opacity:0;transform:translateY(20px);transition:var(--transition-slow)}.u-animate-on-scroll.is-visible{opacity:1;transform:translateY(0)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.l-grid{display:grid;gap:var(--gap-md)}.l-grid--1{grid-template-columns:1fr}.l-grid--2{grid-template-columns:repeat(2,1fr)}.l-grid--3{grid-template-columns:repeat(3,1fr)}.l-grid--4{grid-template-columns:repeat(4,1fr)}.l-grid--auto{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.l-grid--gap-sm{gap:var(--gap-sm)}.l-grid--gap-lg{gap:var(--gap-lg)}.l-grid--gap-xl{gap:var(--gap-xl)}@media(min-width:480px){.l-grid--responsive{grid-template-columns:repeat(2,1fr)}}@media(min-width:768px){.l-grid--responsive{grid-template-columns:repeat(3,1fr)}}@media(min-width:1024px){.l-grid--responsive{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}}.c-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:12px 24px;border:none;border-radius:var(--radius-sm);font-family:var(--font-heading);font-size:var(--text-base);font-weight:var(--font-semibold);cursor:pointer;transition:var(--transition-fast);text-decoration:none;line-height:1}.c-button:hover{text-decoration:none}.c-button:disabled,.c-button--disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.c-button--primary{background:var(--color-primary);color:var(--color-white)}.mode-lower .c-button--primary{background:var(--color-lower)}.mode-upper .c-button--primary{background:var(--color-upper)}.c-button--primary:hover:not(:disabled){background:var(--color-primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-primary)}.c-button--primary:active:not(:disabled){background:var(--color-primary-darker);transform:translateY(0)}.c-button--accent{background:var(--color-accent);color:var(--color-white)}.c-button--accent:hover:not(:disabled){background:var(--color-accent-dark);transform:translateY(-2px);box-shadow:var(--shadow-accent)}.c-button--accent:active:not(:disabled){background:var(--color-accent-darker);transform:translateY(0)}.c-button--secondary{background:var(--color-white);color:var(--color-black);border:var(--border-width) solid var(--color-black)}.c-button--secondary:hover:not(:disabled){background:var(--color-grey-100);border-color:var(--color-black)}.c-button--ghost{background:transparent;color:var(--color-primary);padding:8px 16px}.c-button--ghost:hover:not(:disabled){background:var(--alpha-primary-10)}.c-button--danger{background:var(--color-accent);color:var(--color-white)}.c-button--danger:hover:not(:disabled){background:var(--color-accent-darker);transform:translateY(-2px)}.c-button--back{background:transparent;border:2px solid var(--color-grey-300);color:var(--color-grey-300);padding:10px 20px}.c-button--back:hover:not(:disabled){background:var(--color-grey-300);color:var(--color-black);transform:translate(-4px)}.c-button--sm{padding:8px 16px;font-size:var(--text-sm)}.c-button--lg{padding:16px 32px;font-size:var(--text-lg)}.c-button--icon{padding:10px;border-radius:var(--radius-full);min-width:44px;min-height:44px;background:transparent;border:none;color:var(--color-black);opacity:.6;transition:var(--transition-fast)}.c-button--icon:disabled{cursor:not-allowed;opacity:.3}.c-button--icon:hover:not(:disabled){opacity:1;background:var(--alpha-black-10);transform:scale(1.1)}.c-button--icon:active:not(:disabled){transform:scale(.95)}.c-cart-button--has-items{color:var(--color-accent);border-color:var(--color-accent)}.c-cart-button--has-items:hover:not(:disabled){background:var(--alpha-accent-05);border-color:var(--color-accent-dark);box-shadow:0 2px 8px var(--alpha-accent-30)}.c-cart-button--has-approved{color:var(--color-approved);border-color:var(--color-approved)}.c-cart-button--has-approved:hover:not(:disabled){background:#3498db0d;border-color:var(--color-primary);box-shadow:0 2px 8px #3498db4d}.c-cart-button--empty{color:var(--color-grey-700)}.c-cart-button--empty:hover:not(:disabled){background:var(--color-grey-100);border-color:var(--color-grey-700);box-shadow:var(--shadow-sm)}.c-cart-button--disabled{color:var(--color-grey-400);opacity:.5;cursor:not-allowed}.c-button--pending{background:var(--color-accent);color:var(--color-white)}.c-button--pending:not(:disabled):hover{background:var(--color-accent-darker);transform:translateY(-2px);box-shadow:0 4px 12px var(--alpha-accent-30)}.c-button--approved{background:var(--color-approved);color:var(--color-white)}.c-button--approved:disabled{background:var(--color-approved);opacity:1;cursor:default}.mode-lower .c-button--primary:hover:not(:disabled){background:var(--color-accent-dark);box-shadow:var(--shadow-accent)}.mode-upper .c-button--primary:hover:not(:disabled){background:var(--color-primary-dark);box-shadow:var(--shadow-primary)}.c-button--with-badge{position:relative}.c-button__badge{position:absolute;top:-8px;right:-8px;background:var(--color-accent);color:var(--color-white);border-radius:var(--radius-full);width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:var(--text-xs);font-weight:var(--font-bold);font-family:var(--font-body)}.c-button--full{width:100%}.c-button-group{display:flex;gap:var(--spacing-sm)}.c-button-group--vertical{flex-direction:column}.c-button-group .c-button{flex:1}.c-card{background:var(--color-white);border-radius:var(--radius);padding:var(--spacing-lg);box-shadow:var(--shadow);transition:var(--transition-normal)}.c-card--dark{background:var(--color-grey-900);color:var(--color-white)}.c-card--elevated{box-shadow:var(--shadow-lg)}.c-card--elevated:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.c-card--bordered{border:var(--border-width) solid var(--color-grey-300);box-shadow:none}.c-card--interactive{cursor:pointer}.c-card--interactive:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.c-card__header{margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:2px solid var(--color-grey-200)}.c-card__title{font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-primary);margin:0}.c-card--dark .c-card__title{color:var(--color-white)}.c-card__subtitle{font-size:var(--text-sm);color:var(--color-grey-600);margin-top:var(--spacing-xs)}.c-card__body{flex:1}.c-card__footer{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--color-grey-200)}.c-card__actions{display:flex;gap:var(--spacing-sm);justify-content:flex-end}.c-game-card{display:flex;flex-direction:column;min-height:320px;text-align:center;border:2px solid var(--color-grey-300);background:var(--color-grey-300);border-radius:var(--radius);padding:25px;transition:var(--transition-slow);box-shadow:var(--shadow-sm);height:100%}.c-game-card:hover{transform:translateY(-5px);border-color:var(--color-primary);box-shadow:0 8px 24px var(--alpha-primary-20)}.c-game-card__actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid var(--alpha-black-10)}.c-game-card__actions>*{flex:1}.c-game-card__actions>*:first-child{text-align:left}.c-game-card__actions>*:nth-child(2){text-align:center}.c-game-card__actions>*:last-child{display:flex;justify-content:flex-end}.c-game-card--interactive{cursor:pointer;border-radius:var(--radius-sm);overflow:hidden;transition:transform .2s}.c-game-card--interactive:hover{transform:scale(1.02)}.c-game-card--interactive:active{transform:scale(.98)}.c-game-card h3{font-family:var(--font-heading);color:var(--color-black);margin-bottom:12px;font-size:var(--text-2xl);display:flex;align-items:center;justify-content:center;gap:8px;width:100%}.c-game-card p{color:var(--color-black);margin-bottom:15px;font-size:var(--text-sm);flex-grow:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.c-game-card__image,.c-game-card__image-placeholder{width:100%;height:150px;border-radius:var(--radius-sm);margin-bottom:15px}.c-game-card__image{object-fit:cover}.c-game-card__image-placeholder{background:var(--color-grey-100)}.c-game-card__tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto;place-content:flex-start center}.c-stat-box{background:var(--color-white);border-radius:var(--radius);padding:var(--spacing-lg);box-shadow:var(--shadow);text-align:center;transition:var(--transition-fast)}.c-stat-box:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.c-stat-box__label{font-size:var(--text-sm);color:var(--color-grey-600);margin-bottom:var(--spacing-xs);font-weight:var(--font-medium)}.c-stat-box__value{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--color-primary);font-family:var(--font-heading)}.c-stat-box__sublabel{font-size:var(--text-xs);color:var(--color-grey-500);margin-top:var(--spacing-xs)}.c-card--auth{background:var(--color-grey-900);color:var(--color-white);max-width:450px;width:100%;padding:var(--spacing-2xl)}.c-card--shortcut{padding:15px;background:var(--alpha-primary-05);border-left:3px solid var(--color-primary);border-radius:var(--radius-xs);transition:var(--transition-fast)}.c-card--shortcut:hover{background:var(--alpha-primary-10);transform:translateY(-2px)}.c-card--shortcut h4{color:var(--color-primary);font-family:var(--font-mono);font-size:var(--text-xl);margin:0 0 8px}.c-card--shortcut p{margin:0;font-size:var(--text-xs);color:var(--color-black)}.c-card--metrics{background:var(--color-white);border-radius:var(--radius);padding:var(--spacing-lg);box-shadow:var(--shadow)}.c-card--info{background:var(--alpha-primary-05);border:1px solid var(--alpha-primary-20);border-radius:var(--radius);padding:var(--spacing-lg)}.c-card__grid{display:grid;gap:var(--spacing-md)}.c-card__row{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) 0;border-bottom:1px solid var(--color-grey-200)}.c-card__row:last-child{border-bottom:none}.c-card__label{font-weight:var(--font-medium);color:var(--color-grey-700)}.c-card--warning{background:var(--alpha-accent-05);border:1px solid var(--alpha-accent-20);border-radius:var(--radius);padding:var(--spacing-lg);color:var(--color-accent)}.mode-lower .c-game-card:hover{border-color:var(--color-lower);box-shadow:0 8px 24px var(--alpha-accent-30)}.mode-upper .c-game-card:hover{border-color:var(--color-upper);box-shadow:0 8px 24px var(--alpha-primary-30)}@media(max-width:768px){.c-card{padding:var(--spacing-md)}.c-game-card{min-height:280px;padding:20px}}.c-form-group{display:flex;flex-direction:column;gap:8px;margin-bottom:var(--spacing-md)}.c-form-group__label{font-family:var(--font-heading);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-grey-700)}.c-form-group__hint,.c-form-group__help{font-size:var(--text-xs);color:var(--color-grey-500);line-height:var(--leading-relaxed)}.c-input{padding:10px 14px;background:var(--color-white);border:2px solid var(--color-grey-300);border-radius:var(--radius-sm);font-family:var(--font-body);font-size:var(--text-base);color:var(--color-black);transition:var(--transition-normal);width:100%}.c-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--alpha-primary-20)}.c-input::placeholder{color:var(--color-grey-500)}.c-input:disabled{opacity:.5;cursor:not-allowed;background:var(--color-grey-100)}.c-input.c-input--readonly{background:var(--color-grey-100);color:var(--color-grey-600);cursor:not-allowed;border-color:var(--color-grey-300);opacity:1}.c-form-group--auth .c-form-group__label{color:var(--color-grey-300);font-size:var(--text-sm);font-weight:500}.c-form-group--auth .c-input{background:var(--color-grey-800);border:2px solid var(--color-grey-800);color:var(--color-white);font-size:var(--text-base)}.c-form-group--auth .c-form-group__help{color:var(--color-grey-500);font-size:var(--text-xs)}.c-auth__form .c-form-group__label,.c-auth__form .c-form-group label{color:var(--color-grey-300);font-size:var(--text-sm);font-weight:500}.c-auth__form .c-input,.c-auth__form input[type=text],.c-auth__form input[type=email],.c-auth__form input[type=password],.c-auth__form input[type=tel],.c-auth__form input[type=date],.c-auth__form select{background:var(--color-grey-800);border:2px solid var(--color-grey-800);color:var(--color-white);font-size:var(--text-base);border-radius:var(--radius-sm);padding:10px 14px;width:100%;transition:var(--transition-normal)}.c-auth__form .c-form-group__help,.c-auth__form small{color:var(--color-grey-500);font-size:var(--text-xs)}.c-form-group--profile .c-form-group__label{color:var(--color-grey-300);font-size:var(--text-sm);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.c-form-group--profile .c-input{background:var(--color-grey-900);border:2px solid var(--color-grey-800);color:var(--color-white);font-size:var(--text-sm)}.c-form-group--profile .c-input.c-input--readonly{background:var(--color-grey-900);color:var(--color-grey-500);cursor:not-allowed;border-color:var(--color-grey-800)}.c-form-group--profile .c-form-group__help{color:var(--color-grey-500);font-size:var(--text-xs);font-style:italic}.c-modal--level .c-form-group__label{color:var(--color-grey-700);font-size:var(--text-sm);font-weight:500}.c-modal--level .c-input{background:var(--color-white);border:2px solid var(--color-grey-300);color:var(--color-black);font-size:var(--text-sm)}.c-modal--level .c-form-group__help{color:var(--color-grey-600);font-size:var(--text-xs)}.c-form-group--dashboard .c-form-group__label{color:var(--color-grey-700);font-size:var(--text-sm);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.c-form-group--dashboard .c-input{background:var(--color-white);border:2px solid var(--color-grey-300);color:var(--color-black);font-size:var(--text-sm)}.c-form-group--dashboard .c-input.c-input--readonly{background:var(--color-grey-100);color:var(--color-grey-600)}.c-form-group--dashboard .c-form-group__help{color:var(--color-grey-600);font-size:var(--text-xs)}.c-form-group--auth .c-input:focus{outline:none;border-color:var(--color-primary);box-shadow:var(--shadow-focus-primary-subtle);background:var(--color-grey-800)}.c-form-group--auth .c-input::placeholder{color:var(--color-grey-600)}.c-auth__form .c-input:focus,.c-auth__form input:focus,.c-auth__form select:focus{outline:none;border-color:var(--color-primary);box-shadow:var(--shadow-focus-primary-subtle);background:var(--color-grey-800)}.c-auth__form .c-input::placeholder,.c-auth__form input::placeholder{color:var(--color-grey-600)}.c-form-group--profile .c-input:focus{outline:none;border-color:var(--color-primary);background:var(--color-grey-900);box-shadow:var(--shadow-focus-primary-subtle)}.c-form-group--profile .c-input::placeholder{color:var(--color-grey-600)}.c-modal--level .c-input:focus{outline:none;border-color:var(--color-primary);background:var(--color-white);box-shadow:var(--shadow-focus-primary-subtle)}.c-modal--level .c-input::placeholder{color:var(--color-grey-500)}.c-form-group--dashboard .c-input:focus{border-color:var(--color-primary);box-shadow:var(--shadow-focus-primary-subtle);background:var(--color-white);color:var(--color-black)}.c-form-group--auth .c-input--has-error,.c-form-group--profile .c-input--has-error{border-color:var(--color-accent);background:var(--alpha-accent-10)}.c-form-group--auth .c-input.is-invalid,.c-form-group--profile .c-input.is-invalid{border-color:var(--color-accent)}textarea.c-input{resize:vertical;min-height:100px}select.c-input{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:35px}.c-form-group--auth select.c-input,.c-form-group--profile select.c-input{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23fff' d='M6 9L1 4h10z'/%3E%3C/svg%3E")}.c-form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media(max-width:600px){.c-form-row{grid-template-columns:1fr}}.c-form__actions{display:flex;gap:var(--spacing-md);justify-content:flex-end;margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--color-grey-800)}.c-form-group--auth .c-form__actions,.c-form-group--profile .c-form__actions{border-top-color:var(--color-grey-800)}input[type=range].c-input{padding:0;height:6px;appearance:none;background:var(--color-grey-300);border-radius:var(--radius-xs);outline:none;border:none}input[type=range].c-input::-webkit-slider-thumb{appearance:none;width:18px;height:18px;border-radius:50%;background:var(--color-primary);cursor:pointer;transition:var(--transition-fast)}input[type=range].c-input::-webkit-slider-thumb:hover{background:var(--color-primary-dark);transform:scale(1.1)}input[type=range].c-input::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--color-primary);cursor:pointer;border:none;transition:var(--transition-fast)}input[type=range].c-input::-moz-range-thumb:hover{background:var(--color-primary-dark);transform:scale(1.1)}input[type=range].c-input:disabled{opacity:.4;cursor:not-allowed}input[type=number].c-input{appearance:textfield}input[type=number].c-input::-webkit-inner-spin-button,input[type=number].c-input::-webkit-outer-spin-button{appearance:none;margin:0}@media(max-width:600px){.c-input{font-size:var(--text-base)}.c-form__actions{flex-direction:column-reverse}.c-form__actions .c-button{width:100%}}.c-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:modalFadeIn var(--duration-normal) ease}.c-modal-overlay--hidden{display:none}.c-modal-overlay.is-closing{animation:modalFadeOut var(--duration-normal) ease}.c-modal-overlay--dark{background:#000000d9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.c-modal-overlay--calibration{background:#000c;z-index:10000}.c-modal-overlay--cart{width:calc(100% - 550px);z-index:10002}@media(max-width:768px){.c-modal-overlay--cart{width:100%}}.c-modal{background:var(--color-white);border-radius:var(--radius);max-width:500px;width:90%;max-height:90vh;overflow:hidden;box-shadow:var(--shadow-lg);animation:modalSlideIn var(--duration-slow) ease-out;display:flex;flex-direction:column}.c-modal--sm{max-width:400px}.c-modal--lg{max-width:700px}.c-modal--fullscreen{max-width:90vw;max-height:90vh;width:90vw;height:90vh}.c-modal--dark{background:var(--color-grey-900);border:2px solid var(--color-primary);box-shadow:0 10px 40px #000000b3,0 0 20px var(--alpha-primary-30)}.c-modal--dark h2{font-family:var(--font-heading);color:var(--color-primary);font-size:var(--text-2xl);margin:0 0 20px;text-align:center;text-transform:uppercase;letter-spacing:1px;border-bottom:2px solid var(--color-primary);padding-bottom:15px}.c-modal--dark::-webkit-scrollbar{width:8px}.c-modal--dark::-webkit-scrollbar-track{background:var(--alpha-black-30);border-radius:var(--radius-xs)}.c-modal--dark::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:var(--radius-xs)}.c-modal--level{max-width:550px}.c-modal--user-form{max-width:650px}.c-modal--calibration{background:var(--bg-secondary);border-radius:var(--radius-md);max-width:500px;box-shadow:0 10px 40px #0000007f;padding:0;overflow:hidden}.c-modal--notes{width:500px;max-width:90vw}.c-modal--reconnect{text-align:center;max-width:400px}.c-modal--reconnect h2{color:var(--color-accent)}.c-modal--dashboard{max-width:700px;max-height:99vh}.c-modal__header{padding:var(--spacing-lg);border-bottom:2px solid var(--color-grey-200);display:flex;justify-content:space-between;align-items:center}.c-modal__header--primary{background:var(--gradient-primary);border-bottom:none}.c-modal__header--accent{background:var(--gradient-accent);border-bottom:none}.c-modal__title{font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:var(--font-bold);margin:0;color:var(--color-primary)}.c-modal__subtitle{font-family:var(--font-body);color:var(--color-grey-300);font-size:var(--text-lg);text-align:center;margin:-10px 0 20px;opacity:.8}.c-modal__close{background:transparent;border:none;font-size:var(--text-2xl);font-weight:700;color:var(--color-grey-600);cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-xs);transition:var(--transition-fast)}.c-modal__close:hover{background:var(--alpha-accent-10);color:var(--color-accent)}.c-modal__body{padding:var(--spacing-xl) var(--spacing-lg);overflow-y:auto;flex:1}.c-modal__footer{padding:var(--spacing-md) var(--spacing-lg);border-top:1px solid var(--color-grey-200);display:flex;gap:var(--spacing-md);justify-content:flex-end}.c-modal__buttons{display:flex;justify-content:space-between;gap:15px;margin-top:25px}.c-modal__buttons button{flex:1;padding:14px 24px;font-size:var(--text-base);font-family:var(--font-body);font-weight:600;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-normal);text-transform:uppercase;letter-spacing:.5px}.c-modal__content--blocking{background:var(--color-white);padding:40px 50px;border-radius:var(--radius-md);box-shadow:0 8px 24px var(--alpha-black-30);text-align:center;max-width:450px}.c-modal__content--blocking h3{font-family:var(--font-heading);color:var(--color-accent);font-size:var(--text-4xl);margin-bottom:20px}.c-modal__content--blocking p{color:var(--color-black);font-size:var(--text-xl);line-height:1.6;margin:0}.c-modal__header--primary .c-modal__title,.c-modal__header--primary .c-modal__close,.c-modal__header--accent .c-modal__title,.c-modal__header--accent .c-modal__close{color:var(--color-white)}.c-modal__header--primary .c-modal__close:hover,.c-modal__header--accent .c-modal__close:hover{background:var(--alpha-white-20)}.c-modal--portal-paused .c-modal__body{padding:30px;text-align:center}.c-modal--portal-paused h3{font-family:var(--font-heading);font-size:var(--text-xl);font-weight:500;color:var(--color-primary);margin:0 0 15px}.c-modal--portal-paused p{color:var(--color-grey-700);font-size:var(--text-sm);line-height:1.6;margin:0 0 25px}.c-modal--calibration .c-modal__header{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);padding:24px;border-bottom:2px solid var(--color-primary)}.c-modal--calibration .c-modal__header h3{margin:0;font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:700;color:var(--color-white);text-align:center}.c-modal--calibration .c-modal__body{padding:32px 24px;min-height:200px;display:flex;flex-direction:column;justify-content:center}.c-modal--calibration .c-modal__footer{background:var(--alpha-white-10);padding:20px 24px;justify-content:center;border-top:1px solid var(--alpha-white-10)}.c-modal--calibration .c-modal__footer button{padding:12px 32px;border:none;border-radius:var(--radius-sm);font-size:var(--text-base);font-weight:600;cursor:pointer;transition:var(--transition-slow)}.c-modal__message{text-align:center;padding:var(--spacing-md);font-size:var(--text-base);border-radius:var(--radius-sm);margin-top:var(--spacing-md)}.c-modal__message--error{background:var(--alpha-accent-20);color:var(--color-accent);border:1px solid var(--color-accent)}.c-modal__message--success{background:#28a74526;color:var(--color-success);border:1px solid var(--color-success)}.c-modal__message--info{background:var(--alpha-primary-20);color:var(--color-primary);border:1px solid var(--color-primary)}.c-modal__btn--secondary{background:transparent;color:var(--color-white);border:2px solid var(--color-primary)}.c-modal__btn--secondary:hover{background:var(--color-primary);color:var(--color-white);transform:translateY(-2px);box-shadow:0 4px 12px #1963ce66}.c-modal__btn--primary{background:var(--color-primary);color:var(--color-white)}.c-modal__btn--primary:hover{background:var(--color-primary-dark);transform:translateY(-2px);box-shadow:0 4px 12px #1963ce66}.c-modal__buttons button:active{transform:translateY(0)}.c-modal__help{font-size:var(--text-base);color:var(--color-grey-300);margin:15px 0;padding:12px;background:var(--alpha-primary-10);border-radius:var(--radius-sm);border-left:3px solid var(--color-primary);line-height:1.6}.c-modal__spinner{width:40px;height:40px;border:4px solid var(--alpha-primary-30);border-top-color:var(--color-primary);border-radius:50%;margin:20px auto;animation:modalSpin 1s linear infinite}.c-modal__status{color:var(--color-grey-300);margin:15px 0}.c-modal__btn--reconnect{width:100%;padding:14px 24px;font-size:var(--text-base);font-family:var(--font-body);font-weight:600;border:2px solid var(--color-primary);border-radius:var(--radius-sm);background:transparent;color:var(--color-primary);cursor:pointer;transition:var(--transition-normal);text-transform:uppercase}.c-modal__btn--reconnect:hover{background:var(--color-primary);color:var(--color-white)}.c-modal__current-value{background:var(--color-grey-100);padding:12px 16px;border-radius:var(--radius-sm);margin-bottom:20px}.c-modal__current-value label{font-size:var(--text-sm);color:var(--color-grey-600)}.c-modal__current-value strong{color:var(--color-primary);margin-left:8px}.c-overlay--blocking{position:absolute;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:calc(var(--z-fixed) + 1000)}.c-overlay--blocked{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e5;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal)}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalFadeOut{0%{opacity:1}to{opacity:0}}@keyframes modalSlideIn{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes modalSpin{to{transform:rotate(360deg)}}@media(max-width:768px){.c-modal{width:95%;max-height:95vh}.c-modal__header{padding:var(--spacing-md)}.c-modal__body{padding:var(--spacing-lg) var(--spacing-md)}.c-modal__footer{flex-direction:column-reverse}.c-modal__footer .c-button{width:100%}.c-modal__content--blocking{padding:30px;max-width:90%}.c-modal__content--blocking h3{font-size:var(--text-2xl)}.c-modal__content--blocking p{font-size:var(--text-base)}.c-modal--calibration{width:95%;max-width:none}.c-modal--calibration .c-modal__header h3{font-size:var(--text-xl)}.c-modal--calibration .c-modal__footer{flex-direction:column}.c-modal--calibration .c-modal__footer button{width:100%}.c-modal__buttons{flex-direction:column}.c-modal--notes{width:90vw}}@media(max-width:600px){.c-modal--calibration .c-calibration__instruction{font-size:var(--text-base)}}.c-dropdown{position:relative;display:inline-block}.c-dropdown__trigger{display:flex;align-items:center;gap:var(--spacing-sm);padding:8px 12px;background:var(--color-white);border:var(--border-width) solid var(--color-primary);border-radius:var(--radius-sm);font-family:var(--font-body);font-weight:var(--font-semibold);color:var(--color-primary);cursor:pointer;transition:var(--transition-fast);font-size:var(--text-base);white-space:nowrap}.c-dropdown__trigger:hover{background:var(--color-primary);color:var(--color-white)}.c-dropdown__trigger:focus{outline:none;box-shadow:var(--shadow-focus-primary)}.c-dropdown__trigger-value{font-weight:700}.c-dropdown__menu{position:absolute;top:calc(100% + 4px);left:0;min-width:100%;background:var(--color-white);border:var(--border-width) solid var(--color-primary);border-radius:var(--radius-sm);box-shadow:var(--shadow);z-index:var(--z-dropdown);opacity:0;visibility:hidden;transform:translateY(-10px);transition:var(--transition-fast)}.c-dropdown--open .c-dropdown__menu{opacity:1;visibility:visible;transform:translateY(0)}.c-dropdown__item{padding:10px 16px;font-size:var(--text-sm);color:var(--color-black);cursor:pointer;transition:var(--transition-fast);font-weight:600;text-align:center}.c-dropdown__item:hover{background:var(--color-primary);color:var(--color-white)}.c-dropdown__item--active{background:var(--alpha-primary-10);color:var(--color-primary)}.c-dropdown__item:first-child{border-radius:var(--radius-xs) var(--radius-xs) 0 0}.c-dropdown__item:last-child{border-radius:0 0 4px 4px}.c-dropdown__item--restore{font-style:italic;color:var(--color-grey-600)}.c-dropdown__header-trigger{padding:6px 10px;font-size:var(--text-sm)}.mode-lower .c-dropdown__trigger{border-color:var(--color-lower);color:var(--color-lower)}.mode-lower .c-dropdown__menu{border-color:var(--color-lower)}.mode-lower .c-dropdown__item--active{background:var(--alpha-accent-10);color:var(--color-lower)}.mode-upper .c-dropdown__trigger{border-color:var(--color-upper);color:var(--color-upper)}.mode-upper .c-dropdown__menu{border-color:var(--color-upper)}.mode-upper .c-dropdown__item--active{background:var(--alpha-primary-10);color:var(--color-upper)}.mode-lower .c-dropdown__trigger:hover{background:var(--color-lower);color:var(--color-white)}.mode-lower .c-dropdown__trigger:focus{box-shadow:var(--shadow-focus-accent)}.mode-lower .c-dropdown__item:hover{background:var(--color-lower)}.mode-upper .c-dropdown__trigger:hover{background:var(--color-upper);color:var(--color-white)}.mode-upper .c-dropdown__trigger:focus{box-shadow:var(--shadow-focus-primary)}.mode-upper .c-dropdown__item:hover{background:var(--color-upper)}.c-game-sessions--lower .c-dropdown__trigger{border-color:var(--color-accent);color:var(--color-accent)}.c-game-sessions--lower .c-dropdown__menu{border-color:var(--color-accent)}.c-game-sessions--lower .c-dropdown__item--active{background:var(--alpha-accent-10);color:var(--color-accent)}.c-game-sessions--upper .c-dropdown__trigger{border-color:var(--color-primary);color:var(--color-primary)}.c-game-sessions--upper .c-dropdown__menu{border-color:var(--color-primary)}.c-game-sessions--upper .c-dropdown__item--active{background:var(--alpha-primary-10);color:var(--color-primary)}.c-game-sessions--lower .c-dropdown__trigger:hover{background:var(--color-accent);color:var(--color-white)}.c-game-sessions--lower .c-dropdown__trigger:focus{box-shadow:var(--shadow-focus-accent)}.c-game-sessions--lower .c-dropdown__item:hover{background:var(--color-accent)}.c-game-sessions--upper .c-dropdown__trigger:hover{background:var(--color-primary);color:var(--color-white)}.c-game-sessions--upper .c-dropdown__trigger:focus{box-shadow:var(--shadow-focus-primary)}.c-game-sessions--upper .c-dropdown__item:hover{background:var(--color-primary)}@media(max-width:768px){.c-dropdown__menu{left:auto;right:0;min-width:150px}}.c-banner{padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius);display:flex;align-items:center;gap:var(--spacing-md)}.c-banner--info,.c-banner--success{background:var(--alpha-primary-10);border:1px solid var(--alpha-primary-30);color:var(--color-primary)}.c-banner--warning,.c-banner--error{background:var(--alpha-accent-10);border:1px solid var(--alpha-accent-30);color:var(--color-accent);flex-direction:column;align-items:flex-start}.c-banner--hero{padding:var(--spacing-2xl);text-align:center;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.c-banner--hero-primary{background:var(--gradient-primary);color:var(--color-white)}.c-banner--hero-accent{background:var(--gradient-accent);color:var(--color-white)}.c-banner--floating{position:fixed;bottom:var(--spacing-lg);left:50%;transform:translate(-50%);z-index:var(--z-toast);box-shadow:var(--shadow-lg);animation:slideInUp var(--duration-slow) ease-out}.c-banner--offline{position:fixed;bottom:20px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:12px;padding:16px 28px;background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-accent-dark) 100%);color:var(--color-white);border-radius:var(--radius-lg);box-shadow:0 6px 20px #cc1d4666;z-index:var(--z-toast);animation:offlineBannerPulse 2s ease-in-out infinite}.c-banner__icon{font-size:var(--text-2xl);animation:offlineIconBlink 1.5s ease-in-out infinite}.c-banner__title{font-family:var(--font-heading);font-weight:600;font-size:var(--text-lg);letter-spacing:.5px;margin:0}.c-banner__message{font-size:var(--text-base);margin:0}.c-banner__content{flex:1}.c-banner__subtitle{font-size:var(--text-sm);opacity:.9}.c-banner--record{background:linear-gradient(135deg,var(--color-gold) 0%,var(--color-gold) 100%);color:var(--color-black);padding:var(--spacing-xl);text-align:center}.c-toast{position:fixed;bottom:32px;right:32px;padding:16px 24px;border-radius:var(--radius-sm);font-family:var(--font-body);font-size:var(--text-sm);font-weight:500;color:var(--color-white);box-shadow:var(--shadow-lg);z-index:var(--z-toast);animation:c-toast-slide-in var(--duration-slow) ease;max-width:400px}.c-toast--success{background:var(--color-success)}.c-toast--error{background:var(--color-danger)}.c-toast--info{background:var(--color-primary)}@keyframes c-toast-slide-in{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@media(max-width:768px){.c-toast{bottom:16px;right:16px;left:16px;max-width:none}}@media(prefers-reduced-motion:reduce){.c-toast{animation:none}}.c-cell--center{text-align:center}.c-indicator{display:inline-block;width:24px;height:24px;line-height:24px;text-align:center;border-radius:var(--radius-xs);color:var(--color-white);font-weight:700;font-size:var(--text-lg)}.c-indicator--better{background:var(--color-primary)}.c-indicator--worse{background:var(--color-accent)}.c-indicator--neutral{background:var(--color-grey-600)}.c-indicator--na{background:var(--color-grey-300)}.c-bpm-display{display:flex;align-items:center;justify-content:center;gap:8px}.c-bpm-display__value{font-size:var(--text-sm);font-weight:600;min-width:30px}.c-bpm-display__value--high{color:var(--color-accent)}.c-bpm-display__value--low{color:var(--color-primary)}.c-bpm-display__value--neutral{color:var(--color-black)}.c-bpm-display__bar{position:relative;width:60px;height:8px;background:var(--color-grey-200);border-radius:var(--radius-xs);overflow:visible}.c-bpm-display__bar-center{position:absolute;left:50%;top:-2px;width:2px;height:12px;background:var(--color-grey-700);z-index:2}.c-bpm-display__bar-fill{position:absolute;height:100%;border-radius:var(--radius-xs)}.c-bpm-display__bar-fill--low{background:var(--color-primary);right:50%}.c-bpm-display__bar-fill--high{background:var(--color-accent);left:50%}.c-modal--game-config{max-width:550px;width:95%}.c-modal--game-config .c-modal__body{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-lg)}.c-game-config__row{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--alpha-primary-05);border:1px solid var(--alpha-primary-10);border-radius:var(--radius-sm)}.c-game-config__label{flex:1;color:var(--color-grey-700);font-size:var(--text-sm);font-family:var(--font-body);font-weight:var(--font-medium);line-height:var(--leading-tight)}.c-game-config__input{width:100px;padding:10px 12px;border:2px solid var(--color-primary);border-radius:var(--radius-sm);background:var(--color-grey-800);color:var(--color-white);font-size:var(--text-base);font-family:var(--font-body);text-align:center;transition:var(--transition-fast);-moz-appearance:textfield}.c-game-config__input::-webkit-inner-spin-button,.c-game-config__input::-webkit-outer-spin-button{opacity:1;height:28px;cursor:pointer}.c-game-config__input:focus{outline:none;box-shadow:var(--shadow-focus-primary)}.c-game-config__input:out-of-range,.c-game-config__input--error{border-color:var(--color-accent)}.c-game-config__input.is-invalid,.c-game-config__input:invalid{border-color:var(--color-accent);animation:c-game-config-shake .3s ease}@keyframes c-game-config-shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.c-game-config__unit{min-width:70px;color:var(--color-grey-500);font-size:var(--text-sm);font-family:var(--font-body)}.c-game-config__help{padding:var(--spacing-sm) var(--spacing-md);margin:0;color:var(--color-grey-500);font-size:var(--text-xs);font-family:var(--font-body);line-height:var(--leading-normal)}.c-game-config__help:before{content:"i ";display:inline-block;width:16px;height:16px;margin-right:var(--spacing-xs);border-radius:var(--radius-full);background:var(--alpha-primary-20);color:var(--color-primary);font-size:var(--text-xs);font-weight:var(--font-bold);text-align:center;line-height:16px}.c-game-config__error{padding:var(--spacing-sm) var(--spacing-md);margin:0;color:var(--color-accent);font-size:var(--text-xs);font-family:var(--font-body)}.c-game-config__error:before{content:"! ";display:inline-block;width:16px;height:16px;margin-right:var(--spacing-xs);border-radius:var(--radius-full);background:var(--alpha-accent-20);color:var(--color-accent);font-size:var(--text-xs);font-weight:var(--font-bold);text-align:center;line-height:16px}.c-modal--game-config .c-button--secondary,.c-modal--game-config .c-button--cancel{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-white)}.c-modal--game-config .c-button--secondary:hover,.c-modal--game-config .c-button--cancel:hover{background:var(--color-accent-dark);border-color:var(--color-accent-dark)}.c-modal--game-config .c-button--secondary:active,.c-modal--game-config .c-button--cancel:active{background:var(--color-accent-darker);border-color:var(--color-accent-darker)}@media(max-width:480px){.c-modal--game-config{width:100%;max-width:none;margin:var(--spacing-sm);border-radius:var(--radius)}.c-game-config__row{flex-wrap:wrap}.c-game-config__label{flex-basis:100%;margin-bottom:var(--spacing-xs)}.c-game-config__input{flex:1;min-width:80px}.c-game-config__unit{min-width:auto}}.l-container{max-width:1400px;margin:0 auto;padding:20px}.l-container--narrow{max-width:900px}.l-container--wide{max-width:1600px}.l-auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg);background:var(--gradient-bg)}.l-dashboard{min-height:100vh;padding:var(--spacing-xl)}.l-game-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;margin-top:20px}.l-games-section{position:relative}.l-side-panel{position:fixed;top:0;right:0;width:300px;height:100%;background:var(--color-grey-900);color:var(--color-white);padding:var(--spacing-lg);z-index:var(--z-fixed);overflow-y:auto}@media(max-width:768px){.l-container{padding:10px}.l-game-grid{grid-template-columns:1fr}.l-side-panel{width:100%}}.c-game-message{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:var(--text-5xl);font-weight:700;font-family:var(--font-heading);color:var(--color-white);text-shadow:0 0 20px var(--color-primary);z-index:var(--z-fixed);display:none;pointer-events:none;text-align:center;line-height:1.5}.c-pause-indicator{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:var(--text-7xl);font-weight:700;font-family:var(--font-heading);color:var(--color-accent);text-shadow:0 0 30px var(--color-accent),0 0 60px var(--color-accent);z-index:calc(var(--z-fixed) - 1);display:none;pointer-events:none;text-align:center;letter-spacing:15px;animation:pulse-stop 1.5s infinite}@keyframes pulse-stop{0%,to{opacity:1;transform:translate(-50%,-50%) scale(1)}50%{opacity:.6;transform:translate(-50%,-50%) scale(1.05)}}.c-game-lock{position:absolute;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:calc(var(--z-fixed) + 1000)}.c-game-lock__message{background:var(--color-white);padding:40px 50px;border-radius:16px;box-shadow:0 8px 24px #0000004d;text-align:center;max-width:450px}.c-game-lock__message h3{font-family:var(--font-heading);color:var(--color-accent);font-size:var(--text-4xl);margin-bottom:20px}.c-game-lock__message p{color:var(--color-black);font-size:var(--text-lg-plus);line-height:1.6;margin:0}.c-panel-section--controls .c-btn.c-pause-btn.c-pause-btn--paused{background:var(--color-accent)}.c-panel-section--controls .c-btn.c-pause-btn.c-pause-btn--paused:hover{background:var(--color-accent-dark)}.c-game-area{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.c-game-canvas{border:none;border-radius:var(--radius-sm);background:var(--color-black);display:block;max-width:100%;max-height:100%}.c-level-dropdown{position:relative;display:block;width:100%}.c-level-dropdown__trigger{display:flex;align-items:center;justify-content:center;gap:4px;padding:8px 12px;font-size:var(--text-base);font-weight:700;border:2px solid var(--color-primary);border-radius:6px;background:var(--color-white);color:var(--color-primary);cursor:pointer;width:100%;text-align:center;transition:var(--transition-fast)}.c-level-dropdown__trigger:hover{background:var(--color-primary);color:var(--color-white)}.c-level-dropdown__trigger:focus{outline:none;box-shadow:0 0 0 3px #1963ce4d}.c-level-dropdown__menu{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--color-white);border:2px solid var(--color-primary);border-radius:6px;margin-top:4px;z-index:var(--z-dropdown);box-shadow:var(--shadow);display:none}.c-level-dropdown--open .c-level-dropdown__menu{display:block}.c-level-dropdown__item{padding:10px 16px;font-size:var(--text-sm);color:var(--color-black);cursor:pointer;transition:var(--transition-fast);text-align:center;font-weight:600}.c-level-dropdown__item:hover{background:var(--color-primary);color:var(--color-white)}.c-level-dropdown__item--active{background:#1963ce1a;color:var(--color-primary)}.c-level-dropdown__item:first-child{border-radius:4px 4px 0 0}.c-level-dropdown__item:last-child{border-radius:0 0 4px 4px}.mode-lower .c-level-dropdown__trigger{border-color:var(--color-lower);color:var(--color-lower)}.mode-lower .c-level-dropdown__trigger:hover{background:var(--color-lower);color:var(--color-white)}.mode-lower .c-level-dropdown__trigger:focus{box-shadow:0 0 0 3px #cc1d464d}.mode-lower .c-level-dropdown__menu{border-color:var(--color-lower)}.mode-lower .c-level-dropdown__item:hover{background:var(--color-lower)}.mode-lower .c-level-dropdown__item--active{background:#cc1d461a;color:var(--color-lower)}.mode-upper .c-level-dropdown__trigger{border-color:var(--color-upper);color:var(--color-upper)}.mode-upper .c-level-dropdown__trigger:hover{background:var(--color-upper);color:var(--color-white)}.mode-upper .c-level-dropdown__trigger:focus{box-shadow:0 0 0 3px #1963ce4d}.mode-upper .c-level-dropdown__menu{border-color:var(--color-upper)}.mode-upper .c-level-dropdown__item:hover{background:var(--color-upper)}.mode-upper .c-level-dropdown__item--active{background:#1963ce1a;color:var(--color-upper)}.c-game-emoji{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:var(--z-fixed);display:none;pointer-events:none;text-align:center;line-height:1;opacity:0}.c-game-emoji--visible{display:block;animation:emoji-fade-in var(--duration-fast) ease forwards}.c-game-emoji--fail{font-size:200px}.c-game-emoji--victory{font-size:200px;animation:emoji-scale-in var(--duration-normal) ease forwards}.c-game-emoji--session-record{font-size:300px;animation:emoji-scale-in var(--duration-normal) ease forwards;filter:drop-shadow(0 0 20px rgba(255,215,0,.5))}.c-game-emoji--monthly-record{font-size:500px;animation:emoji-epic-scale-in var(--duration-slow) ease forwards;filter:drop-shadow(0 0 40px rgba(255,215,0,.8))}@keyframes emoji-fade-in{0%{opacity:0}to{opacity:1}}@keyframes emoji-scale-in{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes emoji-epic-scale-in{0%{opacity:0;transform:translate(-50%,-50%) scale(.3);filter:drop-shadow(0 0 0 rgba(255,215,0,0))}50%{opacity:1;transform:translate(-50%,-50%) scale(1.1);filter:drop-shadow(0 0 60px rgba(255,215,0,1))}to{opacity:1;transform:translate(-50%,-50%) scale(1);filter:drop-shadow(0 0 40px rgba(255,215,0,.8))}}@media(max-width:768px){.c-game-message{font-size:var(--text-4xl)}.c-pause-indicator{font-size:var(--text-6xl-plus)}.c-game-emoji--fail,.c-game-emoji--victory{font-size:120px}.c-game-emoji--session-record{font-size:180px}.c-game-emoji--monthly-record{font-size:300px}.c-game-lock__message{padding:30px;max-width:90%}.c-game-lock__message h3{font-size:var(--text-2xl)}.c-game-lock__message p{font-size:var(--text-base)}}.c-level-params{display:flex;flex-direction:column;gap:15px;margin-bottom:20px}.c-level-params__row{display:flex;align-items:center;gap:10px;padding:10px;background:#1963ce0d;border-radius:6px;border:1px solid rgba(25,99,206,.1)}.c-level-params__row label{flex:1;font-size:var(--text-sm-plus);color:var(--color-grey-300);font-family:var(--font-body)}.c-level-params__row input[type=number]{width:100px;padding:8px 12px;font-size:var(--text-base);font-family:Courier New,monospace;font-weight:700;border:2px solid var(--color-primary);border-radius:6px;background:var(--color-black);color:var(--color-white);text-align:center;transition:var(--transition-normal)}.c-level-params__row input[type=number]:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 10px #1963ce66}.c-level-params__row input[type=number]:hover{border-color:var(--color-primary-dark)}.c-level-params__row input[type=number]:out-of-range{border-color:var(--color-accent);background:#cc1d461a;box-shadow:0 0 8px #cc1d464d}.c-level-params__row input[type=number]:invalid{border-color:var(--color-accent);background:#cc1d461a;box-shadow:0 0 8px #cc1d464d}.c-level-params__row input[type=number]:out-of-range:focus,.c-level-params__row input[type=number]:invalid:focus{border-color:var(--color-accent);box-shadow:0 0 15px #cc1d4680}.c-level-params__unit{width:90px;font-size:var(--text-sm);color:var(--color-grey-300);font-family:var(--font-body)}.c-restore-selector{position:relative;flex:1}.c-restore-selector__btn{width:100%}.c-restore-selector__dropdown{position:absolute;bottom:100%;left:0;right:0;background:var(--color-grey-900);border:2px solid var(--color-primary);border-radius:6px;margin-bottom:5px;z-index:1000;box-shadow:0 -4px 12px #000000b3;display:none}.c-restore-selector--open .c-restore-selector__dropdown{display:block}.c-restore-selector__option{padding:10px 16px;cursor:pointer;transition:background .15s;color:var(--color-white);font-family:var(--font-body);font-size:var(--text-sm-plus)}.c-restore-selector__option:hover{background:var(--color-primary)}.c-restore-selector__option:first-child{border-radius:4px 4px 0 0}.c-restore-selector__option:last-child{border-radius:0 0 4px 4px}.c-modal__content--cadence{text-align:center}.c-modal__content--cadence p{font-size:var(--text-base);color:var(--color-grey-300);margin:15px 0;line-height:1.6}.c-cadence-input{display:flex;justify-content:center;align-items:center;gap:12px;margin:25px 0}.c-cadence-input__btn{width:50px;height:50px;font-size:var(--text-4xl);font-weight:700;line-height:1;border:2px solid var(--color-primary);background:var(--color-primary);color:var(--color-white);border-radius:8px;cursor:pointer;transition:var(--transition-normal);display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none}.c-cadence-input__btn:hover{background:var(--color-primary-dark);transform:scale(1.08);box-shadow:0 4px 12px #1963ce80}.c-cadence-input__btn:active{transform:scale(.95)}.c-cadence-input input[type=number]{width:120px;padding:12px 16px;font-size:var(--text-4xl);font-family:Courier New,monospace;font-weight:700;border:3px solid var(--color-primary);border-radius:8px;background:var(--color-black);color:var(--color-primary);text-align:center;transition:var(--transition-normal)}.c-cadence-input input[type=number]:focus{outline:none;box-shadow:0 0 15px #1963ce80}.c-cadence-input span{font-size:var(--text-2xl);color:var(--color-grey-300);font-weight:700}input.is-invalid{border:2px solid var(--color-accent);background:#cc1d461a;animation:shake .3s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@media(max-width:768px){.c-level-params__row{flex-direction:column;align-items:flex-start;gap:8px}.c-level-params__row input[type=number],.c-level-params__unit{width:100%}}:root{--bg-main: var(--color-grey-600);--bg-panel: var(--color-grey-900);--bg-panel-section: rgba(25, 99, 206, .05);--text-primary: var(--color-white);--text-secondary: var(--color-grey-300);--border-color: var(--color-primary)}.c-game-layout{display:flex;width:100vw;height:100vh;overflow:hidden;background:var(--bg-main);font-family:var(--font-body);color:var(--text-primary)}.c-game-layout__area{flex:0 0 80%;display:flex;justify-content:center;align-items:center;background:var(--bg-main);position:relative}.c-game-layout__area canvas{aspect-ratio:4/3;max-width:100%;max-height:100%;border:none;box-shadow:none}.c-game-layout__panel{flex:0 0 20%;display:flex;flex-direction:column;background:var(--bg-panel);border-left:2px solid var(--border-color);padding:15px;gap:10px;overflow-y:auto}.c-game-layout__panel::-webkit-scrollbar{width:8px}.c-game-layout__panel::-webkit-scrollbar-track{background:#0003}.c-game-layout__panel::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:4px}.c-panel-section{flex:1 1 auto;display:flex;flex-direction:column;gap:8px;padding:10px;background:var(--bg-panel-section);border-radius:8px;border:1px solid rgba(25,99,206,.1)}.c-panel-section h3{font-family:var(--font-heading);color:var(--color-primary);font-size:var(--text-base);font-weight:700;margin:0 0 6px;border-bottom:1px solid var(--border-color);padding-bottom:5px;text-transform:uppercase;letter-spacing:.5px}.c-panel-section--score h3{border-bottom:none;margin-bottom:4px;padding-bottom:0}.c-panel-section--score .c-progress-bar{width:100%;height:6px;background:#1963ce33;border-radius:3px;overflow:hidden;margin-bottom:8px}.c-panel-section.c-panel-section--score .c-progress-bar__fill{height:100%;background:var(--color-primary);transition:width .3s ease;min-width:0}.c-panel-section--score .c-score-display{font-size:var(--text-4xl-plus);font-weight:700;font-family:Courier New,monospace;color:var(--color-white);display:flex;justify-content:center;align-items:center;gap:54px;margin:10px 0;text-shadow:0 0 10px rgba(25,99,206,.5)}.c-panel-section--score .c-level-display{font-size:var(--text-base-plus);color:var(--color-grey-300);text-align:center;margin-top:10px}.c-panel-section--score .c-level-display span{color:var(--color-primary);font-weight:700;font-size:var(--text-xl)}.c-time-display{display:flex;flex-direction:column;align-items:center;gap:10px;margin:15px 0}.c-time-display__row{display:flex;justify-content:space-between;align-items:center;width:100%}.c-time-display__record{color:var(--color-accent);font-size:var(--text-2xl);font-weight:700;font-family:var(--font-heading);font-variant-numeric:tabular-nums}.c-panel-section--score .c-time-display__label{font-size:var(--text-2xl)}.c-panel-section--score .c-time-display__value{font-size:var(--text-2xl);color:var(--color-white);font-family:var(--font-heading);font-variant-numeric:tabular-nums}.c-panel-section--controls{gap:12px}.c-panel-section--controls .c-btn{width:100%;padding:10px 16px;font-size:var(--text-sm-plus);font-weight:600;font-family:var(--font-body);background:var(--color-primary);color:var(--color-white);border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.5px}.c-panel-section--controls .c-btn:hover{background:var(--color-primary-dark);transform:translateY(-2px);box-shadow:0 4px 12px #1963ce66}.c-panel-section--controls .c-btn:active{transform:translateY(0)}.c-panel-section--controls .c-btn--secondary{background:transparent;border:2px solid var(--color-primary);color:var(--color-primary)}.c-panel-section--controls .c-btn--secondary:hover{background:var(--color-primary);color:var(--color-white)}.c-panel-section--controls .c-panel-section__help{font-size:var(--text-xs);line-height:1.5;color:var(--color-grey-300);margin:8px 0 0;padding:8px;background:#0000004d;border-radius:5px;border-left:3px solid var(--color-primary)}.c-game-layout__logo{flex:0 0 auto;display:flex;justify-content:center;align-items:center;padding:10px 15px;margin-top:auto}.c-game-layout__logo img{max-width:80%;max-height:50px;height:auto;width:auto;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}@media(max-width:1366px){.c-panel-section--score .c-score-display{font-size:var(--text-4xl-plus)}}@media(max-width:1280px){.c-panel-section--score .c-score-display{font-size:var(--text-4xl)}}.c-planned-indicator{display:flex;align-items:center;justify-content:center;gap:12px;padding:10px 16px;background:#1963ce26;border:2px solid var(--color-primary);border-radius:8px;font-family:var(--font-heading);font-size:var(--text-lg-plus);color:var(--color-white)}.c-planned-indicator__level{font-weight:700;color:var(--color-primary)}.c-planned-indicator__separator{color:var(--color-grey-300);opacity:.5}.c-planned-indicator__time{font-variant-numeric:tabular-nums;color:var(--color-accent);font-weight:600}.c-planned-indicator__time-total{font-variant-numeric:tabular-nums;color:var(--color-white);font-weight:600}.c-panel-section--controls .c-btn--skip{background:transparent;border:2px solid var(--color-accent);color:var(--color-accent)}.c-panel-section--controls .c-btn--skip:hover{background:var(--color-accent);color:var(--color-white)}.c-panel-section--controls .c-btn.is-planned-mode{background:transparent;border:2px solid var(--color-accent);color:var(--color-accent)}.c-panel-section--controls .c-btn.is-planned-mode:hover{background:var(--color-accent);color:var(--color-white)}@media(max-height:900px){.c-game-layout__panel{padding:12px;gap:8px}.c-panel-section{padding:8px;gap:6px}.c-panel-section--score .c-score-display{font-size:var(--text-4xl);gap:40px}.c-panel-section--score .c-time-display__label,.c-panel-section--score .c-time-display__value,.c-time-display__record{font-size:var(--text-xl)}.c-game-layout__logo{max-height:40px;padding:8px 15px}.c-game-layout__logo img{max-height:40px}}.c-time-display__record{display:inline-flex;gap:4px;align-items:baseline}.c-time-display__record-session{color:#fff}.c-time-display__record-month{color:#fff;transition:color .3s ease}.c-time-display__separator{color:#fff;opacity:.6;font-size:var(--text-sm-plus)}.c-time-display .c-time-display__row.is-record-beaten .c-time-display__label{color:var(--color-accent)}.c-time-display__record .c-time-display__record-month.c-time-display__record-month--beaten{color:var(--color-accent);font-weight:600}.c-panel-section.c-panel-section--metrics{background:#1963ce1a}.c-metric{margin-bottom:12px}.c-metric:last-of-type{margin-bottom:8px}.c-metric__label{font-size:var(--text-xs);color:var(--color-grey-300);text-transform:uppercase;letter-spacing:.5px;font-family:var(--font-body);display:block;margin-bottom:5px}.c-metric__bar{width:100%;height:28px;background:var(--color-grey-300);overflow:hidden;box-shadow:inset 0 2px 5px #0000001a;position:relative;clip-path:polygon(0% 0%,96% 0%,100% 50%,96% 100%,0% 100%)}.c-metric__bar-fill{height:100%;background:var(--gradient-primary);display:flex;align-items:center;justify-content:flex-start;padding-left:10px;color:var(--color-white);font-weight:700;font-size:var(--text-sm);font-family:Courier New,monospace;transition:width .3s ease;min-width:50px;text-shadow:0 1px 2px rgba(0,0,0,.3)}.c-balance{display:flex;align-items:center;gap:6px;margin-top:5px}.c-balance__label--left,.c-balance__label--right{font-size:var(--text-xs);font-weight:700;min-width:30px}.c-balance__label--left{color:var(--color-accent);text-align:right}.c-balance__label--right{color:var(--color-primary);text-align:left}.c-balance__bar{flex:1;height:25px;background:linear-gradient(to right,var(--color-accent) 0%,var(--color-grey-300) 50%,var(--color-primary) 100%);border-radius:12px;position:relative;overflow:visible}.c-balance__center-marker{position:absolute;width:3px;height:100%;left:50%;top:0;transform:translate(-50%);background:#fff;z-index:1}.c-balance__marker{position:absolute;width:4px;height:100%;background:#000;box-shadow:0 0 8px #fffc;transition:left .3s ease;z-index:2;top:0}.c-active-time{display:flex;align-items:center;justify-content:flex-start;gap:8px;padding:8px 10px;background:#0000004d;border-radius:5px;margin:8px 0}.c-active-time__label{font-family:Courier New,monospace;font-size:var(--text-base-plus);font-weight:700;color:var(--color-white);margin-right:auto;font-variant-numeric:tabular-nums}.c-active-time__icon{font-size:var(--text-base-plus)}.c-active-time__value{font-family:Courier New,monospace;font-size:var(--text-base-plus);font-weight:700;color:var(--color-white);font-variant-numeric:tabular-nums}.c-connection-status{display:flex;align-items:center;gap:10px;padding:6px 10px;background:#0000004d;border-radius:5px;margin-top:8px;border:1px solid rgba(25,99,206,.2)}.c-connection-status__dot{width:10px;height:10px;border-radius:50%;background:var(--color-accent);flex-shrink:0;opacity:.3}.c-connection-status__dot--connected{background:var(--color-primary);opacity:1}.c-connection-status__text{font-size:var(--text-sm);color:var(--color-grey-300);font-family:var(--font-body)}.c-connection-status__battery{font-size:var(--text-sm);color:var(--color-grey-300);margin-left:auto;font-family:Courier New,monospace}.c-connection-status__battery:before{content:"| ";margin-right:5px}.c-connection-status__battery:empty{display:none}@media(max-width:1366px){.c-metric__bar{height:25px}.c-metric__bar-fill{font-size:var(--text-xs-plus);min-width:40px}.c-balance__bar{height:22px}.c-balance__marker{width:2px}.c-balance__center-marker{width:3px}}@media(max-width:1280px){.c-metric__bar{height:22px}.c-metric__bar-fill{font-size:var(--text-xs)}.c-balance__bar{height:20px}}.c-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-lg);background:var(--color-grey-900);border-bottom:2px solid var(--alpha-white-30);position:sticky;top:0;z-index:1000;gap:var(--gap-md)}.c-header__logo{height:32px;width:auto;flex-shrink:0}.c-header__nav{display:flex;align-items:center;gap:8px}.c-header__nav-link{font-family:var(--font-heading);font-size:var(--text-sm);font-weight:500;color:var(--color-grey-300);text-decoration:none;padding:8px 16px;border-radius:var(--radius-sm);transition:var(--transition-normal);cursor:pointer}.c-header__nav-link:hover{color:var(--color-white);background:var(--alpha-white-10);text-decoration:none}.c-header__nav-link.active{color:var(--color-white);background:var(--alpha-primary-30)}.c-header__center{flex:1;display:flex;align-items:center;justify-content:center;gap:12px}.c-header-sensor{display:flex;align-items:center;justify-content:center;min-width:75px;padding:6px 12px;background:var(--alpha-white-10);border:1px solid var(--alpha-white-20);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-normal);font-size:var(--text-xs);font-weight:600;color:var(--color-grey-300);font-family:var(--font-body)}.c-header-sensor:hover{background:var(--alpha-white-20);border-color:var(--alpha-white-30)}.c-header-sensor--hr.c-header-sensor--connected{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-white)}.c-header-sensor--hr.c-header-sensor--connected:hover{background:var(--color-accent-dark);border-color:var(--color-accent-dark)}.c-header-sensor--rpm.c-header-sensor--connected{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-white)}.c-header-sensor--rpm.c-header-sensor--connected:hover{background:var(--color-primary-dark);border-color:var(--color-primary-dark)}.c-header-control{display:flex;align-items:center;justify-content:center;min-width:75px;padding:6px 12px;background:#ffffff26;border:1px solid var(--color-primary);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-normal);font-family:var(--font-heading);font-size:var(--text-xs);font-weight:600;color:var(--color-white);letter-spacing:.5px}.c-header-control:hover{background:var(--alpha-primary-20);border-color:var(--color-primary)}.c-header-control:active{transform:scale(.98)}.c-user-dropdown{position:relative}.c-user-dropdown__trigger{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--alpha-primary-20);border:1px solid rgb(25 99 206 / 40%);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-normal);font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-white);min-width:262px}.c-user-dropdown__trigger:hover{background:var(--alpha-primary-30);border-color:var(--color-primary)}.c-user-dropdown__icon{width:16px;height:16px;color:var(--color-white)}.c-user-dropdown__chevron{margin-left:auto;font-size:var(--text-xs);transition:transform .2s ease}.c-user-dropdown--open .c-user-dropdown__chevron{transform:rotate(180deg)}.c-user-dropdown__menu{position:absolute;top:100%;right:0;left:0;margin-top:4px;max-height:300px;overflow-y:auto;background:var(--color-grey-800);border:1px solid var(--color-grey-700);border-radius:var(--radius-sm);box-shadow:0 8px 24px #0006;z-index:var(--z-dropdown);display:none}.c-user-dropdown--open .c-user-dropdown__menu{display:block}.c-user-dropdown__item{padding:10px 14px;cursor:pointer;transition:var(--transition-fast);font-size:var(--text-sm);color:var(--color-grey-300);border-bottom:1px solid var(--color-grey-700)}.c-user-dropdown__item:last-child{border-bottom:none}.c-user-dropdown__item:hover{background:var(--alpha-white-10);color:var(--color-white)}.c-user-dropdown__item--selected{background:var(--alpha-primary-20);color:var(--color-white)}.c-user-dropdown__item--test{color:var(--color-accent)}.c-account-dropdown{position:relative}.c-account-dropdown__trigger{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--alpha-primary-20);border:1px solid rgb(25 99 206 / 40%);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-normal);font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-white);min-width:225px}.c-account-dropdown__trigger:hover{background:var(--alpha-primary-30);border-color:var(--color-primary)}.c-account-dropdown__icon{font-size:var(--text-lg);filter:brightness(1.5)}.c-account-dropdown__chevron{margin-left:auto;font-size:var(--text-xs);transition:transform .2s ease}.c-account-dropdown--open .c-account-dropdown__chevron{transform:rotate(180deg)}.c-account-dropdown__menu{position:absolute;top:100%;right:0;min-width:260px;margin-top:4px;background:var(--color-grey-800);border:1px solid var(--color-grey-700);border-radius:var(--radius-sm);box-shadow:0 8px 24px #0006;z-index:var(--z-dropdown);display:none}.c-account-dropdown--open .c-account-dropdown__menu{display:block;animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.c-account-dropdown__item{display:flex;align-items:center;gap:12px;padding:12px 16px;cursor:pointer;transition:var(--transition-fast);text-decoration:none;color:var(--color-grey-300);font-size:var(--text-sm);font-family:var(--font-body);border-bottom:1px solid var(--color-grey-700)}.c-account-dropdown__item:last-of-type{border-bottom:none}.c-account-dropdown__item:hover{background:var(--alpha-primary-20);color:var(--color-white);text-decoration:none}.c-account-dropdown__item--logout:hover{background:var(--alpha-accent-20);color:var(--color-white);text-decoration:none}.c-account-dropdown__item-icon{font-size:var(--text-xl);width:20px;height:20px;text-align:center;color:var(--color-white)}.c-account-dropdown__item-icon svg{width:100%;height:100%}.c-account-dropdown__item-label{flex:1}.c-account-dropdown__divider{height:1px;background:var(--color-grey-700);margin:4px 0}@media(max-width:1024px){.c-header{padding:10px 16px;gap:12px}.c-header__nav-link{padding:6px 10px;font-size:var(--text-sm)}.c-header__center{gap:8px}}@media(max-width:768px){.c-header{flex-wrap:wrap;padding:10px 12px}.c-header__logo{height:28px}.c-header__nav{order:3;width:100%;justify-content:center;margin-top:8px}.c-header__nav-link{padding:6px 8px;font-size:var(--text-xs)}.c-header__center{display:none}.c-user-dropdown__trigger{min-width:120px;font-size:var(--text-xs)}}.c-feedback-btn{display:flex;align-items:center;justify-content:center;position:relative;width:40px;height:40px;background:var(--alpha-primary-20);border:1px solid rgb(25 99 206 / 40%);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-normal)}.c-feedback-btn:hover{background:var(--alpha-primary-30);border-color:var(--color-primary)}.c-feedback-btn__icon{width:20px;height:20px;color:var(--color-white)}.c-feedback-btn--pending{background:var(--color-accent);border-color:var(--color-accent)}.c-feedback-btn--pending:hover{background:var(--color-accent-dark);border-color:var(--color-accent-dark)}.c-feedback-btn__badge{position:absolute;top:-6px;right:-6px;display:flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 4px;background:var(--color-white);color:var(--color-accent);font-size:var(--text-xs);font-weight:700;border-radius:999px;font-family:var(--font-heading)}.c-user-dropdown__item{display:flex;align-items:center;justify-content:space-between}.c-user-dropdown__item-name{flex:1}.c-user-dropdown__feedback-icon{margin-left:var(--spacing-sm);font-size:var(--text-base);animation:pulse-feedback 2s infinite}@keyframes pulse-feedback{0%,to{opacity:1}50%{opacity:.5}}.c-bpm-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;z-index:10000;justify-content:center;align-items:center;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.c-bpm-modal__content{background:var(--color-bg-dark, var(--color-grey-900));border:3px solid var(--color-red, var(--color-accent));border-radius:var(--radius-md);padding:40px;max-width:500px;width:90%;text-align:center;box-shadow:0 10px 40px #cc1d4666;animation:slideIn .4s ease}@keyframes slideIn{0%{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}.c-bpm-modal__icon{font-size:var(--text-5xl);margin-bottom:20px;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.c-bpm-modal__content h2{color:var(--color-red, var(--color-accent));font-size:var(--text-3xl);margin:0 0 20px;font-weight:700}.c-bpm-modal__info{color:var(--color-text-primary, var(--color-white));font-size:var(--text-lg);line-height:1.6;margin:0 0 20px}.c-bpm-modal__info strong{color:var(--color-red, var(--color-accent));font-size:var(--text-xl)}.c-bpm-modal__instructions{color:var(--color-text-secondary, var(--color-grey-400));font-size:var(--text-base);line-height:1.8;margin:0 0 30px;padding:20px;background:var(--alpha-white-10);border-radius:var(--radius-sm)}.c-bpm-modal__live{color:var(--color-text-primary, var(--color-white));font-size:var(--text-base);font-weight:600;padding:15px;background:var(--alpha-white-10);border-radius:var(--radius-sm);margin:0 0 30px;border:1px solid var(--alpha-white-20);min-height:50px;display:flex;align-items:center;justify-content:center}.c-bpm-modal__btn{background:var(--color-primary);color:#fff;border:none;padding:16px 40px;font-size:var(--text-lg);font-weight:700;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-slow);width:100%;max-width:300px;text-transform:uppercase}.c-bpm-modal__btn:hover:not(.c-bpm-modal__btn--disabled){background:var(--color-primary-darker);transform:translateY(-2px);box-shadow:0 4px 12px #08c6}.c-bpm-modal__btn:active:not(.c-bpm-modal__btn--disabled){transform:translateY(0)}.c-bpm-modal__btn--disabled{background:var(--color-grey-600, var(--color-grey-600));color:var(--color-grey-400, var(--color-grey-500));cursor:not-allowed;opacity:.6}.c-bpm-modal__btn--disabled:hover{transform:none;box-shadow:none}@media(max-width:600px){.c-bpm-modal__content{padding:30px 20px;max-width:95%}.c-bpm-modal__icon{font-size:var(--text-5xl)}.c-bpm-modal__content h2{font-size:var(--text-2xl)}.c-bpm-modal__info{font-size:var(--text-base)}.c-bpm-modal__info strong{font-size:var(--text-lg)}.c-bpm-modal__instructions{font-size:var(--text-sm);padding:15px}.c-bpm-modal__live{font-size:var(--text-sm);padding:12px}.c-bpm-modal__btn{font-size:var(--text-base);padding:14px 30px}}:root{--color-bg-dark: var(--color-grey-900);--color-red: var(--color-accent);--color-red-hover: var(--color-accent-darker);--color-text-primary: var(--color-white);--color-text-secondary: var(--color-grey-400);--color-grey-400: var(--color-grey-500);--color-grey-600: var(--color-grey-600)}