@charset "UTF-8";:root{--bg-gradient: linear-gradient(145deg, rgba(30, 41, 59, .98), rgba(15, 23, 42, .98));--primary-color: #38bdf8;--primary-dark: #0284c7;--text-light: #f8fafc;--error-color: #f43f5e;--success-color: #10b981}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseGlow{0%,to{transform:scale(1);box-shadow:0 0 20px #38bdf866}50%{transform:scale(1.08);box-shadow:0 0 35px #38bdf8b3}}.animate-fade{animation:fadeIn .35s cubic-bezier(.16,1,.3,1) forwards}.pulse-effect{animation:pulseGlow 2.5s infinite ease-in-out}.platform-container{background:var(--bg-gradient);color:var(--text-light);border-radius:28px;box-shadow:0 20px 40px #00000080;padding:24px;width:100%;max-width:680px;margin:20px auto;border:1px solid rgba(56,189,248,.2);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);direction:rtl;text-align:right;box-sizing:border-box}.platform-container *,.platform-container *:before,.platform-container *:after{box-sizing:border-box}.header-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:2px dashed rgba(255,255,255,.1)}.header-info .session-brand{display:flex;align-items:center;gap:12px}.header-info .session-brand .home-btn{background:#0f172acc;color:var(--primary-color);border:1px solid rgba(56,189,248,.3);padding:10px 18px;border-radius:16px;font-size:16px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .25s ease}.header-info .session-brand .home-btn:hover{background:#38bdf833;color:#fff;transform:translateY(-2px)}.header-info .session-brand .brand-icon{font-size:45px;filter:drop-shadow(0 0 12px rgba(56,189,248,.6))}.header-info .session-brand h1{color:var(--text-light);font-size:20px;margin:0;font-weight:800}.header-info .game-counter{background:#38bdf826;color:var(--primary-color);padding:8px 18px;border-radius:20px;font-weight:700;font-size:16px;border:1px solid rgba(56,189,248,.3)}.session-meta-panel{background:#0f172abf;border:1px solid rgba(56,189,248,.25);border-radius:16px;margin-bottom:20px;overflow:hidden}.session-meta-panel .meta-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#38bdf814;cursor:pointer}.session-meta-panel .meta-header .meta-title-group{display:flex;align-items:center;gap:10px}.session-meta-panel .meta-header .meta-title-group .info-badge{background:var(--primary-dark);color:#fff;font-size:11px;padding:3px 8px;border-radius:6px;font-weight:700}.session-meta-panel .meta-header .meta-title-group h3{color:var(--primary-color);font-size:15px;margin:0;font-weight:700}.session-meta-panel .meta-header .toggle-meta-btn{background:none;border:none;color:var(--primary-color);font-size:12px;cursor:pointer;transition:transform .3s ease}.session-meta-panel .meta-header .toggle-meta-btn.rotated{transform:rotate(-180deg)}.session-meta-panel .meta-content{padding:14px 16px;max-height:250px;transition:max-height .3s ease,padding .3s ease}.session-meta-panel .meta-content.collapsed{max-height:0;padding-top:0;padding-bottom:0;overflow:hidden}.session-meta-panel .meta-content .meta-grid{display:flex;flex-direction:column;gap:10px}.session-meta-panel .meta-content .meta-grid .meta-item{font-size:13px;color:#cbd5e1}.session-meta-panel .meta-content .meta-grid .meta-item .meta-label{color:#7dd3fc;font-weight:700;display:inline-block;margin-bottom:3px}.session-meta-panel .meta-content .meta-grid .meta-item p{margin:2px 0}.game-area{min-height:270px;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:15px 0;width:100%}.game-area .instruction-banner{background:#38bdf826;border:2px solid var(--primary-color);border-radius:20px;padding:12px 28px;margin-bottom:25px;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 15px #0000004d}.game-area .instruction-banner .instruction-text{font-size:22px;font-weight:700;color:var(--text-light);text-align:center}.drag-wrapper{width:100%}.drag-wrapper .drag-container{display:flex;gap:20px;justify-content:center;margin-bottom:25px;align-items:center;flex-wrap:wrap}.drag-wrapper .drag-container .draggable-item{background:#38bdf826;border:3px solid var(--primary-color);color:var(--text-light);border-radius:24px;padding:18px 36px;font-size:60px;cursor:grab;-webkit-user-select:none;user-select:none;box-shadow:0 8px 20px #00000059;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.drag-wrapper .drag-container .draggable-item:hover{background:#38bdf84d;transform:translateY(-4px) scale(1.08)}.drag-wrapper .drag-container .draggable-item.disabled{opacity:.35;cursor:not-allowed}.drag-wrapper .drop-zones-container{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;width:100%}.drag-wrapper .drop-zones-container .drop-zone{background:#0f172ab3;border:3px dashed var(--primary-color);border-radius:28px;width:140px;height:125px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.drag-wrapper .drop-zones-container .drop-zone>div{font-size:55px}.mcq-wrapper{width:100%}.mcq-wrapper .options-container{display:flex;justify-content:center;gap:20px;width:100%;max-width:500px;margin:0 auto;flex-wrap:wrap}.mcq-wrapper .options-container .mcq-option-btn{background:#0f172acc;border:3px solid rgba(56,189,248,.3);color:var(--text-light);padding:18px 32px;border-radius:24px;font-size:55px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.mcq-wrapper .options-container .mcq-option-btn:hover:not(.disabled){background:#38bdf840;border-color:var(--primary-color);transform:translateY(-4px) scale(1.08)}.mcq-wrapper .options-container .mcq-option-btn.disabled{opacity:.45;cursor:not-allowed}.feedback-container{display:flex;flex-direction:column;align-items:center;gap:12px;margin:15px 0;min-height:70px;justify-content:center}.feedback-container #feedback{font-size:20px;font-weight:700;text-align:center;margin:0}.feedback-container .retry-action-btn{background:#e11d48;color:#fff;border:none;padding:10px 24px;font-size:16px;font-weight:700;border-radius:50px;cursor:pointer;box-shadow:0 4px 15px #e11d4866;transition:all .25s ease}.feedback-container .retry-action-btn:hover{background:#be123c;transform:translateY(-2px)}.nav-footer{display:flex;justify-content:space-between;align-items:center;margin-top:15px;border-top:2px dashed rgba(255,255,255,.1);padding-top:15px}.nav-footer .score-display{font-size:20px;font-weight:700;color:#cbd5e1;display:flex;align-items:center;gap:6px}.nav-footer .next-btn{background:#33415580;color:#94a3b8;border:none;padding:10px 28px;font-size:24px;font-weight:700;border-radius:50px;cursor:not-allowed;transition:all .25s ease}.nav-footer .next-btn.ready{background:var(--primary-dark);color:#fff;cursor:pointer;box-shadow:0 4px 12px #0284c766}.nav-footer .next-btn.ready:hover{background:#0369a1;transform:translateY(-2px)}@media(max-width:600px){html,body{min-width:320px;margin:0}.platform-container{width:calc(100% - 16px)!important;max-width:680px;margin:8px auto!important;padding:14px 12px!important;border-radius:16px!important}.header-info{display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:start!important;gap:10px;margin-bottom:12px}.header-info .session-brand{display:grid!important;grid-template-columns:auto auto minmax(0,1fr);gap:8px!important;min-width:0}.header-info .session-brand .home-btn{min-height:44px;padding:8px 10px!important;border-radius:12px!important;font-size:13px!important;white-space:nowrap}.header-info .session-brand .brand-icon{font-size:28px!important}.header-info .session-brand h1{min-width:0;font-size:16px!important;line-height:1.4;overflow-wrap:anywhere}.header-info .game-counter{align-self:start;padding:7px 10px!important;font-size:14px!important;white-space:nowrap}.session-meta-panel{margin-bottom:14px}.session-meta-panel .meta-header{align-items:flex-start!important;gap:8px;padding:10px!important}.session-meta-panel .meta-title-group{flex-wrap:wrap;gap:6px!important;min-width:0}.session-meta-panel .meta-title-group h3{font-size:13px!important;line-height:1.5}.session-meta-panel .toggle-meta-btn{flex:0 0 44px;min-height:44px}.game-area{min-height:0!important;margin:12px 0!important}.game-area .instruction-banner{width:100%;max-width:100%;margin-bottom:18px!important;padding:12px!important;border-radius:14px!important}.game-area .instruction-banner .instruction-text{font-size:18px!important;line-height:1.6;overflow-wrap:anywhere}.drag-wrapper .drag-container,.drag-wrapper .drop-zones-container,.mcq-wrapper .options-container{gap:12px!important}.drag-wrapper .drag-container{margin-bottom:18px!important}.drag-wrapper .drag-container .draggable-item{width:112px;min-height:100px;padding:12px!important;border-radius:16px!important;font-size:44px!important;touch-action:manipulation}.drag-wrapper .drop-zones-container .drop-zone{width:min(120px,50vw - 24px)!important;height:104px!important;border-radius:16px!important}.drag-wrapper .drop-zones-container .drop-zone>div{font-size:44px!important}.mcq-wrapper .options-container{max-width:100%!important}.mcq-wrapper .options-container .mcq-option-btn{min-width:84px;min-height:84px;max-width:100%;padding:10px!important;border-radius:16px!important;font-size:40px!important;line-height:1.25;overflow-wrap:anywhere;touch-action:manipulation}.feedback-container{margin:12px 0!important}.feedback-container #feedback{font-size:18px!important;line-height:1.5}.feedback-container .retry-action-btn,.nav-footer .next-btn{min-width:48px;min-height:48px}.nav-footer .next-btn{padding:8px 18px!important}}@media(max-width:360px){.platform-container{width:calc(100% - 12px)!important;padding:12px 10px!important}.header-info .session-brand{grid-template-columns:auto minmax(0,1fr)}.header-info .session-brand .brand-icon{display:none}.header-info .session-brand h1{font-size:15px!important}.mcq-wrapper .options-container .mcq-option-btn{min-width:76px;min-height:76px;font-size:36px!important}}