:root{--unam-blue: #002B49;--unam-gold: #D59F0F;--unam-blue-dark: #001726;--accent-cyan: #00B4D8;--text-light: #F0F4F8;--text-muted: #94A3B8;--surface-bg: rgba(0, 27, 48, .85);--surface-border: rgba(213, 159, 15, .35)}*{box-sizing:border-box;margin:0;padding:0;user-select:none}body,html{width:100%;height:100%;overflow:hidden;background-color:#050b14;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;color:var(--text-light)}#app{width:100%;height:100%;position:absolute;top:0;left:0}#hud-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10}#reticle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;background:#ffffffb3;border-radius:50%;box-shadow:0 0 6px #00000080;transition:all .15s cubic-bezier(.175,.885,.32,1.275);pointer-events:none}#reticle.active{width:22px;height:22px;background:#d59f0f40;border:2px solid var(--unam-gold);box-shadow:0 0 12px var(--unam-gold)}#reticle.holding{width:14px;height:14px;background:var(--accent-cyan);border:2px solid #FFFFFF;box-shadow:0 0 10px var(--accent-cyan)}#action-prompt{position:absolute;top:55%;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;background:#fffffff2;border:1.5px solid #C4DFFF;padding:8px 18px;border-radius:30px;backdrop-filter:blur(12px);box-shadow:0 10px 30px #002d6e29,0 0 15px #0076f526;transition:opacity .2s ease,transform .2s ease;pointer-events:none}#action-prompt.hidden{opacity:0;transform:translate(-50%,10px)}.key-badge{background:linear-gradient(180deg,#0076f5,#0054ca);color:#fff;font-weight:800;font-size:12px;min-width:24px;height:24px;padding:0 8px;border-radius:8px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #0076f559}#prompt-text{font-size:13.5px;font-weight:700;letter-spacing:.3px;color:#003b7a}#status-panel{position:absolute;top:18px;left:20px;display:flex;align-items:center;gap:10px;background:#04142ad1;border:1.5px solid rgba(196,223,255,.28);border-radius:9999px;padding:6px 18px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 8px 32px #00193c59,0 0 15px #0076f51a;z-index:20;transition:all .3s ease;pointer-events:auto}.hud-pill-segment{display:flex;align-items:center;gap:6px;font-size:12px}.brand-segment{gap:8px}.status-indicator{width:8px;height:8px;border-radius:50%;background:#10b981;box-shadow:0 0 8px #10b981;animation:pulse 2s infinite ease-in-out}.status-title{font-size:11.5px;font-weight:900;letter-spacing:1.2px;color:#e2e8f0;text-transform:uppercase}.hud-sep{width:1px;height:16px;background:#ffffff2e}.hud-icon{font-size:12px;line-height:1}.status-val{font-weight:700;color:#f8fafc}.hud-score-val{color:#fbbf24!important;font-weight:800;letter-spacing:.3px}.hud-streak-badge{background:#10b98133;border:1px solid rgba(16,185,129,.4);color:#34d399;font-weight:800;padding:2px 7px;border-radius:9999px;font-size:11px}.hud-timer-val{color:#38bdf8!important;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,monospace;font-weight:700}.hud-state-val{font-size:11px;color:#94a3b8;font-weight:600}.holding-segment{background:#0076f533;border:1px solid rgba(56,189,248,.4);padding:2px 10px;border-radius:9999px;font-size:11px}.hud-holding-val{color:#60a5fa;font-weight:700}.hud-mode-hidden{display:none}#floating-scores-container{position:absolute;top:90px;right:28px;display:flex;flex-direction:column;gap:10px;align-items:flex-end;pointer-events:none;z-index:150}.floating-score-item{display:flex;align-items:center;gap:8px;padding:8px 18px;border-radius:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,monospace;font-size:14.5px;font-weight:800;box-shadow:0 6px 20px #002d6e29;animation:floatPop .3s cubic-bezier(.175,.885,.32,1.275) forwards;transition:opacity .4s ease,transform .4s ease}@keyframes floatPop{0%{opacity:0;transform:translateY(20px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}.floating-score-item.bonus{background:linear-gradient(135deg,#fffffffa,#f0f6fffa);border:1.5px solid #0076F5;color:#003b7a;box-shadow:0 6px 22px #0072ff40}.floating-score-item.bonus .score-val{color:#059669;font-size:16px}.floating-score-item.bonus .score-streak{background:#0076f51f;border:1px solid #0076F5;color:#0054ca;padding:2px 8px;border-radius:10px;font-size:11px}.floating-score-item.penalty{background:linear-gradient(135deg,#fffffffa,#fef2f2fa);border:1.5px solid #EF4444;color:#ef4444;box-shadow:0 6px 22px #ef444438}.floating-score-item.fade-out{opacity:0;transform:translateY(-20px) scale(.9)}#controls-guide{position:absolute;bottom:18px;left:20px;z-index:20;pointer-events:auto;opacity:.65;transition:opacity .2s ease,transform .2s ease}#controls-guide:hover{opacity:1}.controls-pill{display:flex;align-items:center;gap:8px;background:#04142ac7;border:1px solid rgba(196,223,255,.2);border-radius:9999px;padding:6px 14px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 6px 20px #00143240;font-size:11px;color:#94a3b8}.ctrl-tag{display:flex;align-items:center;gap:4px}.ctrl-tag kbd{background:#ffffff1f;border:1px solid rgba(255,255,255,.2);color:#f8fafc;font-family:inherit;font-size:10px;font-weight:800;padding:1px 5px;border-radius:4px;box-shadow:0 1px 2px #0000004d}.ctrl-dot{color:#fff3;font-size:8px}#blocker{position:absolute;width:100%;height:100%;background:radial-gradient(circle at center,#0c203cb8,#030e1ce0);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;pointer-events:auto;transition:opacity .3s ease;z-index:50}#main-menu-card{background:#fff;border-radius:36px;padding:42px 48px 34px;text-align:center;max-width:480px;width:90%;box-shadow:0 24px 70px #002d6e2e,0 0 35px #0072ff14;border:1px solid rgba(220,235,255,.8);animation:menuAppear .4s cubic-bezier(.16,1,.3,1) forwards;display:flex;flex-direction:column;align-items:center}@keyframes menuAppear{0%{opacity:0;transform:scale(.92) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.menu-branding-logo{width:100%;display:flex;justify-content:center;margin-bottom:26px}.menu-logo-img{width:100%;max-width:390px;height:auto;display:block;object-fit:contain;filter:drop-shadow(0 2px 8px rgba(0,50,120,.08))}.menu-actions{display:flex;flex-direction:column;gap:13px;width:100%}.menu-btn{width:100%;height:58px;border-radius:29px;display:flex;align-items:center;padding:0 22px 0 18px;cursor:pointer;transition:all .22s cubic-bezier(.16,1,.3,1);box-sizing:border-box;text-decoration:none;user-select:none}.btn-icon-box{width:34px;height:34px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.btn-svg{width:22px;height:22px;display:block}.btn-divider-v{width:1.5px;height:24px;margin:0 16px 0 12px;flex-shrink:0}.btn-text{flex:1;text-align:center;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:15px;font-weight:800;letter-spacing:1.6px}.btn-chevron{width:22px;height:22px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.btn-chevron svg{width:18px;height:18px;display:block}.pill-btn-primary{background:linear-gradient(180deg,#0076f5,#0054ca);color:#fff;border:none;box-shadow:0 0 24px #0076f573,0 8px 18px #0054ca59}.pill-btn-primary .btn-icon-box{color:#fff}.pill-btn-primary .btn-divider-v{background:#ffffff42}.pill-btn-primary .btn-chevron{color:#fff}.pill-btn-primary:hover{transform:translateY(-2px);background:linear-gradient(180deg,#0d82ff,#005fdf);box-shadow:0 0 32px #0076f5a6,0 10px 24px #0054ca73}.pill-btn-primary:active{transform:translateY(1px);box-shadow:0 0 18px #0076f566,0 4px 10px #0054ca4d}.pill-btn-secondary{background:linear-gradient(180deg,#eff6ff,#e3efff);border:1.5px solid #C4DFFF;color:#003b7a;box-shadow:0 3px 12px #003ca00d}.pill-btn-secondary .btn-icon-box{color:#004da5}.pill-btn-secondary .btn-divider-v{background:#004da529}.pill-btn-secondary .btn-chevron{color:#004da5}.pill-btn-secondary:hover{transform:translateY(-2px);background:linear-gradient(180deg,#fff,#eaf3ff);border-color:#a3ceff;color:#002d62;box-shadow:0 6px 18px #003ca01f}.pill-btn-secondary:active{transform:translateY(1px);box-shadow:0 2px 6px #003ca014}.menu-footer-clean{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:24px;width:100%}.menu-footer-clean .footer-line{flex:1;max-width:65px;height:1px;background:#c4d3e3}.menu-footer-clean .footer-credit-block{display:flex;flex-direction:column;align-items:center;text-align:center;line-height:1.25}.menu-footer-clean .credit-sub{font-size:11px;color:#7b8e9f;font-weight:500;margin-bottom:2px}.menu-footer-clean .credit-name{font-size:13.5px;font-weight:800;color:#003b7a;letter-spacing:.3px}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0a1c34a6;backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:100;transition:opacity .2s ease}.modal-overlay.hidden{opacity:0;pointer-events:none}.modal-dialog{background:#fff;border:1.5px solid #C4DFFF;border-radius:28px;max-width:680px;width:92%;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 24px 70px #002d6e33,0 0 35px #0072ff14;overflow:hidden;animation:modalPop .25s cubic-bezier(.16,1,.3,1) forwards}@keyframes modalPop{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.modal-header{padding:18px 26px;border-bottom:1.5px solid #EDF5FF;display:flex;align-items:center;justify-content:space-between}.modal-header h3{font-size:18px;color:#003b7a;font-weight:800;letter-spacing:.5px}.modal-close-btn{background:transparent;border:none;color:#8ca0b3;font-size:26px;cursor:pointer;line-height:1;padding:0 4px;transition:color .15s ease}.modal-close-btn:hover{color:#0076f5}.modal-body{padding:22px 26px;overflow-y:auto}.controls-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px}@media(max-width:640px){.controls-columns{grid-template-columns:1fr}}.controls-col{background:#f4f8fd;border:1.5px solid #D7E7FA;border-radius:18px;padding:16px 18px}.col-header{display:flex;align-items:center;gap:10px;margin-bottom:12px;border-bottom:1px solid #D7E7FA;padding-bottom:8px}.col-header h4{font-size:14.5px;color:#0054ca;font-weight:800}.controls-list{list-style:none;font-size:12px;line-height:1.6}.controls-list li{margin-bottom:8px;color:#334155}.controls-list strong{color:#003b7a;font-weight:800}.settings-body{display:flex;flex-direction:column;gap:16px}.setting-row{display:flex;align-items:center;justify-content:space-between;background:#f4f8fd;border:1.5px solid #D7E7FA;padding:12px 18px;border-radius:14px;font-size:13px;color:#1e293b}.setting-row label{font-weight:700;color:#003b7a}.slider-group{display:flex;align-items:center;gap:12px}.slider-group input[type=range]{accent-color:#0076F5;cursor:pointer}.setting-row select{background:#fff;border:1.5px solid #C4DFFF;color:#003b7a;padding:6px 14px;border-radius:10px;font-weight:700;cursor:pointer;outline:none}.modal-footer{padding:14px 26px;border-top:1.5px solid #EDF5FF;display:flex;justify-content:flex-end}.modal-btn{background:linear-gradient(180deg,#0076f5,#0054ca);color:#fff;font-weight:800;letter-spacing:.8px;padding:10px 26px;border:none;border-radius:20px;cursor:pointer;box-shadow:0 4px 14px #0076f559;transition:all .2s ease}.modal-btn:hover{transform:translateY(-2px);background:linear-gradient(180deg,#0d82ff,#005fdf);box-shadow:0 6px 18px #0076f580}.scores-modal-body{display:flex;flex-direction:column;gap:16px}.score-summary-grid{display:grid;grid-template-columns:1fr 1.3fr 1fr;gap:10px}.stat-summary-card{background:#f4f8fd;border:1.5px solid #D7E7FA;border-radius:16px;padding:12px 10px;display:flex;flex-direction:column;align-items:center;text-align:center}.stat-summary-card.highlight{border-color:#0076f5;background:linear-gradient(180deg,#eff6ff,#e3efff)}.stat-sub{font-size:10.5px;color:#64748b;font-weight:700;margin-bottom:4px;text-transform:uppercase}.stat-big-val{font-size:20px;font-weight:900;color:#003b7a}.stat-rank-text{font-size:11px;font-weight:800;color:#0054ca;letter-spacing:.4px;line-height:1.3}.metrics-two-cols{display:grid;grid-template-columns:1fr 1fr;gap:10px}.metric-box{background:#f4f8fd;border:1.5px solid #D7E7FA;border-radius:14px;padding:10px 14px;display:flex;align-items:center;gap:12px}.metric-icon{font-size:20px}.metric-info{display:flex;flex-direction:column}.metric-title{font-size:11px;color:#64748b;font-weight:600}.metric-number{font-size:16px;font-weight:900;color:#0076f5}.history-container{background:#f4f8fd;border:1.5px solid #D7E7FA;border-radius:14px;padding:12px 14px}.history-title{font-size:12px;font-weight:800;color:#003b7a;margin-bottom:8px}.history-items-list{max-height:110px;overflow-y:auto;display:flex;flex-direction:column;gap:6px}.history-empty{font-size:11.5px;color:#64748b;font-style:italic;padding:4px 0}.history-item-row{display:flex;justify-content:space-between;align-items:center;font-size:11.5px;padding:6px 12px;border-radius:8px;background:#fff;border:1px solid #E2EDF8}.history-item-row .hist-time{color:#64748b;font-family:monospace;margin-right:8px;font-weight:600}.history-item-row .hist-reason{color:#1e293b;font-weight:600;flex:1}.history-item-row .hist-pts{font-weight:800}.history-item-row .hist-pts.bonus{color:#059669}.history-item-row .hist-pts.penalty{color:#dc2626}#VRButton{position:absolute!important;bottom:24px!important;right:24px!important;left:auto!important;padding:13px 28px!important;border:1.5px solid #C4DFFF!important;border-radius:29px!important;background:linear-gradient(180deg,#eff6ff,#e3efff)!important;color:#003b7a!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif!important;font-size:12.5px!important;font-weight:800!important;letter-spacing:1.2px!important;text-transform:uppercase!important;box-shadow:0 4px 14px #003ca014!important;backdrop-filter:blur(10px)!important;transition:all .22s cubic-bezier(.16,1,.3,1)!important;cursor:pointer!important;z-index:100!important;opacity:1!important}#VRButton:hover{transform:translateY(-2px)!important;background:linear-gradient(180deg,#fff,#eaf3ff)!important;border-color:#a3ceff!important;box-shadow:0 6px 18px #003ca026!important}#VRButton.vr-ready{background:linear-gradient(180deg,#0076f5,#0054ca)!important;border:1.5px solid rgba(255,255,255,.35)!important;color:#fff!important;box-shadow:0 0 24px #0076f580,0 6px 16px #0054ca59!important}#VRButton.vr-ready:hover{background:linear-gradient(180deg,#0d82ff,#005fdf)!important;box-shadow:0 0 32px #0076f5b3,0 8px 22px #0054ca73!important}#tutorial-banner{position:absolute;top:18px;left:50%;transform:translate(-50%);background:#04142ad1;border:1.5px solid rgba(0,118,245,.35);border-radius:9999px;padding:6px 20px;display:flex;align-items:center;gap:10px;box-shadow:0 8px 30px #00193c59,0 0 15px #0076f526;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);z-index:15;pointer-events:none;animation:fadeInDown .3s ease-out;max-width:600px}@keyframes fadeInDown{0%{opacity:0;transform:translate(-50%,-15px)}to{opacity:1;transform:translate(-50%)}}.banner-badge{background:linear-gradient(180deg,#0076f5,#0054ca);color:#fff;font-size:10px;font-weight:900;letter-spacing:.8px;padding:3px 10px;border-radius:9999px;text-transform:uppercase;box-shadow:0 2px 8px #0076f559;flex-shrink:0}.banner-badge.success{background:#10b981;box-shadow:0 2px 8px #10b98159;color:#fff}.banner-text{font-size:12.5px;color:#e2e8f0;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.banner-text strong{color:#38bdf8;font-weight:700}#checklist-panel{position:absolute;top:18px;right:20px;width:290px;background:#04142ad6;border:1.5px solid rgba(196,223,255,.24);border-radius:20px;padding:12px 16px;box-shadow:0 10px 35px #00193c59,0 0 20px #0072ff14;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);z-index:20;pointer-events:auto;user-select:none;transition:all .25s cubic-bezier(.16,1,.3,1)}.checklist-header{display:flex;justify-content:space-between;align-items:center;gap:10px}.checklist-title-group{display:flex;align-items:center;gap:8px;min-width:0;flex:1}.checklist-icon{font-size:16px;flex-shrink:0}.checklist-title-text{display:flex;flex-direction:column;min-width:0;flex:1}.checklist-header-top{display:flex;align-items:center;gap:6px}.checklist-title{font-size:12.5px;font-weight:800;color:#f8fafc;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.checklist-step-badge{background:#0076f540;border:1px solid rgba(56,189,248,.4);color:#38bdf8;font-size:10px;font-weight:800;padding:1px 5px;border-radius:6px;flex-shrink:0}.checklist-subtitle{font-size:10.5px;color:#94a3b8;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.btn-toggle{background:#ffffff14;border:1px solid rgba(255,255,255,.16);color:#e2e8f0;border-radius:8px;padding:4px 8px;cursor:pointer;display:flex;align-items:center;gap:4px;font-size:10.5px;font-weight:700;transition:all .15s ease;flex-shrink:0}.btn-toggle:hover{background:#0076f540;border-color:#38bdf8;color:#fff}.toggle-icon{font-size:9px}.progress-bar-container{width:100%;height:4px;background:#ffffff1f;border-radius:4px;overflow:hidden;margin-top:8px}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#0076f5,#00e5ff);border-radius:4px;transition:width .4s ease}.progress-label{display:flex;justify-content:space-between;font-size:10.5px;color:#94a3b8;margin-top:8px;margin-bottom:8px;font-weight:600}.progress-label strong{color:#38bdf8;font-weight:800}.checklist-body{display:flex;flex-direction:column;gap:6px;max-height:420px;overflow-y:auto;padding-right:2px;animation:fadeInDown .2s ease}.checklist-body::-webkit-scrollbar{width:4px}.checklist-body::-webkit-scrollbar-thumb{background:#0076f566;border-radius:4px}.task-item{display:flex;align-items:flex-start;gap:8px;padding:6px 10px;border-radius:10px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);transition:all .2s ease}.task-item.active{background:#0076f52e;border:1.5px solid #0076F5;box-shadow:0 2px 10px #0076f540}.task-item.completed{background:#10b98114;border:1px solid rgba(16,185,129,.25);opacity:.75}.task-check{width:18px;height:18px;border-radius:6px;background:#ffffff1a;color:#94a3b8;font-size:10px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}.task-item.active .task-check{background:linear-gradient(180deg,#0076f5,#0054ca);color:#fff;box-shadow:0 2px 6px #0076f566}.task-item.completed .task-check{background:#10b981;color:#fff}.task-content{display:flex;flex-direction:column;gap:1px}.task-name{font-size:11.5px;font-weight:700;color:#f1f5f9}.task-item.active .task-name{color:#60a5fa;font-weight:800}.task-item.completed .task-name{text-decoration:line-through;color:#64748b}.task-desc{font-size:10.5px;color:#94a3b8;line-height:1.3}.task-item.active .task-desc{color:#cbd5e1}#celebration-modal{position:absolute;top:0;left:0;width:100%;height:100%;background:#0a1c34a6;backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:200;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-card{background:#fff;border:1.5px solid #C4DFFF;border-radius:28px;padding:36px 44px;text-align:center;max-width:480px;box-shadow:0 24px 70px #002d6e38,0 0 35px #0072ff1a}.modal-badge{display:inline-block;background:#ecfdf5;border:1px solid #10B981;color:#059669;font-size:11px;font-weight:800;letter-spacing:2px;padding:4px 14px;border-radius:20px;margin-bottom:12px}.modal-card h2{font-size:26px;font-weight:900;color:#003b7a;margin-bottom:4px}.modal-subtitle{color:#64748b;font-size:13px;margin-bottom:24px}.modal-achievements{background:#f4f8fd;border:1.5px solid #D7E7FA;border-radius:16px;padding:16px 20px;text-align:left;margin-bottom:24px;display:flex;flex-direction:column;gap:10px}.achieve-row{display:flex;justify-content:space-between;font-size:12.5px;color:#334155;font-weight:600}.achieve-row strong{color:#059669;font-weight:800}.modal-buttons{display:flex;gap:12px;justify-content:center}.btn-modal-primary{background:linear-gradient(180deg,#0076f5,#0054ca);color:#fff;font-size:14px;font-weight:800;letter-spacing:.5px;padding:12px 26px;border:none;border-radius:25px;cursor:pointer;box-shadow:0 4px 15px #0076f559;transition:all .2s ease}.btn-modal-primary:hover{transform:translateY(-2px);background:linear-gradient(180deg,#0d82ff,#005fdf);box-shadow:0 6px 20px #0076f580}.btn-modal-secondary{background:#eff6ff;border:1.5px solid #C4DFFF;color:#003b7a;font-size:14px;font-weight:700;padding:12px 22px;border-radius:25px;cursor:pointer;transition:all .2s ease}.btn-modal-secondary:hover{background:#fff;border-color:#9ec7ff;transform:translateY(-2px)}.pre-start-hidden{display:none!important;opacity:0!important;pointer-events:none!important;visibility:hidden!important}.panel-fade-in{animation:panelFadeIn .45s cubic-bezier(.16,1,.3,1) forwards}.banner-fade-in{animation:bannerFadeIn .45s cubic-bezier(.16,1,.3,1) forwards}@keyframes panelFadeIn{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes bannerFadeIn{0%{opacity:0;transform:translate(-50%,-20px)}to{opacity:1;transform:translate(-50%)}}