@import"https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800;900&display=swap";.calibration-view{width:100%;height:100%;background:#050505;position:relative;display:flex;align-items:flex-start;justify-content:center;color:#fff;overflow:hidden;-webkit-user-select:none;user-select:none}.calibration-content{position:absolute;top:5px;left:5px;right:5px;height:24rem;pointer-events:none}.calibration-border{position:absolute;inset:0;border:2px solid rgba(255,255,255,.8);box-shadow:0 0 20px #fff3;z-index:10}.calibration-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:50px 50px;background-position:center;z-index:1}.calibration-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:200px;height:200px;display:flex;align-items:center;justify-content:center;z-index:10}.crosshair-h{position:absolute;width:100vw;height:1px;background:#ffffff4d;left:50%;transform:translate(-50%)}.crosshair-v{position:absolute;width:1px;height:200%;background:#ffffff4d}.center-circle{width:120px;height:120px;border:2px solid var(--color-primary, #FFCC00);border-radius:50%;position:absolute}.center-dot{width:8px;height:8px;background:var(--color-primary, #FFCC00);border-radius:50%;box-shadow:0 0 15px var(--color-primary-glow)}.corner{position:absolute;width:60px;height:60px;border:4px solid #fff;z-index:10}.corner-tl{top:0;left:0;border-right:none;border-bottom:none}.corner-tr{top:0;right:0;border-left:none;border-bottom:none}.corner-bl{bottom:0;left:0;border-right:none;border-top:none}.corner-br{bottom:0;right:0;border-left:none;border-top:none}.axis-label{position:absolute;font-size:.7rem;font-weight:900;color:#ffffff80;letter-spacing:.2em}.axis-label--top{top:15px;left:50%;transform:translate(-50%)}.axis-label--bottom{bottom:15px;left:50%;transform:translate(-50%)}.axis-label--left{left:40px;top:50%;transform:translateY(-50%) rotate(-90deg)}.axis-label--right{right:40px;top:50%;transform:translateY(-50%) rotate(90deg)}.calibration-info{position:absolute;top:30px;left:30px;text-align:left;z-index:20;pointer-events:none}.calibration-info__title{font-size:1rem;font-weight:900;margin-bottom:.2rem;letter-spacing:.05em;color:var(--color-primary, #FFCC00)}.lobby-page{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-md);background:var(--color-bg-app);gap:var(--spacing-lg)}.lobby-back{position:absolute;top:var(--spacing-md);left:var(--spacing-lg);background:var(--color-bg-elevated);border:1px solid var(--color-border);color:var(--color-text-main);font-family:var(--font-main);font-size:.85rem;font-weight:700;padding:.5rem 1.2rem;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-med);display:flex;align-items:center;gap:8px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:var(--z-base);box-shadow:var(--shadow-sm);text-transform:uppercase;letter-spacing:.05em}@media(hover:hover){.lobby-back:hover{background:var(--color-bg-glass-hover);border-color:var(--color-primary);transform:translate(-3px);box-shadow:0 0 15px #ffcc0026}}.lobby-back:active{transform:translate(-1px) scale(.98)}.lobby-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--spacing-xl);width:100%;max-width:440px;display:flex;flex-direction:column;gap:var(--spacing-lg);box-shadow:var(--shadow-card)}.lobby-card__title{font-size:3rem;font-weight:900;background:linear-gradient(135deg,#fc0,#f80);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.lobby-card__sub{color:var(--color-text-muted);margin-top:-var(--spacing-sm);font-size:.9rem}.lobby-label{display:block;font-size:.75rem;font-weight:700;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px}.lobby-name-row{display:flex;flex-direction:column}.lobby-input{background:var(--color-bg-elevated);border:1px solid var(--color-border);color:var(--color-text-main);font-family:var(--font-main);font-size:1.1rem;padding:.75rem 1rem;border-radius:var(--radius-md);outline:none;transition:border-color var(--transition-fast);width:100%}.lobby-input:focus{border-color:var(--color-primary)}.lobby-input--code{font-size:1.8rem;font-weight:800;letter-spacing:.2em;text-align:center;text-transform:uppercase}.lobby-error{color:var(--color-error);background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-md);padding:.6rem 1rem;font-size:.9rem}.lobby-menu-btns{display:flex;flex-direction:column;gap:var(--spacing-md)}.lobby-btn{font-family:var(--font-main);font-weight:800;font-size:1.1rem;border:none;border-radius:var(--radius-lg);padding:1rem 1.8rem;cursor:pointer;transition:all var(--transition-bounce);display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm)}.lobby-btn:active{transform:scale(.96)}.lobby-btn:disabled{opacity:.5;pointer-events:none}.lobby-btn--primary{background:linear-gradient(135deg,#fc0,#f80);color:#1a0f00;box-shadow:0 4px #c60;margin-bottom:4px}.lobby-btn--primary:active{box-shadow:0 0 #c60;transform:translateY(3px);margin-bottom:0;margin-top:4px}.lobby-btn--secondary{background:var(--color-bg-elevated);color:var(--color-text-main);border:1px solid var(--color-border)}@media(hover:hover){.lobby-btn--secondary:hover{background:var(--color-bg-glass-hover)}}.lobby-btn--team{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;font-size:1rem;box-shadow:0 4px #15803d;margin-bottom:4px}.lobby-btn--team:active{box-shadow:0 0 #15803d;transform:translateY(3px);margin-bottom:0;margin-top:4px}.lobby-team-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.lobby-team-card{display:flex;align-items:center;gap:var(--spacing-md);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--spacing-md) var(--spacing-lg);cursor:pointer;font-family:var(--font-main);text-align:left;width:100%;transition:all var(--transition-bounce)}@media(hover:hover){.lobby-team-card:hover{border-color:#22c55e66;transform:translateY(-2px)}}.lobby-team-card__avatar{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;font-size:1.2rem;font-weight:900;display:flex;align-items:center;justify-content:center;flex-shrink:0}.lobby-team-card__info{flex:1;display:flex;flex-direction:column;gap:2px}.lobby-team-card__name{font-size:1rem;font-weight:800;color:var(--color-text-main)}.lobby-team-card__role{font-size:.78rem;color:var(--color-text-muted)}.lobby-team-card__arrow{font-size:.85rem;color:#22c55e;font-weight:700;flex-shrink:0}.lobby-or{text-align:center;color:var(--color-text-dim);font-size:.85rem;padding:var(--spacing-xs) 0}.lobby-page--room{justify-content:flex-start;padding:var(--spacing-md) var(--spacing-xl);padding-left:max(64px,env(safe-area-inset-left));padding-right:max(var(--spacing-xl),env(safe-area-inset-right));overflow:hidden}.lobby-room-header-top{display:flex;justify-content:center;width:100%;margin-bottom:var(--spacing-xs);animation:fadeIn .5s ease-out}.lobby-room-code-card{background:var(--color-bg-card);border:1px solid var(--color-border);padding:var(--spacing-sm) var(--spacing-xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);display:flex;flex-direction:row;align-items:center;gap:var(--spacing-xl);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.lobby-room-label{font-size:.75rem;letter-spacing:.1em;color:var(--color-text-muted);text-transform:uppercase;font-weight:800}.lobby-room-code{font-size:2.2rem;font-weight:900;letter-spacing:.25em;color:var(--color-primary);text-shadow:0 0 20px rgba(255,204,0,.2);margin:0}.lobby-layout-split{display:flex;flex-direction:row;width:100%;max-width:1000px;gap:var(--spacing-2xl);align-items:flex-start;flex:1}.lobby-panel-side{flex:1;display:flex;flex-direction:column;gap:var(--spacing-lg);animation:fadeIn .6s ease-out}.panel-title{font-size:.85rem;font-weight:800;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.15em;padding-left:var(--spacing-sm);border-left:3px solid var(--color-primary);margin:0}.section-v{display:flex;flex-direction:column;gap:var(--spacing-md)}.section-header-row{display:flex;align-items:center;justify-content:space-between;width:100%}.shuffle-btn{background:var(--color-bg-elevated);border:1px solid var(--color-border);color:var(--color-text-main);padding:.4rem 1rem;border-radius:var(--radius-full);font-family:var(--font-main);font-size:.75rem;font-weight:800;cursor:pointer;transition:all var(--transition-med);display:flex;align-items:center;gap:6px;text-transform:uppercase;letter-spacing:.05em;box-shadow:var(--shadow-sm)}@media(hover:hover){.shuffle-btn:hover:not(:disabled){border-color:var(--color-primary);background:var(--color-bg-glass-hover);transform:translateY(-1px);box-shadow:0 4px 12px #ffcc0026}}.shuffle-btn:active:not(:disabled){transform:translateY(1px) scale(.98)}.shuffle-btn:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(1)}.lobby-players-vertical{display:flex;flex-direction:column;gap:var(--spacing-md)}.lobby-players-vertical--host{margin-top:var(--spacing-sm)}.player-slot-v{background:var(--color-bg-card);border:2px solid var(--color-border);border-radius:var(--radius-lg);padding:6px var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-lg);transition:all var(--transition-med);height:4rem;width:100%}.player-slot-v--filled{border-color:var(--color-primary-glow);background:#ffcc0008;box-shadow:var(--shadow-sm)}.player-slot-v__avatar{width:2.375rem;height:2.375rem;border-radius:.625rem;background:linear-gradient(135deg,#fc0,#f80);display:flex;align-items:center;justify-content:center;font-weight:900;font-size:1.1rem;color:#1a0f00}.player-slot-v__info{display:flex;flex-direction:column;min-width:0}.player-slot-v__name{font-weight:800;color:var(--color-text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-slot-v__role{font-size:.75rem;color:var(--color-primary);font-weight:700;text-transform:uppercase}.role-grid-v{display:flex;flex-direction:column;gap:var(--spacing-md)}.role-card-v{background:var(--color-bg-card);border:2px solid var(--color-border);color:var(--color-text-main);border-radius:var(--radius-lg);padding:6px var(--spacing-lg);cursor:pointer;display:flex;align-items:center;gap:var(--spacing-lg);transition:all var(--transition-spring);text-align:left;height:4rem;width:100%}@media(hover:hover){.role-card-v:hover{border-color:var(--color-primary);transform:translate(5px)}}.role-card-v--selected{border-color:var(--color-primary);background:#ffcc001a;box-shadow:var(--shadow-glow-primary)}.role-card-v--taken{opacity:.3;filter:grayscale(1);pointer-events:none}.role-card-v__icon{font-size:1.6rem}.role-card-v__text{display:flex;flex-direction:column}.role-card-v__label{font-size:1rem;font-weight:800}.role-card-v__desc{font-size:.75rem;color:var(--color-text-muted)}.lobby-footer-v{margin-top:auto;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);padding-top:var(--spacing-lg)}@media(max-width:768px)and (orientation:portrait){.lobby-page--room{overflow-y:auto;justify-content:flex-start}.lobby-layout-split{flex-direction:column;gap:var(--spacing-xl)}.lobby-room-code{font-size:2.5rem}}@media(orientation:landscape){.lobby-card{max-width:600px;padding:var(--spacing-lg);gap:var(--spacing-md);flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center}.lobby-menu-btns{width:100%;flex-direction:row;gap:var(--spacing-md)}.lobby-btn{flex:1}#btn-join{margin-top:1.2rem}}.lobby-header-actions{position:absolute;top:var(--spacing-md);right:var(--spacing-lg);z-index:var(--z-base)}.start-game-btn-top{font-family:var(--font-main);font-size:1rem;font-weight:900;background:linear-gradient(135deg,#fc0,#f80);color:#1a0f00;border:none;border-radius:var(--radius-full);padding:.6rem 2rem;cursor:pointer;box-shadow:0 4px #c60,0 8px 20px #ffcc0040;transition:all var(--transition-bounce);text-transform:uppercase;letter-spacing:.05em;display:flex;align-items:center;justify-content:center}@media(hover:hover){.start-game-btn-top:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px #c60,0 10px 25px #ffcc0059}}.start-game-btn-top:active:not(:disabled){transform:translateY(4px);box-shadow:0 0 #c60}.start-game-btn-top:disabled{background:var(--color-bg-elevated);color:var(--color-text-dim);box-shadow:none;cursor:not-allowed;opacity:.6}@keyframes toastSlideIn{0%{opacity:0;transform:translateY(-12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.lobby-exit-toast{position:absolute;top:calc(var(--spacing-md) + 3rem);left:50%;transform:translate(-50%);background:var(--color-bg-card);border:1px solid rgba(255,204,0,.3);border-radius:var(--radius-full);padding:.45rem 1.2rem;display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:var(--color-text-main);box-shadow:0 4px 20px #00000059,0 0 12px #ffcc001a;z-index:50;white-space:nowrap;animation:toastSlideIn .25s var(--transition-spring) both;pointer-events:none}.lobby-exit-toast__icon{font-size:1rem;filter:grayscale(.3)}.fs-modal-overlay{position:fixed;inset:0;z-index:var(--z-top);background:var(--color-bg-app)}.fs-modal-content{width:100vw;height:100vh;position:relative;overflow:hidden}.fs-floating-controls{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);background:#1a182999;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);padding:.75rem 1.5rem;border-radius:var(--radius-full);display:flex;align-items:center;gap:1.5rem;z-index:var(--z-top);box-shadow:0 10px 40px #0006;transition:all var(--transition-med)}@media(hover:hover){.fs-floating-controls:hover{background:#1a1829cc;transform:translate(-50%) translateY(-5px);border-color:var(--color-primary-glow)}}.fs-floating-controls__info{color:var(--color-text-main);font-size:.9rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.fs-floating-btn-group{display:flex;gap:.75rem}.fs-btn-mini{background:var(--color-bg-elevated);border:1px solid var(--color-border);color:var(--color-text-main);width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);font-size:1rem}@media(hover:hover){.fs-btn-mini:hover{background:var(--color-primary);color:var(--color-text-inverse);transform:scale(1.1)}}.fs-done-btn{background:var(--color-primary);color:var(--color-text-inverse);border:none;padding:.6rem 1.5rem;border-radius:var(--radius-full);font-weight:900;font-size:.85rem;cursor:pointer;transition:all var(--transition-fast)}@media(hover:hover){.fs-done-btn:hover{transform:scale(1.05);box-shadow:0 0 15px var(--color-primary-glow)}}.fs-audio-btn{background:var(--color-bg-elevated);border:1px solid var(--color-border);color:var(--color-text-main);width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.1rem;transition:all var(--transition-fast);flex-shrink:0}.fs-audio-btn--playing{background:var(--color-primary);border-color:var(--color-primary);animation:audio-pulse .5s ease-in-out infinite alternate}@keyframes audio-pulse{0%{transform:scale(1)}to{transform:scale(1.15)}}@media(hover:hover){.fs-audio-btn:not(.fs-audio-btn--playing):hover{background:var(--color-primary);border-color:var(--color-primary);transform:scale(1.1)}}.fs-full-preview{width:100%;height:100%;transform:scaleY(var(--app-height-scale, 1));transform-origin:top center}.fs-full-preview .lobby-page{pointer-events:none}.fs-full-preview .lobby-back{pointer-events:auto}.fs-full-preview{width:100%;height:100%;margin:0;padding:0;overflow:hidden}@media(max-width:768px){.fs-floating-controls{bottom:1.5rem;padding:.5rem 1rem;gap:1rem;width:auto;max-width:95vw}.fs-floating-controls__info{display:none}}.fs-view-toggle{position:absolute;top:2rem;right:2rem;z-index:100;background:var(--color-bg-elevated);border:1px solid var(--color-border);color:var(--color-text-main);padding:.6rem 1.2rem;border-radius:var(--radius-lg);font-weight:800;font-size:.8rem;cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;gap:.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.fs-view-toggle:hover{background:var(--color-primary);color:var(--color-text-inverse);transform:translateY(-2px);box-shadow:0 4px 15px var(--color-primary-glow)}@media(max-width:768px){.fs-view-toggle{top:1rem;right:1rem;padding:.4rem .8rem;font-size:.7rem}}.modal-backdrop{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:var(--spacing-md);animation:fadeIn .2s ease}.modal-panel{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-floating);width:100%;max-width:480px;max-height:90vh;overflow:auto}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);border-bottom:1px solid var(--color-border)}.modal-title{font-size:1.2rem;font-weight:700;color:var(--color-text-main)}.modal-close{background:var(--color-bg-elevated);border:1px solid var(--color-border);color:var(--color-text-muted);width:32px;height:32px;border-radius:var(--radius-sm);font-size:.85rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background var(--transition-fast)}@media(hover:hover){.modal-close:hover{background:var(--color-bg-glass-hover);color:var(--color-text-main)}}.modal-body{padding:var(--spacing-lg)}.qrcode-modal{background:transparent!important;border:none!important;box-shadow:none!important;max-width:fit-content!important}.qrcode-modal .modal-body{padding:0!important}.qrcode-modal__content{display:flex;flex-direction:column;align-items:center;justify-content:center}.qrcode-modal__wrapper{background:#fff;padding:2rem;border-radius:1.5rem;display:flex;align-items:center;justify-content:center;line-height:0;transition:transform .3s cubic-bezier(.34,1.56,.64,1);max-width:90vw;max-height:80vh}.qrcode-modal__svg{max-width:100%!important;max-height:100%!important;width:auto!important;height:auto!important}@media(max-width:480px){.qrcode-modal__wrapper{padding:1.5rem;max-width:85vw;max-height:60vh}}@media(hover:hover){.qrcode-modal__wrapper:hover{transform:scale(1.02)}}.pwa-blocker-overlay{position:fixed;inset:0;background:var(--color-bg-app);z-index:var(--z-top);display:flex;align-items:center;justify-content:center;padding:1rem;color:var(--color-text-main);animation:fadeIn .5s ease-out;overflow-y:auto;-webkit-overflow-scrolling:touch}.pwa-blocker-content{max-width:480px;width:100%;background:var(--color-bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:2.5rem 1.5rem;border-radius:var(--radius-xl);box-shadow:var(--shadow-floating);text-align:center;border:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;gap:1.25rem;animation:slideUp .6s cubic-bezier(.16,1,.3,1);margin:auto}.pwa-app-logo{width:100px;height:100px;margin:0 auto .5rem;border-radius:22px;box-shadow:0 10px 30px #0000004d}.pwa-blocker-content h1{font-size:2.5rem;font-weight:800;background:linear-gradient(135deg,var(--color-primary),#fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0}.pwa-subtitle{font-size:1.1rem;color:var(--color-text-muted);line-height:1.4}.pwa-instructions-container{background:#ffffff0d;border-radius:16px;padding:1.5rem;text-align:left;border:1px solid rgba(255,255,255,.05)}.pwa-instruction-step h2{font-size:1.4rem;margin-bottom:1.5rem;color:var(--color-primary);display:flex;align-items:center;gap:.5rem}.pwa-instruction-step ol{padding-left:1.5rem;display:flex;flex-direction:column;gap:1.2rem}.pwa-instruction-step li{font-size:1.05rem;line-height:1.5;color:var(--color-text-main)}.pwa-instruction-step li strong{color:#fff;font-weight:600}.pwa-instruction-step .icon{display:inline-flex;align-items:center;justify-content:center;background:#ffffff1a;width:28px;height:28px;border-radius:6px;font-size:.9rem;margin:0 4px;vertical-align:middle}.pwa-footer{margin-top:1rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1)}.pwa-footer p{font-size:.95rem;color:var(--color-text-muted);font-style:italic}.icon-ios-share{display:inline-block;width:22px;height:22px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='white' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M9 8.25H7.5a2.25 2.25 0 00-2.25 2.25v9a2.25 2.25 0 002.25 2.25h9a2.25 2.25 0 002.25-2.25v-9a2.25 2.25 0 00-2.25-2.25H15m0-3l-3-3m0 0l-3 3m3-3V15' /%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;vertical-align:middle;margin:0 4px}.icon-ios-plus{display:inline-block;width:22px;height:22px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='white' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M12 4.5v15m7.5-7.5h-15' /%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;vertical-align:middle;margin:0 4px;border:1.5px solid white;border-radius:4px}.pwa-pointer-arrow{position:fixed;bottom:-1rem;right:calc(1.5rem + 3px);display:flex;flex-direction:column;align-items:center;color:var(--color-primary);font-weight:700;z-index:var(--z-top);pointer-events:none}.pwa-pointer-arrow span{background:var(--color-primary);color:var(--color-text-inverse);padding:4px 12px;border-radius:20px;font-size:.8rem;margin-bottom:8px;box-shadow:var(--shadow-glow-primary)}.arrow-animation{font-size:3rem;line-height:1;animation:bounce 1.5s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(15px)}}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}@media screen and (max-width:480px){.pwa-blocker-content{padding:2rem 1.25rem;gap:1rem}.pwa-app-logo{width:80px;height:80px}.pwa-blocker-content h1{font-size:1.8rem}.pwa-subtitle{font-size:.95rem}.pwa-instructions-container{padding:1.25rem}.pwa-instruction-step h2{font-size:1.15rem;margin-bottom:1rem}.pwa-instruction-step ol{gap:.8rem;padding-left:1.2rem}.pwa-instruction-step li{font-size:.9rem}.pwa-footer p{font-size:.85rem}}@media screen and (max-height:600px){.pwa-blocker-overlay{align-items:flex-start}.pwa-blocker-content{margin-top:1rem;margin-bottom:1rem}}.home{height:100%;min-height:100%;display:flex;flex-direction:column;background:var(--color-bg-app);overflow-y:auto;-webkit-overflow-scrolling:touch}.home-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--color-border);flex-shrink:0;gap:var(--spacing-md)}.home-header__left{display:flex;justify-content:flex-start}.home-header__center{display:flex;justify-content:center}.home-header__right{display:flex;justify-content:flex-end}.home-header__logo{display:flex;align-items:baseline;gap:6px}.home-header__chain{font-size:1.4rem;font-weight:900;color:var(--color-text-main);letter-spacing:-.02em}.home-header__reaction{font-size:1.4rem;font-weight:900;background:linear-gradient(135deg,#fc0,#f80);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em}.home-header__user{display:flex;align-items:center;gap:var(--spacing-sm)}.home-header__name{font-size:.9rem;font-weight:600;color:var(--color-text-muted)}.home-header__logout{background:var(--color-bg-elevated);border:1px solid var(--color-border);color:var(--color-text-muted);font-family:var(--font-main);font-size:.8rem;font-weight:700;padding:.2rem .85rem;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast)}.home-header__login{background:var(--color-primary);border:1px solid var(--color-primary);color:#0f0e1a;font-family:var(--font-main);font-size:.8rem;font-weight:800;padding:.2rem 1rem;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);box-shadow:0 0 15px var(--color-primary-glow)}@media(hover:hover){.home-header__logout:hover{color:var(--color-text-main);border-color:var(--color-primary)}}@media(hover:hover){.home-header__login:hover{background:var(--color-primary-dark);border-color:var(--color-primary-dark);transform:translateY(-1px);box-shadow:0 0 20px var(--color-primary-glow)}}.home-main{flex:1;padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-md);max-width:800px;width:100%;margin:0 auto}.home-primary-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.home-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);cursor:pointer;font-family:var(--font-main);text-align:left;transition:all var(--transition-bounce);box-shadow:var(--shadow-sm);position:relative;overflow:hidden;transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.home-card:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at top left,color-mix(in srgb,var(--card-color, #FFCC00) 25%,transparent),transparent 80%);pointer-events:none;opacity:.8}[data-theme=light] .home-card:before{background:radial-gradient(ellipse at top left,color-mix(in srgb,var(--card-color, #FFCC00) 35%,transparent),transparent 85%);opacity:.9}@media(hover:hover){.home-card:hover{border-color:color-mix(in srgb,var(--card-color, #FFCC00) 60%,transparent);transform:translateY(-3px);box-shadow:var(--shadow-card),0 10px 30px color-mix(in srgb,var(--card-color, #FFCC00) 25%,transparent)}}@media(hover:hover){[data-theme=light] .home-card:hover{box-shadow:var(--shadow-card),0 10px 40px color-mix(in srgb,var(--card-color, #FFCC00) 40%,transparent)}}.home-card:active{transform:scale(.97)}.home-card--primary{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:var(--spacing-md);padding:1.4rem var(--spacing-lg);min-height:115px}.home-card--primary .home-card__icon{font-size:2.2rem;flex-shrink:0}.home-card--primary .home-card__text{display:flex;flex-direction:column;justify-content:center;align-self:stretch;align-items:flex-end;text-align:right;flex:1;gap:12px}.home-card--primary .home-card__label{font-size:1.5rem;font-weight:900;color:var(--color-text-main);line-height:.9;letter-spacing:-.02em}.home-card--primary .home-card__desc{font-size:.75rem;color:var(--color-text-muted);line-height:1.2}.home-card--secondary{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:1.1rem;min-height:110px}.home-card--secondary .home-card__icon{font-size:1.8rem;margin-bottom:6px}.home-card--secondary .home-card__label{font-size:1.1rem;font-weight:800;color:var(--color-text-main)}.home-card--secondary .home-card__desc{font-size:.72rem;color:var(--color-text-muted)}.home-secondary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-md)}.home-card--locked{opacity:.9;cursor:default;position:relative}@media(hover:hover){.home-card--locked:hover{transform:translateY(-2px)}}.home-card--locked>*:not(.home-card__lock-overlay){filter:grayscale(1);opacity:.6}.home-card__lock-overlay{position:absolute;top:50%;left:0;right:0;background:#fc0;color:#0f0e1a;transform:translateY(-50%) rotate(-3deg);padding:6px 0;text-align:center;font-size:.7rem;font-weight:900;text-transform:uppercase;letter-spacing:.1em;box-shadow:0 4px 15px #0006;z-index:10;width:120%;margin-left:-10%;pointer-events:none;border-top:1px solid rgba(0,0,0,.1);border-bottom:1px solid rgba(0,0,0,.1)}.home-card--locked:after{content:"";position:absolute;inset:0;background:#0000001a;z-index:5}[data-theme=light] .home-card__lock-overlay{background:#fc0;color:#0f0e1a}.home-card--primary .home-card__lock-overlay{top:62%}@media screen and (max-width:600px){.home-secondary-grid{grid-template-columns:1fr 1fr}}@media screen and (orientation:landscape)and (max-height:500px){.home-secondary-grid{grid-template-columns:repeat(4,1fr)}}.login-dropdown{position:absolute;top:calc(100% + 12px);right:0;width:240px;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:0 10px 25px -5px #0003,0 8px 10px -6px #0000001a;padding:var(--spacing-md);z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.login-dropdown__content{display:flex;flex-direction:column;gap:var(--spacing-sm);align-items:center;text-align:center}.login-dropdown__title{font-size:1rem;font-weight:800;color:var(--color-text-main);margin:0}.login-dropdown__text{font-size:.75rem;color:var(--color-text-muted);margin:0;margin-bottom:var(--spacing-xs)}.login-dropdown__error{font-size:.7rem;color:#ef4444;margin:0}.login-dropdown__google-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;background:#fff;color:#333;border:1px solid #ddd;padding:.6rem;border-radius:var(--radius-md);font-family:var(--font-main);font-size:.8rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}@media(hover:hover){.login-dropdown__google-btn:hover:not(:disabled){background:#f8f8f8;border-color:#ccc;transform:translateY(-1px)}}.login-dropdown__google-btn:disabled{opacity:.7;cursor:not-allowed}.login-dropdown__arrow{position:absolute;top:-6px;right:20px;width:12px;height:12px;background:var(--color-bg-card);border-top:1px solid var(--color-border);border-left:1px solid var(--color-border);transform:rotate(45deg)}.u-scale-in{animation:scaleIn .2s ease-out forwards}@keyframes scaleIn{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.login-dropdown__user-info{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;text-align:left}.login-dropdown__avatar{width:40px;height:40px;border-radius:50%;border:2px solid var(--color-primary)}.login-dropdown__user-text{display:flex;flex-direction:column;overflow:hidden}.login-dropdown__user-text .login-dropdown__title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.login-dropdown__divider{width:100%;height:1px;background:var(--color-border);margin:var(--spacing-xs) 0}.login-dropdown__logout-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;background:var(--color-bg-elevated);color:var(--color-text-main);border:1px solid var(--color-border);padding:.6rem;border-radius:var(--radius-md);font-family:var(--font-main);font-size:.85rem;font-weight:700;cursor:pointer;transition:all var(--transition-fast)}@media(hover:hover){.login-dropdown__logout-btn:hover{background:#ef44441a;border-color:#ef4444;color:#ef4444}}.login-dropdown__logout-icon{font-size:1rem}.login-dropdown__action-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;background:var(--color-bg-elevated);color:var(--color-text-main);border:1px solid var(--color-border);padding:.6rem;border-radius:var(--radius-md);font-family:var(--font-main);font-size:.85rem;font-weight:700;cursor:pointer;transition:all var(--transition-fast)}@media(hover:hover){.login-dropdown__action-btn:hover{background:#ffcc001a;border-color:var(--color-primary);color:var(--color-primary)}}.login-dropdown__icon{font-size:1rem}.login-dropdown__legal-links{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.25rem;width:100%;padding:.1rem 0 .15rem}.login-dropdown__legal-links--login{margin-top:.25rem}.login-dropdown__legal-label{font-size:.68rem;color:var(--color-text-dim);line-height:1.4;text-align:center}.login-dropdown__legal-sep{font-size:.68rem;color:var(--color-text-dim)}.login-dropdown__legal-btn{background:none;border:none;padding:0;font-family:var(--font-main);font-size:.68rem;color:var(--color-text-muted);cursor:pointer;text-decoration:underline;text-underline-offset:2px;transition:color var(--transition-fast)}.login-dropdown__legal-btn:hover{color:var(--color-primary)}.theme-toggle{background:var(--color-bg-elevated);border:1px solid var(--color-border);color:var(--color-text-main);width:36px;height:36px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);padding:0;font-size:1.2rem}@media(hover:hover){.theme-toggle:hover{background:var(--color-bg-glass-hover);border-color:var(--color-primary);transform:translateY(-2px);box-shadow:var(--shadow-sm)}}.theme-toggle:active{transform:translateY(0) scale(.95)}.theme-toggle__icon{display:flex;align-items:center;justify-content:center}.loading-wrapper{display:flex;align-items:center;justify-content:center;padding:var(--spacing-xl);padding-bottom:10vh;min-height:200px}.loading-wrapper--full{position:fixed;inset:0;background:var(--color-bg-app);z-index:9999;min-height:100vh}.loading-spinner{position:relative;width:50px;height:50px}.spinner-ring{box-sizing:border-box;display:block;position:absolute;width:44px;height:44px;margin:3px;border:3px solid transparent;border-radius:50%;animation:spinner-rotate 1.2s cubic-bezier(.5,0,.5,1) infinite;border-top-color:var(--color-primary)}.spinner-dot{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:6px;height:6px;background:var(--color-primary);border-radius:50%;box-shadow:0 0 10px var(--color-primary-glow);animation:spinner-pulse 1.2s ease-in-out infinite}@keyframes spinner-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spinner-pulse{0%,to{opacity:.5;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.5)}}.profile-container{height:100dvh;padding:var(--spacing-md) var(--spacing-xl);background:var(--color-bg-app);color:var(--color-text-main);display:flex;flex-direction:column;gap:var(--spacing-md);overflow:hidden;-webkit-overflow-scrolling:touch;animation:fadeIn .5s ease-out}.profile-nav{display:flex;align-items:center;gap:var(--spacing-md);height:50px;max-width:1400px;margin:0 auto;width:100%}.btn-back{background:var(--color-bg-glass);border:1px solid var(--color-border);color:var(--color-text-main);width:36px;height:36px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition-med);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.btn-back:hover{background:var(--color-bg-glass-hover);transform:translate(-4px)}.profile-nav h1{font-size:1.25rem;font-weight:800;margin:0;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.profile-content{display:flex;gap:var(--spacing-lg);flex:1;min-height:0;max-width:1400px;margin:0 auto;width:100%}.profile-sidebar{flex:0 0 calc(33.33% - (var(--spacing-lg) * 2 / 3));display:flex;flex-direction:column;gap:var(--spacing-md);height:100%;min-width:0}.profile-info-card{background:var(--color-bg-glass);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);display:flex;flex-direction:column;flex:1;min-width:0}.profile-user-header{display:flex;align-items:center;gap:var(--spacing-md);width:100%;margin-bottom:var(--spacing-xl)}.avatar-wrapper{flex:0 0 33.33%;display:flex;justify-content:center;min-width:0}.avatar{position:relative;width:32px;height:32px;background:var(--color-bg-elevated);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:800;color:var(--color-primary);overflow:visible}.avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.avatar:after{content:"";position:absolute;inset:-3px;border-radius:50%;border:2px solid var(--color-primary);box-shadow:var(--shadow-glow-primary);opacity:.6;pointer-events:none}.avatar img{width:100%;height:100%;object-fit:cover}.username{flex:1;font-size:1.1rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.profile-footer-actions{width:100%;display:flex;flex-direction:column;gap:var(--spacing-sm)}.btn-tab{background:var(--color-bg-glass);border:1px solid var(--color-border);color:var(--color-text-main);padding:1.25rem var(--spacing-md);border-radius:var(--radius-md);font-size:.95rem;font-weight:700;cursor:pointer;transition:var(--transition-med);text-align:left;display:flex;align-items:center;gap:var(--spacing-sm)}.btn-tab:hover{background:var(--color-bg-glass-hover);color:var(--color-text-main)}.btn-tab.active{background:var(--color-primary-glow);border-color:var(--color-primary);color:var(--color-primary);box-shadow:var(--shadow-glow-primary)}[data-theme=light] .btn-tab.active{background:var(--color-primary);color:#0f0e1a;border-color:var(--color-primary)}.profile-stats-middle{flex:0 0 calc(28% - (var(--spacing-lg) * 2 / 3));display:flex;flex-direction:column;gap:var(--spacing-md);height:100%;min-width:0}.hero-stat-card{background:var(--color-bg-glass);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-xs) var(--spacing-md);display:flex;align-items:center;gap:var(--spacing-md);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);flex:0 0 auto;min-height:60px;transition:var(--transition-med)}.hero-stat-card:hover{border-color:var(--color-primary);background:var(--color-bg-glass-hover);transform:translateY(-2px)}.hero-stat-icon{font-size:1.5rem;width:44px;height:44px;background:var(--color-bg-elevated);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 10px var(--color-border)}.hero-stat-info{display:flex;flex-direction:column}.hero-stat-label{font-size:.85rem;color:var(--color-text-muted);font-weight:800;text-transform:uppercase;letter-spacing:.05em}.hero-stat-value{font-size:1.5rem;font-weight:900;color:var(--color-text-main);background:linear-gradient(to right,var(--color-text-main),var(--color-text-muted));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.quick-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md);flex:1}.mini-stat{background:var(--color-bg-glass);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-md);border:1px solid var(--color-border);display:flex;flex-direction:column;justify-content:center;gap:2px;transition:var(--transition-fast)}.mini-stat:hover{background:var(--color-bg-glass-hover);border-color:var(--color-primary)}.mini-stat-label{font-size:.7rem;color:var(--color-text-muted);font-weight:700;text-transform:uppercase}.mini-stat-value{font-size:1.1rem;font-weight:800;color:var(--color-primary)}.chart-card{background:var(--color-bg-glass);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;flex-direction:column;height:100%}.chart-card h3{margin:0 0 var(--spacing-md) 0;font-size:.95rem;display:flex;align-items:center;gap:var(--spacing-sm)}.chart-wrapper{flex:1;width:100%;min-height:0}.history-container{display:flex;flex-direction:column;height:100%}.history-header{display:grid;grid-template-columns:120px 1fr 1fr 1fr 100px;padding:var(--spacing-md) var(--spacing-lg);background:var(--color-bg-glass);border-radius:var(--radius-md) var(--radius-md) 0 0;border-bottom:1px solid var(--color-border)}.header-label{font-size:.8rem;color:var(--color-text-main);text-transform:uppercase;font-weight:700;letter-spacing:.05em;opacity:.8}.header-label.center{text-align:center;font-size:1rem}.history-list{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-right:var(--spacing-xs);display:flex;flex-direction:column;background:transparent;border-radius:0 0 var(--radius-md) var(--radius-md)}.history-item.slim{display:grid;align-items:center;padding:var(--spacing-md) var(--spacing-lg);grid-template-columns:120px 1fr 1fr 1fr 100px;background:transparent;border:none;border-bottom:1px solid var(--color-border);transition:var(--transition-fast)}.history-item.slim:last-child{border-bottom:none}.history-item.slim:hover{background:var(--color-bg-glass-hover);transform:scale(1.002)}.history-date-it{font-size:.95rem;font-weight:700;color:var(--color-text-main)}.history-stat-value{font-size:1.1rem;font-weight:800;text-align:center}.history-stat-value.success{color:var(--color-success)}.history-stat-value.error{color:var(--color-error)}.history-stat-value.white{color:var(--color-text-main)}.history-stat-value.score-yellow{color:var(--color-secondary);font-size:1.5rem;font-weight:900;text-align:right;text-shadow:0 0 15px rgba(250,204,21,.4)}.no-history{text-align:center;padding:var(--spacing-2xl);color:var(--color-text-muted);font-style:italic}@media(max-width:1000px){.profile-content{grid-template-columns:1fr 1fr}.profile-stats-middle{grid-column:2}.chart-card{grid-column:1 / span 2}}@media(max-width:768px){.profile-container{height:auto;min-height:100dvh;overflow-y:auto}.profile-content{display:flex;flex-direction:column;height:auto;flex:none}.history-list{overflow-y:visible!important;height:auto!important;flex:none!important}.history-container,.chart-card,.profile-stats-middle,.profile-sidebar{height:auto!important;flex:none!important}.history-item.slim{grid-template-columns:1fr 1fr;gap:var(--spacing-sm)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.custom-tooltip{background:var(--color-bg-elevated)!important;border:1px solid var(--color-border)!important;border-radius:var(--radius-md)!important;padding:var(--spacing-sm) var(--spacing-md)!important}.tooltip-label{font-size:.7rem;color:var(--color-text-muted)}.tooltip-value{font-size:1rem;font-weight:800;color:var(--color-primary)}.game-hud{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-lg);background:var(--color-bg-surface);border-bottom:1px solid var(--color-border);height:80px;flex-shrink:0;gap:var(--spacing-md)}.hud-exit{background:var(--color-bg-elevated);border:1px solid var(--color-error);color:var(--color-error);padding:0 var(--spacing-md);height:44px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.85rem;font-weight:900;letter-spacing:.05em;transition:all var(--transition-fast);margin-left:var(--spacing-sm)}.hud-score{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:64px;height:100%;padding-top:4px}.hud-score__value{font-size:2.3rem;font-weight:900;color:var(--color-primary);line-height:.9;font-variant-numeric:tabular-nums}.hud-score__label{font-size:.75rem;font-weight:800;color:var(--color-text-dim);letter-spacing:.1em;text-transform:uppercase}.hud-timer{position:relative;width:68px;height:68px;display:flex;align-items:center;justify-content:center;color:var(--color-primary);flex-shrink:0}.hud-timer__ring{position:absolute;inset:0;width:100%;height:100%}.hud-timer__value{position:relative;font-size:1.4rem;font-weight:900;font-variant-numeric:tabular-nums}.hud-timer--warning{color:var(--color-warning)}.hud-timer--urgent{color:var(--color-error);animation:pulse .8s ease-in-out infinite}.hud-passes{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:64px;margin-right:var(--spacing-sm);height:100%;padding-top:4px}.hud-passes__dots{display:flex;gap:6px}.hud-dot{width:15px;height:15px;border-radius:50%;transition:all var(--transition-med)}.hud-dot--active{background:var(--color-secondary);box-shadow:0 0 10px var(--color-secondary)}.hud-dot--used{background:var(--color-bg-elevated);border:1px solid var(--color-border)}.hud-passes__label{font-size:.75rem;font-weight:800;color:var(--color-text-dim);letter-spacing:.1em;text-transform:uppercase}@media screen and (max-height:480px){.game-hud{height:48px;padding:4px var(--spacing-md)}.hud-exit{height:32px;padding:0 var(--spacing-sm);font-size:.7rem}.hud-score__value{font-size:1.4rem}.hud-timer{width:42px;height:42px}.hud-timer__value{font-size:.9rem}.hud-dot{width:8px;height:8px}.hud-passes__label,.hud-score__label{display:none}}.word-display{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--spacing-md)}.word-display__card{background:var(--color-bg-card);border:2px solid var(--color-border-glow);border-radius:var(--radius-xl);box-shadow:var(--shadow-glow-primary),var(--shadow-card);padding:var(--spacing-2xl);text-align:center;width:100%;max-width:620px;min-height:220px;display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(.88) translateY(10px) translate(-12px);transition:opacity .25s var(--transition-bounce),transform .35s var(--transition-spring)}.word-display__card--visible{opacity:1;transform:scale(1) translateY(0) translate(-12px)}.word-display__text{font-size:clamp(2.5rem,8vw,5rem);font-weight:900;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-main);text-shadow:0 0 40px rgba(255,204,0,.2);line-height:1.1}@media screen and (max-height:420px){.word-display{padding:var(--spacing-sm)}.word-display__card{min-height:80px;padding:var(--spacing-md) var(--spacing-xl)}.word-display__text{font-size:clamp(2rem,7vw,3.5rem)}}.outcome-panel{position:absolute;inset:0;background:#0f0e1af5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-md);z-index:var(--z-overlay);border-radius:inherit}.outcome-panel__header{display:flex;flex-direction:column;align-items:center;gap:2px}.outcome-panel__label{font-size:.8rem;text-transform:uppercase;letter-spacing:.15em;color:var(--color-text-muted)}.outcome-panel__word{font-size:clamp(2rem,6vw,3.5rem);font-weight:900;text-transform:uppercase;color:var(--color-primary);text-shadow:0 0 30px var(--color-primary-glow)}.outcome-panel__buttons{display:flex;gap:var(--spacing-md);width:100%;max-width:720px}.outcome-btn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:none;border-radius:var(--radius-lg);cursor:pointer;padding:var(--spacing-xl);min-height:240px;transition:transform var(--transition-bounce),box-shadow var(--transition-fast);position:relative;overflow:hidden;outline:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.outcome-btn:before{content:"";position:absolute;inset:0;background:#fff0;transition:background var(--transition-fast)}@media(hover:hover){.outcome-btn:hover:before{background:#ffffff1a}}.outcome-btn:active{transform:scale(.95)}.outcome-btn:focus{outline:none}.outcome-btn:disabled{opacity:.35;pointer-events:none}.outcome-btn--correct{background:linear-gradient(145deg,#1a4a2a,#22c55e33);border:1px solid var(--color-success);box-shadow:0 0 20px #22c55e33}.outcome-btn--wrong{background:linear-gradient(145deg,#4a1a1a,#ef444433);border:1px solid var(--color-error);box-shadow:0 0 20px #ef444433}.outcome-btn--pass{background:linear-gradient(145deg,#2a2a1a,#f59e0b33);border:1px solid var(--color-warning);box-shadow:0 0 20px #f59e0b33}.outcome-report-mini{position:absolute;top:75px;right:25px;display:flex;flex-direction:column;align-items:center;gap:2px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);padding:6px 10px;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);z-index:10}.outcome-report-mini:hover{background:#ef444426;transform:translateY(-2px)}.outcome-report-mini:active{transform:translateY(0)}.outcome-report-mini__icon{font-size:1.2rem}.outcome-report-mini__text{font-size:.6rem;font-weight:900;letter-spacing:.02em;color:#fcc;text-transform:uppercase}.outcome-btn__icon{font-size:3rem;font-weight:900;line-height:1}.outcome-btn--correct .outcome-btn__icon{color:var(--color-success)}.outcome-btn--wrong .outcome-btn__icon{color:var(--color-error)}.outcome-btn--pass .outcome-btn__icon{color:var(--color-warning)}.outcome-btn__text{font-size:1.8rem;font-weight:800;letter-spacing:.05em;color:var(--color-text-main)}.outcome-btn__sub{font-size:1rem;color:var(--color-text-muted);font-weight:600}.outcome-panel__cancel{background:none;border:none;color:var(--color-text-dim);font-size:.8rem;cursor:pointer;text-decoration:underline;font-family:var(--font-main);padding:var(--spacing-sm);transition:color var(--transition-fast)}@media screen and (max-height:480px){.outcome-btn{min-height:120px;padding:var(--spacing-sm)}.outcome-btn__icon{font-size:1.8rem}.outcome-btn__text{font-size:1.1rem}.outcome-panel__word{font-size:clamp(1.5rem,5vw,2.5rem)}}@media screen and (max-height:480px){.outcome-report-mini{top:45px;right:15px;min-width:auto;padding:4px 8px}.outcome-report-mini__text{display:none}}.outcome-timer{width:100%;max-width:800px;height:6px;background:var(--color-bg-elevated);border-radius:var(--radius-full);overflow:hidden;margin-top:var(--spacing-lg);position:relative;box-shadow:inset 0 1px 3px #0000004d}.outcome-timer__bar{height:100%;width:100%;background:var(--color-primary);box-shadow:0 0 15px var(--color-primary-glow);animation:outcome-exhaustion 5s linear forwards}@keyframes outcome-exhaustion{0%{width:100%;background:var(--color-success);box-shadow:0 0 15px #22c55e66}50%{background:var(--color-warning);box-shadow:0 0 15px #f59e0b66}to{width:0%;background:var(--color-error);box-shadow:0 0 15px #ef444466}}.outcome-panel__cancel{background:none;border:none;color:var(--color-text-dim);font-size:.9rem;cursor:pointer;text-decoration:underline;font-family:var(--font-main);padding:var(--spacing-md);margin-top:var(--spacing-sm);transition:color var(--transition-fast)}@media(hover:hover){.outcome-panel__cancel:hover{color:var(--color-text-muted)}}.end-screen{position:absolute;inset:0;display:flex;flex-direction:column;background:var(--color-bg-app);padding:8vh var(--spacing-xl) 4vh;z-index:var(--z-overlay)}.end-screen__main{flex:1;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:5vw;width:100%;max-width:1200px;margin:0 auto}.end-screen__stats{flex:1.2;display:flex;flex-direction:column;align-items:center;gap:4px}.end-screen__history{flex:.8;align-self:stretch;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-md);box-shadow:var(--shadow-md);min-height:0}.end-history__title{font-size:1.1rem;font-weight:800;text-transform:uppercase;color:var(--color-text-dim);letter-spacing:.1em;margin-bottom:5px}.end-history__list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:10px;padding-right:10px}.end-history__list::-webkit-scrollbar{width:6px}.end-history__list::-webkit-scrollbar-track{background:transparent}.end-history__list::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:10px}.end-history__item{display:flex;justify-content:space-between;align-items:center;padding:12px 18px;background:#ffffff08;border-radius:var(--radius-md);font-weight:700;font-size:1.1rem;border-left:5px solid transparent}.end-history__item--correct{border-left-color:var(--color-success);color:var(--color-success);background:#22c55e14}.end-history__item--wrong{border-left-color:var(--color-error);color:var(--color-error);background:#ef444414}.end-history__item--pass{border-left-color:var(--color-warning);color:var(--color-warning);background:#f59e0b14}.end-history__status{font-family:monospace;font-size:1.4rem;font-weight:900}.end-history__empty{color:var(--color-text-dim);text-align:center;margin-top:40px;font-style:italic}.end-history__double-badge{display:inline-block;margin-left:6px;font-size:.9em;vertical-align:middle;animation:badgePop .3s var(--transition-bounce) both}@keyframes badgePop{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.end-screen__title{font-size:clamp(1.5rem,4vw,2.2rem);font-weight:900;color:var(--color-text-muted);margin-bottom:15px}.end-screen__score{display:flex;flex-direction:column;align-items:center;gap:10px}.end-screen__score-value{font-size:clamp(8rem,20vw,12rem);font-weight:900;line-height:.9;background:linear-gradient(135deg,#fc0,#f80);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.end-screen__score-label{font-size:1.2rem;font-weight:700;color:var(--color-text-dim);letter-spacing:.2em}.end-stat{display:flex;flex-direction:column;min-width:100px;text-align:center}.end-stat__v{font-size:2.5rem;font-weight:900;line-height:1}.end-stat__l{font-size:.75rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.end-stat--correct .end-stat__v{color:var(--color-success)}.end-stat--wrong .end-stat__v{color:var(--color-error)}.end-stat--pass .end-stat__v{color:var(--color-warning)}.end-screen__left{align-items:center;text-align:center}.end-screen__right{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:var(--spacing-lg);width:100%;margin-top:-10px}@media screen and (max-width:900px){.end-screen{padding:4vh var(--spacing-sm) 0}.end-screen__main{flex-direction:row;gap:var(--spacing-md);align-items:stretch;padding-bottom:var(--spacing-md)}.end-screen__stats{flex:1;justify-content:center;gap:4px}.end-screen__history{flex:1.2;height:auto;max-height:70vh}.end-screen__score-value{font-size:5.5rem}.end-screen__title{font-size:1.2rem;margin-bottom:5px}.end-stat__v{font-size:1.8rem}.end-stat{min-width:70px}.end-screen__footer{padding:var(--spacing-md) var(--spacing-sm) var(--spacing-lg);background:var(--color-bg-app);box-shadow:0 -10px 20px #0003;z-index:10;gap:var(--spacing-sm)}.restart-btn,.home-btn,.changeroles-btn{padding:.8rem 1.2rem;font-size:1rem;flex:1;min-width:0}.end-history__item{padding:8px 12px;font-size:.9rem}.end-history__status{font-size:1.1rem}}.end-screen__footer{display:flex;justify-content:center;align-items:center;width:100%;gap:var(--spacing-xl);margin-top:auto;padding-top:var(--spacing-sm);padding-bottom:var(--spacing-md)}.end-screen__waiting{color:var(--color-text-muted);font-weight:700;font-size:1.2rem;font-style:italic;text-transform:uppercase;letter-spacing:.1em}.restart-btn{background:linear-gradient(135deg,#fc0,#f80);color:#1a0f00;font-family:var(--font-main);font-size:1.8rem;font-weight:900;border:none;border-radius:var(--radius-md);padding:1.1rem 4rem;cursor:pointer;box-shadow:0 6px #c80;transition:transform .1s}.restart-btn:active{transform:translateY(2px);box-shadow:0 0 #c80}.home-btn{background:var(--color-bg-card);border:1px solid var(--color-border);color:var(--color-text-main);font-size:1.6rem;font-weight:700;border-radius:var(--radius-md);padding:1.1rem 3rem;cursor:pointer}.changeroles-btn{background:linear-gradient(135deg,#00c9b1,#0097a7);color:#fff;font-family:var(--font-main);font-size:1.4rem;font-weight:900;border:none;border-radius:var(--radius-md);padding:1.1rem 2.5rem;cursor:pointer;box-shadow:0 6px #006f79;transition:transform .1s;white-space:nowrap}.changeroles-btn:active{transform:translateY(2px);box-shadow:0 0 #006f79}@media screen and (max-height:480px){.end-screen{padding:6vh var(--spacing-xl) 6vh}.end-screen__main{gap:var(--spacing-xl)}.end-screen__title{font-size:1.2rem}.end-screen__score-value{font-size:5.5rem}.end-screen__score-label{font-size:1rem}.end-stat__v{font-size:2.2rem}.end-stat{min-width:120px}.end-screen__footer{margin-top:auto;padding-top:var(--spacing-xs);padding-bottom:var(--spacing-sm)}.restart-btn,.home-btn,.changeroles-btn{padding:1rem 2rem;font-size:1.2rem}}.local-game{width:100%;height:100dvh;display:flex;flex-direction:column;background:var(--color-bg-app);overflow:hidden}.local-game__main{flex:1;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--spacing-lg);overflow:hidden;padding-top:6vh}.local-game__main .word-display{flex:none;width:100%}.game-overlay__content{display:flex;flex-direction:column;align-items:center;gap:40px;text-align:center;padding:var(--spacing-xl)}.game-overlay__title{font-size:clamp(2.5rem,8vw,4rem);font-weight:900;text-align:center;background:linear-gradient(135deg,#fc0,#f80);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.game-overlay__sub{color:var(--color-text-muted);font-size:1rem;font-weight:500}.game-overlay__loading{color:var(--color-text-muted);font-size:1.1rem}.start-btn{background:linear-gradient(135deg,#fc0,#f80);color:#1a0f00;font-family:var(--font-main);font-size:clamp(1.8rem,6vw,2.5rem);font-weight:900;letter-spacing:.1em;border:none;border-radius:var(--radius-full);padding:1.5rem 4.5rem;cursor:pointer;box-shadow:0 8px #c80,0 0 50px #fc06;margin-bottom:8px;transition:transform var(--transition-bounce),box-shadow var(--transition-fast)}.start-btn:active{transform:translateY(5px) scale(.97);box-shadow:0 0 #c80;margin-top:6px;margin-bottom:0}.back-link{background:none;border:none;color:var(--color-text-dim);font-family:var(--font-main);font-size:.9rem;cursor:pointer;transition:color var(--transition-fast)}@media(hover:hover){.back-link:hover{color:var(--color-text-muted)}}.local-game__controls{display:flex;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-md);flex-shrink:0;width:100%}.stop-btn{width:100%;max-width:400px;background:linear-gradient(135deg,#f43,#c20);color:#fff;font-family:var(--font-main);font-size:clamp(1.5rem,5vw,2.5rem);font-weight:900;letter-spacing:.1em;border:none;border-radius:var(--radius-lg);cursor:pointer;box-shadow:0 5px #910,0 0 30px #ff443359;padding:var(--spacing-md);min-height:80px;margin-bottom:5px;transition:transform var(--transition-fast),box-shadow var(--transition-fast);outline:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}@media(hover:hover){.stop-btn:hover{opacity:.9}}.stop-btn:active{transform:translateY(4px) scale(.97);box-shadow:0 0 #910;margin-top:5px;margin-bottom:0}.pass-btn{flex:1;background:var(--color-bg-card);border:1px solid var(--color-warning);color:var(--color-warning);font-family:var(--font-main);font-size:.9rem;font-weight:700;border-radius:var(--radius-lg);cursor:pointer;min-height:80px;transition:all var(--transition-fast)}@media(hover:hover){.pass-btn:hover{background:#f59e0b1f}}.pass-btn:active{transform:scale(.95)}.pass-btn:disabled{opacity:.3;pointer-events:none}.mp-game{height:100dvh;display:flex;flex-direction:column;background:var(--color-bg-app);overflow:hidden}.mp-game__main{flex:1;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden}.mp-game--loading,.mp-waiting{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:var(--spacing-md);text-align:center;padding:var(--spacing-xl)}.mp-waiting__indicator{position:relative;width:80px;height:80px;margin-bottom:var(--spacing-md);display:flex;align-items:center;justify-content:center}.pulse-circle{position:absolute;width:100%;height:100%;border-radius:50%;background:var(--color-primary);opacity:0;animation:waiting-pulse 2s cubic-bezier(.4,0,.6,1) infinite}.pulse-circle:nth-child(2){animation-delay:1s}@keyframes waiting-pulse{0%{transform:scale(.5);opacity:0}50%{opacity:.25}to{transform:scale(1.5);opacity:0}}.mp-waiting p{font-size:1.4rem;font-weight:700;color:var(--color-text-main)}.mp-waiting__sub{font-size:.9rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.1em}.mp-waiting__icon{font-size:3rem;animation:pulse 2s ease-in-out infinite}.mp-game__controls{display:flex;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-md);flex-shrink:0;width:100%}.guesser-stop-btn{width:90%;max-width:500px;background:linear-gradient(135deg,#f43,#c20);color:#fff;font-family:var(--font-main);font-size:clamp(2.5rem,10vw,4.5rem);font-weight:900;letter-spacing:.1em;border:none;border-radius:var(--radius-lg);cursor:pointer;box-shadow:0 8px #910,0 0 40px #f436;padding:var(--spacing-lg);min-height:200px;margin-bottom:8px;transition:transform var(--transition-fast),box-shadow var(--transition-fast);outline:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.guesser-stop-btn:active{transform:translateY(6px) scale(.98);box-shadow:0 2px #910;margin-bottom:2px}.mp-game--end{display:flex;align-items:center;justify-content:center;height:100dvh;background:var(--color-bg-app)}.game-overlay--interruption{background:#000000d9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:2000}.interruption-modal{background:var(--color-bg-surface);padding:var(--spacing-xl);border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:0 20px 40px #0006;text-align:center;max-width:400px;width:90%;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md)}.interruption-modal__icon{font-size:3rem;margin-bottom:var(--spacing-sm)}.interruption-modal__title{font-size:1.8rem;font-weight:900;color:var(--color-error);margin:0}.interruption-modal__text{font-size:1.1rem;color:var(--color-text-main);margin:0}.interruption-modal__sub{font-size:.9rem;color:var(--color-text-dim);margin:0}.countdown-bar{width:100%;height:6px;background:var(--color-bg-elevated);border-radius:var(--radius-full);overflow:hidden;margin-top:var(--spacing-md)}.countdown-bar__fill{height:100%;background:var(--color-error);transition:width .1s linear}.game-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:var(--color-bg-app);z-index:var(--z-overlay)}.countdown-number{font-size:clamp(6rem,25vw,14rem);font-weight:900;text-align:center;background:linear-gradient(135deg,#fc0,#f80);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:countdownPulse .85s var(--transition-bounce) forwards;display:block;transform:translateY(-20px)}.mp-ready-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%}.guesser-ready-btn{width:90%;max-width:500px;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;font-family:var(--font-main);font-size:clamp(2.5rem,10vw,4.5rem);font-weight:900;letter-spacing:.1em;border:none;border-radius:var(--radius-lg);cursor:pointer;box-shadow:0 8px #15803d,0 0 40px #22c55e66;padding:var(--spacing-lg);min-height:200px;margin-bottom:8px;transition:transform var(--transition-fast),box-shadow var(--transition-fast);outline:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.guesser-ready-btn:active{transform:translateY(6px) scale(.98);box-shadow:0 2px #15803d;margin-bottom:2px}.mp-ready-screen{gap:var(--spacing-xl)}.double-btn{display:flex;flex-direction:column;align-items:center;gap:6px;padding:var(--spacing-md) var(--spacing-lg);background:var(--color-bg-elevated);border:2px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);color:var(--color-text-muted);outline:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;width:90%;max-width:300px;margin:0 auto}.double-btn__icon{font-size:1.8rem;filter:grayscale(1);transition:filter var(--transition-fast)}.double-btn__text{font-family:var(--font-main);font-size:1.2rem;font-weight:900;letter-spacing:.12em}.double-btn__sub{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-dim)}.double-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.double-btn--active{background:linear-gradient(135deg,#2d1b00,#1a0f00);border-color:#fc0;color:#fc0;box-shadow:0 0 24px #ffcc0059,0 4px #c80;animation:doubleGlow 1.6s ease-in-out infinite alternate}.double-btn--active .double-btn__icon{filter:grayscale(0);animation:lightningPulse .8s ease-in-out infinite alternate}.double-btn--active .double-btn__sub{color:#ffb300}@keyframes doubleGlow{0%{box-shadow:0 0 18px #ffcc004d,0 4px #c80}to{box-shadow:0 0 36px #fc09,0 4px #c80}}@keyframes lightningPulse{0%{transform:scale(1)}to{transform:scale(1.2) rotate(-5deg)}}.topbar{display:flex;align-items:center;justify-content:space-between;min-height:70px;max-width:1400px;margin:0 auto;width:100%;padding:24px var(--spacing-xl) 12px;flex-shrink:0;background:transparent;box-sizing:border-box;z-index:100;position:relative}.topbar__back{background:var(--color-bg-glass);border:1px solid var(--color-border);color:var(--color-text-main);width:36px;height:36px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition-med);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);flex-shrink:0;font-family:inherit}@media(hover:hover){.topbar__back:hover{background:var(--color-bg-glass-hover);transform:translate(-4px)}}.topbar__back:active{transform:scale(.92)}.topbar__left{display:flex;align-items:center;gap:var(--spacing-md);flex:1 1 0%;min-width:100px}.topbar__center{display:flex;align-items:center;justify-content:center;flex:0 1 auto;min-width:0}.topbar__right{display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-sm);flex:1 1 0%;min-width:100px}.topbar__title{font-size:1.25rem;font-weight:800;margin:0;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.topbar__actions{display:flex;align-items:center;gap:var(--spacing-sm)}.topbar__login{background:var(--color-primary);border:1px solid var(--color-primary);color:#0f0e1a;font-family:var(--font-main);font-size:.75rem;font-weight:800;padding:.3rem .8rem;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);box-shadow:0 0 10px var(--color-primary-glow)}@media(hover:hover){.topbar__login:hover{background:var(--color-primary-dark);border-color:var(--color-primary-dark);transform:translateY(-1px);box-shadow:0 0 15px var(--color-primary-glow)}}.training-page{min-height:100dvh;display:flex;flex-direction:column;background:var(--color-bg-app)}.training-container{flex:1;padding:var(--spacing-lg) 3.5rem;display:flex;flex-direction:column;gap:var(--spacing-md);max-width:850px;width:100%;margin:0 auto}@media(max-width:768px){.training-container{padding:var(--spacing-lg)}}.training-empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:var(--spacing-md);padding-bottom:15vh}.training-empty-icon{font-size:3rem;margin-bottom:var(--spacing-sm)}.training-empty-text{font-size:1rem;font-weight:600;color:var(--color-text-main);margin:0}} .training-team-header{position:relative}.training-team-pill{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);background:var(--color-bg-glass);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:.5rem var(--spacing-md);font-family:var(--font-main);font-size:.85rem;font-weight:700;color:var(--color-text-main);cursor:pointer;transition:all var(--transition-fast);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}@media(hover:hover){.training-team-pill:hover{border-color:#fc06;background:var(--color-bg-glass-hover)}}.training-team-pill--loading{color:var(--color-text-muted);font-weight:400;cursor:default}.training-team-pill--empty{color:var(--color-primary);border-style:dashed}.training-team-pill__caret{font-size:.7rem;color:var(--color-text-dim)}.training-team-dropdown-wrap{position:relative}.training-team-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);z-index:100;overflow:hidden;box-shadow:var(--shadow-lg);min-width:220px}.training-team-dropdown__item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.8rem var(--spacing-lg);background:none;border:none;border-bottom:1px solid var(--color-border);font-family:var(--font-main);cursor:pointer;transition:background var(--transition-fast)}.training-team-dropdown__item:last-child{border-bottom:none}@media(hover:hover){.training-team-dropdown__item:hover{background:var(--color-bg-glass)}}.training-team-dropdown__item.is-active{background:#ffcc000f}.training-team-dropdown__name{font-size:.95rem;font-weight:700;color:var(--color-text-main)}.training-team-dropdown__role{font-size:.8rem;font-weight:600}.training-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-xl);color:var(--color-text-muted);text-align:center}.training-placeholder span{font-size:2rem}.training-placeholder p{font-size:.95rem}.training-section{display:flex;flex-direction:column;gap:var(--spacing-md)}.training-section__title{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted);margin:0;display:flex;align-items:center;gap:var(--spacing-sm)}.training-section__count{background:#ffcc0026;color:var(--color-primary);font-size:.7rem;padding:2px 8px;border-radius:var(--radius-full)}.training-section__desc{font-size:.82rem;color:var(--color-text-dim);margin:-.25rem 0 0}.training-sets-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-sm)}.training-set-btn{display:flex;flex-direction:column;align-items:center;gap:6px;background:var(--color-bg-card);border:2px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--spacing-sm);cursor:pointer;font-family:var(--font-main);text-align:center;transition:all var(--transition-bounce)}@media(hover:hover){.training-set-btn:hover{border-color:#ffcc004d;transform:translateY(-2px)}}.training-set-btn.is-selected{border-color:#fc0;background:#ffcc0014;box-shadow:0 0 0 1px #fc0}.training-set-btn__label{font-size:1rem;font-weight:900;color:var(--color-text-main)}.training-set-btn__desc{font-size:.7rem;color:var(--color-text-dim);line-height:1.3}.training-set-btn__progress-row{display:flex;align-items:center;gap:8px;width:100%;padding:0 10px}.training-set-btn__progress-bar{flex:1;height:4px;background:var(--color-border);border-radius:2px;overflow:hidden}.training-set-btn__bar{height:100%;background:#fc0;border-radius:2px;transition:width .4s ease}.training-set-btn__pct{font-size:.7rem;color:var(--color-text-muted);min-width:24px;text-align:right}.training-role-slots{display:flex;flex-direction:row;gap:var(--spacing-sm)}@media(max-width:600px){.training-role-slots{flex-direction:column}}.training-role-slot{display:flex;align-items:center;gap:var(--spacing-md);border:1px dashed var(--color-border);border-radius:var(--radius-xl);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-bounce);flex:1;min-width:0}.training-role-slot.is-present{border-style:solid}.training-role-slot.is-mine{box-shadow:0 0 0 1px currentColor}.training-role-slot__icon{font-size:1.5rem;flex-shrink:0}.training-role-slot__info{flex:1;display:flex;flex-direction:column;gap:2px}.training-role-slot__label{font-size:.85rem;font-weight:700;color:var(--color-text-muted);transition:color var(--transition-fast)}.training-role-slot__name{font-size:.9rem;color:var(--color-text-main)}.training-role-slot__dot{width:10px;height:10px;border-radius:50%;background:var(--color-border);transition:all var(--transition-fast);flex-shrink:0}.training-role-slot__dot.is-online{box-shadow:0 0 6px currentColor}.training-error{color:var(--color-error);font-size:.85rem;margin:0}.training-start-btn{width:100%;font-family:var(--font-main);font-size:1rem;font-weight:900;letter-spacing:.06em;background:linear-gradient(135deg,#fc0,#f80);color:#1a0f00;border:none;padding:.8rem;border-radius:var(--radius-full);cursor:pointer;box-shadow:0 4px #c60;margin-bottom:4px;transition:all var(--transition-fast)}.training-start-btn:active{transform:translateY(3px);box-shadow:0 1px #c60;margin-top:3px;margin-bottom:1px}.training-start-btn.is-disabled{background:var(--color-bg-elevated);color:var(--color-text-muted);box-shadow:none;cursor:default;font-size:.88rem;font-weight:600}.tg-page{height:100dvh;display:flex;flex-direction:column;background:var(--color-bg-app);overflow:hidden}.tg-loading{height:100dvh;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);font-size:1.1rem}.tg-topbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 var(--spacing-md);height:64px;flex-shrink:0;background:var(--color-bg-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--color-border)}.tg-topbar__left{display:flex;justify-content:flex-start}.tg-topbar__center{display:flex;justify-content:center}.tg-topbar__right{display:flex;justify-content:flex-end}.hud-exit{background:var(--color-bg-elevated);border:1px solid var(--color-error);color:var(--color-error);padding:0 var(--spacing-md);height:40px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.85rem;font-weight:900;letter-spacing:.05em;transition:all var(--transition-fast)}.hud-exit:hover{background:var(--color-bg-glass-hover);color:var(--color-text-main)}.hud-exit:active{transform:scale(.9)}.tg-topbar__info{font-size:.85rem;color:var(--color-text-muted);font-weight:600}.tg-stopwatch{display:flex;align-items:center;gap:8px;background:var(--color-bg-elevated);padding:4px 12px;border-radius:var(--radius-full);border:1px solid rgba(255,204,0,.3);box-shadow:0 0 10px #ffcc001a}.tg-stopwatch__icon{font-size:1rem}.tg-stopwatch__val{font-family:JetBrains Mono,monospace;font-weight:800;font-size:1.1rem;color:var(--color-primary);min-width:50px;text-align:right}.tg-progress{height:4px;background:var(--color-bg-elevated);flex-shrink:0}.tg-progress__fill{height:100%;background:linear-gradient(90deg,#fc0,#f80);transition:width .5s var(--transition-bounce)}.tg-main{flex:1;position:relative;display:flex;flex-direction:column;overflow:hidden}.tg-end{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-lg);text-align:center;padding:var(--spacing-xl)}.tg-end__title{font-size:clamp(1.8rem,5vw,3rem);font-weight:900;color:var(--color-text-main)}.tg-end__score{display:flex;flex-direction:column;align-items:center}.tg-end__val{font-size:clamp(4rem,15vw,8rem);font-weight:900;line-height:1;background:linear-gradient(135deg,#fc0,#f80);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tg-end__lbl{font-size:1rem;font-weight:700;letter-spacing:.2em;color:var(--color-text-muted)}.tg-end__stats{display:flex;gap:var(--spacing-lg);color:var(--color-text-muted);font-size:.9rem}.tg-end__btns{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md)}.tg-end__waiting{font-size:.85rem;color:var(--color-text-muted);animation:pulse 2s infinite}.tg-guesser-container{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}.guesser-stop-btn{width:90%;max-width:500px;background:linear-gradient(135deg,#f43,#c20);color:#fff;font-family:var(--font-main);font-size:clamp(2.5rem,10vw,4.5rem);font-weight:900;letter-spacing:.1em;border:none;border-radius:var(--radius-lg);cursor:pointer;box-shadow:0 8px #910,0 0 40px #f436;padding:var(--spacing-lg);min-height:200px;transition:transform var(--transition-fast),box-shadow var(--transition-fast);outline:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.guesser-stop-btn:active{transform:translateY(6px) scale(.98);box-shadow:0 2px #910}.mp-waiting{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-lg);text-align:center;padding:var(--spacing-xl)}.mp-waiting p{font-size:1.1rem;color:var(--color-text-muted);font-weight:600}.mp-waiting__sub{font-size:.85rem;color:var(--color-text-muted);opacity:.7}.mp-waiting__indicator{display:flex;gap:var(--spacing-sm)}.pulse-circle{width:14px;height:14px;border-radius:50%;background:var(--color-primary);animation:pulse-anim 1.4s ease-in-out infinite}.pulse-circle:nth-child(2){animation-delay:.2s}@keyframes pulse-anim{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1);opacity:1}}.study-hub{min-height:100dvh;display:flex;flex-direction:column;background:var(--color-bg-app)}.study-hub__content{flex:1;padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-md);max-width:640px;width:100%;margin:0 auto}.study-mode-card{display:flex;align-items:center;gap:var(--spacing-md);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--spacing-lg);cursor:pointer;font-family:var(--font-main);text-align:left;transition:all var(--transition-bounce);box-shadow:var(--shadow-sm)}@media(hover:hover){.study-mode-card:hover{border-color:var(--mode-color, var(--color-primary));box-shadow:0 0 20px color-mix(in srgb,var(--mode-color, #FFCC00) 20%,transparent);transform:translateY(-2px)}}.study-mode-card:active{transform:scale(.98)}.study-mode-card__icon{font-size:2.2rem;flex-shrink:0;width:52px;height:52px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--mode-color, #FFCC00) 12%,transparent);border-radius:var(--radius-md)}.study-mode-card__info{flex:1}.study-mode-card__title{font-size:1.05rem;font-weight:800;color:var(--color-text-main);margin-bottom:4px}.study-mode-card__desc{font-size:.82rem;color:var(--color-text-muted);line-height:1.4}.study-mode-card__arrow{font-size:1.5rem;color:var(--color-text-dim);flex-shrink:0}.study-page{min-height:100dvh;display:flex;flex-direction:column;background:var(--color-bg-app);overflow-y:auto}.study-body{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-lg);gap:var(--spacing-lg)}.card-area{perspective:1200px;width:100%;max-width:460px}.flashcard{width:100%;height:220px;position:relative;transition:transform .55s cubic-bezier(.4,0,.2,1);transform-style:preserve-3d;cursor:pointer}.flashcard.flipped{transform:rotateY(180deg)}.card-front,.card-back{position:absolute;inset:0;backface-visibility:hidden;background:var(--color-bg-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:var(--spacing-xl);gap:var(--spacing-md)}.card-front{border:2px solid var(--color-border-glow)}.card-back{transform:rotateY(180deg);border:2px solid rgba(34,197,94,.4);background:var(--color-bg-elevated)}.card-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;color:var(--color-text-dim);font-weight:700}.card-phrase{font-size:clamp(1.1rem,4vw,1.5rem);font-weight:700;color:var(--color-text-main);font-style:italic}.card-word{font-size:clamp(1.8rem,6vw,2.8rem);font-weight:900;text-transform:uppercase;color:var(--color-primary);text-shadow:0 0 20px var(--color-primary-glow)}.card-tap-hint{font-size:.75rem;color:var(--color-text-dim)}.flashcard-feedback{display:flex;gap:var(--spacing-lg);width:100%;max-width:460px}.flashcard-btn{flex:1;font-family:var(--font-main);font-size:1rem;font-weight:700;border:none;border-radius:var(--radius-full);padding:.85rem;cursor:pointer;transition:all var(--transition-bounce)}.flashcard-btn:active{transform:scale(.95)}.flashcard-btn--remember{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;box-shadow:0 4px #0f6c31;margin-bottom:4px}.flashcard-btn--remember:active{box-shadow:0 0 #0f6c31;transform:translateY(3px);margin-bottom:0;margin-top:4px}.flashcard-btn--forget{background:var(--color-bg-elevated);border:1px solid var(--color-border);color:var(--color-text-muted)}@media(hover:hover){.flashcard-btn--forget:hover{border-color:var(--color-error);color:var(--color-error)}}.study-empty{text-align:center;color:var(--color-text-muted);display:flex;flex-direction:column;gap:var(--spacing-md);align-items:center;padding:var(--spacing-xl)}.study-empty__icon{font-size:3rem}.dialogue-word{font-size:1.3rem;font-weight:900;color:var(--color-primary);text-transform:uppercase;text-align:center}.dialogue-role-selector{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.dialogue-role-btn{flex:1;font-family:var(--font-main);font-size:.9rem;font-weight:700;padding:.6rem 1rem;border-radius:var(--radius-full);border:2px solid var(--color-border);background:var(--color-bg-elevated);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast)}.dialogue-role-btn--active{border-color:var(--color-primary);background:#ffcc001a;color:var(--color-primary)}.dialogue-bubbles{width:100%;max-width:500px;display:flex;flex-direction:column;gap:var(--spacing-md)}.bubble{padding:.8rem 1.2rem;border-radius:var(--radius-md);max-width:75%;font-size:1.05rem;font-weight:600;animation:popIn .3s var(--transition-bounce);cursor:pointer}.bubble.left{align-self:flex-start;background:var(--color-bg-card);border:1px solid var(--color-border);border-top-left-radius:4px;color:var(--color-text-main)}.bubble.right{align-self:flex-end;background:linear-gradient(135deg,#fc03,#ff880026);border:1px solid rgba(255,204,0,.35);border-top-right-radius:4px;color:var(--color-primary)}.bubble.hidden{opacity:.2;filter:blur(4px);cursor:default}.bubble.mine{box-shadow:0 0 12px #ffcc0026}.dialogue-next-btn{font-family:var(--font-main);font-size:.9rem;font-weight:700;background:var(--color-bg-elevated);border:1px solid var(--color-border);color:var(--color-text-muted);padding:.6rem 1.5rem;border-radius:var(--radius-full);cursor:pointer;margin-top:var(--spacing-md);align-self:center;transition:all var(--transition-fast)}@media(hover:hover){.dialogue-next-btn:hover{color:var(--color-text-main);border-color:var(--color-primary)}}.study-counter{font-size:.8rem;color:var(--color-text-dim);font-weight:600}.study-hub__empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);text-align:center;color:var(--color-text-muted);padding-bottom:15vh}.study-hub__empty-icon{font-size:3rem;margin-bottom:var(--spacing-sm)}.study-hub__empty-text{font-size:1rem;font-weight:600;color:var(--color-text-main);margin:0}} .study-team-dropdown-wrap{position:relative}.study-team-pill{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);background:var(--color-bg-glass);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:.5rem var(--spacing-md);font-family:var(--font-main);font-size:.85rem;font-weight:700;color:var(--color-text-main);cursor:pointer;transition:all var(--transition-fast);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}@media(hover:hover){.study-team-pill:hover{border-color:#8b5cf666;background:var(--color-bg-glass-hover)}}.study-team-pill__caret{font-size:.7rem;color:var(--color-text-dim)}.study-team-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);z-index:100;overflow:hidden;box-shadow:var(--shadow-lg);min-width:220px}.study-team-dropdown__item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.8rem var(--spacing-lg);background:none;border:none;border-bottom:1px solid var(--color-border);font-family:var(--font-main);cursor:pointer;transition:background var(--transition-fast);text-align:left}.study-team-dropdown__item:last-child{border-bottom:none}@media(hover:hover){.study-team-dropdown__item:hover{background:var(--color-bg-glass)}}.study-team-dropdown__item.is-active{background:#8b5cf60f}.study-team-dropdown__name{font-size:.95rem;font-weight:700;color:var(--color-text-main)}.study-team-dropdown__role{font-size:.8rem;font-weight:600;color:var(--color-text-muted)}.study-mode-card--locked{opacity:.45;cursor:not-allowed}.study-mode-card--locked:hover{transform:none!important;box-shadow:none!important;border-color:var(--color-border)!important}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;border-radius:var(--radius-full);font-weight:700;font-family:var(--font-main);letter-spacing:.02em;transition:transform var(--transition-fast),box-shadow var(--transition-fast),filter var(--transition-fast),background-color var(--transition-fast);text-decoration:none;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden;white-space:nowrap;flex-shrink:0}.btn:after{content:"";position:absolute;inset:0;background:#fff0;transition:background var(--transition-fast);border-radius:inherit}@media(hover:hover){.btn:hover:after{background:#ffffff14}}.btn:active{transform:scale(.95)}.btn:disabled{opacity:.4;pointer-events:none}.btn__icon{display:flex;align-items:center}.btn--sm{font-size:.8rem;padding:.4rem .9rem;height:32px}.btn--md{font-size:1rem;padding:.75rem 1.5rem;height:48px}.btn--lg{font-size:1.2rem;padding:.9rem 2rem;height:60px}.btn--xl{font-size:1.5rem;padding:1.1rem 2.5rem;height:72px}.btn--full{width:100%}.btn--primary{background:linear-gradient(135deg,gold,#fa0);color:#1a1200;box-shadow:0 4px #c80,0 0 20px #fc03;margin-bottom:4px}.btn--primary:active{box-shadow:0 0 #c80;transform:translateY(3px) scale(.97);margin-bottom:0;margin-top:4px}.btn--secondary{background:linear-gradient(135deg,#f90,#f60);color:#fff;box-shadow:0 4px #c40;margin-bottom:4px}.btn--secondary:active{box-shadow:0 0 #c40;transform:translateY(3px) scale(.97);margin-bottom:0;margin-top:4px}.btn--accent{background:linear-gradient(135deg,#f43,#c20);color:#fff;box-shadow:0 4px #910,0 0 30px #ff44334d;margin-bottom:4px}.btn--accent:active{box-shadow:0 0 #910;transform:translateY(3px) scale(.97);margin-bottom:0;margin-top:4px}.btn--success{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;box-shadow:0 4px #0f6c31,0 0 20px #22c55e33;margin-bottom:4px}.btn--success:active{box-shadow:0 0 #0f6c31;transform:translateY(3px) scale(.97);margin-bottom:0;margin-top:4px}.btn--error{background:linear-gradient(135deg,#ef4444,#b91c1c);color:#fff;box-shadow:0 4px #7f1d1d,0 0 20px #ef444433;margin-bottom:4px}.btn--error:active{box-shadow:0 0 #7f1d1d;transform:translateY(3px) scale(.97);margin-bottom:0;margin-top:4px}.btn--warning{background:linear-gradient(135deg,#f59e0b,#d97706);color:#1a0f00;box-shadow:0 4px #92400e;margin-bottom:4px}.btn--warning:active{box-shadow:0 0 #92400e;transform:translateY(3px) scale(.97);margin-bottom:0;margin-top:4px}.btn--ghost{background:var(--glass-bg);color:var(--color-text-muted);border:1px solid var(--color-border);box-shadow:none}@media(hover:hover){.btn--ghost:hover{background:var(--color-bg-glass-hover);color:var(--color-text-main)}}.btn--dark{background:var(--color-bg-elevated);color:var(--color-text-main);border:1px solid var(--color-border);box-shadow:var(--shadow-sm)}.pm-page{min-height:100dvh;display:flex;flex-direction:column;background:var(--color-bg-app)}.pm-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-lg);border-bottom:1px solid var(--color-border);flex-shrink:0;gap:var(--spacing-md)}.pm-team-badge{font-size:.82rem;color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pm-team-badge strong{color:#fc0}.pm-counter{display:flex;align-items:baseline;gap:3px;flex-shrink:0}.pm-counter__done{font-size:1.1rem;font-weight:900;color:#22c55e}.pm-counter__sep{color:var(--color-text-dim);font-size:.9rem}.pm-counter__total{font-size:.9rem;color:var(--color-text-muted)}.pm-counter__label{font-size:.72rem;color:var(--color-text-dim);margin-left:4px}.pm-toolbar{display:flex;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--color-border);flex-shrink:0}.pm-search__input{flex:1;background:var(--color-bg-elevated);border:1px solid var(--color-border);color:var(--color-text-main);font-family:var(--font-main);font-size:.95rem;padding:.55rem 1rem;border-radius:var(--radius-full);outline:none;transition:border-color var(--transition-fast)}.pm-search__input:focus{border-color:var(--color-primary)}.pm-filter-btn{font-family:var(--font-main);font-size:.78rem;font-weight:700;background:var(--color-bg-elevated);border:1px solid var(--color-border);color:var(--color-text-muted);padding:.4rem .8rem;border-radius:var(--radius-full);cursor:pointer;white-space:nowrap;transition:all var(--transition-fast)}.pm-filter-btn.is-active{background:#ffcc001a;border-color:#fc06;color:var(--color-primary)}.pm-loading,.pm-empty{padding:var(--spacing-xl);color:var(--color-text-muted);text-align:center;display:flex;flex-direction:column;gap:var(--spacing-md);align-items:center}.pm-load-more{text-align:center;font-size:.8rem;color:var(--color-text-dim);padding:var(--spacing-md)}.pm-list{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.pm-word-row{display:flex;align-items:center;width:100%;padding:.8rem var(--spacing-lg);background:none;border:none;border-bottom:1px solid var(--color-border);cursor:pointer;font-family:var(--font-main);gap:var(--spacing-md);transition:background var(--transition-fast);text-align:left}@media(hover:hover){.pm-word-row:hover{background:var(--color-bg-glass)}}.pm-word-row__status-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;background:var(--color-border);transition:background var(--transition-fast)}.pm-word-row--done .pm-word-row__status-dot{background:#22c55e;box-shadow:0 0 6px #22c55e66}.pm-word-row--skip .pm-word-row__status-dot{background:#eab308;box-shadow:0 0 6px #eab30866}.pm-word-row__content{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.pm-word-row__word{font-weight:800;font-size:1rem;color:var(--color-text-main)}.pm-word-row__phrase{font-size:.8rem;color:#22c55e;font-style:italic;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pm-word-row__skip{font-size:.8rem;color:#eab308}.pm-word-row__empty{font-size:.8rem;color:var(--color-text-dim)}.pm-modal-body{display:flex;flex-direction:column;gap:var(--spacing-md)}.pm-word-nav{display:flex;align-items:center;justify-content:space-between;background:var(--color-bg-elevated);border-radius:var(--radius-lg);padding:4px}.pm-word-nav__btn{background:none;border:none;color:var(--color-text-main);font-size:1.1rem;cursor:pointer;padding:4px 12px;border-radius:var(--radius-md);transition:background var(--transition-fast)}.pm-word-nav__btn:hover:not(:disabled){background:var(--color-bg-glass)}.pm-word-nav__btn:disabled{opacity:.3;cursor:default}.pm-word-nav__pos{font-size:.8rem;color:var(--color-text-muted);font-weight:600}.pm-status-badge{display:inline-flex;align-items:center;gap:6px;font-size:.75rem;font-weight:700;padding:4px 10px;border-radius:var(--radius-full);width:fit-content}.pm-status-badge--none{background:var(--color-bg-elevated);color:var(--color-text-muted)}.pm-status-badge--done{background:#22c55e1f;color:#22c55e}.pm-status-badge--skip{background:#eab3081f;color:#eab308}.pm-label{font-size:.72rem;font-weight:700;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em}.pm-input{background:var(--color-bg-elevated);border:1px solid var(--color-border);color:var(--color-text-main);font-family:var(--font-main);font-size:1rem;padding:.75rem 1rem;border-radius:var(--radius-md);outline:none;width:100%;transition:border-color var(--transition-fast)}.pm-input:focus{border-color:var(--color-primary)}.pm-modal-actions-top{display:flex}.pm-split-btn{font-family:var(--font-main);font-size:.82rem;font-weight:700;background:#ffcc001a;border:1px solid rgba(255,204,0,.3);color:var(--color-primary);padding:.4rem .9rem;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast)}@media(hover:hover){.pm-split-btn:hover{background:#fc03}}.pm-parts{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.pm-part{font-family:var(--font-main);display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 10px;border-radius:var(--radius-sm);cursor:pointer;border:none;transition:all var(--transition-fast)}.pm-part:active{transform:scale(.92)}.pm-part--s1{background:#ffcc0026;border:1px solid rgba(255,204,0,.4)}.pm-part--s2{background:#ff880026;border:1px solid rgba(255,136,0,.4)}.pm-part__spk{font-size:.6rem;font-weight:700;color:var(--color-text-muted)}.pm-part--s1 .pm-part__spk{color:var(--color-primary)}.pm-part--s2 .pm-part__spk{color:var(--color-secondary)}.pm-part__text{font-size:.88rem;font-weight:600;color:var(--color-text-main)}.pm-modal-footer{display:flex;justify-content:space-between;align-items:center;padding-top:var(--spacing-md);border-top:1px solid var(--color-border)}.pm-modal-footer__left{display:flex;gap:var(--spacing-sm);align-items:center}.pm-delete-btn{font-family:var(--font-main);font-size:.82rem;font-weight:700;background:none;border:1px solid var(--color-error);color:var(--color-error);padding:.45rem .9rem;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast)}@media(hover:hover){.pm-delete-btn:hover{background:#ef44441a}}.pm-skip-btn{font-family:var(--font-main);font-size:.82rem;font-weight:700;background:none;border:1px solid var(--color-border);color:var(--color-text-muted);padding:.45rem .9rem;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast)}.pm-skip-btn.is-active{background:#eab3081a;border-color:#eab30866;color:#eab308}.pm-save-btn{font-family:var(--font-main);font-size:1rem;font-weight:700;background:linear-gradient(135deg,#fc0,#f80);color:#1a0f00;border:none;padding:.6rem 1.8rem;border-radius:var(--radius-full);cursor:pointer;box-shadow:0 3px #c60;margin-bottom:3px;transition:all var(--transition-fast)}.pm-save-btn:active{transform:translateY(2px);box-shadow:0 0 #c60;margin-top:3px;margin-bottom:0}.pm-save-btn:disabled{opacity:.6;cursor:default}.pm-content{flex:1;padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-md);max-width:640px;width:100%;margin:0 auto}.pm-team-selector{display:flex;flex-direction:column;gap:var(--spacing-md)}.pm-team-selector__intro{font-size:.9rem;color:var(--color-text-muted);margin:0}.pm-team-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.pm-team-card{display:flex;align-items:center;gap:var(--spacing-md);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--spacing-md) var(--spacing-lg);cursor:pointer;font-family:var(--font-main);text-align:left;transition:all var(--transition-bounce)}@media(hover:hover){.pm-team-card:hover{border-color:#22c55e66;transform:translateY(-2px)}}.pm-team-card__avatar{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;font-size:1.2rem;font-weight:900;display:flex;align-items:center;justify-content:center;flex-shrink:0}.pm-team-card__info{flex:1;display:flex;flex-direction:column;gap:2px}.pm-team-card__name{font-size:1rem;font-weight:800;color:var(--color-text-main)}.pm-team-card__role{font-size:.78rem;color:var(--color-text-muted)}.pm-team-card__arrow{font-size:1.4rem;color:var(--color-text-dim)}.teams-page{min-height:100dvh;display:flex;flex-direction:column;background:var(--color-bg-app)}.teams-content{flex:1;padding:var(--spacing-lg);padding-bottom:100px;display:flex;flex-direction:column;gap:var(--spacing-lg);max-width:640px;width:100%;margin:0 auto}.teams-loading{color:var(--color-text-muted)}.teams-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);color:var(--color-text-muted);text-align:center;padding-bottom:15vh}.teams-empty__icon{font-size:3rem}.teams-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.team-card{display:flex;align-items:center;gap:var(--spacing-md);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--spacing-md) var(--spacing-lg);cursor:pointer;font-family:var(--font-main);text-align:left;transition:all var(--transition-bounce);box-shadow:var(--shadow-sm)}@media(hover:hover){.team-card:hover{border-color:#ffcc0059;transform:translateY(-2px)}}.team-card:active{transform:scale(.97)}.team-card__avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#fc0,#f80);color:#1a0f00;font-size:1.3rem;font-weight:900;display:flex;align-items:center;justify-content:center;flex-shrink:0}.team-card__info{flex:1}.team-card__name{font-size:1.1rem;font-weight:800;color:var(--color-text-main)}.team-card__members{font-size:.8rem;color:var(--color-text-muted);margin-top:2px}.team-card__arrow{font-size:1.5rem;color:var(--color-text-dim)}.teams-actions{position:fixed;bottom:24px;left:50%;transform:translate(-50%);width:calc(100% - 40px);max-width:500px;display:flex;flex-direction:row;gap:var(--spacing-md);padding:10px;background:#0f0e1abf;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--color-border);border-radius:var(--radius-full);box-shadow:0 10px 30px #0006;z-index:100}.action-btn{flex:1;font-family:var(--font-main);font-size:.95rem;font-weight:700;border:none;padding:.8rem 1rem;border-radius:var(--radius-full);cursor:pointer;text-align:center;transition:all var(--transition-fast)}.action-btn--primary{background:linear-gradient(135deg,#fc0,#f80);color:#1a0f00;box-shadow:0 3px #c60;margin-bottom:3px}.action-btn--primary:active{transform:translateY(2px);box-shadow:0 0 #c60;margin-top:3px;margin-bottom:0}.action-btn--secondary{background:var(--color-bg-elevated);color:var(--color-text-main);border:1px solid var(--color-border)}@media(hover:hover){.action-btn--secondary:hover{background:#ffffff0d}}.action-btn--secondary:active{transform:scale(.96)}.teams-modal-body{display:flex;flex-direction:column;gap:var(--spacing-md)}.teams-modal-subtitle{font-size:.9rem;color:var(--color-text-muted);line-height:1.5;margin:0}.teams-modal-error{color:var(--color-error);font-size:.85rem;margin:0}.teams-modal-actions{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);padding-top:var(--spacing-sm)}.teams-code-input{font-size:1.8rem!important;letter-spacing:.3em;text-align:center;font-weight:900}.role-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-sm)}.role-picker__card{display:flex;flex-direction:column;align-items:center;gap:4px;padding:var(--spacing-sm) var(--spacing-xs);border-radius:var(--radius-lg);border:2px solid var(--color-border);background:var(--color-bg-card);cursor:pointer;transition:all var(--transition-fast);font-family:var(--font-main);text-align:center}.role-picker__card:hover:not(:disabled){border-color:#ffcc0080;background:#ffcc000d}.role-picker__card--selected{border-color:#fc0;background:#ffcc001f;box-shadow:0 0 0 1px #ffcc004d}.role-picker__card--taken{opacity:.4;cursor:not-allowed}.role-picker__icon{font-size:1.6rem}.role-picker__label{font-size:.75rem;font-weight:800;color:var(--color-text-main);white-space:nowrap}.role-picker__desc{font-size:.65rem;color:var(--color-text-muted);line-height:1.3}.td-page{min-height:100dvh;display:flex;flex-direction:column;background:var(--color-bg-app)}.td-loading{flex:1;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);font-size:1rem}.td-content{flex:1;padding:var(--spacing-md) var(--spacing-xl) var(--spacing-xl);display:flex;flex-direction:column;gap:var(--spacing-lg);max-width:800px;width:100%;margin:0 auto}@keyframes pulse-border{0%,to{box-shadow:0 0 #ffcc004d}50%{box-shadow:0 0 0 6px #fc00}}@keyframes pulse-active{0%,to{box-shadow:0 0 #f806}50%{box-shadow:0 0 20px 4px #f803}}@keyframes pulse-training{0%,to{box-shadow:0 0 #10b98166}50%{box-shadow:0 0 20px 4px #10b98133}}.td-header-actions{display:flex;align-items:center;gap:var(--spacing-sm)}.td-header-invite{display:flex;align-items:center;gap:12px;background:var(--color-bg-glass);border:1.5px solid var(--color-border);padding:6px 14px;border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 4px 20px #00000026}.td-header-invite__label{font-size:.7rem;color:var(--color-text-muted);text-transform:uppercase;font-weight:800;letter-spacing:.1em;opacity:.7}.td-header-invite__code{font-family:var(--font-mono, monospace);font-size:1.4rem;font-weight:900;color:var(--color-text-main);letter-spacing:.12em;text-shadow:0 0 15px rgba(255,204,0,.3)}.td-header-btn{display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);border:1.5px solid var(--color-border);background:transparent;cursor:pointer;transition:all var(--transition-fast);font-family:var(--font-main)}.td-header-btn--copy{gap:8px;padding:5px 12px;height:32px;background:#ffcc0014;border-color:#fc06;color:var(--color-primary)}.td-header-btn__icon{font-size:.9rem}.td-header-btn__text{font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.td-header-btn--copy:hover{border-color:var(--color-primary);background:#fc03;transform:translateY(-1px)}.td-header-btn--copy.is-copied{border-color:#22c55e;background:#22c55e;color:#fff}.td-header-btn--leave{width:36px;height:36px;border-color:#ef444440;color:#ef4444a6;font-size:1rem}.td-header-btn--leave:hover{border-color:#ef4444;color:#ef4444;background:#ef444414}.td-header-leave-confirm{display:flex;align-items:center;gap:8px;padding:5px 10px;background:#ef44441f;border:1px solid rgba(239,68,68,.4);border-radius:var(--radius-lg)}.td-header-leave-confirm span{font-size:.7rem;font-weight:800;color:#ef4444;text-transform:uppercase}.td-header-leave-confirm button{padding:4px 10px;border-radius:var(--radius-sm);border:none;font-size:.75rem;font-weight:900;cursor:pointer}@media screen and (max-width:768px){.td-header-invite{padding:4px 10px;gap:8px}.td-header-invite__code{font-size:1.1rem}.td-header-btn--copy{padding:4px 8px;height:28px}}@media screen and (max-width:600px){.td-header-invite__label,.td-header-btn__text{display:none}.td-header-btn--copy{padding:0;width:32px;height:32px}}.td-incomplete-warning{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:#ff880014;border:1px solid rgba(255,136,0,.2);border-radius:var(--radius-xl)}.td-incomplete-warning__icon{font-size:1.2rem}.td-incomplete-warning__text{font-size:.8rem;font-weight:600;color:var(--color-warning);line-height:1.4}.td-section{display:flex;flex-direction:column;gap:var(--spacing-sm)}.td-section__title{font-size:.75rem;font-weight:700;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.1em;margin:0}.td-main-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:var(--spacing-xl);align-items:start}@media screen and (max-width:650px){.td-main-grid{grid-template-columns:1fr;gap:var(--spacing-md)}.td-content{padding:var(--spacing-sm) var(--spacing-lg);gap:var(--spacing-md)}}.td-roles-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.td-role-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:.55rem 1.2rem;transition:all var(--transition-bounce);position:relative;overflow:hidden;min-height:72px;display:flex;align-items:center}.td-role-card--me{border-color:var(--color-primary);background:linear-gradient(90deg,var(--color-bg-card),rgba(255,204,0,.05));box-shadow:0 0 15px #ffcc001a}.td-role-card--me .td-role-card__label,.td-role-card--me .td-role-card__name{color:var(--color-primary)}.td-role-card__main{display:flex;align-items:center;gap:12px;position:relative;z-index:2}.td-role-card__icon{font-size:1.3rem;flex-shrink:0}.td-role-card__label{font-size:.7rem;font-weight:800;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;min-width:75px}.td-role-card__name-val{display:flex;align-items:baseline;gap:6px;flex:1;border-left:1px solid var(--color-border);padding-left:12px}.td-role-card__name{font-size:1.1rem;font-weight:900;color:var(--color-text-main)}.td-role-card__you{font-size:.85rem;color:var(--color-primary);font-weight:700}.td-role-card__empty{font-size:.9rem;color:var(--color-text-muted);font-style:italic;opacity:.6}@media screen and (max-width:480px){.td-role-card{padding:.5rem .9rem}.td-role-card__main{gap:8px}.td-role-card__label{min-width:65px;font-size:.65rem}.td-role-card__name-val{padding-left:8px}.td-role-card__name{font-size:.9rem}.td-role-card__icon{font-size:1.1rem}}.td-actions-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.td-action-card{display:flex;align-items:center;gap:var(--spacing-md);padding:.55rem var(--spacing-lg);border-radius:var(--radius-xl);border:1px solid var(--color-border);background:var(--color-bg-card);cursor:pointer;font-family:var(--font-main);transition:all var(--transition-bounce);position:relative;overflow:hidden;text-align:left;min-height:72px}.td-action-card:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at top left,color-mix(in srgb,var(--card-color) 40%,transparent),transparent 80%);opacity:.7;pointer-events:none}.td-action-card.is-active{animation:pulse-active 2s ease-in-out infinite;border-color:#f80;background:linear-gradient(135deg,var(--color-bg-card),rgba(255,136,0,.1))}.td-action-card.is-active.td-action-card--training{animation:pulse-training 2s ease-in-out infinite;border-color:#10b981;background:linear-gradient(135deg,var(--color-bg-card),rgba(16,185,129,.1))}@media(hover:hover){.td-action-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--card-color) 50%,transparent);box-shadow:0 10px 30px color-mix(in srgb,var(--card-color) 15%,transparent)}}.td-action-card:active{transform:scale(.97)}.td-action-card:disabled{opacity:.4;cursor:not-allowed;filter:grayscale(.8);transform:none!important}.td-actions-list--disabled .td-action-card{pointer-events:none}.td-action-card--locked{opacity:.9!important;cursor:default!important;pointer-events:none}.td-action-card--locked>*:not(.td-action-card__lock-overlay){filter:grayscale(1);opacity:.4}.td-action-card__lock-overlay{position:absolute;top:50%;left:0;right:0;background:#fc0;color:#0f0e1a;transform:translateY(-50%) rotate(-3deg);padding:4px 0;text-align:center;font-size:.65rem;font-weight:900;text-transform:uppercase;letter-spacing:.1em;box-shadow:0 4px 15px #0006;z-index:10;width:120%;margin-left:-10%;pointer-events:none;border-top:1px solid rgba(0,0,0,.1);border-bottom:1px solid rgba(0,0,0,.1)}.td-action-card--locked:after{content:"";position:absolute;inset:0;background:#0000001a;z-index:5}.td-action-card__icon{font-size:1.6rem;z-index:2}.td-action-card__label{font-size:1.2rem;font-weight:900;color:var(--color-text-main);z-index:2}.td-action-card--multiplayer{--card-color: #FF7700}.td-action-card--study{--card-color: #7C3AED}.td-action-card--training{--card-color: #10B981}.td-action-card--phrases{--card-color: #06B6D4}.td-action-card__badge{margin-left:auto;font-size:.6rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase;background:#10b981;color:#fff;padding:3px 8px;border-radius:var(--radius-full);z-index:2;animation:pulse-training 2s ease-in-out infinite}@media screen and (max-width:480px){.td-action-card{padding:.4rem .8rem;gap:var(--spacing-sm);min-height:48px}.td-role-card{padding:.4rem .9rem;min-height:48px}.td-action-card__icon{font-size:1.5rem}.td-action-card__label{font-size:1rem}}.td-quick-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-sm)}.td-quick-btn{display:flex;flex-direction:column;align-items:center;gap:6px;padding:var(--spacing-md) var(--spacing-sm);border-radius:var(--radius-xl);border:1.5px solid var(--color-border);background:var(--color-bg-card);cursor:pointer;font-family:var(--font-main);font-size:.75rem;font-weight:700;color:var(--color-text-main);transition:all var(--transition-bounce)}.td-quick-btn:hover{transform:translateY(-2px)}.td-quick-btn span:first-child{font-size:1.5rem}.td-quick-btn--multiplayer{border-color:#ff88004d}.td-quick-btn--multiplayer:hover{background:#ff88001a;border-color:#f80}.td-quick-btn--training{border-color:#22c55e4d}.td-quick-btn--training:hover{background:#22c55e1a;border-color:#22c55e}.td-quick-btn--study{border-color:#8b5cf64d}.td-quick-btn--study:hover{background:#8b5cf61a;border-color:#8b5cf6}.td-error{color:var(--color-error);font-size:.85rem;text-align:center}.td-leave-section{display:flex;justify-content:center;padding-top:var(--spacing-sm)}.td-leave-btn{background:transparent;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-lg);color:#ef4444b3;font-family:var(--font-main);font-size:.85rem;font-weight:600;padding:8px 20px;cursor:pointer;transition:all var(--transition-fast)}.td-leave-btn:hover{border-color:#ef4444;color:#ef4444;background:#ef44440d}.td-leave-confirm{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:#ef44440f;border:1px solid rgba(239,68,68,.25);border-radius:var(--radius-xl);width:100%;max-width:340px}.td-leave-confirm p{font-size:.85rem;color:var(--color-text-muted);text-align:center;margin:0}.td-leave-confirm__btns{display:flex;gap:var(--spacing-md);align-items:center}.td-leave-confirm__yes{padding:8px 20px;border-radius:var(--radius-lg);background:#ef4444;color:#fff;font-family:var(--font-main);font-weight:800;font-size:.85rem;border:none;cursor:pointer;transition:all var(--transition-fast)}.td-leave-confirm__yes:hover{background:#dc2626}.admin-container{padding:2rem;background:#f0f2f5;height:100vh;overflow-y:auto;-webkit-overflow-scrolling:touch;color:#333}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;border-bottom:2px solid #ccc;padding-bottom:1rem}.admin-header nav{display:flex;gap:1rem}.admin-header button{padding:.5rem 1rem;border:none;background:none;font-weight:700;cursor:pointer;color:#666}.admin-header button.active{color:var(--color-primary);border-bottom:2px solid var(--color-primary)}.upload-section{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 2px 4px #0000001a;max-width:600px;margin:0 auto}.status-msg{margin-top:1rem;font-weight:700}.info-box{margin-top:2rem;background:#eee;padding:1rem;border-radius:4px}.seasons-grid,.episodes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem;margin-top:1rem}.season-card{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:var(--shadow-sm);text-align:center;cursor:pointer;transition:transform .2s,box-shadow .2s;border:2px solid transparent}@media(hover:hover){.season-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--color-primary)}}.episode-card{background:#fff;padding:1rem;border-radius:8px;box-shadow:var(--shadow-sm);cursor:pointer;transition:all .2s;display:flex;flex-direction:column;justify-content:space-between;height:100%}@media(hover:hover){.episode-card:hover{box-shadow:0 4px 12px #0000001a;background:#fffbeb}}.episode-card h3{margin:0 0 .5rem;font-size:1.1rem}.episode-card small{color:#666;display:block;margin-bottom:.5rem;line-height:1.2}.episode-card .badge{align-self:flex-start;background:#f0f0f0;padding:2px 8px;border-radius:12px;font-size:.8rem;color:#555}.detail-view{background:#fff;padding:2rem;border-radius:16px;box-shadow:var(--shadow-md)}.detail-header{border-bottom:2px solid #eee;padding-bottom:1.5rem;margin-bottom:1.5rem}.rai-link{display:inline-block;margin-top:.5rem;padding:.5rem 1rem;background:var(--color-primary);color:var(--color-text-main);text-decoration:none;border-radius:6px;font-weight:700}.words-grid{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1rem}.word-chip{background:#f8f9fa;border:1px solid #ddd;padding:.5rem 1rem;border-radius:20px;display:flex;align-items:center;gap:.8rem}.word-actions{display:flex;gap:.2rem}.word-actions button{background:none;border:none;cursor:pointer;font-size:.9rem;opacity:.5;padding:0}@media(hover:hover){.word-actions button:hover{opacity:1}}.add-word-btn{padding:.5rem 1rem;border-radius:20px;border:2px dashed #ccc;background:none;cursor:pointer;color:#666}@media(hover:hover){.add-word-btn:hover{border-color:var(--color-primary);background:#fffdf5;color:var(--color-primary)}}.words-list{background:#fff;border-radius:8px;overflow:hidden;margin-bottom:1rem}.word-row{display:flex;justify-content:space-between;padding:.8rem 1.5rem;border-bottom:1px solid #eee}.word-row:last-child{border-bottom:none}.word-row .rank{color:#999;width:40px}.word-row .word{font-weight:700;flex:1}.word-row .count{color:var(--color-primary)}.reported-section{background:#fff;padding:2rem;border-radius:12px;box-shadow:var(--shadow-md)}.reported-section h2{margin-bottom:1.5rem;color:var(--color-primary)}.empty-msg{text-align:center;padding:3rem;color:#999;font-style:italic}.admin-table{width:100%;border-collapse:collapse;margin-top:1rem}.admin-table th,.admin-table td{padding:1rem;text-align:left;border-bottom:1px solid #eee}.admin-table th{background:#f8f9fa;font-weight:700;color:#666;text-transform:uppercase;font-size:.8rem;letter-spacing:.05em}.admin-table tr:last-child td{border-bottom:none}.admin-table tr:hover td{background:#fdfdfd}.word-text{font-weight:700;font-size:1.1rem}.actions-cell{display:flex;gap:.5rem}@media(max-width:600px){.admin-table th:nth-child(2),.admin-table td:nth-child(2),.admin-table th:nth-child(3),.admin-table td:nth-child(3){display:none}}.legal-page{height:100%;width:100%;overflow-y:auto;-webkit-overflow-scrolling:touch;background:var(--color-bg-app);color:var(--color-text-main);font-family:var(--font-main);display:flex;flex-direction:column;align-items:center;position:relative;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.legal-header{width:100%;padding:1rem 2rem;display:flex;align-items:center;gap:1rem;border-bottom:1px solid var(--color-border);background:var(--color-bg-surface);position:sticky;top:0;z-index:var(--z-overlay);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.legal-header__back{display:flex;align-items:center;gap:.4rem;background:var(--color-bg-glass);border:1px solid var(--color-border);border-radius:var(--radius-full);padding:.45rem 1rem;color:var(--color-text-muted);font-family:var(--font-main);font-size:.85rem;cursor:pointer;transition:all var(--transition-fast);text-decoration:none}.legal-header__back:hover{background:var(--color-bg-glass-hover);color:var(--color-text-main)}.legal-header__title{font-size:1rem;font-weight:600;color:var(--color-text-main);margin:0}.legal-header__sibling-link{margin-left:auto;display:flex;align-items:center;gap:.4rem;background:transparent;border:none;color:var(--color-primary);font-family:var(--font-main);font-size:.82rem;cursor:pointer;text-decoration:underline;text-underline-offset:3px;transition:opacity var(--transition-fast)}.legal-header__sibling-link:hover{opacity:.75}.legal-content{width:100%;max-width:760px;padding:2.5rem 2rem 4rem}.legal-hero{margin-bottom:2.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--color-border)}.legal-badge{display:inline-flex;align-items:center;gap:.4rem;background:#ffcc001f;border:1px solid rgba(255,204,0,.3);border-radius:var(--radius-full);padding:.3rem .9rem;font-size:.75rem;font-weight:600;color:var(--color-primary);letter-spacing:.05em;text-transform:uppercase;margin-bottom:1rem}.legal-hero__title{font-size:clamp(1.6rem,4vw,2.2rem);font-weight:800;line-height:1.2;margin:0 0 .75rem;background:linear-gradient(135deg,var(--color-text-main) 0%,var(--color-primary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.legal-hero__meta{font-size:.82rem;color:var(--color-text-muted);margin:0;display:flex;gap:1.5rem;flex-wrap:wrap}.legal-hero__meta span:before{margin-right:.4rem}.legal-section{margin-bottom:2.2rem}.legal-section__title{font-size:1.05rem;font-weight:700;color:var(--color-text-main);margin:0 0 .75rem;padding-left:.75rem;border-left:3px solid var(--color-primary)}.legal-section p,.legal-section li{font-size:.9rem;line-height:1.75;color:var(--color-text-muted);margin:.4rem 0}.legal-section ul,.legal-section ol{padding-left:1.4rem;margin:.5rem 0}.legal-section li{margin:.3rem 0}.legal-section a{color:var(--color-primary);text-decoration:underline;text-underline-offset:3px;transition:opacity var(--transition-fast)}.legal-section a:hover{opacity:.75}.legal-highlight{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:1rem 1.25rem;margin:.75rem 0}.legal-highlight--warn{background:#ff880014;border-color:#ff880040}.legal-highlight--info{background:#06b6d412;border-color:#06b6d440}.legal-highlight p{font-size:.88rem!important;color:var(--color-text-main)!important;margin:0!important}.legal-highlight strong{color:var(--color-text-main)}.legal-table-wrapper{overflow-x:auto;margin:.75rem 0;border-radius:var(--radius-md);border:1px solid var(--color-border)}.legal-table{width:100%;border-collapse:collapse;font-size:.85rem}.legal-table th{background:var(--color-bg-elevated);color:var(--color-text-main);font-weight:700;padding:.65rem 1rem;text-align:left;border-bottom:1px solid var(--color-border)}.legal-table td{padding:.6rem 1rem;color:var(--color-text-muted);border-bottom:1px solid var(--color-border);vertical-align:top}.legal-table tr:last-child td{border-bottom:none}.legal-table tr:nth-child(2n) td{background:var(--color-bg-glass)}.legal-footer{margin-top:3rem;padding-top:1.5rem;border-top:1px solid var(--color-border);text-align:center}.legal-footer p{font-size:.8rem;color:var(--color-text-dim);margin:.3rem 0}.legal-footer__links{display:flex;justify-content:center;gap:1.5rem;margin-top:.75rem;flex-wrap:wrap}.legal-footer__links a,.legal-footer__links button{font-size:.8rem;color:var(--color-text-muted);text-decoration:none;background:none;border:none;cursor:pointer;font-family:var(--font-main);transition:color var(--transition-fast)}.legal-footer__links a:hover,.legal-footer__links button:hover{color:var(--color-primary)}.legal-page::-webkit-scrollbar{width:8px}.legal-page::-webkit-scrollbar-track{background:transparent}.legal-page::-webkit-scrollbar-thumb{background:var(--color-bg-glass-hover);border-radius:var(--radius-full);border:2px solid var(--color-bg-app)}.legal-page::-webkit-scrollbar-thumb:hover{background:var(--color-text-dim)}@media(max-width:600px){.legal-content{padding:1.5rem 1rem 3rem}.legal-header{padding:.75rem 1rem}.legal-hero__meta{gap:.75rem}}#root>.legal-page{flex:1;min-height:0}:root{--color-primary: #FFCC00;--color-primary-dark: #E6A800;--color-primary-glow: rgba(255, 204, 0, .35);--color-secondary: #FF8800;--color-secondary-dark: #CC6D00;--color-accent: #FF4433;--color-accent-dark: #CC2200;--color-warning: #FF8800;--color-success: #22C55E;--color-success-dark: #16A34A;--color-error: #EF4444;--color-error-dark: #B91C1C;--color-bg-app: #0F0E1A;--color-bg-surface: #1A1829;--color-bg-card: #221F35;--color-bg-elevated: #2C2845;--color-bg-glass: rgba(255,255,255,.06);--color-bg-glass-hover: rgba(255,255,255,.1);--color-text-main: #F0EBD8;--color-text-muted: #8B7FA8;--color-text-dim: #4A4060;--color-text-inverse: #0F0E1A;--color-border: rgba(255,255,255,.08);--color-border-glow: rgba(255, 204, 0, .4);--shadow-sm: 0 2px 8px rgba(0,0,0,.3);--shadow-card: 0 8px 24px rgba(0,0,0,.4);--shadow-floating: 0 16px 40px rgba(0,0,0,.5)}[data-theme=light]{--color-bg-app: #F8FAFC;--color-bg-surface: #FFFFFF;--color-bg-card: #FFFFFF;--color-bg-elevated: #F1F5F9;--color-bg-glass: rgba(0,0,0,.03);--color-bg-glass-hover: rgba(0,0,0,.06);--color-text-main: #0F172A;--color-text-muted: #475569;--color-text-dim: #94A3B8;--color-text-inverse: #F8FAFC;--color-border: rgba(0,0,0,.08);--shadow-sm: 0 2px 10px rgba(0,0,0,.1);--shadow-card: 0 10px 30px rgba(0,0,0,.12);--shadow-floating: 0 20px 50px rgba(0,0,0,.15)}:root{--font-main: "Outfit", system-ui, sans-serif;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--radius-sm: .5rem;--radius-md: .875rem;--radius-lg: 1.25rem;--radius-xl: 1.75rem;--radius-full: 9999px;--shadow-glow-primary: 0 0 24px rgba(255,204,0,.4);--shadow-glow-success: 0 0 24px rgba(34,197,94,.5);--shadow-glow-error: 0 0 24px rgba(239,68,68,.5);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-med: .25s cubic-bezier(.4, 0, .2, 1);--transition-bounce: .4s cubic-bezier(.175, .885, .32, 1.275);--transition-spring: .5s cubic-bezier(.34, 1.56, .64, 1);--glass-bg: rgba(255,255,255,.06);--glass-border: 1px solid rgba(255,255,255,.1);--glass-blur: backdrop-filter: blur(16px);--z-base: 1;--z-overlay: 100;--z-modal: 200;--z-toast: 300;--z-top: 9999}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body{width:100%;height:100%;margin:0;padding:0;overflow:hidden;position:fixed;overscroll-behavior:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none}input,textarea{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}body{font-family:var(--font-main);background-color:var(--color-bg-app);color:var(--color-text-main);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%;height:100%;min-height:100%;display:flex;flex-direction:column;overflow:hidden}.app-container{width:100%;height:100%;display:flex;flex-direction:column;flex:1;transform:scaleY(var(--app-height-scale, 1));transform-origin:top center}button{font-family:inherit;cursor:pointer;border:none;outline:none}input,select,textarea{font-family:inherit}a{text-decoration:none;color:inherit}#landscape-overlay{display:none;position:fixed;inset:0;background:var(--color-bg-app);z-index:var(--z-top);flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem;gap:1rem}#landscape-overlay h1{font-size:2rem;color:var(--color-primary)}#landscape-overlay p{color:var(--color-text-muted)}#landscape-overlay .rotate-icon{font-size:4rem;animation:rotateAnim 2s ease-in-out infinite}@keyframes rotateAnim{0%,to{transform:rotate(0)}50%{transform:rotate(-90deg)}}@media screen and (orientation:portrait){#landscape-overlay{display:flex}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-5px)}80%{transform:translate(5px)}}@keyframes popIn{0%{transform:scale(.5);opacity:0}70%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}@keyframes countdownPulse{0%{transform:translateY(-20px) scale(.5);opacity:0}50%{transform:translateY(-20px) scale(1.2);opacity:1}to{transform:translateY(-20px) scale(1);opacity:1}}.u-fade-in{animation:fadeIn .3s ease forwards}.u-slide-up{animation:slideUp .3s ease forwards}.u-scale-in{animation:scaleIn .3s var(--transition-bounce) forwards}.u-pulse{animation:pulse 1.5s ease-in-out infinite}.u-flex{display:flex}.u-flex-col{display:flex;flex-direction:column}.u-flex-center{display:flex;align-items:center;justify-content:center}.u-gap-sm{gap:var(--spacing-sm)}.u-gap-md{gap:var(--spacing-md)}.u-gap-lg{gap:var(--spacing-lg)}.u-w-full{width:100%}.u-text-center{text-align:center}.btn-premium{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-main);font-size:.95rem;font-weight:800;border:none;padding:.8rem 1.5rem;border-radius:var(--radius-full);cursor:pointer;text-align:center;transition:all var(--transition-fast);background:linear-gradient(135deg,#fc0,#f80);color:#1a0f00;box-shadow:0 3px #c60;margin-bottom:3px;text-decoration:none}.btn-premium:active{transform:translateY(2px);box-shadow:0 0 #c60;margin-top:3px;margin-bottom:0}.btn-premium:disabled{opacity:.6;cursor:not-allowed;filter:grayscale(.5);box-shadow:none;transform:none}