.cookie-clicker-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10000;display:flex;align-items:center;justify-content:center;font-family:DM Sans,Arial,sans-serif}.cookie-clicker-modal__backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000d9}.cookie-clicker-modal__layout{position:relative;display:flex;gap:16px;max-width:1000px;width:95%;max-height:90vh}.cookie-clicker-modal__content{position:relative;background:linear-gradient(135deg,#2d1b4e,#1a1a2e);border:3px solid #6b4aa3;border-radius:20px;flex:1;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 0 40px #6b4aa366,0 10px 40px #00000080;animation:cookie-clicker-pop-in .3s ease-out}@keyframes cookie-clicker-pop-in{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.cookie-clicker-modal__header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#0000004d;border-bottom:1px solid rgba(107,74,163,.3);gap:12px}.cookie-clicker-modal__header h3{margin:0;font-family:Bungee,Impact,sans-serif;font-size:20px;color:gold;display:flex;align-items:center;gap:8px;flex:1}.cookie-clicker-modal__close{background:none;border:none;color:#888;cursor:pointer;padding:4px;transition:color .2s}.cookie-clicker-modal__close:hover{color:#fff}.cookie-clicker-modal__close svg{display:block}.cookie-clicker-modal__teacher-btn,.cookie-clicker-modal__end-game-btn{background:linear-gradient(135deg,#6b4aa3,#4a2d7a);color:#fff;border:none;padding:8px 12px;border-radius:8px;font-size:12px;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s}.cookie-clicker-modal__teacher-btn:hover{background:linear-gradient(135deg,#7b5ab3,#5a3d8a)}.cookie-clicker-modal__end-game-btn{background:linear-gradient(135deg,#dc2626,#991b1b)}.cookie-clicker-modal__end-game-btn:hover{background:linear-gradient(135deg,#ef4444,#b91c1c)}.hidden{display:none!important}.cookie-clicker-modal__body{padding:24px;overflow-y:auto;flex:1}.cookie-clicker-leaderboard-panel{width:240px;background:linear-gradient(135deg,#1a1a2e,#0d0d1a);border:2px solid #6b4aa3;border-radius:16px;display:flex;flex-direction:column;overflow:hidden;max-height:90vh}.cookie-clicker-leaderboard-panel h4{margin:0;padding:14px 16px;font-family:Bungee,Impact,sans-serif;font-size:14px;color:gold;background:#0000004d;border-bottom:1px solid rgba(107,74,163,.3);display:flex;align-items:center;gap:8px}.cookie-clicker-leaderboard-content{flex:1;overflow-y:auto;padding:8px}.cookie-clicker-set-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:12px;max-height:400px;padding:4px}.cookie-clicker-set-list.cookie-clicker-set-list--nested{flex:1;min-height:0;max-height:none!important;overflow-y:auto;padding:4px}.cookie-clicker-category{border:1px solid rgba(107,74,163,.3);border-radius:8px;margin-bottom:8px;overflow:hidden;background:#0000004d}.cookie-clicker-category--has-assigned{border-color:#6b4aa380;background:#6b4aa31a}.cookie-clicker-category__header{display:flex;align-items:center;gap:8px;width:100%;padding:12px 16px;background:transparent;border:none;cursor:pointer;color:#ffffffe6;font-size:14px;font-weight:600;text-align:left;transition:background .2s}.cookie-clicker-category__header:hover{background:#6b4aa326}.cookie-clicker-category__chevron{display:flex;align-items:center;justify-content:center;color:#fff9;transition:transform .2s}.cookie-clicker-category--expanded .cookie-clicker-category__chevron{transform:rotate(90deg)}.cookie-clicker-category__name{flex:1;color:#ffffffe6}.cookie-clicker-category__count{font-size:12px;font-weight:500;color:#ffffff80}.cookie-clicker-category--has-assigned .cookie-clicker-category__count{color:gold}.cookie-clicker-category__content{display:none;padding:0 8px 8px}.cookie-clicker-category--expanded .cookie-clicker-category__content{display:block}.cookie-clicker-set-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 12px;margin:4px 0;background:#ffffff0d;border:1px solid transparent;border-radius:6px;cursor:pointer;color:#ffffffe6;text-align:left;transition:all .2s}.cookie-clicker-set-item:hover{background:#6b4aa326;border-color:#6b4aa366}.cookie-clicker-set-item--selected{background:#6b4aa333;border-color:#6b4aa380}.cookie-clicker-set-item--assigned{border-left:3px solid #ffd700}.cookie-clicker-set-item__info{display:flex;flex-direction:column;gap:2px}.cookie-clicker-set-item__name{font-size:14px;font-weight:500;color:#ffffffe6}.cookie-clicker-set-item__count{font-size:12px;color:#ffffff80}.cookie-clicker-set-item__badge{font-size:10px;font-weight:600;text-transform:uppercase;padding:2px 6px;border-radius:4px;background:#ffd70033;color:gold}.cookie-clicker-set-card{background:#ffffff0d;border:2px solid rgba(107,74,163,.2);border-radius:12px;padding:16px;cursor:pointer;transition:all .2s;text-align:left;width:100%}.cookie-clicker-set-card:hover{border-color:#6b4aa3;background:#6b4aa326;transform:translateY(-2px);box-shadow:0 4px 12px #6b4aa333}.cookie-clicker-set-card--assigned{border-color:#6b4aa3;background:#6b4aa31a}.cookie-clicker-set-card__header{display:flex;align-items:center;gap:12px;margin-bottom:8px}.cookie-clicker-set-card__icon{font-size:24px}.cookie-clicker-set-card__title{font-size:16px;font-weight:600;color:#ffffffe6;flex:1}.cookie-clicker-set-card__info{display:flex;align-items:center;gap:12px;font-size:13px;color:#ffffff80}.cookie-clicker-set-card__badge{background:linear-gradient(135deg,#6b4aa3,#4a2d7a);color:#fff;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:600;text-transform:uppercase}.cookie-clicker-multi-select-toggle{margin-top:16px;padding:12px 16px;background:linear-gradient(135deg,#6b4aa326,#4a2d7a1a);border:1px solid rgba(107,74,163,.3);border-radius:10px}.cookie-clicker-toggle-text{color:#ffffffe6}.cookie-clicker-set-selection__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px;color:#ffffff80;text-align:center}.cookie-clicker-set-selection__empty svg{margin-bottom:12px;opacity:.5}.cookie-clicker-set-selection__footer{padding-top:16px;border-top:1px solid rgba(107,74,163,.2);margin-top:16px;text-align:center}.cookie-clicker-game{display:flex;flex-direction:column;gap:16px;width:100%}.cookie-clicker-game__header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:linear-gradient(135deg,#451a03,#78350f);border-radius:12px;border:1px solid rgba(217,119,6,.3)}.cookie-clicker-game__cookies{display:flex;align-items:center;gap:8px;font-size:20px;font-weight:700;color:#fbbf24}.cookie-clicker-game__streak{display:flex;align-items:center;gap:4px;font-size:16px;font-weight:600;color:#f97316}.cookie-clicker-game__timer{display:flex;align-items:center;gap:6px;font-size:16px;font-weight:600;color:#c9a0dc}.cookie-clicker-game__main{display:flex;gap:20px;min-height:250px}.cookie-clicker-game__cookie-area{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-width:140px}.cookie-clicker-game__big-cookie{position:relative;cursor:default;transition:transform .15s ease;filter:drop-shadow(0 4px 12px rgba(217,119,6,.4))}.cookie-clicker-game__big-cookie--pulse{animation:cc-cookie-pulse .3s ease}@keyframes cc-cookie-pulse{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}.cookie-clicker-game__stats{display:flex;flex-direction:column;gap:4px;font-size:12px;color:#c9a0dc;text-align:center}.cookie-clicker-game__stats strong{color:#fbbf24}.cookie-clicker-game__question-area{flex:1;min-height:200px}.cookie-clicker-flashcard{display:flex;flex-direction:column;gap:16px}.cookie-clicker-flashcard__term{background:#0000004d;border-radius:12px;padding:16px 20px;text-align:center;font-size:18px;font-weight:600;color:#fff;border:1px solid rgba(107,74,163,.3);line-height:1.4}.cookie-clicker-flashcard__choices{display:grid;grid-template-columns:1fr 1fr;gap:10px}.cookie-clicker-choice{padding:12px 16px;background:#ffffff14;border:2px solid rgba(107,74,163,.3);border-radius:10px;color:#fff;font-size:14px;cursor:pointer;transition:all .2s;text-align:left;line-height:1.3;font-family:DM Sans,Arial,sans-serif}.cookie-clicker-choice:hover:not(:disabled){background:#6b4aa333;border-color:#6b4aa3;transform:translateY(-1px)}.cookie-clicker-choice:disabled{opacity:.6;cursor:not-allowed}.cookie-clicker-feedback{display:flex;align-items:center;gap:16px;padding:24px;border-radius:12px;animation:cookie-clicker-pop-in .3s ease-out}.cookie-clicker-feedback--correct{background:linear-gradient(135deg,#1a472a,#2d5a3d);border:2px solid #4ade80}.cookie-clicker-feedback--wrong{background:linear-gradient(135deg,#4a1a1a,#2a0f0f);border:2px solid #ff6b6b}.cookie-clicker-feedback__icon{flex-shrink:0}.cookie-clicker-feedback--correct .cookie-clicker-feedback__icon{color:#4ade80}.cookie-clicker-feedback--wrong .cookie-clicker-feedback__icon{color:#ff6b6b}.cookie-clicker-feedback__text{font-size:16px;font-weight:600;color:#fff}.cookie-clicker-feedback__correct-answer{font-size:13px;font-weight:400;color:#c9a0dc;margin-top:6px}.cookie-clicker-float-number{position:absolute;top:-10px;left:50%;transform:translate(-50%);font-size:20px;font-weight:700;color:#fbbf24;pointer-events:none;animation:cc-float-up 1s ease-out forwards;text-shadow:0 2px 4px rgba(0,0,0,.5)}@keyframes cc-float-up{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(-60px)}}.cookie-clicker-game__upgrades{display:flex;gap:10px;flex-wrap:wrap}.cookie-clicker-upgrade{flex:1;min-width:150px;display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px 14px;background:#d977061a;border:1px solid rgba(217,119,6,.3);border-radius:10px;cursor:pointer;transition:all .2s;color:#fff;font-family:DM Sans,Arial,sans-serif}.cookie-clicker-upgrade:hover:not(:disabled){background:#d9770633;border-color:#d97706}.cookie-clicker-upgrade:disabled{opacity:.5;cursor:not-allowed}.cookie-clicker-upgrade__info{display:flex;flex-direction:column;gap:2px}.cookie-clicker-upgrade__name{font-size:13px;font-weight:600;color:#fbbf24}.cookie-clicker-upgrade__desc{font-size:11px;color:#c9a0dc}.cookie-clicker-upgrade__cost{font-size:12px;font-weight:600;color:#d97706;white-space:nowrap}.cookie-clicker-lb-row{display:flex;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px solid rgba(107,74,163,.15);font-size:13px}.cookie-clicker-lb-row--me{background:#d9770626;border-radius:6px}.cookie-clicker-lb-rank{font-weight:700;color:#fbbf24;min-width:28px}.cookie-clicker-lb-name{flex:1;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cookie-clicker-lb-score{font-weight:600;color:#d97706}.cookie-clicker-gameover{display:flex;flex-direction:column;align-items:center;gap:24px;padding:20px;animation:cookie-clicker-pop-in .3s ease-out}.cookie-clicker-gameover__header{text-align:center}.cookie-clicker-gameover__header h2{font-family:Bungee,Impact,sans-serif;font-size:28px;color:gold;margin:12px 0 8px}.cookie-clicker-gameover__my-score{font-size:18px;color:#c9a0dc}.cookie-clicker-gameover__my-score strong{color:#fbbf24}.cookie-clicker-gameover__rankings{width:100%;max-width:400px;display:flex;flex-direction:column;gap:6px}.cookie-clicker-gameover__row{display:flex;align-items:center;gap:12px;padding:10px 14px;background:#0003;border-radius:8px;border:1px solid rgba(107,74,163,.2)}.cookie-clicker-gameover__row--me{background:#d9770626;border-color:#d9770666}.cookie-clicker-gameover__rank{font-weight:700;font-size:16px;color:gold;min-width:36px}.cookie-clicker-gameover__name{flex:1;color:#fff;font-weight:500}.cookie-clicker-gameover__cookies{color:#fbbf24;font-weight:600}.cookie-clicker-gameover__btn{padding:12px 32px;background:linear-gradient(135deg,#d97706,#b45309);border:none;border-radius:10px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;font-family:DM Sans,Arial,sans-serif}.cookie-clicker-gameover__btn:hover{background:linear-gradient(135deg,#f59e0b,#d97706);transform:translateY(-1px)}@media (max-width: 768px){.cookie-clicker-modal__layout{flex-direction:column;max-height:95vh}.cookie-clicker-leaderboard-panel{width:100%;max-height:200px;border-radius:0 0 16px 16px}.cookie-clicker-modal__header h3{font-size:16px}.cookie-clicker-modal__body{padding:16px}.cookie-clicker-game__main{flex-direction:column}.cookie-clicker-game__cookie-area{flex-direction:row;min-width:auto}.cookie-clicker-game__big-cookie svg{width:64px;height:64px}.cookie-clicker-flashcard__choices{grid-template-columns:1fr}.cookie-clicker-game__upgrades{flex-direction:column}.cookie-clicker-upgrade{min-width:auto}}