:root{--primary-gradient:linear-gradient(135deg,#667eea 0%,#764ba2 100%);--secondary-gradient:linear-gradient(135deg,#f093fb 0%,#f5576c 100%);--success-gradient:linear-gradient(135deg,#4facfe 0%,#00f2fe 100%);--info-gradient:linear-gradient(135deg,#43e97b 0%,#38f9d7 100%);--warning-gradient:linear-gradient(135deg,#fa709a 0%,#fee140 100%);--dark-gradient:linear-gradient(135deg,#4c4177 0%,#2a5470 100%);--fullscreen-bar-height:52px}.simulation-detail-container{padding:2px 0;min-height:calc(100vh - 200px)}.simulation-header{background:var(--primary-gradient);border-radius:12px;box-shadow:var(--shadow-md);padding:0.1rem;margin-bottom:0.5rem;color:white;position:relative;overflow:hidden;transition:all 0.3s ease}.simulation-header.hidden{display:none}.simulation-header::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='%23ffffff' fill-opacity='0.05' fill-rule='evenodd'/%3E%3C/svg%3E");opacity:0.3}.simulation-title{font-size:1.8rem;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,0.1)}.simulation-cover{width:192px;height:96px;border-radius:20px;box-shadow:var(--shadow-md);border:4px solid rgba(255,255,255,0.3);transition:all 0.3s ease;object-fit:cover}.simulation-cover:hover{transform:scale(1.05);box-shadow:var(--shadow-lg)}.tag-item{border-radius:50px;padding:0.5rem 1.2rem;color:white;text-decoration:none;transition:all 0.3s ease;border:none;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;font-weight:600;font-size:0.9rem;cursor:pointer;line-height:1.5;box-shadow:0 2px 8px rgba(0,0,0,0.18);position:relative;z-index:1}.tag-item:hover{transform:translateY(-2px);box-shadow:0 6px 18px rgba(0,0,0,0.28);color:white;text-decoration:none}.tag-item:active{transform:translateY(0);box-shadow:0 2px 6px rgba(0,0,0,0.15)}.tag-subject{background:linear-gradient(135deg,#0d9488,#2dd4bf)}.tag-subject:hover{background:linear-gradient(135deg,#0f766e,#14b8a6)}.tag-concept{background:linear-gradient(135deg,#2563eb,#60a5fa)}.tag-concept:hover{background:linear-gradient(135deg,#1d4ed8,#3b82f6)}.tag-difficulty{background:linear-gradient(135deg,#d97706,#fbbf24)}.tag-difficulty:hover{background:linear-gradient(135deg,#b45309,#f59e0b)}.tag-fullscreen{background:linear-gradient(135deg,#e11d48,#fb7185)}.tag-fullscreen:hover{background:linear-gradient(135deg,#be123c,#f43f5e)}.tag-collection{background:linear-gradient(135deg,#9333ea,#c084fc)}.tag-collection:hover{background:linear-gradient(135deg,#7e22ce,#a855f7)}.tag-collection.active{background:linear-gradient(135deg,#ca8a04,#fde047);color:#422006;animation:collection-pulse 2s infinite}.tag-collection.active:hover{background:linear-gradient(135deg,#a16207,#facc15);color:#422006}.tag-back{background:linear-gradient(135deg,#059669,#34d399)}.tag-back:hover{background:linear-gradient(135deg,#047857,#10b981)}.tag-progress-success{background:linear-gradient(135deg,#16a34a,#4ade80)}.tag-progress-success:hover{background:linear-gradient(135deg,#15803d,#22c55e)}.tag-progress-info{background:linear-gradient(135deg,#0891b2,#22d3ee)}.tag-progress-info:hover{background:linear-gradient(135deg,#0e7490,#06b6d4)}.tag-collection.loading{opacity:0.7;cursor:not-allowed;pointer-events:none}.tag-collection.loading::after{content:'';position:absolute;right:10px;width:16px;height:16px;border:2px solid rgba(255,255,255,0.3);border-top-color:white;border-radius:50%;animation:collection-loading 0.8s linear infinite}@keyframes collection-pulse{0%,100%{box-shadow:0 2px 8px rgba(0,0,0,0.18),0 0 12px rgba(253,224,71,0.3)}50%{box-shadow:0 2px 8px rgba(0,0,0,0.18),0 0 24px rgba(253,224,71,0.5)}}.tag-collection.active i{color:#92400e}@keyframes collection-loading{to{transform:rotate(360deg)}}.collection-btn i{transition:all 0.3s ease}.collection-btn.active i{animation:icon-bounce 0.5s ease}@keyframes icon-bounce{0%,100%{transform:scale(1)}50%{transform:scale(1.3)}}.header-tags{display:flex;flex-wrap:wrap;gap:0.5rem;align-items:center;justify-content:center}.header-tags-row{display:contents}.simulation-content{background:white;border-radius:20px;box-shadow:var(--shadow-md);padding:1rem;margin-top:2px;position:relative;overflow:hidden;transition:all 0.3s ease;min-height:500px}.simulation-content::before{content:'';position:absolute;top:0;left:0;right:0;height:5px;background:var(--primary-gradient);z-index:1}.simulation-content.fullscreen{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:99999;border-radius:0;margin:0;padding:0;display:flex;flex-direction:column;background:#0f172a;overflow:hidden}.simulation-content.fullscreen::before{display:none}.fullscreen-control-bar{display:none;align-items:center;justify-content:space-between;padding:0 24px;background:linear-gradient(135deg,#1e293b,#334155);border-bottom:1px solid rgba(255,255,255,0.08);color:white;flex-shrink:0;height:var(--fullscreen-bar-height);z-index:100002}.simulation-content.fullscreen .fullscreen-control-bar{display:flex}.fullscreen-control-bar .fs-bar-title{font-size:1rem;font-weight:600;color:#e2e8f0;display:flex;align-items:center;gap:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fullscreen-control-bar .fs-bar-title i{color:#60a5fa;font-size:1.1rem}.fs-bar-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.fs-bar-btn{border-radius:10px;padding:6px 16px;font-weight:600;font-size:0.85rem;border:1px solid rgba(255,255,255,0.15);display:inline-flex;align-items:center;gap:6px;cursor:pointer;transition:all 0.2s ease;white-space:nowrap}.fs-bar-btn-exit{background:linear-gradient(135deg,#dc2626,#f87171);color:white}.fs-bar-btn-exit:hover{background:linear-gradient(135deg,#b91c1c,#ef4444);transform:translateY(-1px);box-shadow:0 4px 12px rgba(220,38,38,0.4)}.fs-bar-btn-esc{background:rgba(255,255,255,0.08);color:#94a3b8;border-color:rgba(255,255,255,0.1)}.fs-bar-btn-esc kbd{background:rgba(255,255,255,0.12);border-radius:4px;padding:1px 6px;font-size:0.75rem;font-family:inherit;border:1px solid rgba(255,255,255,0.15)}.simulation-content.fullscreen .simulation-content-inner{flex:1;display:flex;justify-content:center;align-items:center;overflow:hidden;padding:12px;min-height:0}.simulation-content.fullscreen iframe{border:none;border-radius:10px;background:white;box-shadow:0 8px 32px rgba(0,0,0,0.4)}.fullscreen-iframe{border-radius:10px;background:white;overflow:hidden;transition:all 0.3s ease}.iframe-scale-wrapper{position:relative;width:100%;margin:0 auto}.simulation-content-inner iframe{transform-origin:top left;transition:transform 0.3s ease}.floating-fullscreen-btn{position:absolute;bottom:6px;left:50%;z-index:100003;border-radius:50px;padding:5px 10px;font-weight:600;font-size:0.83rem;background:linear-gradient(135deg,#dc2626,#f87171);color:white;border:none;box-shadow:0 4px 20px rgba(220,38,38,0.5);transition:opacity 0.3s ease;display:none;align-items:center;justify-content:center;cursor:pointer;gap:6px;opacity:0.1}.floating-fullscreen-btn:hover{transform:translateY(-1px);opacity:1;box-shadow:0 6px 24px rgba(220,38,38,0.6)}.floating-fullscreen-btn.show{display:flex}body.fullscreen-active{overflow:hidden!important;height:100vh;position:fixed;width:100%}body.fullscreen-active .navbar,body.fullscreen-active nav,body.fullscreen-active .nav-wrapper,body.fullscreen-active .footer,body.fullscreen-active footer,body.fullscreen-active #footer,body.fullscreen-active .site-footer,body.fullscreen-active .main-footer,body.fullscreen-active [role="contentinfo"],body.fullscreen-active .simulation-header,body.fullscreen-active .additional-sections{display:none!important;visibility:hidden!important;height:0!important;min-height:0!important;overflow:hidden!important}.additional-sections{transition:all 0.3s ease;margin-top:2rem}.additional-sections.hidden{display:none}.simulation-content.fullscreen::-webkit-scrollbar{width:8px}.simulation-content.fullscreen::-webkit-scrollbar-track{background:#1e293b;border-radius:4px}.simulation-content.fullscreen::-webkit-scrollbar-thumb{background:#475569;border-radius:4px}.simulation-content.fullscreen::-webkit-scrollbar-thumb:hover{background:#64748b}.header-content{display:flex;flex-direction:column}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{animation:fadeInUp 0.6s ease forwards}.animate-fade-in-down{animation:fadeInDown 0.6s ease forwards}.animate-fade-in-left{animation:fadeInLeft 0.6s ease forwards}.animate-fade-in-right{animation:fadeInRight 0.6s ease forwards}.delay-1{animation-delay:0.1s}.delay-2{animation-delay:0.2s}.delay-3{animation-delay:0.3s}.delay-4{animation-delay:0.4s}.concept-modal-overlay{position:fixed;inset:0;background:rgba(15,23,42,0.65);backdrop-filter:blur(16px) saturate(1.2);z-index:100000;opacity:0;visibility:hidden;transition:all 0.4s cubic-bezier(0.4,0,0.2,1)}.concept-modal-overlay.active{opacity:1;visibility:visible}.concept-modal{position:fixed;top:53%;left:50%;transform:translate(-50%,-48%) scale(0.88);z-index:100001;width:92%;max-width:920px;max-height:88vh;background:#ffffff;border-radius:24px;box-shadow:0 0 0 1px rgba(255,255,255,0.08),0 32px 64px -12px rgba(0,0,0,0.5),0 0 120px -20px rgba(99,102,241,0.2),0 0 60px -10px rgba(14,165,233,0.15);opacity:0;visibility:hidden;transition:all 0.4s cubic-bezier(0.34,1.56,0.64,1);display:flex;flex-direction:column;overflow:hidden}.concept-modal.active{opacity:1;visibility:visible;transform:translate(-50%,-50%) scale(1)}.concept-modal::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#06b6d4,#3b82f6,#6366f1,#a855f7,#ec4899,#f43f5e,#f97316,#eab308,#22c55e,#06b6d4);background-size:300% 100%;animation:conceptRainbow 6s linear infinite;z-index:10;border-radius:24px 24px 0 0}@keyframes conceptRainbow{0%{background-position:0% 0}100%{background-position:300% 0}}.concept-modal-head{display:flex;align-items:center;justify-content:space-between;padding:22px 28px;flex-shrink:0;background:linear-gradient(135deg,#0ea5e9 0%,#6366f1 50%,#a855f7 100%);position:relative;overflow:hidden}.concept-modal-head::before{content:'';position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.06'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");pointer-events:none}.concept-modal-head::after{content:'';position:absolute;top:-50%;right:-10%;width:200px;height:200px;background:radial-gradient(circle,rgba(255,255,255,0.15),transparent 70%);pointer-events:none}.concept-modal-head h5{margin:0;font-size:1.15rem;font-weight:700;color:#ffffff;display:flex;align-items:center;gap:10px;position:relative;z-index:1;text-shadow:0 1px 3px rgba(0,0,0,0.2)}.concept-modal-head h5 i{font-size:1.3rem;filter:drop-shadow(0 0 8px rgba(255,255,255,0.4))}.concept-modal-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid rgba(255,255,255,0.25);background:rgba(255,255,255,0.12);border-radius:50%;color:#ffffff;cursor:pointer;transition:all 0.25s;font-size:0.9rem;position:relative;z-index:1;backdrop-filter:blur(4px)}.concept-modal-close:hover{background:#ef4444;border-color:#ef4444;color:#fff;transform:rotate(90deg);box-shadow:0 0 20px rgba(239,68,68,0.5)}.concept-modal-body{padding:28px 32px;overflow-y:auto;flex:1;min-height:0;scrollbar-width:thin;scrollbar-color:#a5b4fc transparent;background:linear-gradient(180deg,#fafbff 0%,#ffffff 100%)}.concept-modal-body::-webkit-scrollbar{width:6px}.concept-modal-body::-webkit-scrollbar-track{background:transparent}.concept-modal-body::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#a5b4fc,#818cf8);border-radius:3px}.concept-modal-body::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#818cf8,#6366f1)}.concept-modal-foot{display:flex;justify-content:flex-end;gap:10px;padding:16px 28px;border-top:1px solid #e2e8f0;flex-shrink:0;background:linear-gradient(180deg,#f8fafc,#f1f5f9)}.btn-m{padding:10px 24px;border-radius:10px;font-size:0.85rem;font-weight:600;cursor:pointer;border:none;transition:all 0.25s}.btn-m-cancel{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;box-shadow:0 2px 12px rgba(99,102,241,0.3)}.btn-m-cancel:hover{background:linear-gradient(135deg,#4f46e5,#7c3aed);transform:translateY(-1px);box-shadow:0 4px 20px rgba(99,102,241,0.4)}.concept-modal-title-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px;padding:16px 20px;background:linear-gradient(135deg,#f0f4ff,#ede9fe,#fdf2f8);border-radius:16px;border:1px solid rgba(99,102,241,0.1);position:relative;overflow:hidden}.concept-modal-title-row::before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#0ea5e9,#6366f1,#a855f7);border-radius:4px}.concept-modal-title-row h2{margin:0;font-size:1.4rem;font-weight:700;color:#1e293b;position:relative;z-index:1}.concept-difficulty-badge{display:inline-flex;align-items:center;gap:5px;padding:6px 14px;border-radius:20px;font-size:0.78rem;font-weight:700;color:#068df6;white-space:nowrap;flex-shrink:0;position:relative;z-index:1;letter-spacing:0.02em}.concept-difficulty-badge.beginner{background:linear-gradient(135deg,#059669,#34d399,#6ee7b7);box-shadow:0 2px 10px rgba(5,150,105,0.3)}.concept-difficulty-badge.intermediate{background:linear-gradient(135deg,#d97706,#f59e0b,#fbbf24);box-shadow:0 2px 10px rgba(217,119,6,0.3)}.concept-difficulty-badge.advanced{background:linear-gradient(135deg,#dc2626,#ef4444,#f87171);box-shadow:0 2px 10px rgba(220,38,38,0.3)}.markdown-content{line-height:1.8;font-size:0.95rem;color:#334155}.markdown-content h1{font-size:1.9rem;margin-top:2rem;margin-bottom:1.2rem;color:#1e293b;padding-bottom:0.6rem;border-bottom:2px solid #e2e8f0;font-weight:700;position:relative;padding-left:16px}.markdown-content h1::before{content:'';position:absolute;left:0;top:4px;bottom:calc(0.6rem + 4px);width:4px;background:linear-gradient(180deg,#0ea5e9,#6366f1);border-radius:2px}.markdown-content h2{font-size:1.55rem;margin-top:1.8rem;margin-bottom:1rem;color:#1e293b;padding-bottom:0.5rem;border-bottom:1px solid #f1f5f9;font-weight:600;position:relative;padding-left:14px}.markdown-content h2::before{content:'';position:absolute;left:0;top:4px;bottom:calc(0.5rem + 4px);width:3px;background:linear-gradient(180deg,#6366f1,#a855f7);border-radius:2px}.markdown-content h3{font-size:1.3rem;margin-top:1.5rem;margin-bottom:0.8rem;color:#334155;font-weight:600;position:relative;padding-left:12px}.markdown-content h3::before{content:'';position:absolute;left:0;top:4px;bottom:4px;width:3px;background:linear-gradient(180deg,#a855f7,#ec4899);border-radius:2px}.markdown-content h4{font-size:1.12rem;margin-top:1.3rem;margin-bottom:0.7rem;color:#475569;font-weight:600}.markdown-content h5{font-size:1.02rem;margin-top:1.1rem;margin-bottom:0.6rem;color:#64748b;font-weight:600}.markdown-content h6{font-size:0.92rem;margin-top:1rem;margin-bottom:0.5rem;color:#94a3b8;font-weight:600;text-transform:uppercase;letter-spacing:0.05em}.markdown-content p{margin-bottom:1.1rem;line-height:1.85}.markdown-content ul,.markdown-content ol{margin-bottom:1.1rem;padding-left:1.8rem}.markdown-content li{margin-bottom:0.35rem}.markdown-content ul li::marker{color:#6366f1}.markdown-content ol li::marker{color:#6366f1;font-weight:600}.markdown-content code{font-size:0.88rem;background:linear-gradient(135deg,#f0f4ff,#ede9fe);padding:0.15em 0.45em;border-radius:5px;font-family:'SFMono-Regular',Consolas,'Liberation Mono',Menlo,monospace;color:#7c3aed;border:1px solid rgba(99,102,241,0.1)}.markdown-content pre{font-size:0.88rem;background:linear-gradient(135deg,#fdf4ff,#fae8ff);color:#701a75;padding:1.2rem 1.4rem;border-radius:12px;overflow-x:auto;margin-bottom:1.2rem;line-height:1.65;border:1px solid #e879f9;box-shadow:0 4px 15px rgba(168,85,247,0.1);position:relative}.markdown-content pre::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#0ea5e9,#6366f1,#a855f7);border-radius:12px 12px 0 0}.markdown-content pre code{background:none;padding:0;color:inherit;font-size:inherit;border:none;border-radius:0}.markdown-content blockquote{border-left:4px solid;border-image:linear-gradient(180deg,#0ea5e9,#a855f7) 1;margin:1.2rem 0;color:#475569;background:linear-gradient(135deg,#f0f9ff,#faf5ff);border-radius:0 12px 12px 0;padding:1rem 1.3rem}.markdown-content blockquote p:last-child{margin-bottom:0}.markdown-content table{width:100%;border-collapse:separate;border-spacing:0;margin:1.2rem 0;border-radius:10px;overflow:hidden;border:1px solid #e2e8f0;box-shadow:0 1px 4px rgba(0,0,0,0.05)}.markdown-content th{padding:0.7rem 1rem;text-align:left;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#ffffff;font-weight:600;font-size:0.88rem}.markdown-content td{padding:0.6rem 1rem;text-align:left;border-top:1px solid #f1f5f9;font-size:0.9rem}.markdown-content tr:nth-child(even) td{background:#f8fafc}.markdown-content tr:hover td{background:#f0f4ff;transition:background 0.15s}.markdown-content img{max-width:100%;height:auto;margin:1.2rem 0;border-radius:10px;box-shadow:0 4px 16px rgba(0,0,0,0.12);border:1px solid #e2e8f0}.markdown-content hr{margin:2rem 0;border:0;height:2px;background:linear-gradient(90deg,transparent,#6366f1,#a855f7,#6366f1,transparent);border-radius:1px}.markdown-content a{color:#6366f1;text-decoration:none;border-bottom:1px dashed #a5b4fc;transition:all 0.2s}.markdown-content a:hover{color:#4f46e5;border-bottom-style:solid;border-bottom-color:#6366f1}.markdown-content strong{color:#1e293b;font-weight:700}.markdown-content em{color:#6366f1;font-style:italic}.simulations-related-card-container{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:24px}.simulations-related-card-item{border:1px solid #e5e7eb;border-radius:8px;padding:8px;background:#fff;box-shadow:0 2px 4px rgba(0,0,0,0.05)}.simulations-related-card-item:hover{transform:translateY(0);box-shadow:0 6px 16px rgb(6,141,246);border-color:rgb(18,197,163);background:rgba(255,255,255,0.06)}.simulations-related-card-item img{margin-bottom:12px;border-radius:8px}.simulations-related-card-title{font-size:0.93rem}.simulations-related-card-text{font-size:0.83rem}.simulations-related-card-footer-text{font-size:0.93rem}.simulations-related-card-footer{margin-top:8px;margin-bottom:6px;padding:8px 16px}.simulations-related-card-footer a{background:#af69ef}.user-progress-info-left:hover{transform:translateY(0);box-shadow:0 6px 16px rgb(208,23,214);border-color:rgb(111,64,216);background:rgba(255,255,255,0.06);border-radius:8px}.user-progress-info-right:hover{transform:translateY(0);box-shadow:0 6px 16px rgb(228,98,27);border-color:rgb(227,65,219);background:rgba(255,255,255,0.06);border-radius:8px}@media (max-width:2559px){.simulation-detail-container{max-width:1400px;margin:0 auto;padding:20px 20px}.simulation-title{font-size:2rem}.simulation-cover{width:180px;height:90px}}@media (max-width:1919px){.simulation-detail-container{max-width:1200px;padding:10px 20px}.simulation-title{font-size:1.8rem}.simulation-header{padding:1.5rem}.simulation-cover{width:160px;height:80px}.tag-item{padding:0.4rem 1rem;font-size:0.85rem}.simulation-content{padding:1.5rem}.floating-fullscreen-btn{bottom:5px;padding:4px 9px;font-size:0.80rem}}@media (max-width:1279px){.simulation-detail-container{max-width:1000px;padding:10px}.simulation-title{font-size:1.6rem}.simulation-header{padding:1.2rem;border-radius:16px}.simulation-cover{width:140px;height:70px;border-radius:16px}.header-tags{gap:0.5rem;padding:0.5rem}.tag-item{padding:0.35rem 0.8rem;font-size:0.8rem}.simulation-content{padding:1.2rem;border-radius:16px;margin-top:1.5rem}.floating-fullscreen-btn{bottom:4px;padding:4px 8px;font-size:0.76rem}.simulations-related-card-title{font-size:0.83rem}.simulations-related-card-item img{margin-bottom:8px;border-radius:6px}.simulations-related-card-text{font-size:0.73rem}.simulations-related-card-footer{margin-top:6px;margin-bottom:5px;padding:6px 12px}.simulations-related-card-footer-text{font-size:0.80rem}}@media (max-width:1023px){.simulation-detail-container{width:100%;max-width:100vw;padding:8px;box-sizing:border-box}.simulation-title{font-size:1.4rem}.simulation-header{width:100%;max-width:100%;box-sizing:border-box;padding:1rem;border-radius:14px;margin-bottom:1.5rem}.simulation-cover{width:120px;height:60px;border-radius:14px;border-width:3px;margin-bottom:1rem}.header-content{text-align:center}.header-tags{padding:0.5rem}.tag-item{padding:0.3rem 0.7rem;font-size:0.75rem}.simulation-content{width:100%;max-width:100%;box-sizing:border-box;padding:1rem;border-radius:14px;margin-top:1.2rem;min-height:400px}.additional-sections{margin-top:1.5rem}.simulation-content.fullscreen .simulation-content-inner{padding:8px}.floating-fullscreen-btn{bottom:3px;padding:3px 6px;font-size:0.74rem}}@media (max-width:992px){.header-tags-row{display:flex;flex-wrap:wrap;gap:0.5rem;align-items:center;justify-content:center;width:100%}.header-tags-row1 .simulation-title{width:100%;text-align:center}.header-tags-row2{margin-top:0.3rem}.simulation-title{font-size:1.5rem}.simulation-header{padding:1rem;border-radius:14px}.tag-item{padding:0.35rem 0.9rem;font-size:0.82rem}.fullscreen-control-bar{padding:0 12px}.fullscreen-control-bar .fs-bar-title{font-size:0.85rem;max-width:160px}.floating-fullscreen-btn{bottom:4px;padding:3px 7px;font-size:0.80rem}.fs-bar-btn{padding:5px 10px;font-size:0.74rem}.fs-bar-btn-esc{display:none}.concept-modal{max-width:95%;max-height:90vh}.concept-modal-body{padding:16px 18px}.simulations-related-card-title{font-size:0.78rem}.simulations-related-card-item img{margin-bottom:6px;border-radius:4px}.simulations-related-card-text{font-size:0.68rem}.simulations-related-card-footer{margin-top:4px;margin-bottom:4px;padding:4px 8px}.simulations-related-card-footer-text{font-size:0.75rem}}@media (max-width:767px){.simulation-detail-container{width:100%;max-width:100vw;padding:6px;box-sizing:border-box;overflow-x:hidden}.simulation-title{font-size:1.2rem}.simulation-header{width:100%;max-width:100%;box-sizing:border-box;margin-left:0;margin-right:0;padding:0.8rem;border-radius:12px;margin-bottom:1rem}.simulation-cover{width:100px;height:50px;border-radius:12px;border-width:2px;margin-bottom:0.8rem}.header-tags-row{gap:0.35rem}.header-tags-row1 .simulation-title{font-size:1.2rem}.tag-item{padding:0.3rem 0.7rem;font-size:0.72rem}.simulation-content{width:100%;max-width:100%;box-sizing:border-box;margin-left:0;margin-right:0;padding:0.8rem;border-radius:12px;margin-top:1rem;min-height:350px}.additional-sections{margin-top:1rem}.user-progress-info-left .user-progress-info-title,.user-progress-info-left .user-progress-info-completed,.user-progress-info-left .user-progress-info-updated,.user-progress-info-left .user-progress-info-save{margin-top:2px!important;margin-bottom:2px!important}.user-progress-info-completed-updated{flex-direction:row!important;flex-wrap:nowrap!important}.user-progress-info-completed,.user-progress-info-updated{font-size:0.81rem!important}.user-progress-info-step strong{white-space:nowrap!important;font-size:1rem!important}.user-progress-info-step .btn{padding:6px 12px;font-size:0.75rem;border-radius:6px;flex:0 0 25%;margin:0}.step-container-row{flex-direction:row!important;flex-wrap:nowrap!important;gap:6px}.step-container-row .btn{padding:6px 12px;font-size:0.75rem;border-radius:6px;flex:0 0 23%;margin:0}.step-container-row .step-input{font-size:0.71rem!important}.user-progress-info-step{flex-direction:row!important;flex-wrap:nowrap!important;gap:8px}.user-progress-info-completion{flex-direction:row!important;flex-wrap:nowrap!important}.user-progress-info-completion-left,.user-progress-info-completion-right{flex-direction:row!important;flex-wrap:nowrap!important;margin:0!important}.user-progress-info-completion-percentage,.user-progress-info-completion-label{font-size:0.71rem!important}.user-progress-info-completion-input{font-size:0.71rem!important;width:60px!important}.user-progress-info-completion .user-progress-info-completion-option{width:70px!important;font-size:0.71rem!important}.floating-fullscreen-btn{bottom:3px;padding:2px 4px;font-size:0.41rem}.simulation-content.fullscreen .simulation-content-inner{padding:6px}.fullscreen-control-bar .fs-bar-title{max-width:120px;font-size:0.8rem}.fs-bar-btn{padding:4px 8px;font-size:0.72rem}.concept-modal{width:98%;max-height:92vh;border-radius:12px}.concept-modal-head{padding:14px 16px}.concept-modal-head h5{font-size:0.95rem}.concept-modal-body{padding:14px 16px}.concept-modal-foot{padding:10px 16px}.concept-modal-title-row h2{font-size:1.2rem}.simulations-related-card-container{grid-template-columns:repeat(2,1fr);gap:10px}.simulations-related-card-title{font-size:0.83rem}.simulations-related-card-item img{margin-bottom:6px;border-radius:6px}.simulations-related-card-text{font-size:0.73rem}.simulations-related-card-footer{margin-top:4px;margin-bottom:4px;padding:4px 8px}.simulations-related-card-footer-text{font-size:0.80rem}}@media (max-width:500px){.simulations-related-card-container{grid-template-columns:repeat(1,1fr)}.simulations-related-card-title{font-size:0.83rem}.simulations-related-card-item img{margin-bottom:5px;border-radius:5px}.simulations-related-card-text{font-size:0.73rem}.simulations-related-card-footer{margin-top:4px;margin-bottom:4px;padding:4px 8px}.simulations-related-card-footer-text{font-size:0.76rem}}@media (max-width:359px){.simulation-detail-container{width:100%;max-width:100vw;padding:4px;box-sizing:border-box;overflow-x:hidden}.simulation-title{font-size:1rem}.simulation-header{width:100%;max-width:100%;box-sizing:border-box;margin-left:0;margin-right:0;padding:0.6rem;border-radius:10px}.simulation-cover{width:80px;height:40px;border-radius:10px}.header-tags-row{gap:0.25rem}.tag-item{padding:0.25rem 0.5rem;font-size:0.65rem}.simulation-content{width:100%;max-width:100%;box-sizing:border-box;margin-left:0;margin-right:0;padding:0.6rem;border-radius:10px;min-height:300px}.floating-fullscreen-btn{bottom:1px;padding:1px 2px;font-size:0.38rem}.fullscreen-control-bar .fs-bar-title{max-width:80px;font-size:0.52rem}.fs-bar-btn{padding:3px 6px;font-size:0.65rem}.concept-modal{width:99%;border-radius:10px}.concept-modal-head h5{font-size:0.85rem}.simulations-related-card-container{grid-template-columns:repeat(1,1fr)}.simulations-related-card-title{font-size:0.73rem}.simulations-related-card-item img{margin-bottom:4px;border-radius:4px}.simulations-related-card-text{font-size:0.65rem}.simulations-related-card-footer{margin-top:2px;margin-bottom:2px;padding:2px 4px}.simulations-related-card-footer-text{font-size:0.73rem}.user-progress-info-completed,.user-progress-info-updated{font-size:0.63rem!important}.user-progress-info-completion-percentage,.user-progress-info-completion-label{font-size:0.53rem!important}.user-progress-info-completion-input{font-size:0.53rem!important;width:56px!important}.user-progress-info-completion-label{width:40px!important}.user-progress-info-completion .user-progress-info-completion-option{font-size:0.53rem!important}}@media (max-height:500px) and (orientation:landscape){.simulation-detail-container{padding:10px}.simulation-header{padding:0.8rem}.simulation-cover{width:100px;height:50px}.simulation-content{min-height:300px}:root{--fullscreen-bar-height:40px}.fullscreen-control-bar .fs-bar-title{display:none}.floating-fullscreen-btn{bottom:2px;padding:1px 2px;font-size:0.40rem}.concept-modal{max-height:95vh}.concept-modal-body{padding:12px 16px}.simulations-related-card-title{font-size:0.78rem}.simulations-related-card-text{font-size:0.68rem}.simulations-related-card-footer-text{font-size:0.78rem}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.simulation-cover{border-width:2px}}