*{margin:0;padding:0;box-sizing:border-box}:root{--modal-bg: linear-gradient(180deg, #1a3a5c 0%, #0d3b66 100%);--modal-border-default: #4fc3f7;--modal-border-warning: #ff9800;--modal-border-danger: #f44336;--modal-border-success: #4caf50;--modal-border-info: #2196f3;--modal-text-primary: #ffffff;--modal-text-secondary: #b0bec5;--modal-text-accent: #81d4fa;--modal-shadow: 0 10px 40px rgba(0, 0, 0, .5);--modal-backdrop: rgba(10, 22, 40, .9)}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);min-height:100vh;display:flex;justify-content:center;align-items:center;overflow:hidden}#game-container{position:relative;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center}#loading-screen{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background:linear-gradient(180deg,#1a1a2e,#0d3b66,#1a5f7a);z-index:1000;transition:opacity .5s ease}#loading-screen.hidden{opacity:0;pointer-events:none}:root{--btn-primary-bg: linear-gradient(180deg, #4fc3f7 0%, #0288d1 100%);--btn-primary-bg-hover: linear-gradient(180deg, #29b6f6 0%, #0277bd 100%);--btn-primary-text: #ffffff;--btn-primary-border: #4fc3f7;--btn-secondary-bg: rgba(255, 255, 255, .1);--btn-secondary-bg-hover: rgba(255, 255, 255, .15);--btn-secondary-text: #b0bec5;--btn-secondary-text-hover: #ffffff;--btn-secondary-border: rgba(255, 255, 255, .2);--btn-success-bg: linear-gradient(180deg, #4caf50 0%, #388e3c 100%);--btn-success-bg-hover: linear-gradient(180deg, #43a047 0%, #2e7d32 100%);--btn-success-text: #ffffff;--btn-success-border: #4caf50;--btn-danger-bg: linear-gradient(180deg, #f44336 0%, #c62828 100%);--btn-danger-bg-hover: linear-gradient(180deg, #e53935 0%, #b71c1c 100%);--btn-danger-text: #ffffff;--btn-danger-border: #f44336;--btn-link-bg: transparent;--btn-link-text: #4fc3f7;--btn-link-text-hover: #81d4fa;--btn-small-padding: 8px 14px;--btn-small-font: 13px;--btn-small-min-height: 36px;--btn-medium-padding: 12px 20px;--btn-medium-font: 15px;--btn-medium-min-height: 44px;--btn-large-padding: 14px 24px;--btn-large-font: 16px;--btn-large-min-height: 48px;--btn-radius: 8px;--btn-radius-large: 12px;--btn-transition: all .2s ease;--btn-shadow: 0 4px 15px rgba(0, 0, 0, .2);--btn-shadow-hover: 0 6px 20px rgba(0, 0, 0, .3)}button,.btn,.modal__btn,.pagination-btn,.pagination-number,.fullscreen-resume-btn{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-weight:600;cursor:pointer;transition:var(--btn-transition);border:none;outline:none;display:inline-flex;align-items:center;justify-content:center;text-align:center;white-space:nowrap;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}button::-moz-focus-inner,.btn::-moz-focus-inner,.modal__btn::-moz-focus-inner{border:none;padding:0}.btn{padding:var(--btn-medium-padding);font-size:var(--btn-medium-font);min-height:var(--btn-medium-min-height);border-radius:var(--btn-radius);background:var(--btn-primary-bg);color:var(--btn-primary-text);box-shadow:var(--btn-shadow)}.btn-primary,.modal__btn--primary{background:var(--btn-primary-bg);color:var(--btn-primary-text);border:1px solid var(--btn-primary-border);box-shadow:0 4px 15px #4fc3f74d}.btn-primary:hover,.modal__btn--primary:hover{background:var(--btn-primary-bg-hover);transform:translateY(-2px);box-shadow:0 6px 20px #4fc3f766}.btn-primary:active,.modal__btn--primary:active{transform:translateY(0)}.btn-secondary,.modal__btn--secondary{background:var(--btn-secondary-bg);color:var(--btn-secondary-text);border:1px solid var(--btn-secondary-border);box-shadow:none}.btn-secondary:hover,.modal__btn--secondary:hover{background:var(--btn-secondary-bg-hover);color:var(--btn-secondary-text-hover)}.btn-success,.modal__btn--success{background:var(--btn-success-bg);color:var(--btn-success-text);border:1px solid var(--btn-success-border);box-shadow:0 4px 15px #4caf504d}.btn-success:hover,.modal__btn--success:hover{background:var(--btn-success-bg-hover);transform:translateY(-2px);box-shadow:0 6px 20px #4caf5066}.btn-success:active,.modal__btn--success:active{transform:translateY(0)}.btn-danger,.modal__btn--danger{background:var(--btn-danger-bg);color:var(--btn-danger-text);border:1px solid var(--btn-danger-border);box-shadow:0 4px 15px #f443364d}.btn-danger:hover,.modal__btn--danger:hover{background:var(--btn-danger-bg-hover);transform:translateY(-2px);box-shadow:0 6px 20px #f4433666}.btn-danger:active,.modal__btn--danger:active{transform:translateY(0)}.btn-link,.modal__btn--link{background:var(--btn-link-bg);color:var(--btn-link-text);border:none;box-shadow:none;padding:8px 16px}.btn-link:hover,.modal__btn--link:hover{color:var(--btn-link-text-hover);text-decoration:underline}.btn-small{padding:var(--btn-small-padding);font-size:var(--btn-small-font);min-height:var(--btn-small-min-height)}.btn-large{padding:var(--btn-large-padding);font-size:var(--btn-large-font);min-height:var(--btn-large-min-height)}.btn-block{width:100%;display:flex}.btn:disabled,.modal__btn:disabled,.pagination-btn:disabled,.pagination-number:disabled{opacity:.5;cursor:not-allowed;pointer-events:none;transform:none!important}.btn.loading,.modal__btn.loading{position:relative;pointer-events:none}.btn.loading:after,.modal__btn.loading:after{content:"";position:absolute;width:16px;height:16px;top:50%;left:50%;margin:-8px 0 0 -8px;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:spin .8s linear infinite}.pagination-btn,.pagination-number{padding:var(--btn-small-padding);font-size:var(--btn-small-font);min-height:var(--btn-small-min-height);border-radius:var(--btn-radius);background:var(--btn-secondary-bg);color:var(--btn-secondary-text);border:1px solid var(--btn-secondary-border);box-shadow:none}.pagination-btn:hover:not(:disabled),.pagination-number:hover:not(:disabled){background:var(--btn-secondary-bg-hover);color:var(--btn-secondary-text-hover)}.pagination-number.active{background:var(--btn-primary-bg);color:var(--btn-primary-text);border-color:var(--btn-primary-border);font-weight:600}.close-btn{background:none;border:none;color:#b0bec5;font-size:24px;cursor:pointer;line-height:1;padding:4px;min-height:auto}.close-btn:hover{color:#fff}.add-option-btn{background:none;border:1px dashed #555;color:#888;padding:12px;width:100%;border-radius:var(--btn-radius);margin-top:8px;transition:var(--btn-transition)}.add-option-btn:hover{border-color:#4fc3f7;color:#4fc3f7}.logout-btn{background:var(--btn-danger-bg);color:var(--btn-danger-text);border:none;padding:var(--btn-small-padding);font-size:var(--btn-small-font);min-height:var(--btn-small-min-height);border-radius:var(--btn-radius);box-shadow:0 4px 15px #f443364d;transition:var(--btn-transition)}.logout-btn:hover{background:var(--btn-danger-bg-hover);box-shadow:0 6px 20px #f4433666}.hidden{display:none!important}.storm-loader{position:relative;width:200px;height:150px;margin-bottom:30px}.rain{position:absolute;bottom:0;left:0;width:100%;height:50px;background:linear-gradient(transparent 0%,#64b5f64d);animation:rainFall 1s linear infinite}@keyframes rainFall{0%{opacity:0;transform:translateY(-10px)}50%{opacity:1}to{opacity:0;transform:translateY(20px)}}.typhoon-spinner{font-size:4rem;animation:spin 2s linear infinite;margin-bottom:15px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#loading-screen p{font-size:1.2rem;color:#b0bec5;animation:pulse 2s ease-in-out infinite}#rain-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999;overflow:hidden}.rain-drop{position:absolute;width:2px;background:linear-gradient(transparent,#aec2e080);animation:rain-fall linear infinite;top:-50px;opacity:0}@keyframes rain-fall{0%{transform:translateY(-100vh);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(100vh);opacity:0}}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}canvas{display:block;border-radius:0;box-shadow:none;image-rendering:auto;image-rendering:smooth;image-rendering:high-quality;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#game-container{position:relative;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;padding:0;margin:0;overflow:hidden}#game-container canvas{max-width:100vw;max-height:100vh;object-fit:contain;image-rendering:auto;image-rendering:smooth;image-rendering:high-quality}dialog.modal{background:var(--modal-bg);border:2px solid var(--modal-border-default);border-radius:16px;padding:0;max-width:90vw;max-height:90vh;color:var(--modal-text-primary);box-shadow:var(--modal-shadow);position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);margin:0;overflow:hidden;z-index:10000;pointer-events:auto;position:relative}dialog.modal:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#4fc3f70d,#81d4fa14,#29b6f60d,#4fc3f714,#81d4fa0d);background-size:400% 400%;animation:modalGradientShift 15s ease infinite;pointer-events:none;z-index:0;border-radius:14px}@keyframes modalGradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}dialog.modal:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:1;border-radius:14px;background:radial-gradient(circle at 0px 0px,var(--modal-border-default) 0%,transparent 8px),radial-gradient(circle at 100% 0px,var(--modal-border-default) 0%,transparent 8px),radial-gradient(circle at 0px 100%,var(--modal-border-default) 0%,transparent 8px),radial-gradient(circle at 100% 100%,var(--modal-border-default) 0%,transparent 8px);background-size:20px 20px;background-repeat:no-repeat;background-position:top left,top right,bottom left,bottom right;opacity:.6;animation:cornerPulse 3s ease-in-out infinite}@keyframes cornerPulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.7;transform:scale(1.02)}}dialog.modal:focus-within,dialog.modal:has(:focus){animation:modalBorderGlow 2s ease-in-out infinite;box-shadow:var(--modal-shadow),0 0 20px #4fc3f766,0 0 40px #4fc3f733,inset 0 0 20px #4fc3f70d}@keyframes modalBorderGlow{0%,to{border-color:var(--modal-border-default);box-shadow:var(--modal-shadow),0 0 20px #4fc3f766,0 0 40px #4fc3f733}50%{border-color:var(--modal-text-accent);box-shadow:var(--modal-shadow),0 0 30px #4fc3f799,0 0 60px #4fc3f74d,inset 0 0 30px #4fc3f71a}}dialog.modal.warning:focus-within,dialog.modal.warning:has(:focus){animation:modalBorderGlowWarning 2s ease-in-out infinite}@keyframes modalBorderGlowWarning{0%,to{border-color:var(--modal-border-warning);box-shadow:var(--modal-shadow),0 0 20px #ff980066,0 0 40px #ff980033}50%{border-color:#ffb74d;box-shadow:var(--modal-shadow),0 0 30px #ff980099,0 0 60px #ff98004d,inset 0 0 30px #ff98001a}}dialog.modal.danger:focus-within,dialog.modal.danger:has(:focus){animation:modalBorderGlowDanger 2s ease-in-out infinite}@keyframes modalBorderGlowDanger{0%,to{border-color:var(--modal-border-danger);box-shadow:var(--modal-shadow),0 0 20px #f4433666,0 0 40px #f4433633}50%{border-color:#ef5350;box-shadow:var(--modal-shadow),0 0 30px #f4433699,0 0 60px #f443364d,inset 0 0 30px #f443361a}}dialog.modal.success:focus-within,dialog.modal.success:has(:focus){animation:modalBorderGlowSuccess 2s ease-in-out infinite}@keyframes modalBorderGlowSuccess{0%,to{border-color:var(--modal-border-success);box-shadow:var(--modal-shadow),0 0 20px #4caf5066,0 0 40px #4caf5033}50%{border-color:#81c784;box-shadow:var(--modal-shadow),0 0 30px #4caf5099,0 0 60px #4caf504d,inset 0 0 30px #4caf501a}}dialog.modal.info:focus-within,dialog.modal.info:has(:focus){animation:modalBorderGlowInfo 2s ease-in-out infinite}@keyframes modalBorderGlowInfo{0%,to{border-color:var(--modal-border-info);box-shadow:var(--modal-shadow),0 0 20px #2196f366,0 0 40px #2196f333}50%{border-color:#64b5f6;box-shadow:var(--modal-shadow),0 0 30px #2196f399,0 0 60px #2196f34d,inset 0 0 30px #2196f31a}}#cache-clear-modal,#logout-modal,#scoreboard-modal,#leaderboard-modal,#quiz-modal,#activities-modal,#problem-solve-modal,#preparedness-modal,#bonus-tile-modal,#map-overview-modal,#auth-modal,#reset-modal,#terms-modal{z-index:11000!important}dialog.modal.flash-news-modal,dialog.modal.critical-modal{z-index:12000}dialog.modal[open]{animation:modalSlideIn .3s ease-out}dialog.modal::backdrop{background:var(--modal-backdrop);position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:auto}.modal__backdrop-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--modal-backdrop);z-index:-1;pointer-events:auto}#cache-clear-modal::backdrop,#logout-modal::backdrop,#scoreboard-modal::backdrop,#leaderboard-modal::backdrop,#quiz-modal::backdrop,#activities-modal::backdrop,#problem-solve-modal::backdrop,#preparedness-modal::backdrop,#bonus-tile-modal::backdrop,#map-overview-modal::backdrop,#auth-modal::backdrop,#reset-modal::backdrop,#terms-modal::backdrop{z-index:-1}dialog.modal.small{max-width:360px}dialog.modal.medium{max-width:420px}dialog.modal.large{max-width:960px}dialog.modal.xlarge{max-width:90vw}#quiz-modal{min-width:320px;max-width:800px}@media (min-width: 768px){dialog.modal.xlarge{max-width:700px}}@media (min-width: 1024px){dialog.modal.xlarge{max-width:1000px}}@media (min-width: 1440px){dialog.modal.xlarge{max-width:1200px}}dialog.modal.fullscreen{max-width:100vw;max-height:100vh;border-radius:0}dialog.modal:not([open]){display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}dialog.modal:not([open])::backdrop{display:none!important}.modal__wrapper{display:flex;flex-direction:column;max-height:90vh;overflow:hidden;pointer-events:auto;position:relative;z-index:2}.modal__header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.1);gap:16px}.modal__title{color:var(--modal-text-primary);font-size:1.5rem;margin:0;text-shadow:0 0 10px rgba(0,0,0,.4)}.modal__close{background:linear-gradient(135deg,#f44336e6,#c62828e6);border:2px solid rgba(244,67,54,1);color:#fff;font-size:1.2rem;font-weight:700;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .3s cubic-bezier(.4,0,.2,1);line-height:1;padding:0;position:relative;overflow:hidden;box-shadow:0 2px 8px #f443364d,inset 0 1px #fff3}.modal__close:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .4s ease,height .4s ease}.modal__close:hover:before{width:50px;height:50px}.modal__close:hover{background:linear-gradient(135deg,#e53935,#b71c1c);transform:rotate(90deg) scale(1.15);box-shadow:0 4px 15px #f4433680,0 0 25px #f4433666,inset 0 1px #ffffff4d;border-color:#ef5350}.modal__close:active{transform:rotate(90deg) scale(1.05);box-shadow:0 2px 8px #f4433666,inset 0 2px 4px #0000004d}.modal__close{text-shadow:0 1px 2px rgba(0,0,0,.3)}.modal__close:hover{text-shadow:0 1px 2px rgba(0,0,0,.3),0 0 10px rgba(255,255,255,.5)}#terms-modal .modal__close{display:none!important}.modal__body{padding:16px;overflow-y:auto;flex:1;min-height:0;position:relative;pointer-events:auto}#activities-modal .modal__body,#quiz-modal .modal__body{overflow:visible}#quiz-modal .modal__body:has(.quiz-results-screen:not(.hidden)){display:flex;flex-direction:column;max-height:70vh}.quiz-results-screen{flex:1;display:flex;flex-direction:column;min-height:0}#wind-systems-modal .modal__body:has(.ws-results-screen:not(.hidden)){display:flex;flex-direction:column;max-height:70vh}.ws-results-screen{flex:1;display:flex;flex-direction:column;min-height:0}@media (max-width: 768px){.modal__body:not(#quiz-modal .modal__body):not(#wind-systems-modal .modal__body):not(#problem-solve-modal .modal__body):not(#preparedness-modal .modal__body):not(#environmental-impacts-modal .modal__body):not(#bonus-tile-modal .modal__body):after{content:"↓";position:fixed;bottom:80px;left:20px;font-size:24px;color:#fff9;pointer-events:none;opacity:0;transition:opacity .3s ease;animation:bounceDown 1s ease-in-out infinite;z-index:10000}.modal__body.scrollable:not(#quiz-modal .modal__body):not(#wind-systems-modal .modal__body):not(#problem-solve-modal .modal__body):not(#preparedness-modal .modal__body):not(#environmental-impacts-modal .modal__body):not(#bonus-tile-modal .modal__body):after{opacity:1}@keyframes bounceDown{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}dialog.modal{max-width:95vw!important;max-height:85vh!important;margin:2vh auto!important}#auth-modal{margin:5vh auto 2vh!important}#quiz-modal .quiz-question-text{font-size:.85rem}#quiz-modal .quiz-modal__options{display:grid;grid-template-columns:1fr 1fr;gap:8px}#quiz-modal .quiz-option-btn{padding:10px 12px;font-size:.85rem;min-width:0;min-height:44px;width:100%}#quiz-modal .quiz-feedback{font-size:.9rem;padding:8px}.modal__body{max-height:50vh;overflow-y:auto!important}#quiz-modal .modal__body{overflow-y:visible!important}#quiz-question-screen{max-height:none!important;overflow-y:visible!important;padding-bottom:15px}.quiz-pdf-viewer{max-height:45vh;padding:5px}#auth-modal .modal__footer,#auth-modal .modal__buttons,#auth-modal .auth-form__actions{flex-direction:column;gap:8px}#auth-modal .modal__buttons .modal__btn,#auth-modal .auth-form__actions .modal__btn{width:100%}#auth-modal .modal__body{max-height:55vh!important;overflow-y:auto!important;padding:10px 12px}#auth-modal .modal__body::-webkit-scrollbar{width:6px}#auth-modal .modal__body::-webkit-scrollbar-track{background:#0000004d;border-radius:3px}#auth-modal .modal__body::-webkit-scrollbar-thumb{background:#4fc3f799;border-radius:3px}#auth-modal .modal__body::-webkit-scrollbar-thumb:hover{background:#4fc3f7cc}#auth-modal form:not(.auth-form-two-col){display:flex;flex-direction:column}#auth-modal .auth-form-two-col{grid-template-columns:1fr;gap:16px;display:flex;flex-direction:column}#auth-modal .auth-form__actions{margin-top:0;flex-shrink:0;padding-top:40px;border-top:1px solid rgba(79,195,247,.3)}#auth-modal #register-form .auth-form__actions{padding-top:50px}#auth-modal .modal__buttons{flex-shrink:0;position:sticky;bottom:0;background:#1a1a2e;padding:10px 0;margin-top:auto;z-index:10;border-top:1px solid rgba(79,195,247,.3);box-shadow:0 -4px 10px #0000004d}.modal__wrapper{max-height:80vh!important}.modal__header{padding:8px 12px}.modal__title{font-size:1.1rem}.modal__close{width:28px;height:28px;font-size:1rem}.modal__close:hover{transform:rotate(90deg) scale(1.1)}.modal__close:hover:before{width:40px;height:40px}.modal__body{padding:10px 12px;max-height:calc(80vh - 90px)!important}.modal__body p{font-size:.85rem;margin-bottom:10px}.modal__footer{padding:8px 12px;gap:8px;flex-shrink:0}.modal__btn{padding:8px 12px;font-size:.8rem;min-width:60px;white-space:nowrap}}.modal__body p{color:var(--modal-text-secondary);margin-bottom:20px;line-height:1.5}.modal__footer{display:flex;flex-direction:row;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid rgba(255,255,255,.1);background:#0000001a;flex-shrink:0}.modal__footer:has(.modal__btn:nth-child(2)){justify-content:space-between}.modal__buttons{display:flex;flex-direction:column;gap:12px}.modal__btn{padding:12px 20px;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;pointer-events:auto}.modal__btn--primary{background:linear-gradient(180deg,#4fc3f7,#0288d1);color:#fff;box-shadow:0 4px 15px #4fc3f74d}.modal__btn--primary:hover{background:linear-gradient(180deg,#29b6f6,#0277bd);transform:translateY(-2px);box-shadow:0 6px 20px #4fc3f766}.modal__btn--primary:active{transform:translateY(0)}.modal__btn--success{background:linear-gradient(180deg,#4caf50,#388e3c);color:#fff;box-shadow:0 4px 15px #4caf504d}.modal__btn--success:hover{background:linear-gradient(180deg,#43a047,#2e7d32);transform:translateY(-2px);box-shadow:0 6px 20px #4caf5066}.modal__btn--success:active{transform:translateY(0)}.modal__btn--secondary{background:#ffffff1a;color:var(--modal-text-secondary);border:1px solid rgba(255,255,255,.2)}.modal__btn--secondary:hover{background:#ffffff26;color:#fff}.modal__btn--danger{background:linear-gradient(180deg,#f44336,#c62828);color:#fff;box-shadow:0 4px 15px #f443364d}.modal__btn--danger:hover{background:linear-gradient(180deg,#e53935,#b71c1c);transform:translateY(-2px);box-shadow:0 6px 20px #f4433666}.modal__btn--link{background:none;color:var(--modal-border-default);border:none;padding:8px 16px;font-size:.9rem}.modal__btn--link:hover{color:var(--modal-text-accent);text-decoration:underline}.modal__form-group{margin-bottom:16px}.modal__form-group label{display:block;color:var(--modal-text-accent);font-size:.9rem;font-weight:500;margin-bottom:6px}.modal__form-group input{width:100%;padding:12px 16px;background:#0000004d;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-size:1rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;transition:all .2s ease}.modal__input-field{width:100%;padding:14px 18px;background:#0006!important;border:2px solid rgba(79,195,247,.4)!important;border-radius:10px;color:#fff;font-size:16px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;transition:all .2s ease;transform-origin:left top;touch-action:manipulation;-webkit-tap-highlight-color:transparent;cursor:text}@media (max-width: 768px){.modal__input-field{padding:16px 18px;font-size:16px;min-height:48px}}.modal__form-group input:focus,.modal__input-field:focus{outline:none;border-color:#4fc3f7!important;box-shadow:0 0 0 4px #4fc3f74d,0 0 20px #4fc3f733;background:#00000080!important}.modal__form-group input::placeholder,.modal__input-field::placeholder{color:#546e7a}.modal__input-field:hover{border-color:#4fc3f799!important}.modal__form-group small{display:block;color:#78909c;font-size:.8rem;margin-top:4px}.modal__error{color:#ef5350;font-size:.9rem;margin:-8px 0 12px;min-height:20px}.modal__success{color:#66bb6a;font-size:.9rem;margin:-8px 0 12px;min-height:20px}#auth-modal{width:600px!important;max-width:90vw!important}#auth-modal .auth-form-two-col{display:grid!important;grid-template-columns:1fr 200px;gap:24px;align-items:start}.auth-form__fields{display:flex;flex-direction:column}.auth-form__actions{display:flex;flex-direction:column;gap:12px;margin-top:28px}.auth-form__actions .modal__btn{width:100%;min-height:42px}.modal__terms{color:var(--modal-text-secondary);line-height:1.6;margin-bottom:24px}.modal__terms h3{color:var(--modal-text-accent);font-size:1.2rem;margin-bottom:12px}.modal__terms h4{color:var(--modal-text-primary);font-size:1rem;margin:16px 0 8px}.modal__terms p{margin-bottom:12px}.modal__terms strong{color:var(--modal-text-accent)}.modal__body ul{list-style:none;padding-left:0;margin:12px 0}.modal__body ul li{padding:8px 0 8px 20px;position:relative;border-bottom:1px solid rgba(255,255,255,.1)}.modal__body ul li:before{content:"✓";position:absolute;left:0;color:var(--modal-border-default);font-weight:700}.modal__body ul li:last-child{border-bottom:none}.modal__terms-note{margin-top:16px;padding:12px;background:#4fc3f71a;border-left:3px solid var(--modal-border-default);border-radius:4px;font-size:.9rem}.modal__terms-close{margin-top:24px}.modal__terms-close .modal__btn{width:100%}.modal__map-body{padding:24px;display:flex;flex-direction:column;align-items:center}.modal__map-body canvas{max-width:100%;height:auto}.modal__map-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;margin-top:16px;padding:12px 20px;background:#0003;border-radius:8px}.modal__legend-item{display:flex;align-items:center;gap:8px}.modal__legend-color{width:16px;height:16px;border-radius:4px;border:1px solid rgba(255,255,255,.3)}.modal__legend-avatar{font-size:16px;line-height:1;filter:drop-shadow(0 0 4px rgba(255,152,0,.6))}.modal__legend-item span:last-child{color:var(--modal-text-secondary);font-size:.9rem}dialog.modal.warning{--modal-border-default: var(--modal-border-warning)}dialog.modal.danger{--modal-border-default: var(--modal-border-danger)}dialog.modal.success{--modal-border-default: var(--modal-border-success)}dialog.modal.info{--modal-border-default: var(--modal-border-info)}@keyframes modalSlideIn{0%{opacity:0;transform:translate(-50%,-50%) translateY(-30px) scale(.95)}to{opacity:1;transform:translate(-50%,-50%) translateY(0) scale(1)}}.modal__btn.loading{position:relative;color:transparent;pointer-events:none}.modal__btn.loading:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid #fff;border-top-color:transparent;border-radius:50%;animation:modalSpinner .8s linear infinite}@keyframes modalSpinner{to{transform:rotate(360deg)}}dialog.modal--danger.flash-news-modal{--modal-border-default: #ff0000;--modal-bg: rgba(0, 0, 0, .95)}.flash-news-modal .modal__wrapper{position:relative;width:80%;max-width:900px;animation:flashSlideIn .5s ease-out}@keyframes flashSlideIn{0%{transform:scale(.8) translateY(50px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.flash-news-modal .modal__body{display:flex;flex-direction:column;align-items:center;padding:0;max-height:none;position:relative}.modal__flash-news-image{width:100%;max-width:600px;border-radius:12px;overflow:hidden;box-shadow:0 10px 50px #f006;border:3px solid #ff0000}.modal__flash-news-image img{width:100%;height:auto;display:block}.modal__flash-news-text{position:absolute;top:55%;left:5%;transform:translateY(-50%);padding:28px 32px;background:#000000bf;border-radius:12px;max-width:55%;box-shadow:0 8px 32px #0009}.modal__flash-news-text p{font-size:1.5rem;margin:0 0 20px;line-height:1.4;color:#fff;text-shadow:1px 1px 3px rgba(0,0,0,1)}.typewriter-text{color:#fff}.cursor{color:red;animation:cursorBlink .7s infinite;font-weight:700}@keyframes cursorBlink{0%,50%{opacity:1}51%,to{opacity:0}}.flash-news-modal .modal__footer{position:absolute;bottom:0;left:0;right:0;padding:20px;background:#000c;border-top:3px solid #ff0000}.flash-news-modal .modal__btn{padding:12px 28px;font-size:1rem;font-weight:700;color:#fff;border:2px solid #ffffff;border-radius:8px;cursor:pointer;transition:all .3s ease}.flash-news-modal .modal__btn--secondary{background:linear-gradient(180deg,#78909c,#546e7a);border:none}.flash-news-modal .modal__btn--secondary:hover{background:linear-gradient(180deg,#90a4ae,#78909c);transform:scale(1.05);box-shadow:0 0 15px #78909c99;border:none}.flash-news-modal .modal__btn--primary{background:linear-gradient(180deg,red,#c00);box-shadow:0 4px 15px #f443364d}.flash-news-modal .modal__btn--primary:hover{background:linear-gradient(180deg,#f33,red);transform:scale(1.05);box-shadow:0 6px 20px #f4433666}.scoreboard__player{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#0003;border-radius:8px;margin-bottom:16px}.scoreboard__stats{display:flex;gap:24px;margin-bottom:20px}.scoreboard__stat{display:flex;flex-direction:column;align-items:center;flex:1;padding:16px;background:#0003;border-radius:8px}.scoreboard__stat-label{font-size:12px;color:#b0bec5;margin-bottom:8px}.scoreboard__stat-value{font-size:28px;font-weight:700}.scoreboard__progress{margin-bottom:20px}.scoreboard__progress-bar{width:100%;height:12px;background:#ffffff1a;border-radius:6px;overflow:hidden}.scoreboard__progress-fill{height:100%;background:linear-gradient(90deg,#4caf50,#81c784);border-radius:6px;transition:width .5s ease}.scoreboard__tiles-table{margin-bottom:20px}.scoreboard__table{width:100%;border-collapse:collapse;background:#0003;border-radius:8px;overflow:hidden}.scoreboard__table-header{padding:10px 12px;text-align:left;font-size:12px;font-weight:600;color:#b0bec5;background:#0000004d;border-bottom:1px solid rgba(255,255,255,.1)}.scoreboard__table-header--center{text-align:center}.scoreboard__table-header--right{text-align:right}.scoreboard__tile-row{border-bottom:1px solid rgba(255,255,255,.05);transition:background-color .2s ease}.scoreboard__tile-row:last-child{border-bottom:none}.scoreboard__tile-row:hover{background:#ffffff0d}.scoreboard__tile-row.completed{background:#4caf501a}.scoreboard__tile-row.completed:hover{background:#4caf5026}.scoreboard__tile-name{padding:10px 12px;font-size:13px;color:#fff;font-weight:500}.scoreboard__tile-subtitle{padding:10px 12px;font-size:11px;color:#78909c;text-transform:uppercase}.scoreboard__tile-status{padding:10px 12px;text-align:center;font-size:14px;color:#4caf50}.scoreboard__tile-score{padding:10px 12px;text-align:right;font-size:14px;font-weight:700;color:gold}.scoreboard__score-breakdown{display:flex;align-items:center;justify-content:flex-end;gap:6px;font-family:Courier New,monospace;font-size:13px}.scoreboard__score-raw{color:#81c784;font-weight:600}.scoreboard__score-deduction{color:#ff8a80;font-weight:600}.scoreboard__score-final{color:#4fc3f7;font-weight:700}.scoreboard__score-divider{color:#78909c;font-weight:400;margin:0 2px}.scoreboard__multi-difficulty{display:flex;flex-direction:column;gap:6px;align-items:flex-end}.scoreboard__difficulty-row{display:flex;align-items:center;justify-content:flex-end;gap:8px;font-size:12px}.scoreboard__diff-label{color:#b0bec5;font-weight:600;font-size:11px;min-width:65px;text-align:left;text-transform:uppercase}.scoreboard__diff-breakdown{display:flex;align-items:center;gap:4px;font-family:Courier New,monospace;font-size:12px}.scoreboard__tiles-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding:12px 16px;background:linear-gradient(135deg,#4a90d926,#3a7bbd1a);border-radius:10px;border:1px solid rgba(74,144,217,.3)}.scoreboard__tiles-title{font-size:16px;font-weight:700;color:#4fc3f7;letter-spacing:1px}.scoreboard__tiles-legend{display:flex;gap:16px;align-items:center}.scoreboard__legend-item{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:600;color:#b0bec5;text-transform:uppercase;letter-spacing:.5px}.scoreboard__legend-dot{width:10px;height:10px;border-radius:50%;display:inline-block}.scoreboard__legend-dot--score{background:#81c784;box-shadow:0 0 8px #81c78480}.scoreboard__legend-dot--deduction{background:#ff8a80;box-shadow:0 0 8px #ff8a8080}.scoreboard__legend-dot--final{background:#4fc3f7;box-shadow:0 0 8px #4fc3f780}.scoreboard__legend-divider{color:#ffffff26;margin:0 8px;font-size:12px}.scoreboard__status-icon{font-size:14px;font-weight:600}.scoreboard__status-icon--incomplete{color:#78909c}.scoreboard__status-icon--completed{color:#4caf50}.scoreboard__badges{margin-bottom:16px}.scoreboard__badge{display:inline-block;padding:6px 12px;background:#ffd70033;border:1px solid rgba(255,215,0,.5);border-radius:20px;color:gold;font-size:13px;margin:4px 8px 4px 0}.leaderboard__loading,.leaderboard__empty,.leaderboard__error{text-align:center;padding:40px 20px}.leaderboard__entries{display:flex;flex-direction:column;gap:8px}.leaderboard__entry{display:flex;align-items:center;padding:12px 16px;background:#0003;border-radius:8px;border:1px solid rgba(255,255,255,.1);transition:all .2s ease}.leaderboard__entry:hover{background:#ffffff1a}.leaderboard__entry--top{background:linear-gradient(90deg,#2e7d324d,#0003);border:1px solid rgba(255,215,0,.5)}.leaderboard__rank{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#455a64;border-radius:50%;font-weight:700;margin-right:16px;flex-shrink:0}.leaderboard__rank--gold{background:#ff6f00;border:1px solid #ffd700}.leaderboard__rank--silver{background:#616161;border:1px solid #c0c0c0}.leaderboard__rank--bronze{background:#5d4037;border:1px solid #cd7f32}.leaderboard__username{flex:1;font-size:16px;color:#e3f2fd;font-weight:500}.leaderboard__score{font-size:18px;font-weight:700}.leaderboard__time{font-size:14px;font-weight:500;min-width:70px;text-align:right}.leaderboard__badges{display:flex;flex-wrap:wrap;gap:4px;margin-left:8px;align-items:center}.leaderboard__badge{font-size:11px;padding:2px 6px;background:#ffd70026;border:1px solid rgba(255,215,0,.3);border-radius:4px;color:gold;white-space:nowrap}.leaderboard__badge-more{font-size:11px;padding:2px 6px;background:#b0bec526;border:1px solid rgba(176,190,197,.3);border-radius:4px;color:#b0bec5}.fullscreen-btn{position:fixed;bottom:20px;right:16px;width:48px;height:48px;min-width:48px;min-height:48px;background:linear-gradient(180deg,#1a3a5c,#0d3b66);border:2px solid #4fc3f7;border-radius:50%;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 4px 15px #0006,0 0 10px #4fc3f74d;transition:all .3s ease;z-index:9998;padding:0;font-family:inherit;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.fullscreen-btn:hover{background:linear-gradient(180deg,#2a4a6c,#1d4b76);box-shadow:0 6px 20px #00000080,0 0 15px #4fc3f780;transform:scale(1.1)}.fullscreen-btn:active{transform:scale(.95)}.fullscreen-btn:focus-visible{outline:2px solid #4fc3f7;outline-offset:2px}.fullscreen-btn svg{width:24px;height:24px;color:#4fc3f7;transition:all .2s ease;pointer-events:none}.fullscreen-btn .hidden{display:none}body.is-fullscreen .fullscreen-btn{bottom:20px;right:16px}@media (max-width: 768px){.btn,.modal__btn,.pagination-btn,.pagination-number{min-height:44px;min-width:44px;padding:12px 18px}.btn-small{min-height:40px;padding:10px 16px}.fullscreen-btn{width:56px;height:56px;min-width:56px;min-height:56px;bottom:16px;right:16px}.fullscreen-btn svg{width:28px;height:28px}.modal__buttons{flex-direction:column;width:100%}.modal__footer{flex-direction:column;padding:16px}.modal__btn{width:100%;justify-content:center}.flash-news-content{width:95%}.modal__flash-news-text{left:3%;max-width:55%;padding:18px 22px}.modal__flash-news-text p{font-size:.85rem;margin-bottom:16px}.flash-news-buttons{flex-direction:column;gap:8px}.flash-news-btn{padding:10px 24px;font-size:.9rem}}#landscape-reminder{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#0a1628f2;z-index:99999;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px;pointer-events:auto}#landscape-reminder.show{display:flex}#landscape-reminder svg{width:80px;height:80px;color:#4fc3f7;margin-bottom:20px;animation:rotateDevice 2s ease-in-out infinite}@keyframes rotateDevice{0%,to{transform:rotate(0)}25%{transform:rotate(-90deg)}75%{transform:rotate(0)}}#landscape-reminder h2{color:gold;font-size:1.8rem;margin-bottom:16px}#landscape-reminder p{color:#b0bec5;font-size:1.1rem;max-width:400px}@media (max-width: 768px) and (orientation: portrait){#landscape-reminder.show{display:flex}}.fullscreen-prompt{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#0a1628e6;z-index:99998;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px;cursor:pointer;pointer-events:auto;opacity:0;transition:opacity .3s ease}.fullscreen-prompt.show{display:flex;opacity:1}.fullscreen-prompt svg{width:72px;height:72px;color:gold;margin-bottom:20px;animation:pulseFullscreen 1.5s ease-in-out infinite}@keyframes pulseFullscreen{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}.fullscreen-prompt h2{color:gold;font-size:1.6rem;margin-bottom:16px}.fullscreen-prompt p{color:#b0bec5;font-size:1rem;max-width:350px}.fullscreen-exit-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#050f1efa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:99999;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px;cursor:pointer;pointer-events:auto;opacity:0;transition:opacity .3s ease}.fullscreen-exit-overlay.show{display:flex;opacity:1}.fullscreen-exit-content{max-width:400px;width:100%}.fullscreen-exit-overlay svg{width:56px;height:56px;color:#ff6b6b;margin-bottom:12px;animation:shakeIcon 2s ease-in-out infinite}@keyframes shakeIcon{0%,to{transform:rotate(0)}10%,30%,50%,70%,90%{transform:rotate(-5deg)}20%,40%,60%,80%{transform:rotate(5deg)}}.fullscreen-exit-overlay h2{color:#ff6b6b;font-size:1.4rem;margin-bottom:10px;font-weight:600}.fullscreen-exit-overlay p{color:#b0bec5;font-size:.95rem;max-width:350px;margin:0 auto 14px;line-height:1.5}.fullscreen-resume-btn{background:linear-gradient(135deg,gold,#ff9500);color:#0a1628;border:none;padding:12px 28px;font-size:1rem;font-weight:600;border-radius:50px;cursor:pointer;box-shadow:0 4px 20px #ffd7004d;transition:transform .2s ease,box-shadow .2s ease}.fullscreen-resume-btn:hover{transform:scale(1.05);box-shadow:0 6px 25px #ffd70066}.fullscreen-resume-btn:active{transform:scale(.98)}.life-preserver__label{font-size:8px;bottom:-16px}.life-effect--left{left:-30px;bottom:-30px}.life-effect--right{right:-30px;bottom:-30px}.activity-modal__container{position:relative;min-height:400px;padding-bottom:80px;overflow:visible}.activity-modal__content{padding:0 8px}.life-saving-effects{position:absolute;bottom:-60px;left:-80px;right:-80px;height:150px;pointer-events:none;z-index:10}.life-effect{position:absolute;bottom:0;display:flex;flex-direction:column;align-items:center;animation:lifeEffectFloat 3s ease-in-out infinite}.life-effect--left{left:0;animation-delay:0s}.life-effect--right{right:0;animation-delay:1.5s}@keyframes lifeEffectFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.life-preserver{position:relative;width:140px;height:140px;animation:lifePreserverPulse 2s ease-in-out infinite}@keyframes lifePreserverPulse{0%,to{filter:drop-shadow(0 0 10px rgba(255,107,53,.5))}50%{filter:drop-shadow(0 0 20px rgba(255,107,53,.8))}}.life-preserver__img{width:100%;height:100%;object-fit:contain;animation:lifePreserverSpin 20s linear infinite}@keyframes lifePreserverSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.life-preserver__label{position:absolute;bottom:-20px;left:50%;transform:translate(-50%);white-space:nowrap;font-size:10px;font-weight:700;color:#ff6b35;text-shadow:0 0 5px rgba(255,107,53,.8);letter-spacing:1px}.life-effect__particles{position:absolute;width:60px;height:60px;top:10px}.life-particle{position:absolute;width:8px;height:8px;background:radial-gradient(circle,#ffffffe6,#fff0 70%);border-radius:50%;animation:lifeParticleFloat 3s ease-in-out infinite;animation-delay:var(--delay, 0s)}@keyframes lifeParticleFloat{0%{transform:translate(0) scale(1);opacity:0}20%{opacity:1}80%{opacity:1}to{transform:translate(var(--x, 0),-50px) scale(0);opacity:0}}.life-preserver:before{content:"";position:absolute;top:50%;left:50%;width:80px;height:80px;transform:translate(-50%,-50%);border:2px solid rgba(255,107,53,.3);border-radius:50%;animation:lifeRipple 2s ease-out infinite}.life-preserver:after{content:"";position:absolute;top:50%;left:50%;width:80px;height:80px;transform:translate(-50%,-50%);border:2px solid rgba(255,107,53,.3);border-radius:50%;animation:lifeRipple 2s ease-out infinite 1s}@keyframes lifeRipple{0%{width:80px;height:80px;opacity:.8}to{width:140px;height:140px;opacity:0}}@media (max-width: 768px){.life-saving-effects{display:none}}.quiz-modal__intro,.activity-modal__intro{text-align:center;padding:20px}.quiz-modal__subtitle,.activity-modal__subtitle{font-size:1.1rem;color:#81d4fa;margin:0 0 30px}.quiz-modal__difficulty{margin-top:30px}.quiz-modal__difficulty p{color:#b0bec5;margin-bottom:15px;font-size:1.1rem}.quiz-modal__buttons{display:flex;justify-content:center;gap:15px;flex-wrap:wrap}.quiz-modal__buttons .modal__btn{min-width:120px;padding:15px 20px}.quiz-modal__buttons small{display:block;font-size:.75rem;opacity:.8;margin-top:5px}.quiz-modal__buttons .modal__btn:disabled{opacity:.4;cursor:not-allowed;filter:grayscale(50%)}.quiz-modal__hint{color:#ff9800;font-size:.9rem;margin-top:15px;animation:pulse 2s ease-in-out infinite}.activity-modal__instructions{background:#0003;border-radius:12px;padding:20px;margin-bottom:20px;text-align:left}.activity-modal__instructions p{color:#b0bec5;line-height:1.6;margin:0 0 10px}.activity-modal__instructions ol{color:#c8e6c9;padding-left:5px}.activity-modal__instructions li{margin:8px 0}.activity-modal__start{display:flex;justify-content:center}@media (max-width: 768px){.quiz-modal__buttons{flex-direction:row;align-items:center;justify-content:center;flex-wrap:wrap}.quiz-modal__buttons .modal__btn{width:auto;max-width:none}}.quiz-modal__container{position:relative;min-height:300px;padding-bottom:80px;overflow:visible}.quiz-screen{width:100%;display:flex;flex-direction:column}.quiz-screen.hidden{display:none}.quiz-modal__loading{text-align:center;font-size:1.2rem;color:#b0bec5;padding:60px 20px}.quiz-modal__title{text-align:center;font-size:1.8rem;color:gold;text-shadow:0 0 10px rgba(255,215,0,.5);margin:0 0 10px}.quiz-modal__subtitle{text-align:center;font-size:1.1rem;color:#b0bec5;margin:0 0 30px}.quiz-modal__difficulty-buttons,.quiz-modal__diff-buttons{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;margin-bottom:20px}.quiz-difficulty-btn{display:flex;flex-direction:column;align-items:center;gap:8px;width:140px;padding:20px 15px;border:2px solid;border-radius:12px;background:transparent;cursor:pointer;transition:all .2s ease}.quiz-difficulty-btn:hover{transform:scale(1.05);box-shadow:0 5px 20px #0000004d}.quiz-difficulty-btn:active{transform:scale(.98)}.quiz-difficulty-btn--easy{border-color:#4caf50;background:#4caf501a}.quiz-difficulty-btn--easy:hover{background:#4caf5033}.quiz-difficulty-btn--medium{border-color:#ff9800;background:#ff98001a}.quiz-difficulty-btn--medium:hover{background:#ff980033}.quiz-difficulty-btn--difficult{border-color:#f44336;background:#f443361a}.quiz-difficulty-btn--difficult:hover{background:#f4433633}.quiz-difficulty-btn:disabled{opacity:.4;cursor:not-allowed;filter:grayscale(50%)}.quiz-difficulty__name{font-size:1.3rem;font-weight:700;color:#fff}.quiz-difficulty__points{font-size:.9rem;color:#b0bec5}.quiz-difficulty-btn .diff-label{font-size:1.2rem;font-weight:700;color:#fff}.quiz-difficulty-btn .diff-points{font-size:.85rem;color:#b0bec5}.quiz-modal__diff-title{text-align:center;font-size:1.8rem;color:gold;text-shadow:0 0 10px rgba(255,215,0,.5);margin:0 0 8px}.quiz-modal__diff-subtitle{text-align:center;font-size:1rem;color:#b0bec5;margin:0 0 25px}.quiz-modal__diff-hint{text-align:center;font-size:.9rem;color:#ff9800;margin:15px 0 0}.quiz-difficulty-badge{display:block;width:fit-content;margin:0 auto 8px;padding:5px 14px;border-radius:20px;font-size:.9rem;font-weight:700;text-align:center}.quiz-difficulty-badge--easy{background:#4caf5040;color:#4caf50;border:2px solid #4caf50}.quiz-difficulty-badge--medium{background:#ff980040;color:#ff9800;border:2px solid #ff9800}.quiz-difficulty-badge--difficult{background:#f4433640;color:#f44336;border:2px solid #f44336}.quiz-modal__score{text-align:center;font-size:1rem;color:gold;margin-bottom:15px}.quiz-modal__header{display:flex;justify-content:center;align-items:center;margin-bottom:12px;padding:8px 12px;background:#0d3b6680;border-radius:8px}.quiz-modal__progress{font-size:.85rem;color:#4fc3f7;font-weight:700}.quiz-modal__feedback{text-align:center;font-size:1rem;font-weight:700;padding:10px;border-radius:8px;margin-top:5px;margin-bottom:10px;animation:feedbackSlide .3s ease-out}.quiz-modal__feedback.correct{background:#4caf504d;color:#4caf50}.quiz-modal__feedback.incorrect{background:#f443364d;color:#f44336}@keyframes feedbackSlide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.quiz-modal__scenario{background:#0000004d;border-left:4px solid #4fc3f7;padding:10px 12px;margin-bottom:12px;font-style:italic;color:#b0bec5;border-radius:0 8px 8px 0;font-size:.9rem;flex-shrink:0}.quiz-modal__question{font-size:1rem;color:#fff;margin-bottom:15px;line-height:1.4;flex-shrink:0}.quiz-modal__options{display:flex;flex-direction:column;gap:8px;flex-shrink:0}#quiz-question-screen{display:flex;flex-direction:column;max-height:60vh;overflow-y:auto;padding-bottom:10px}#quiz-question-screen::-webkit-scrollbar{width:8px}#quiz-question-screen::-webkit-scrollbar-track{background:#0003;border-radius:4px}#quiz-question-screen::-webkit-scrollbar-thumb{background:#4fc3f780;border-radius:4px}#quiz-question-screen::-webkit-scrollbar-thumb:hover{background:#4fc3f7cc}#quiz-question-screen>:not(.quiz-modal__next-btn){flex-shrink:0}.quiz-option-btn{display:flex;align-items:center;justify-content:flex-start;padding:10px 16px;background:#263238cc;border:2px solid #4fc3f7;border-radius:8px;color:#fff;font-size:.95rem;text-align:left;cursor:pointer;transition:all .2s ease;width:100%}.quiz-option-btn:hover:not(:disabled){background:#37474f;border-color:#81d4fa}.quiz-option-btn:disabled{cursor:not-allowed}.quiz-option-btn.correct{background:#4caf50cc!important;border-color:#4caf50!important}.quiz-option-btn.incorrect{background:#f44336cc!important;border-color:#f44336!important}.quiz-option-btn .option-label{font-weight:700;margin-right:10px;min-width:25px}.quiz-modal__next-btn{display:block;margin:15px auto 0;padding:10px 24px;background:#1976d2;border:2px solid #ffffff;border-radius:8px;color:#fff;font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s ease;flex-shrink:0;position:sticky;bottom:0;z-index:10}.quiz-modal__next-btn:hover{background:#1565c0;transform:scale(1.05)}.quiz-modal__next-btn:active{transform:scale(.98)}.quiz-modal__results-title{text-align:center;font-size:1.5rem;color:gold;margin:0 0 15px}.quiz-modal__final-score{text-align:center;font-size:1.1rem;color:#fff;margin:0 0 15px}.quiz-modal__result-message{text-align:center;font-size:1rem;padding:10px;border-radius:8px;margin-bottom:20px}.quiz-modal__result-message.excellent{background:#4caf504d;color:#4caf50}.quiz-modal__result-message.good{background:#ff98004d;color:#ff9800}.quiz-modal__result-message.keep-practicing{background:#f443364d;color:#f44336}.quiz-modal__continue-btn{display:block;margin:15px auto 5px;padding:10px 30px;background:#4caf50;border:2px solid #ffffff;border-radius:8px;color:#fff;font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s ease}.quiz-modal__continue-btn:hover{background:#43a047;transform:scale(1.05)}.quiz-modal__continue-btn:active{transform:scale(.98)}.quiz-pdf-loading{text-align:center;padding:40px 20px;color:#4a90d9;font-size:1.1rem}.quiz-pdf-loading:before{content:"";display:inline-block;width:40px;height:40px;border:4px solid #e0e0e0;border-top-color:#4a90d9;border-radius:50%;animation:quiz-pdf-spin 1s linear infinite;margin-bottom:15px}@keyframes quiz-pdf-spin{to{transform:rotate(360deg)}}.quiz-pdf-viewer{display:block;width:100%;max-height:400px;overflow-y:auto;overflow-x:hidden;border:1px solid #e0e0e0;border-radius:8px;background:#f5f5f5;padding:10px;box-sizing:border-box}.quiz-pdf-viewer canvas{max-width:100%;height:auto!important;display:block;margin:0 auto;object-fit:contain}.quiz-pdf-page{page-break-after:always;margin-bottom:10px}.quiz-pdf-viewer.hidden{display:none}.quiz-results-screen{display:flex;flex-direction:column;max-height:70vh}.quiz-results-content{flex:1;overflow-y:auto;min-height:0}.quiz-results-content .quiz-pdf-viewer{max-height:none;overflow:visible}.quiz-results-screen .quiz-pdf-actions{flex-shrink:0;position:sticky;bottom:0;background:#1a1a2e;border-top:1px solid rgba(79,195,247,.3);margin-top:auto;padding:15px 10px}.preparedness-pdf-viewer{display:block;width:100%;max-height:500px;overflow-y:auto;overflow-x:hidden;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#0000004d;padding:10px;box-sizing:border-box}.preparedness-pdf-viewer canvas{max-width:100%;height:auto!important;display:block;margin:0 auto;object-fit:contain}.preparedness-pdf-viewer.hidden{display:none}.preparedness-pdf-viewer::-webkit-scrollbar{width:8px}.preparedness-pdf-viewer::-webkit-scrollbar-track{background:#0003;border-radius:4px}.preparedness-pdf-viewer::-webkit-scrollbar-thumb{background:#4fc3f7;border-radius:4px}.preparedness-pdf-viewer::-webkit-scrollbar-thumb:hover{background:#81d4fa}.preparedness-pdf-page{page-break-after:always;margin-bottom:10px}.preparedness-pdf-actions{display:flex;justify-content:center;gap:10px;margin-top:15px}.preparedness-pdf-actions.hidden{display:none}#preparedness-modal .modal__body{overflow:visible}#preparedness-modal .modal__body:has(.preparedness-screen:not(.hidden)):not(:has(.preparedness-pdf-viewer:not(.hidden))){max-height:70vh;overflow-y:auto}#preparedness-modal .modal__body:has(.preparedness-screen:not(.hidden)):not(:has(.preparedness-pdf-viewer:not(.hidden)))::-webkit-scrollbar{width:8px}#preparedness-modal .modal__body:has(.preparedness-screen:not(.hidden)):not(:has(.preparedness-pdf-viewer:not(.hidden)))::-webkit-scrollbar-track{background:#0003;border-radius:4px}#preparedness-modal .modal__body:has(.preparedness-screen:not(.hidden)):not(:has(.preparedness-pdf-viewer:not(.hidden)))::-webkit-scrollbar-thumb{background:#4fc3f7;border-radius:4px}#preparedness-modal .modal__body:has(.preparedness-screen:not(.hidden)):not(:has(.preparedness-pdf-viewer:not(.hidden)))::-webkit-scrollbar-thumb:hover{background:#81d4fa}#preparedness-modal .modal__body:has(.preparedness-pdf-viewer:not(.hidden)){overflow-y:auto;max-height:70vh}.quiz-pdf-loading.hidden{display:none}#bonus-tile-modal{min-width:320px}#bonus-tile-modal .modal__body{overflow:visible}#bonus-tile-modal .modal__body:has(.bonus-screen:not(.hidden)):not(:has(#bonus-pdf-viewer:not(.hidden))){max-height:70vh;overflow-y:auto}#bonus-tile-modal .modal__body:has(#bonus-pdf-viewer:not(.hidden)){overflow-y:auto;max-height:70vh}#bonus-tile-modal .modal__body:has(.bonus-screen:not(.hidden))::-webkit-scrollbar,#bonus-tile-modal .modal__body:has(#bonus-pdf-viewer:not(.hidden))::-webkit-scrollbar{width:8px}#bonus-tile-modal .modal__body:has(.bonus-screen:not(.hidden))::-webkit-scrollbar-track,#bonus-tile-modal .modal__body:has(#bonus-pdf-viewer:not(.hidden))::-webkit-scrollbar-track{background:#0003;border-radius:4px}#bonus-tile-modal .modal__body:has(.bonus-screen:not(.hidden))::-webkit-scrollbar-thumb,#bonus-tile-modal .modal__body:has(#bonus-pdf-viewer:not(.hidden))::-webkit-scrollbar-thumb{background:#9c27b0;border-radius:4px}#bonus-tile-modal .modal__body:has(.bonus-screen:not(.hidden))::-webkit-scrollbar-thumb:hover,#bonus-tile-modal .modal__body:has(#bonus-pdf-viewer:not(.hidden))::-webkit-scrollbar-thumb:hover{background:#ba68c8}.bonus-screen{padding:10px}.bonus-screen.hidden{display:none}.bonus-next-btn,.bonus-continue-btn{display:block;margin:20px auto 0;padding:12px 30px;font-size:1rem}.bonus-question-text{text-align:center;color:#fff;font-size:1.2rem;line-height:1.5;margin:20px 0;padding:15px;background:#ffffff0d;border-radius:8px}.bonus-buttons{display:flex;gap:15px;justify-content:center;margin:25px 0}.bonus-answer-btn{flex:1;max-width:200px;padding:15px 20px;font-size:1rem;transition:transform .2s ease}.bonus-answer-btn:hover{transform:scale(1.05)}#bonus-true-btn{background:linear-gradient(135deg,#4caf50,#43a047);border:2px solid #ffffff;box-shadow:0 4px 15px #4caf504d}#bonus-true-btn:hover{background:linear-gradient(135deg,#43a047,#388e3c);box-shadow:0 6px 20px #4caf5066}#bonus-true-btn:active{transform:scale(.98)}#bonus-false-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:2px solid #ffffff;box-shadow:0 4px 15px #667eea4d}#bonus-false-btn:hover{background:linear-gradient(135deg,#7c8fec,#8a5bb8);box-shadow:0 6px 20px #667eea66}#bonus-false-btn:active{transform:scale(.98)}.bonus-feedback{text-align:center;margin:20px 0;padding:15px;background:#ffffff0d;border-radius:8px;font-size:1.1rem}.bonus-pdf-viewer{display:flex;flex-direction:column;align-items:center;gap:15px;padding:10px}.bonus-pdf-viewer canvas{max-width:100%;height:auto;border-radius:8px;box-shadow:0 4px 12px #0000004d}.bonus-pdf-viewer.hidden{display:none}.bonus-pdf-loading{text-align:center;padding:40px 20px;color:#b0bec5}.bonus-pdf-loading.hidden{display:none}.bonus-pdf-page{margin-bottom:15px;background:#fffffff2;border-radius:8px;overflow:hidden}.bonus-pdf-actions.hidden{display:none}.quiz-pdf-actions,.ws-pdf-actions,.ps-pdf-actions,.preparedness-pdf-actions,.bonus-pdf-actions,.environmental-pdf-actions{display:flex;justify-content:center;align-items:center;gap:15px;padding:15px 10px}.quiz-pdf-actions,.ws-pdf-actions,.bonus-pdf-actions,.environmental-pdf-actions{flex-wrap:wrap}.preparedness-pdf-actions,.ps-pdf-actions{flex-wrap:nowrap}.quiz-pdf-actions .quiz-modal__continue-btn,.ws-pdf-actions .ws-modal__continue-btn,.bonus-pdf-actions .ws-modal__continue-btn,.environmental-pdf-actions .environmental-continue-btn{display:inline-flex;margin:0;padding:12px 20px;min-height:44px;align-items:center;justify-content:center;background:linear-gradient(135deg,#4caf50,#43a047);border-radius:var(--btn-radius, 8px);color:#fff;font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s ease}.quiz-pdf-actions .quiz-modal__continue-btn:hover,.ws-pdf-actions .ws-modal__continue-btn:hover,.bonus-pdf-actions .ws-modal__continue-btn:hover,.environmental-pdf-actions .environmental-continue-btn:hover{background:linear-gradient(135deg,#43a047,#388e3c);transform:scale(1.05)}.quiz-pdf-actions .quiz-modal__continue-btn:active,.ws-pdf-actions .ws-modal__continue-btn:active,.bonus-pdf-actions .ws-modal__continue-btn:active,.environmental-pdf-actions .environmental-continue-btn:active{transform:scale(.98)}.quiz-pdf-actions .quiz-modal__continue-btn.btn-invisible,.environmental-pdf-actions .environmental-continue-btn.btn-invisible{opacity:0;visibility:hidden;pointer-events:none}.quiz-download-btn,.ws-download-btn,.ps-download-btn,.preparedness-download-btn,.bonus-download-btn,.environmental-download-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;min-height:44px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;text-decoration:none;border-radius:var(--btn-radius);font-size:.95rem;font-weight:600;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;transition:all .3s ease;box-shadow:0 4px 15px #667eea4d;border:none;cursor:pointer;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.quiz-download-btn:hover,.ws-download-btn:hover,.ps-download-btn:hover,.preparedness-download-btn:hover,.bonus-download-btn:hover,.environmental-download-btn:hover{background:linear-gradient(135deg,#7c8fec,#8a5bb8);transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.quiz-download-btn:active,.ws-download-btn:active,.ps-download-btn:active,.preparedness-download-btn:active,.bonus-download-btn:active,.environmental-download-btn:active{transform:translateY(0)}.quiz-download-btn:focus-visible,.ws-download-btn:focus-visible,.ps-download-btn:focus-visible,.preparedness-download-btn:focus-visible,.bonus-download-btn:focus-visible,.environmental-download-btn:focus-visible{outline:2px solid #667eea;outline-offset:2px}.quiz-download-btn .download-icon,.ws-download-btn .download-icon,.ps-download-btn .download-icon,.preparedness-download-btn .download-icon,.bonus-download-btn .download-icon,.environmental-download-btn .download-icon{font-size:1.1rem}@media (max-width: 768px){#quiz-modal{min-width:auto;width:95vw!important;max-width:95vw!important}#terms-modal{width:95vw!important;max-width:95vw!important}#quiz-modal .modal__body{max-height:75vh!important;overflow-y:auto!important;padding:10px}.quiz-modal__next-btn{position:static!important;margin-top:15px}.quiz-modal__container{padding-bottom:0!important}#quiz-question-screen::-webkit-scrollbar{width:6px}#quiz-question-screen::-webkit-scrollbar-track{background:#0000004d}#quiz-question-screen::-webkit-scrollbar-thumb{background:#4fc3f799;border-radius:3px}.quiz-results-screen{max-height:55vh!important}.quiz-results-content{overflow-y:auto!important}#terms-modal .modal__body{max-height:60vh!important;overflow-y:auto!important;padding:12px}.quiz-results-content .quiz-pdf-viewer,.ws-pdf-viewer{max-height:none;padding:5px;font-size:.8rem}.quiz-pdf-viewer{max-height:none}.quiz-pdf-actions,.ws-pdf-actions,.ps-pdf-actions,.preparedness-pdf-actions,.bonus-pdf-actions,.environmental-pdf-actions{flex-direction:row;gap:10px;padding:10px 5px;flex-wrap:nowrap}.quiz-download-btn,.ws-download-btn,.ps-download-btn,.preparedness-download-btn,.bonus-download-btn,.environmental-download-btn,.quiz-pdf-actions .quiz-modal__continue-btn,.ws-pdf-actions .ws-modal__continue-btn,.ps-pdf-actions .ps-modal__continue-btn,.preparedness-pdf-actions .preparedness-continue-btn,.bonus-pdf-actions .ws-modal__continue-btn,.environmental-pdf-actions .ws-modal__continue-btn{flex:1;justify-content:center;padding:12px 16px;font-size:.9rem}.quiz-modal__title{font-size:1.2rem;padding:10px}.quiz-modal__difficulty-buttons{flex-direction:column;align-items:center;gap:15px}.quiz-difficulty-btn{width:100%;max-width:200px}.quiz-modal__header{flex-direction:column;gap:10px;text-align:center}.quiz-modal__question{font-size:1rem}.quiz-modal__results-title{font-size:1.5rem}}.ps-modal__container{position:relative;min-height:250px;padding:15px}.ps-screen{display:block}.ps-screen.hidden{display:none}.ps-modal__instruction{text-align:center;color:#b0bec5;font-style:italic;font-size:.9rem;margin-bottom:10px;padding:8px 12px;background:#0003;border-radius:8px}.ps-modal__progress{text-align:center;font-size:.9rem;color:#4fc3f7;font-weight:700;margin-bottom:8px}.ps-modal__score{text-align:center;font-size:.95rem;color:gold;font-weight:700;margin-bottom:10px}.ps-modal__feedback{text-align:center;font-size:.95rem;font-weight:700;padding:10px;margin-bottom:10px;border-radius:8px;background:#0003}.ps-modal__feedback.hidden{display:none}.ps-modal__question{font-size:1rem;color:#fff;text-align:center;margin-bottom:15px;line-height:1.5;padding:12px;background:#0d3b664d;border-radius:10px;border:1px solid rgba(79,195,247,.3)}.ps-modal__input-container{display:flex;justify-content:center;margin-bottom:20px}.ps-modal__input{width:280px;padding:12px 18px;font-size:1rem;color:#fff;background:#263238e6;border:2px solid #4fc3f7;border-radius:10px;outline:none;text-align:center;transition:all .2s ease}.ps-modal__input:focus{border-color:#81d4fa;box-shadow:0 0 15px #4fc3f766;background:#263238}.ps-modal__input::placeholder{color:#78909c}.ps-modal__input:disabled{opacity:.6;cursor:not-allowed}.ps-modal__submit-btn{display:block;margin:0 auto;padding:10px 22px;font-size:.95rem;font-weight:700;color:#fff;background:#1976d2;border:2px solid #ffffff;border-radius:8px;cursor:pointer;transition:all .2s ease}.ps-modal__submit-btn:hover:not(:disabled){background:#1565c0;transform:scale(1.05)}.ps-modal__submit-btn:active:not(:disabled){transform:scale(.98)}.ps-modal__submit-btn:disabled{opacity:.5;cursor:not-allowed}.ps-modal__next-btn{display:block;margin:12px auto 0;padding:10px 22px;font-size:.95rem;font-weight:700;color:#fff;background:#4caf50;border:2px solid #ffffff;border-radius:8px;cursor:pointer;transition:all .2s ease}.ps-modal__next-btn:hover{background:#43a047;transform:scale(1.05)}.ps-modal__next-btn:active{transform:scale(.98)}.ps-modal__results-title{text-align:center;font-size:1.5rem;color:gold;margin-bottom:15px}.ps-modal__final-score{text-align:center;font-size:1.1rem;color:#fff;margin-bottom:15px}.ps-modal__result-message{text-align:center;font-size:1rem;padding:12px;margin-bottom:20px;border-radius:8px}.ps-modal__continue-btn{display:inline-block;margin:15px auto 5px;padding:10px 30px;background:#4caf50;border:2px solid #ffffff;border-radius:8px;color:#fff;font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s ease}.ps-pdf-actions .ps-modal__continue-btn{display:inline-flex;align-items:center;justify-content:center;margin:0;padding:12px 20px;min-height:44px;background:linear-gradient(135deg,#4caf50,#43a047);border:3px solid #ffffff;border-radius:12px;box-shadow:0 4px 15px #4caf504d}.ps-modal__continue-btn:hover{background:linear-gradient(135deg,#43a047,#388e3c);transform:scale(1.05);box-shadow:0 6px 20px #4caf5066}.ps-modal__continue-btn:active{transform:scale(.98)}.ps-modal__detailed-results{max-height:350px;overflow-y:auto;padding:0 15px;margin-bottom:15px}.ps-modal__detailed-results::-webkit-scrollbar{width:8px}.ps-modal__detailed-results::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}.ps-modal__detailed-results::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}.ps-detailed-results{margin-top:10px}.ps-detailed-results__score{text-align:center;font-size:1.1rem;color:gold;margin-bottom:15px;padding:10px;background:#ffd70026;border-radius:8px;font-weight:500}.ps-detailed-results__questions{display:flex;flex-direction:column;gap:12px}.ps-result-item{background:#0d3b6699;border-radius:8px;padding:12px;border-left:4px solid #78909c}.ps-result-item--correct{border-left-color:#4caf50;background:#4caf5026}.ps-result-item--incorrect{border-left-color:#f44336;background:#f4433626}.ps-result-question-number{font-size:.85rem;color:#b0bec5;margin-bottom:6px;font-weight:500}.ps-result-question{font-size:.95rem;color:#fff;margin-bottom:10px;line-height:1.4}.ps-result-answer,.ps-result-correct{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:6px;font-size:.9rem}.ps-result-label{color:#b0bec5;font-weight:500}.ps-result-value{color:#fff;font-weight:500}.ps-result-value--correct{color:#4caf50}.ps-result-value--incorrect{color:#f44336}.ps-result-verdict{margin-top:8px;padding-top:8px;border-top:1px solid rgba(255,255,255,.1)}.ps-verdict-correct{color:#4caf50;font-weight:600;font-size:.9rem}.ps-verdict-incorrect{color:#f44336;font-weight:600;font-size:.9rem}.ps-pdf-viewer{display:block;width:100%;max-height:400px;overflow-y:auto;overflow-x:hidden;padding:10px}.ps-pdf-viewer.hidden{display:none}.ps-pdf-viewer canvas{max-width:100%;height:auto!important;display:block;margin:0 auto;object-fit:contain}.ps-pdf-viewer .pdf-page-container{margin-bottom:15px}.ps-loading{text-align:center;padding:40px 20px;color:#fff;font-size:1.1rem}.ps-loading.hidden{display:none}.ps-pdf-actions{display:flex;justify-content:center;align-items:center;gap:15px;padding:15px 10px;flex-wrap:wrap}.ps-pdf-actions.hidden{display:none}#problem-solve-modal .modal__body:has(.ps-pdf-viewer:not(.hidden)){overflow-y:auto;max-height:70vh}.wind-systems-modal__container{padding:20px;min-height:400px}.ws-screen{display:block}.ws-screen.hidden{display:none}.ws-modal__diff-title{font-size:1.8rem;color:gold;text-align:center;text-shadow:0 0 10px rgba(255,215,0,.5);margin:0 0 8px;font-weight:700}.ws-modal__instruction{text-align:center;color:#b0bec5;margin:0 0 20px;font-size:.9rem}.ws-modal__diff-buttons{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;margin-bottom:20px}.ws-difficulty-btn{display:flex;flex-direction:column;align-items:center;gap:8px;width:140px;padding:20px 15px;border:2px solid;border-radius:12px;background:transparent;cursor:pointer;transition:all .2s ease}.ws-difficulty-btn:hover{transform:scale(1.05);box-shadow:0 5px 20px #0000004d}.ws-difficulty-btn:active{transform:scale(.98)}.ws-difficulty-btn--easy{border-color:#4caf50;background:#4caf501a}.ws-difficulty-btn--easy:hover{background:#4caf5033}.ws-difficulty-btn--medium{border-color:#ff9800;background:#ff98001a}.ws-difficulty-btn--medium:hover{background:#ff980033}.ws-difficulty-btn--difficult{border-color:#f44336;background:#f443361a}.ws-difficulty-btn--difficult:hover{background:#f4433633}.ws-difficulty-btn:disabled{opacity:.4;cursor:not-allowed;filter:grayscale(50%)}.ws-difficulty-btn--completed{opacity:1;cursor:pointer;filter:none;border-style:dashed}.ws-difficulty-btn--completed:hover{transform:scale(1.05);box-shadow:0 5px 20px #4caf504d}.ws-difficulty-btn .diff-label{font-size:1.2rem;font-weight:700;color:#fff}.ws-difficulty-btn .diff-points{font-size:.85rem;color:#b0bec5}.ws-difficulty-badge{text-align:center;background:#4fc3f7;color:#0d3b66;padding:6px 16px;border-radius:20px;font-weight:700;margin-bottom:12px;display:inline-block;font-size:.85rem}.ws-modal__progress{text-align:center;color:#4fc3f7;font-size:.85rem;margin-bottom:10px;font-weight:700}.ws-modal__feedback{text-align:center;font-size:1rem;font-weight:700;margin-bottom:10px;padding:10px;border-radius:8px}.ws-modal__feedback.ws-correct{background:#4caf5033;color:#4caf50}.ws-modal__feedback.ws-incorrect{background:#f4433633;color:#f44336}.ws-drag-drop-question{text-align:center;position:relative}.ws-sentence-container{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px;margin-bottom:12px;min-height:36px}.ws-sentence-part{font-size:.95rem;color:#fff;line-height:1.3}.ws-drop-zone{display:inline-flex;align-items:center;justify-content:center;min-width:90px;min-height:36px;background:#4fc3f726;border:2px dashed #4fc3f7;border-radius:6px;margin:4px;padding:6px 10px;transition:all .3s ease}.ws-drop-zone.ws-drop-hover{background:#4fc3f74d;border-color:#81d4fa;transform:scale(1.05)}.ws-drop-placeholder{color:#4fc3f7;font-size:.85rem;font-style:italic}.ws-dropped-answer{color:#fff;font-size:.95rem;font-weight:700}.ws-drop-zone.ws-dropped{border-style:solid}.ws-drop-zone.ws-correct-drop{background:#4caf504d;border-color:#4caf50}.ws-drop-zone.ws-incorrect-drop{background:#f443364d;border-color:#f44336}.ws-choices-area{margin-top:12px;padding:10px;background:#0d3b664d;border-radius:10px;border:1px solid rgba(79,195,247,.2)}.ws-choices-label{color:gold;font-size:.85rem;margin-bottom:8px}.ws-choices{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;position:relative}.ws-draggable-choice{padding:8px 16px;background:linear-gradient(135deg,#1976d2,#1565c0);border:2px solid #4fc3f7;border-radius:8px;color:#fff;font-size:.9rem;font-weight:700;cursor:grab;transition:transform .15s ease,box-shadow .15s ease;user-select:none;touch-action:none;-webkit-user-select:none;-webkit-touch-callout:none;position:relative}.ws-draggable-choice:hover{background:linear-gradient(135deg,#1e88e5,#1976d2);transform:scale(1.08);box-shadow:0 5px 20px #4fc3f780}.ws-draggable-choice.ws-dragging{opacity:.4;cursor:grabbing}.ws-drag-clone{transform:scale(1.15);box-shadow:0 12px 45px #4fc3f7e6,0 0 0 4px #4fc3f799;transition:transform .1s ease-out;position:absolute!important;z-index:9999!important}.ws-draggable-choice[draggable=false]{cursor:default;opacity:.5}.ws-modal__next-btn{display:block;margin:20px auto 0;padding:12px 30px;background:linear-gradient(135deg,#4caf50,#43a047);border:2px solid #ffffff;border-radius:10px;color:#fff;font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 15px #4caf504d}.ws-modal__next-btn:hover{background:linear-gradient(135deg,#43a047,#388e3c);transform:scale(1.05);box-shadow:0 6px 20px #4caf5066}.ws-modal__results-title{text-align:center;font-size:2.2rem;color:gold;margin-bottom:25px;font-weight:700;text-shadow:0 2px 10px rgba(255,215,0,.3)}.ws-modal__final-score{text-align:center;font-size:1.8rem;color:#fff;margin-bottom:20px;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.3)}.ws-modal__result-message{text-align:center;font-size:1.2rem;color:#fff;margin-bottom:30px;padding:15px;background:#ffffff0d;border-radius:10px}.ws-modal__continue-btn{display:block;margin:20px auto 0;padding:14px 40px;background:linear-gradient(135deg,#4caf50,#43a047);border:3px solid #ffffff;border-radius:12px;color:#fff;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 15px #4caf5066;text-transform:none;letter-spacing:normal}.ws-diff-continue-btn{display:block;margin:20px auto 0;padding:14px 40px;background:linear-gradient(135deg,#4caf50,#43a047);border:3px solid #ffffff;border-radius:12px;color:#fff;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 15px #4caf5066}.ws-modal__continue-btn:hover,.ws-diff-continue-btn:hover{background:linear-gradient(135deg,#43a047,#388e3c);transform:scale(1.05);box-shadow:0 6px 20px #4caf5080}.ws-diff-continue-btn:hover{background:#43a047;transform:scale(1.05)}.ws-pdf-loading{text-align:center;padding:40px 20px;color:#4fc3f7;font-size:1.1rem}.ws-pdf-loading:before{content:"";display:inline-block;width:40px;height:40px;border:4px solid rgba(79,195,247,.3);border-top-color:#4fc3f7;border-radius:50%;animation:ws-pdf-spin 1s linear infinite;margin-bottom:15px}@keyframes ws-pdf-spin{to{transform:rotate(360deg)}}.ws-pdf-viewer{display:block;width:100%;max-height:400px;overflow-y:auto;overflow-x:hidden;border:1px solid rgba(79,195,247,.3);border-radius:12px;background:#0d3b664d;padding:10px;box-sizing:border-box}.ws-pdf-viewer canvas{max-width:100%;height:auto!important;display:block;margin:0 auto;object-fit:contain}.ws-pdf-page{page-break-after:always;margin-bottom:10px}.ws-pdf-viewer.hidden,.ws-pdf-loading.hidden{display:none}.ws-results-screen{display:flex;flex-direction:column;max-height:70vh}.ws-results-content{flex:1;overflow-y:auto;min-height:0}.ws-results-content .ws-pdf-viewer{max-height:none;overflow:visible}.ws-results-screen .ws-pdf-actions{flex-shrink:0;position:sticky;bottom:0;background:#0d3b66;border-top:1px solid rgba(79,195,247,.3);margin-top:auto;padding:15px 10px}.ws-pdf-actions.fade-in{animation:fadeInButtons .3s ease-out forwards}@keyframes fadeInButtons{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.ws-modal__continue-btn.btn-invisible{opacity:0;visibility:hidden;pointer-events:none}@media (max-width: 768px){#wind-systems-modal{min-width:auto;width:95vw!important;max-width:95vw!important}#wind-systems-modal .modal__body{max-height:75vh!important;overflow-y:auto!important;padding:10px;display:flex;flex-direction:column}.ws-results-screen{max-height:55vh!important}.ws-results-content{overflow-y:auto!important}.ws-drag-clone{transform:scale(1.2)!important;box-shadow:0 15px 50px #4fc3f7,0 0 0 5px #4fc3f7b3!important;filter:brightness(1.2) contrast(1.1);z-index:10000!important}.ws-modal__diff-title{padding:10px;text-align:center}.ws-modal__diff-buttons{flex-wrap:wrap;gap:12px;justify-content:center}.ws-difficulty-btn{width:100%;max-width:200px}.ws-difficulty-btn .diff-label{font-size:1.2rem;font-weight:700}.ws-difficulty-btn .diff-points{font-size:.85rem}.ws-sentence-part{font-size:.95rem}.ws-drop-zone{min-width:80px;min-height:44px;margin:3px;padding:8px 12px}.ws-drop-placeholder{font-size:.85rem}.ws-dropped-answer{font-size:.95rem}.ws-choices{gap:10px}.ws-draggable-choice{padding:12px 18px;font-size:.95rem;min-height:44px;min-width:80px;display:inline-flex;align-items:center;justify-content:center;touch-action:none}.ws-drag-clone{transform:scale(1.25)!important;box-shadow:0 20px 60px #4fc3f7,0 0 0 6px #4fc3f7cc!important;filter:brightness(1.3) contrast(1.1);z-index:10000!important}.ws-modal__instruction{font-size:1rem}}@media (max-width: 768px){#problem-solve-modal{min-width:auto;width:95vw!important;max-width:95vw!important}#problem-solve-modal .modal__body{max-height:75vh!important;overflow-y:auto!important;padding:10px;scroll-padding-top:20px;scroll-padding-bottom:300px}.ps-modal__instruction{display:none}.ps-modal__question{font-size:.9rem;padding:10px;margin-bottom:15px;line-height:1.4}.ps-modal__feedback{font-size:.9rem;padding:8px;margin-bottom:10px}.ps-modal__input{width:200px;font-size:1rem;padding:12px 16px;margin-bottom:10px;scroll-margin-top:20px;scroll-margin-bottom:300px}.ps-modal__input:focus{outline:none;border-color:#81d4fa;box-shadow:0 0 15px #4fc3f766;background:#263238}.ps-modal__submit-btn,.ps-modal__next-btn,.ps-modal__continue-btn{padding:8px 20px;font-size:.9rem;margin:8px auto}.ps-pdf-actions .ps-modal__continue-btn{margin:0;flex:1;padding:12px 16px;font-size:.9rem}.ps-modal__results-title{font-size:1.3rem;margin-bottom:10px}}#wind-systems-modal,#problem-solve-modal{z-index:10050}#wind-systems-modal::backdrop,#problem-solve-modal::backdrop{z-index:10049}.quiz-difficulty-btn--completed{opacity:1;cursor:pointer;filter:none;border-style:dashed}.quiz-difficulty-btn--completed:hover{transform:scale(1.05);box-shadow:0 5px 20px #4caf504d}.preparedness-modal__container{padding:20px;min-height:400px}.preparedness-screen{animation:fadeIn .3s ease-in}.preparedness-screen.hidden{display:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.preparedness-progress,.preparedness-score{display:none}.preparedness-scenario-title{color:#4fc3f7;font-size:20px;text-align:center;margin-bottom:20px}.preparedness-scenario-box,.preparedness-task-box{background:#0d3b6680;border-radius:10px;padding:10px 20px;margin-bottom:15px}.preparedness-label{color:#4fc3f7;font-weight:700;font-size:14px;display:block;margin-bottom:8px}.preparedness-scenario-text{color:#fff;font-size:15px;line-height:1.6;font-style:italic}.preparedness-task-text{color:gold;font-size:16px;line-height:1.5}.preparedness-input-container{position:relative;margin-bottom:15px}.preparedness-answer-input{width:100%;background:#263238e6;border:2px solid #4fc3f7;border-radius:10px;color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:15px;padding:15px;resize:none;outline:none;transition:border-color .3s,box-shadow .3s}.preparedness-answer-input:focus{border-color:#81d4fa;box-shadow:0 0 10px #81d4fa4d}.preparedness-answer-input::placeholder{color:#78909c}.preparedness-word-count{text-align:right;color:#78909c;font-size:12px;margin-top:5px}.preparedness-feedback{background:#0000004d;border-radius:10px;padding:15px 20px;margin-bottom:15px;animation:fadeIn .3s ease-in;word-wrap:break-word;overflow-wrap:break-word}.preparedness-feedback.hidden{display:none}.preparedness-feedback-header{display:flex;align-items:center;gap:15px;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.1)}.preparedness-feedback-icon{font-size:24px}.preparedness-feedback-title{font-size:18px;font-weight:700}.preparedness-feedback-score{margin-left:auto;background:#ffffff1a;padding:5px 12px;border-radius:15px;font-size:14px}.preparedness-feedback-answer{margin-bottom:12px;padding:10px;background:#0003;border-radius:6px;font-size:14px;line-height:1.5;word-wrap:break-word;overflow-wrap:break-word}.preparedness-feedback-ai{padding:10px;background:#4caf501a;border-radius:6px;font-size:14px;line-height:1.5;word-wrap:break-word;overflow-wrap:break-word}.preparedness-loading{text-align:center;color:#4fc3f7;font-size:16px;padding:20px;animation:pulse 1.5s ease-in-out infinite}.preparedness-loading.hidden{display:none}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.preparedness-submit-btn,.preparedness-next-btn{width:100%;padding:15px;font-size:16px}.preparedness-results{text-align:center;padding:20px}.preparedness-results h2{color:gold;font-size:28px;margin-bottom:20px}.preparedness-final-score{background:linear-gradient(135deg,#4a90d9,#357abd);color:#fff;padding:20px;border-radius:12px;font-size:24px;font-weight:700;margin-bottom:20px}.preparedness-performance-message{font-size:18px;line-height:1.6;margin-bottom:25px}.preparedness-answers-summary{text-align:left;margin-bottom:25px}.preparedness-answers-summary h3{color:#4fc3f7;font-size:18px;margin-bottom:15px;text-align:center}.preparedness-answers-list{max-height:300px;overflow-y:auto;padding-right:10px}.preparedness-answer-item{background:#0d3b6680;border-radius:10px;padding:15px;margin-bottom:12px;border-left:4px solid #ff9800}.preparedness-answer-item.preparedness-answer-correct{border-left-color:#4caf50;background:#4caf501a}.preparedness-answer-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.preparedness-answer-number{color:#4fc3f7;font-weight:700;font-size:14px}.preparedness-answer-score{background:#ffffff1a;padding:3px 10px;border-radius:10px;font-size:12px;color:gold}.preparedness-answer-content{font-size:14px;line-height:1.5}.preparedness-answer-content p{margin-bottom:8px}.preparedness-answer-content strong{color:#4fc3f7}.preparedness-continue-btn{display:inline-flex;margin:0;padding:12px 20px;min-height:44px;align-items:center;justify-content:center;background:linear-gradient(135deg,#4caf50,#43a047);border-radius:var(--btn-radius, 8px);color:#fff;font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s ease}.preparedness-continue-btn:hover{background:linear-gradient(135deg,#43a047,#388e3c);transform:scale(1.05)}.preparedness-continue-btn:active{transform:scale(.98)}.preparedness-answers-list::-webkit-scrollbar{width:8px}.preparedness-answers-list::-webkit-scrollbar-track{background:#0003;border-radius:4px}.preparedness-answers-list::-webkit-scrollbar-thumb{background:#4fc3f7;border-radius:4px}.preparedness-answers-list::-webkit-scrollbar-thumb:hover{background:#81d4fa}#preparedness-modal{z-index:10050}#preparedness-modal::backdrop{z-index:10049}@media (max-width: 768px){#preparedness-modal{min-width:auto;width:95vw!important;max-width:95vw!important}#preparedness-modal .modal__body:not(:has(.preparedness-pdf-viewer:not(.hidden))){max-height:60vh!important;overflow-y:auto!important;padding:10px;scroll-padding-top:20px;scroll-padding-bottom:300px}#preparedness-modal .modal__body:has(.preparedness-pdf-viewer:not(.hidden)){max-height:70vh!important;overflow-y:auto!important}#preparedness-modal .modal__body:not(:has(.preparedness-pdf-viewer:not(.hidden)))::-webkit-scrollbar{width:6px}#preparedness-modal .modal__body:not(:has(.preparedness-pdf-viewer:not(.hidden)))::-webkit-scrollbar-track{background:#0003;border-radius:3px}#preparedness-modal .modal__body:not(:has(.preparedness-pdf-viewer:not(.hidden)))::-webkit-scrollbar-thumb{background:#4fc3f7;border-radius:3px}.preparedness-scenario-title{font-size:1rem;margin-bottom:15px}.preparedness-scenario-box,.preparedness-task-box{padding:10px 15px;margin-bottom:12px}.preparedness-label{font-size:.85rem;margin-bottom:6px}.preparedness-scenario-text{font-size:.9rem;line-height:1.5}.preparedness-task-text{font-size:.95rem;line-height:1.4}.preparedness-answer-input{font-size:.95rem;padding:12px;min-height:100px;scroll-margin-top:20px;scroll-margin-bottom:300px}.preparedness-answer-input:focus{outline:none;border-color:#81d4fa;box-shadow:0 0 15px #4fc3f766;background:#263238}.preparedness-word-count{font-size:.75rem;margin-top:4px}.preparedness-feedback{padding:12px 15px;margin-bottom:12px}.preparedness-feedback-header{gap:10px;margin-bottom:12px;padding-bottom:8px}.preparedness-feedback-icon{font-size:1.2rem}.preparedness-feedback-title{font-size:.95rem}.preparedness-feedback-score{font-size:.8rem;padding:4px 10px}.preparedness-feedback-answer,.preparedness-feedback-ai{font-size:.9rem;padding:8px}.preparedness-submit-btn,.preparedness-next-btn{padding:12px;font-size:.95rem}.preparedness-results h2{font-size:1.5rem;margin-bottom:15px}.preparedness-final-score{padding:15px;font-size:1.3rem;margin-bottom:15px}.preparedness-performance-message{font-size:.95rem;margin-bottom:20px}.preparedness-answers-summary h3{font-size:1rem;margin-bottom:12px}.preparedness-answers-list{max-height:250px}.preparedness-answer-item{padding:12px;margin-bottom:10px}.preparedness-answer-number{font-size:.85rem}.preparedness-answer-score{font-size:.75rem;padding:2px 8px}.preparedness-answer-content{font-size:.85rem}.preparedness-continue-btn{padding:12px 30px;font-size:1rem}.preparedness-loading{font-size:.9rem;padding:15px}}.environmental-modal__container{width:100%}.environmental-screen.hidden{display:none}.environmental-scenario-title{color:#81c784;font-size:20px;text-align:center;margin-bottom:20px}.environmental-scenario-box,.environmental-task-box{background:#1b5e2080;border-radius:10px;padding:10px 20px;margin-bottom:15px}.environmental-label{color:#81c784;font-weight:700;font-size:14px;display:block;margin-bottom:8px}.environmental-scenario-text{color:#fff;font-size:15px;line-height:1.6;font-style:italic}.environmental-task-text{color:#aed581;font-size:16px;line-height:1.5}.environmental-input-container{position:relative;margin-bottom:15px}.environmental-answer-input{width:100%;background:#263238e6;border:2px solid #81c784;border-radius:10px;color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:15px;padding:15px;resize:none;outline:none;transition:border-color .3s,box-shadow .3s}.environmental-answer-input:focus{border-color:#a5d6a7;box-shadow:0 0 10px #81c7844d}.environmental-answer-input::placeholder{color:#78909c}.environmental-word-count{text-align:right;color:#78909c;font-size:12px;margin-top:5px}.environmental-feedback{background:#0000004d;border-radius:10px;padding:15px 20px;margin-bottom:15px;animation:fadeIn .3s ease-in;word-wrap:break-word;overflow-wrap:break-word}.environmental-feedback.hidden{display:none}.scenario-feedback-content{color:#fff}.scenario-score-text{color:#aed581;font-weight:700;font-size:16px;margin-bottom:10px}.scenario-feedback-text{color:#fff;font-size:14px;line-height:1.5}.environmental-loading{text-align:center;color:#81c784;font-size:16px;padding:20px;animation:pulse 1.5s ease-in-out infinite}.environmental-loading.hidden{display:none}.environmental-submit-btn,.environmental-next-btn{width:100%;padding:15px;font-size:16px}.environmental-continue-btn{display:inline-flex;margin:0;padding:12px 20px;min-height:44px;align-items:center;justify-content:center;background:linear-gradient(135deg,#4caf50,#43a047);border-radius:var(--btn-radius, 8px);color:#fff;font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s ease}.environmental-continue-btn:hover{background:linear-gradient(135deg,#43a047,#388e3c);transform:scale(1.05)}.environmental-continue-btn:active{transform:scale(.98)}.environmental-pdf-viewer{width:100%;height:400px;overflow-y:auto;background:#1a1a2e;border-radius:10px;padding:20px}.environmental-pdf-viewer.hidden{display:none}.environmental-pdf-viewer canvas{max-width:100%;height:auto;margin:0 auto;display:block}.environmental-pdf-viewer::-webkit-scrollbar{width:10px}.environmental-pdf-viewer::-webkit-scrollbar-track{background:#0000004d;border-radius:5px}.environmental-pdf-viewer::-webkit-scrollbar-thumb{background:#81c784;border-radius:5px}.environmental-pdf-viewer::-webkit-scrollbar-thumb:hover{background:#a5d6a7}.environmental-results-screen{display:flex;flex-direction:column;max-height:70vh}.environmental-results-content{flex:1;overflow-y:auto;min-height:0}.environmental-results-content .environmental-pdf-viewer{max-height:none;overflow:visible}.environmental-results-screen .environmental-pdf-actions{flex-shrink:0;position:sticky;bottom:0;background:#0d3b66;border-top:1px solid rgba(79,195,247,.3);margin-top:auto}.environmental-pdf-actions.hidden{display:none}.environmental-pdf-actions.fade-in{animation:fadeInButtons .3s ease-out forwards}#environmental-impacts-modal{z-index:10050}#environmental-impacts-modal::backdrop{z-index:10049}@media (max-width: 768px){#environmental-impacts-modal{min-width:auto;width:95vw!important;max-width:95vw!important}#environmental-impacts-modal .modal__body:not(:has(.environmental-pdf-viewer:not(.hidden))){max-height:60vh!important;overflow-y:auto!important;padding:10px;scroll-padding-top:20px;scroll-padding-bottom:300px}#environmental-impacts-modal .modal__body:has(.environmental-pdf-viewer:not(.hidden)){max-height:70vh!important;overflow-y:auto!important}#environmental-impacts-modal .modal__body:not(:has(.environmental-pdf-viewer:not(.hidden)))::-webkit-scrollbar{width:6px}#environmental-impacts-modal .modal__body:not(:has(.environmental-pdf-viewer:not(.hidden)))::-webkit-scrollbar-track{background:#0003;border-radius:3px}#environmental-impacts-modal .modal__body:not(:has(.environmental-pdf-viewer:not(.hidden)))::-webkit-scrollbar-thumb{background:#81c784;border-radius:3px}.environmental-scenario-title{font-size:1rem;margin-bottom:15px}.environmental-scenario-box,.environmental-task-box{padding:10px 15px;margin-bottom:12px}.environmental-label{font-size:.85rem;margin-bottom:6px}.environmental-scenario-text{font-size:.9rem;line-height:1.5}.environmental-task-text{font-size:.95rem;line-height:1.4}.environmental-answer-input{font-size:.95rem;padding:12px;min-height:120px;scroll-margin-top:20px;scroll-margin-bottom:300px}.environmental-answer-input:focus{outline:none;border-color:#a5d6a7;box-shadow:0 0 15px #81c78466;background:#263238}.environmental-word-count{font-size:.75rem;margin-top:4px}.environmental-feedback{padding:12px 15px;margin-bottom:12px}.environmental-submit-btn,.environmental-next-btn{padding:12px;font-size:.95rem}.environmental-pdf-viewer{max-height:45vh;padding:5px}.environmental-loading{font-size:.9rem;padding:15px}.environmental-continue-btn{padding:12px 30px;font-size:1rem}}@media (max-width: 768px){#bonus-tile-modal{min-width:auto;width:95vw!important;max-width:95vw!important}#bonus-tile-modal .modal__body{max-height:60vh!important;overflow-y:auto!important;padding:10px}.bonus-question-text{font-size:1rem;padding:12px;margin:15px 0}.bonus-buttons{flex-direction:column;gap:12px;margin:20px 0}.bonus-answer-btn{max-width:100%;padding:12px 18px;font-size:.95rem}.bonus-feedback{font-size:.9rem;padding:10px;margin-bottom:10px}.bonus-next-btn{padding:10px 24px;font-size:.95rem;margin:15px auto 0}.bonus-pdf-viewer{max-height:45vh;padding:5px}}.game-complete-modal__container{position:relative;padding:20px;text-align:center}.game-complete__confetti{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.game-complete__celebration{margin-bottom:25px;position:relative;z-index:1}.game-complete__trophy{font-size:56px;margin-bottom:10px;animation:bounce 1s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.game-complete__title{font-family:Arial Black,Arial,sans-serif;font-size:32px;color:gold;margin:10px 0;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.game-complete__subtitle{font-size:18px;color:#fff;margin:5px 0 0}.game-complete__score-section{background:#0d3b6680;border-radius:12px;padding:20px;margin-bottom:20px;position:relative;z-index:1}.game-complete__score-row{display:flex;justify-content:center;align-items:center;gap:15px;margin-bottom:10px}.game-complete__score-label{font-size:18px;color:#b0bec5}.game-complete__score-value{font-family:Arial Black,Arial,sans-serif;font-size:36px;color:gold;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.game-complete__stars{font-size:28px;margin:10px 0}.game-complete__message{font-size:14px;color:#4fc3f7;margin:10px 0 0;line-height:1.5}.game-complete__badges-section{background:#1a1a2e99;border-radius:12px;padding:15px;margin-bottom:20px;position:relative;z-index:1}.game-complete__badges-title{font-size:16px;color:#b0bec5;margin-bottom:10px;text-align:left}.game-complete__badges-list{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-start;min-height:40px}.game-complete__badge{background:linear-gradient(135deg,gold,#ff9800);color:#1a1a2e;padding:6px 14px;border-radius:20px;font-size:13px;font-weight:700;box-shadow:0 2px 8px #ffd7004d}.game-complete__no-badges{color:#78909c;font-size:14px;font-style:italic;margin:0}.game-complete__reflection{background:#4fc3f71a;border:1px solid rgba(79,195,247,.3);border-radius:10px;padding:15px;margin-bottom:20px;position:relative;z-index:1}.game-complete__reflection-label{color:#fff;font-size:14px;margin-bottom:5px}.game-complete__reflection-text{color:#b0bec5;font-size:13px;margin:0}.game-complete__buttons{display:flex;justify-content:center;gap:15px;position:relative;z-index:1}.game-complete__btn{padding:12px 24px;font-size:16px;min-width:140px}@media (max-width: 600px){.game-complete__title{font-size:24px}.game-complete__subtitle{font-size:16px}.game-complete__score-value{font-size:28px}.game-complete__stars{font-size:22px}.game-complete__buttons{flex-direction:column}.game-complete__btn{width:100%}}#play-again-modal{z-index:12000}