@import url(https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&family=Inter:wght@300;400;500;600;700&display=swap);*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#e8e8e8;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.game-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#1e3a8a33,#1e3a8a1a 50%,#60a5fa1a);border:1px solid var(--td-grid-line);border-radius:12px;margin-bottom:15px;padding:12px 20px}.header-compact{gap:20px;justify-content:space-between}.back-to-menu,.header-compact{align-items:center;display:flex}.back-to-menu{font-size:14px;gap:8px;padding:8px 16px}.button-icon{font-size:12px}.brand-section{align-items:center;display:flex;flex-direction:column;gap:2px}.brand-section .td-hologram-text{font-family:var(--td-font-tech);font-size:18px;font-weight:900;letter-spacing:1.5px}.training-mode{color:#60a5fa;font-size:10px;letter-spacing:1px;text-transform:uppercase}.stats-compact,.training-mode{font-family:var(--td-font-tech);font-weight:600}.stats-compact{align-items:center;display:flex;font-size:13px;gap:10px}.stat-pill{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172acc;border:1px solid #60a5fa4d;border-radius:20px;box-shadow:0 2px 8px #0000004d;color:#e2e8f0;font-weight:600;padding:6px 12px}.stat-points{background:#22c55e26;border-color:#22c55e66;color:#22c55e}.difficulty-indicator{align-items:center;background:#60a5fa1a;border:1px solid #60a5fa4d;border-radius:4px;display:flex;font-family:var(--td-font-tech);font-size:12px;padding:5px 10px;white-space:nowrap}.difficulty-label{color:#64748b;margin-right:8px}.difficulty-value{text-transform:uppercase}.difficulty-value.easy{color:var(--td-success)}.difficulty-value.normal{color:var(--td-highlight)}.difficulty-value.hard{color:var(--td-danger)}.header-stats{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin-bottom:20px}.stat-item{background:#0f172a66;border:1px solid #60a5fa1a;border-radius:8px;padding:10px}.stat-label{letter-spacing:1px;margin-bottom:5px;text-transform:uppercase}.stat-label,.stat-value{font-family:var(--td-font-tech)}.stat-value{color:#fff;font-size:20px}.penalty{font-size:14px;font-weight:400}.timeline-integrity-display{text-align:center}.integrity-label{color:#94a3b8;display:block;font-family:var(--td-font-tech);font-size:12px;letter-spacing:2px;margin-bottom:8px;text-transform:uppercase}@media (max-width:768px){.game-header{padding:15px}.header-top-bar{flex-wrap:wrap;gap:10px}.nexus-label .td-hologram-text{font-size:20px}.header-stats{gap:10px;grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.stat-item{padding:8px}.stat-value{font-size:16px}.header-compact{align-items:stretch;flex-direction:column;gap:8px}.brand-section .td-hologram-text{font-size:16px}.training-mode{font-size:9px}.stats-compact{font-size:11px;gap:8px;justify-content:center}.stat-pill{border-radius:16px;padding:4px 10px}.back-to-menu{align-self:flex-start;font-size:12px;padding:6px 12px}}.event-card{background:linear-gradient(135deg,#1e293be6,#1e293bcc);border:1px solid var(--td-highlight);border-radius:8px;cursor:move;height:100%;min-height:60px;overflow:hidden;padding:6px;transition:all .3s ease,height .3s ease}.event-card.difficulty-easy{min-height:120px}.event-card.difficulty-easy.expanded{height:auto;max-height:none;max-height:400px;min-height:auto;overflow-y:auto}.event-card.difficulty-normal{min-height:80px}.event-card.difficulty-hard{min-height:60px}.event-card:before{background:linear-gradient(45deg,var(--td-nexus-glow) 0,#0000 40%,#0000 60%,var(--td-nexus-glow) 100%);border-radius:8px;bottom:-2px;content:"";left:-2px;opacity:0;position:absolute;right:-2px;top:-2px;transition:opacity .3s ease;z-index:-1}.event-card:hover:before{animation:td-rotate 3s linear infinite;opacity:.4}@keyframes td-rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.event-card:hover{border-color:var(--td-nexus-pulse);box-shadow:0 8px 24px #0006;transform:translateY(-2px)}.event-card.dragging{min-height:50px!important;opacity:.8;transform:scale(.95)}.event-card.dragging .event-description,.event-card.dragging .event-tooltip,.event-card.dragging .expand-button{display:none!important}.event-header{justify-content:space-between;margin-bottom:2px}.event-header,.event-title{align-items:center;display:flex}.event-title{word-wrap:break-word;flex:1 1;font-size:clamp(14px,2vw,16px);font-weight:600;justify-content:center;line-height:1.3;margin:0;overflow-wrap:break-word}.event-card:not(.placed) .event-title{font-size:clamp(16px,4vw,22px)!important;line-height:1.2!important}.event-date{align-items:center;color:#fff!important;display:flex;font-family:var(--td-font-tech);font-size:11px;font-weight:600;gap:6px}.event-date:before{content:"⏱";filter:drop-shadow(0 0 6px currentColor);font-size:16px}.event-date.hidden{filter:blur(4px);opacity:.3}.event-domain{font-size:20px;opacity:.8;transition:opacity .2s ease}.event-card:hover .event-domain{opacity:1}.event-description{color:#fffc;font-size:clamp(12px,1.5vw,14px);margin:0}.event-description.truncated{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.event-description.full{max-height:none;overflow:visible;white-space:pre-wrap;word-break:break-word}.expand-button{align-self:flex-start;background:#60a5fa33;border:1px solid #60a5fa66;border-radius:4px;color:var(--td-highlight);cursor:pointer;font-family:var(--td-font-tech);font-size:12px;margin-top:8px;padding:4px 12px;transition:all .2s ease}.expand-button:hover{background:#60a5fa4d;border-color:var(--td-highlight);transform:translateY(-1px)}.event-tooltip{animation:fadeInUp .2s ease;background:#0f172af2;border:1px solid var(--td-highlight);border-radius:6px;bottom:100%;left:50%;margin-bottom:8px;padding:8px 12px;pointer-events:none;position:absolute;transform:translateX(-50%);white-space:nowrap;z-index:1000}@keyframes fadeInUp{0%{opacity:0;transform:translateX(-50%) translateY(10px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.event-tooltip:after{border:6px solid #0000;border-top:6px solid var(--td-highlight);content:"";left:50%;position:absolute;top:100%;transform:translateX(-50%)}.tooltip-date{color:var(--td-warning);font-size:12px;font-weight:600;margin-bottom:4px}.tooltip-epoch{color:var(--td-highlight);font-size:11px}.tooltip-hint{color:var(--td-highlight);font-size:12px;font-style:italic}.event-card.placed{border:none;display:flex;flex-direction:column;height:100%;margin:0;overflow:hidden}.event-card.placed.difficulty-hard,.event-card.placed.difficulty-normal{align-items:center;justify-content:center;text-align:center}.event-card.placed.difficulty-normal .event-title{-webkit-line-clamp:3;font-size:clamp(15px,2.5vw,18px);line-height:1.3;margin-top:4px;padding:0 8px}.event-card.placed.difficulty-normal .event-date{font-size:13px}.event-card.placed.difficulty-hard .event-title{-webkit-line-clamp:3;font-size:clamp(16px,3vw,20px);line-height:1.3;padding:0 8px}.event-card.placed.difficulty-hard .event-header{display:none}.event-card.placed .event-header{margin-bottom:0}.event-card.placed .event-title{line-height:1.1;margin-bottom:0;margin-top:-2px}.event-card.placed.difficulty-easy .event-header{margin-bottom:-4px}.event-card.placed.difficulty-easy .event-title{margin-top:-6px}.event-card.placed .event-date{color:#fff;font-size:11px;line-height:1}.event-card.placed .expand-button{display:none!important}.event-card.correct{background:linear-gradient(135deg,#10b9811a,#1e293bcc)!important;border-color:var(--td-success)!important;border-width:2px}.event-card.incorrect{background:linear-gradient(135deg,#ef44441a,#1e293bcc)!important;border-color:var(--td-danger)!important;border-width:2px}@keyframes correctPulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-10px)}75%{transform:translateX(10px)}}@media (max-width:768px){.event-card{min-height:44px;padding:10px}.event-card.placed{height:100%}.event-title{font-size:14px}.event-card:not(.placed) .event-title{font-size:clamp(18px,5vw,24px)!important}.event-date,.event-description{font-size:12px}.expand-button{padding:6px 12px;text-align:center;width:100%}.difficulty-hard .event-header{align-items:flex-start;flex-direction:column;gap:4px}}@media (min-width:769px) and (max-width:1024px){.event-card{min-height:70px}.event-card.difficulty-easy{min-height:100px}}@media (min-width:768px){.event-card.placed.difficulty-easy{align-items:center;justify-content:center;text-align:center}.event-card.placed.difficulty-easy .event-title{font-size:clamp(16px,2.5vw,19px);line-height:1.3;margin-top:6px;padding:0 8px}.event-card.placed.difficulty-easy .event-date{font-size:14px}}@media (prefers-reduced-motion:reduce){.event-card,.event-card:before{animation:none!important;transition:none!important}}@media (prefers-contrast:high){.event-card{border-width:2px}.event-title{font-weight:700}.event-description{color:#fff}}.event-pool{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#1e3a8a26,#1e3a8a14 50%,#60a5fa1f);border:2px solid #60a5fa4d;border-radius:16px;box-shadow:0 8px 25px #0003,0 0 40px #60a5fa26;margin:20px 0;padding:20px}.pool-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:20px}.pool-title{color:#e2e8f0;font-size:20px;font-weight:600;letter-spacing:.5px;margin:0;text-shadow:0 0 10px #60a5fa4d}.temporal-range{background:linear-gradient(135deg,#60a5fa33,#3b82f626);border:1px solid #60a5fa4d;border-radius:20px;color:#60a5fa;font-size:14px;font-weight:600;padding:8px 16px;text-shadow:0 0 8px #60a5fa66}.event-pool-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:1200px}@media (max-width:1023px){.event-pool-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:767px){.event-pool{margin:15px 0;padding:15px}.pool-header{align-items:flex-start;flex-direction:column;gap:8px;margin-bottom:15px}.pool-title{font-size:18px}.temporal-range{font-size:13px;padding:6px 12px}.event-pool-grid{gap:8px;grid-template-columns:1fr}}@media (max-width:767px) and (orientation:landscape){.event-pool-grid{display:flex;gap:10px;overflow-x:auto;padding-bottom:10px}.event-pool-grid>*{flex:0 0 280px}}.placement-grid{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#1e3a8a26,#1e3a8a1a 50%,#60a5fa14);border:2px solid var(--td-grid-line);border-radius:12px;margin:10px 0;overflow:hidden;padding:12px;position:relative}.placement-grid:before{background:repeating-linear-gradient(0deg,#0000,#0000 60px,#60a5fa0d 0,#60a5fa0d 61px),repeating-linear-gradient(90deg,#0000,#0000 120px,#60a5fa0d 0,#60a5fa0d 121px);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.grid-title{color:var(--td-highlight);font-family:var(--td-font-tech);font-size:18px;letter-spacing:2px;margin-bottom:20px;position:relative;text-align:center;text-transform:uppercase;z-index:1}.grid-container{display:flex;flex-direction:column;gap:15px;margin:0 auto;max-width:1000px;position:relative;z-index:1}.grid-row{grid-gap:10px;align-items:stretch;display:grid;gap:10px;grid-template-columns:repeat(3,1fr)}.drop-zone{background:#0f172a99;border:2px solid #60a5fa33;border-radius:8px;display:flex;flex-direction:column;height:160px;min-height:160px;overflow:hidden;padding:0;position:relative;transition:all .3s ease}.drop-zone>.event-card{bottom:2px;box-sizing:border-box;left:2px;margin:0;position:absolute;right:2px;top:4px;width:auto}.drop-zone:before{background:radial-gradient(circle at center,#0000 0,#60a5fa0d 50%,#0000 100%);bottom:0;content:"";left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease}.drop-zone:hover:before{opacity:1}.drop-zone.can-drop{background:#10b9811a;border-color:var(--td-success);box-shadow:0 0 20px #10b9814d}.drop-zone.can-drop.has-event{background:#f59e0b1a;border-color:var(--td-warning);box-shadow:0 0 20px #f59e0b4d}.drop-zone.has-event{background:#60a5fa0d;border-color:var(--td-highlight);border-style:solid}.empty-slot{align-items:center;bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;padding:8px;position:absolute;right:0;top:0}.node-number{color:#60a5fa26;font-family:var(--td-font-tech);font-size:48px;font-weight:900;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);-webkit-user-select:none;user-select:none;z-index:0}.awaiting-text{color:#94a3b8;font-family:var(--td-font-tech);font-size:12px;font-weight:600;letter-spacing:1px;line-height:1.3;position:relative;text-align:center;text-transform:uppercase;z-index:1}.grid-flow-indicator{align-items:center;color:var(--td-highlight);display:flex;gap:15px;justify-content:center;margin-top:25px;position:relative;z-index:1}.flow-arrow{filter:drop-shadow(0 0 10px currentColor);font-size:20px;font-weight:700}.flow-text{font-family:var(--td-font-tech);font-size:12px;letter-spacing:2px;text-transform:uppercase}@media (max-width:768px){.placement-grid{margin:8px 0;padding:8px}.grid-title{font-size:16px;margin-bottom:15px}.grid-row{gap:6px}.drop-zone{height:120px;min-height:120px;padding:0}.drop-zone>.event-card{bottom:2px;left:2px;padding:3px 4px;right:2px;top:3px}.node-number{font-size:36px}.awaiting-text{font-size:11px}.grid-flow-indicator{gap:10px;margin-top:15px}.flow-arrow{font-size:16px}.flow-text{font-size:10px}}@media (max-width:400px){.grid-container,.grid-row{gap:6px}.drop-zone{height:100px;min-height:90px;padding:0}.drop-zone>.event-card{bottom:1px;left:1px;right:1px;top:2px}.node-number{font-size:28px}.awaiting-text{font-size:10px}}.game-controls{display:flex;gap:20px;justify-content:center;margin:30px 0}.control-button{border:none;border-radius:8px;box-shadow:0 2px 8px #00000026;cursor:pointer;font-size:18px;font-weight:600;padding:12px 30px;transition:all .3s ease}.control-button:hover:not(:disabled){box-shadow:0 4px 12px #00000040;transform:translateY(-2px)}.control-button:active:not(:disabled){transform:translateY(0)}.control-button.submit{background:#4caf50;color:#fff}.control-button.submit:hover:not(:disabled){background:#45a049}.control-button.submit:disabled{background:#ccc;cursor:not-allowed;opacity:.6}.control-button.reset{background:#ff9800;color:#fff}.control-button.reset:hover{background:#e68900}.debug-panel{background:#000000e6;border-radius:8px;box-shadow:0 4px 20px #00ff004d;color:#0f0;font-family:Courier New,monospace;font-size:12px;max-height:400px;overflow-y:auto;padding:15px;position:fixed;right:10px;top:10px;width:350px;z-index:9999}.debug-panel h3{border-bottom:1px solid #0f0;color:#0f0;margin:0 0 15px;padding-bottom:5px}.debug-section{background:#00ff000d;border:1px solid #0f03;border-radius:4px;margin-bottom:20px;padding:10px}.debug-section h4{color:#0f0;font-size:14px;margin:0 0 10px}.debug-section p{margin:5px 0}.debug-event{color:#90ff90;font-size:11px;overflow:hidden;padding:3px 0;text-overflow:ellipsis;white-space:nowrap}.debug-grid{grid-gap:5px;display:grid;gap:5px;grid-template-columns:repeat(3,1fr);margin-top:10px}.debug-grid-cell{background:#00ff001a;border:1px solid #00ff004d;font-size:10px;overflow:hidden;padding:5px;text-align:center;text-overflow:ellipsis}.analytics-debug-panel{background:#000000e6;border-radius:8px;box-shadow:0 4px 20px #00ff004d;color:#0f0;font-family:Courier New,monospace;font-size:12px;max-height:calc(90vh - 430px);overflow-y:auto;padding:15px;position:fixed;right:10px;top:420px;width:350px;z-index:9999}.analytics-debug-panel h3{border-bottom:1px solid #0f0;color:#0f0;margin:0 0 15px;padding-bottom:5px}.analytics-debug-panel h4{color:#0f0;font-size:14px;margin:0 0 10px}.analytics-debug-panel button{background:#00ff001a;border:1px solid #0f0;border-radius:4px;color:#0f0;cursor:pointer;font-family:Courier New,monospace;font-size:12px;padding:5px 10px;transition:all .2s ease}.analytics-debug-panel button:hover:not(:disabled){background:#0f03;box-shadow:0 0 10px #00ff0080}.analytics-debug-panel button:disabled{cursor:not-allowed;opacity:.5}.analytics-debug-panel .debug-section{background:#00ff000d;border:1px solid #0f03;border-radius:4px;margin-bottom:20px;padding:10px}.analytics-debug-panel .debug-note{color:#90ff90;font-size:11px;font-style:italic}.victory-overlay{align-items:center;background:#000000b3;bottom:0;cursor:pointer;display:flex;justify-content:center;left:0;overflow-y:auto;padding:20px;position:fixed;right:0;top:0;z-index:1000}.victory-modal{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#1e3a8a26,#1e3a8a14 50%,#60a5fa1f);border:2px solid #60a5fa4d;border-radius:16px;box-shadow:0 10px 40px #00000080,0 0 60px #60a5fa33;display:flex;flex-direction:column;margin:auto;max-height:90vh;max-width:600px;position:relative;width:100%;z-index:1001}.victory-content{flex:1 1;min-height:0;overflow-y:auto;padding:40px 40px 0}.victory-header{margin-bottom:30px}.victory-header,.victory-title{text-align:center}.victory-header h1{animation:celebrationPulse 2s ease-in-out infinite;color:#4caf50;font-size:42px;margin:0 0 10px}.victory-header h2{color:#e2e8f0;font-size:24px;font-weight:400;margin:0}.victory-event{background:linear-gradient(135deg,#60a5fa26,#3b82f614);border:2px solid #60a5fa66;border-radius:12px;box-shadow:0 0 20px #60a5fa33;margin:25px 0 35px;padding:20px;text-align:center}.victory-event h3{color:#60a5fa;font-size:28px;font-weight:700;letter-spacing:.5px;margin:0 0 10px;text-shadow:0 0 15px #60a5fa80}.victory-event p{color:#cbd5e1;font-size:16px;font-style:italic;margin:0}@keyframes celebrationPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.victory-stats{background:#0f172a99;border:1px solid #60a5fa33;border-radius:12px;margin-bottom:30px;padding:20px}.victory-stats.stat-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat-item{padding:8px}.stat-item .stat-label{color:#94a3b8;display:block;font-size:16px;margin-bottom:5px}.stat-item .stat-value{color:#fbbf24;display:block;font-size:24px;font-weight:700;text-shadow:0 0 10px #fbbf2480}.stat-row{align-items:center;border-bottom:1px solid #60a5fa1a;display:flex;justify-content:space-between;padding:10px 0}.stat-row:last-child{border-bottom:none}.stat-label{color:#94a3b8;font-size:18px}.stat-value{color:#fbbf24;font-size:24px;text-shadow:0 0 10px #fbbf2480}.stat-value.accuracy{color:#06b6d4;text-shadow:0 0 10px #06b6d480}.stat-value.score{color:#fbbf24;font-size:28px;text-shadow:0 0 15px #fbbf2499}.victory-timeline{margin-bottom:30px}.victory-timeline h3{color:#e2e8f0;font-size:20px;margin-bottom:15px;text-align:center}.timeline-events{background:#0f172a66;border:1px solid #60a5fa1a;border-radius:8px;max-height:250px;overflow-y:auto;padding:10px}.timeline-event{align-items:center;background:#1e293b99;border-left:4px solid #60a5fa;border-radius:6px;display:flex;gap:15px;margin-bottom:8px;padding:10px;transition:all .2s ease}.timeline-event:hover{box-shadow:0 2px 8px #60a5fa33;transform:translateX(5px)}.event-position{background:#60a5fa;border-radius:50%;color:#fff;font-size:14px;font-weight:700;height:28px;justify-content:center;width:28px}.event-details,.event-position{align-items:center;display:flex}.event-details{flex:1 1;justify-content:space-between}.event-details strong{color:#e2e8f0;font-size:16px}.victory-modal .event-date{color:#94a3b8!important;font-size:14px;font-style:italic}.related-events-teaser{background:linear-gradient(135deg,#60a5fa1a,#3b82f60d);border:2px solid #60a5fa4d;border-radius:12px;margin-bottom:25px;padding:20px;text-align:center}.teaser-text{color:#60a5fa;font-size:18px;font-weight:600;margin:0 0 8px}.teaser-subtext{color:#94a3b8;font-size:15px;margin:0}.victory-actions{background:#0f172a4d;border-radius:0 0 16px 16px;border-top:1px solid #60a5fa33;display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-top:auto;padding:20px 40px 40px}.explore-related-button,.play-again-button,.review-button{background:linear-gradient(135deg,#1e3a8acc,#1e3a8a99);border:1px solid var(--td-highlight);border-radius:6px;color:#fff;cursor:pointer;font-family:var(--td-font-tech);font-size:16px;font-weight:500;letter-spacing:1px;overflow:hidden;padding:12px 30px;position:relative;text-transform:uppercase;transition:all .3s ease}.explore-related-button:before,.play-again-button:before,.review-button:before{background:linear-gradient(90deg,#0000,#60a5fa66 50%,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.explore-related-button:hover,.play-again-button:hover,.review-button:hover{border-color:var(--td-nexus-pulse);box-shadow:0 0 20px var(--td-nexus-glow);transform:translateY(-2px)}.explore-related-button:hover:before,.play-again-button:hover:before,.review-button:hover:before{left:100%}.explore-related-button.primary{background:linear-gradient(135deg,#60a5fae6,#3b82f6cc);border-color:var(--td-nexus-pulse);box-shadow:0 4px 15px #60a5fa66;font-size:18px;padding:14px 40px}.explore-related-button.primary:hover{box-shadow:0 6px 20px #60a5fa99}@media (max-width:600px){.victory-modal{margin:8px;max-height:85vh;max-width:calc(100vw - 16px)}.victory-content{padding:15px 15px 0}.victory-actions{flex-direction:column;gap:10px;padding:12px 15px 15px}.victory-header{margin-bottom:15px}.victory-header h1{font-size:28px}.victory-header h2{font-size:18px}.victory-event{margin:15px 0 20px;padding:12px}.victory-event h3{font-size:22px;line-height:1.3}.victory-event p{font-size:14px}.victory-stats{margin-bottom:15px;padding:12px}.stat-label{font-size:14px}.stat-value{font-size:18px}.explore-related-button,.play-again-button,.review-button{font-size:14px;letter-spacing:.5px;padding:14px 20px;width:100%}.explore-related-button.primary{font-size:16px;padding:16px 20px}.related-events-teaser{margin-bottom:15px;padding:15px}.teaser-text{font-size:16px}.teaser-subtext{font-size:13px}.victory-stats.stat-grid{gap:10px;grid-template-columns:repeat(2,1fr);padding:15px}.stat-item{padding:5px}.stat-item .stat-label{font-size:14px;margin-bottom:3px}.stat-item .stat-value{font-size:18px}.stat-item .stat-value.score{font-size:20px}}.celebration-container{height:100%;left:0;overflow:hidden;pointer-events:none;position:fixed;top:0;width:100%;z-index:999}.success-message{background:#fffffff2;border-radius:16px;box-shadow:0 10px 40px #0003;left:50%;padding:30px 50px;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.success-message h1{color:#4caf50;font-size:48px;margin:0 0 10px;text-shadow:2px 2px 4px #0000001a}.success-message p{color:#666;font-size:20px;margin:0}.confetti{border-radius:2px;height:10px;position:absolute;width:10px}.difficulty-selector{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#1e3a8a26,#1e3a8a14 50%,#60a5fa1f);border:2px solid #60a5fa4d;border-radius:16px;box-shadow:0 10px 40px #0000004d,0 0 60px #60a5fa26;margin:30px 0;padding:25px}.difficulty-selector h3{color:#e2e8f0;font-size:20px;font-weight:600;letter-spacing:.5px;margin:0 0 20px;text-shadow:0 0 10px #60a5fa4d}.difficulty-options{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.difficulty-option{background:linear-gradient(135deg,#1e3a8acc,#1e3a8a99);border:2px solid #60a5fa66;border-radius:12px;cursor:pointer;min-width:160px;overflow:hidden;padding:18px 28px;position:relative;transition:all .3s ease}.difficulty-option:before{background:linear-gradient(90deg,#0000,#60a5fa66 50%,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.difficulty-option:hover:not(:disabled){border-color:#60a5fa;border-color:var(--td-nexus-pulse,#60a5fa);box-shadow:0 8px 25px #60a5fa4d;transform:translateY(-3px)}.difficulty-option:hover:not(:disabled):before{left:100%}.difficulty-option.active{background:linear-gradient(135deg,#60a5fae6,#3b82f6cc);border-color:#60a5fa;border-color:var(--td-nexus-pulse,#60a5fa);box-shadow:0 6px 20px #60a5fa66}.difficulty-option:disabled{cursor:not-allowed;opacity:.4}.difficulty-label{color:#fff;font-size:18px;font-weight:700;letter-spacing:1px;margin-bottom:6px;text-shadow:0 0 8px #0000004d}.difficulty-description{color:#cbd5e1;font-size:14px;font-style:italic;text-shadow:0 0 5px #00000080}@media (max-width:768px){.difficulty-selector{margin:20px 0;padding:20px 15px}.difficulty-options{align-items:center;flex-direction:column;gap:15px}.difficulty-option{max-width:280px;padding:16px 24px;width:100%}.difficulty-selector h3{font-size:18px;margin-bottom:16px}.difficulty-label{font-size:16px}.difficulty-description{font-size:13px}}.drag-preview{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:2px solid #60a5fa99;border-radius:12px;box-shadow:0 12px 32px #00000080;opacity:.9;pointer-events:none;transform:rotate(2deg) scale(.95);z-index:1000}.drag-preview .event-card{cursor:grabbing!important;max-width:250px;min-height:60px!important;.event-description,.expand-button,.tooltip{display:none!important}}.drag-preview .event-title{font-size:14px!important;line-height:1.3!important}.drag-preview .event-year{font-size:12px!important}@media (max-width:768px){.drag-preview{max-width:200px;transform:rotate(1deg) scale(.9)}.drag-preview .event-card{min-height:50px!important;padding:8px!important}.drag-preview .event-title{font-size:13px!important}.drag-preview .event-year{font-size:11px!important}}.chronus-overlay{background:linear-gradient(180deg,#001428f2 0,#001428cc);border-bottom:2px solid #0ff;box-shadow:0 2px 20px #00ffff4d;color:#0ff;font-family:Courier New,monospace;font-size:12px;left:0;padding:10px;position:fixed;right:0;top:0;z-index:1000}.chronus-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.chronus-title{font-weight:700;letter-spacing:2px;text-shadow:0 0 10px #00ffff80}.chronus-status{animation:pulse 2s infinite}.chronus-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.chronus-stat{align-items:center;background:#00ffff1a;border:1px solid #00ffff4d;border-radius:4px;display:flex;flex-direction:column;padding:5px}.stat-label{font-size:10px;margin-bottom:2px;opacity:.7}.stat-value{font-size:14px}.stat-value.stable{color:#0f0}.stat-value.anomaly{animation:blink 1s infinite;color:#f60}@media (max-width:768px){.chronus-overlay{font-size:10px}.chronus-grid{gap:10px;grid-template-columns:repeat(3,1fr)}.stat-value{font-size:12px}}.temporal-anomaly-notification{align-items:center;animation:slideDown .3s ease-out,fadeOut .3s ease-out 2.7s forwards;background:#8a2be2f2;border-radius:8px;box-shadow:0 4px 12px #8a2be24d;color:#fff;display:flex;font-size:14px;gap:12px;left:50%;padding:12px 24px;position:fixed;top:20px;transform:translateX(-50%);z-index:1000}.anomaly-icon{animation:pulse 1s ease-in-out infinite;font-size:20px}.anomaly-text{font-weight:500}@keyframes slideDown{0%{opacity:0;transform:translateX(-50%) translateY(-100%)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@keyframes fadeOut{to{opacity:0;transform:translateX(-50%) translateY(-20px)}}.connection-status-warning{align-items:center;animation:pulse 2s ease-in-out infinite;background:#ff9800f2;border-radius:6px;bottom:20px;box-shadow:0 2px 8px #0003;color:#fff;display:flex;font-size:14px;gap:10px;left:50%;padding:10px 20px;position:fixed;transform:translateX(-50%);z-index:999}.warning-icon{font-size:18px}.warning-text{font-weight:500}.game-container{animation:tdGradientShift 15s ease infinite;background:linear-gradient(135deg,#0f172a,#1e293b 25%,#334155 50%,#1e293b 75%,#0f172a);background-size:400% 400%;color:#e2e8f0;margin:0 auto;max-width:1400px;min-height:100vh;padding:20px}@keyframes tdGradientShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.loading-container{align-items:center;color:#e2e8f0;display:flex;flex-direction:column;justify-content:center;min-height:60vh}.loading-spinner{border:4px solid #60a5fa33;box-shadow:0 0 20px #60a5fa4d;height:60px;margin-top:20px;width:60px}.timeline-instructions{margin:20px 0;padding:20px;text-align:center}.instruction-header{color:#60a5fa;font-size:18px;font-weight:700;letter-spacing:.5px;margin-bottom:8px;text-shadow:0 0 12px #60a5fa66}.instruction-text{color:#e2e8f0;font-size:16px;margin-bottom:6px}.instruction-urgency{color:#fbbf24;font-size:14px;font-style:italic;font-weight:500;text-shadow:0 0 8px #fbbf244d}.difficulty-display{color:#e2e8f0;font-size:16px;font-weight:500;margin:8px 0!important}.difficulty-badge{border:1px solid #fff3;border-radius:8px;display:inline-block;font-size:12px;font-weight:700;letter-spacing:1px;margin-left:8px;padding:6px 16px;text-shadow:0 0 8px #00000080;text-transform:uppercase}.difficulty-badge.easy{background:linear-gradient(135deg,#4caf50,#388e3c);box-shadow:0 2px 8px #4caf504d;color:#fff}.difficulty-badge.normal{background:linear-gradient(135deg,#ff9800,#f57c00);box-shadow:0 2px 8px #ff98004d;color:#fff}.difficulty-badge.hard{background:linear-gradient(135deg,#f44336,#d32f2f);box-shadow:0 2px 8px #f443364d;color:#fff}.game-board-container{display:flex;flex-direction:column;gap:20px;margin-top:20px}@media (min-width:1024px){.game-board-container{align-items:flex-start;flex-direction:row}.game-board-events{flex:0 0 40%;max-width:500px}.game-board-grid{flex:1 1;min-width:0}}@media (min-width:768px) and (max-width:1023px){.game-board-container{margin:20px auto;max-width:800px}}@media (max-width:767px){.game-container{padding:10px}.game-setup{padding:20px 10px}.td-button-primary{font-size:16px;max-width:300px;padding:14px 30px;width:100%}.game-board-container{gap:10px;margin-top:10px}.timeline-instructions{margin:10px 0;padding:12px}.instruction-header{font-size:16px}.instruction-text{font-size:14px}.instruction-urgency{font-size:13px}.difficulty-display{font-size:14px;margin:5px 0!important}.difficulty-badge{font-size:12px;padding:2px 8px}}.mode-toggle{display:flex;justify-content:center}.mode-toggle label{align-items:center;color:#666;cursor:pointer;display:flex;font-size:14px;gap:8px}.mode-toggle input[type=checkbox]{cursor:pointer}.game-setup{margin:0 auto;max-width:800px;padding:40px 20px}.start-game-container{margin-top:40px;text-align:center}.td-button-primary{background:linear-gradient(135deg,#22c55ee6,#16a34acc);border:2px solid #22c55e;border-radius:8px;box-shadow:0 4px 15px #60a5fa66;color:#fff;cursor:pointer;font-family:Inter,sans-serif;font-family:var(--td-font-tech,"Inter",sans-serif);font-size:18px;font-weight:600;letter-spacing:1px;overflow:hidden;padding:16px 40px;position:relative;text-transform:uppercase;transition:all .3s ease}.td-button-primary:before{background:linear-gradient(90deg,#0000,#fff3 50%,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.td-button-primary:hover{border-color:#16a34a;box-shadow:0 6px 20px #22c55e99;transform:translateY(-2px)}.td-button-primary:hover:before{left:100%}.td-button-primary:active{box-shadow:0 2px 10px #22c55e66;transform:translateY(0)}.menu-button{align-items:center;-webkit-appearance:none;appearance:none;background:var(--td-menu-background);border:1px solid var(--td-grid-line);border-radius:8px;color:#e2e8f0;color:var(--td-text-primary,#e2e8f0);cursor:pointer;display:flex;font-family:var(--td-font-tech);gap:var(--td-menu-button-gap);overflow:hidden;padding:var(--td-menu-button-padding);position:relative;text-align:left;text-decoration:none;text-transform:uppercase;transition:transform var(--td-transition-fast),opacity var(--td-transition-fast);width:100%}.menu-button:focus{outline:2px solid #fff;outline-offset:4px}.menu-button:focus:not(:focus-visible){outline:none}.menu-button__icon{filter:drop-shadow(0 0 10px currentColor);flex-shrink:0;font-size:32px}.menu-button__content{display:flex;flex:1 1;flex-direction:column;gap:5px;min-width:0}.menu-button__title{font-size:var(--td-menu-title-size);font-weight:700;letter-spacing:1px;line-height:1.2}.menu-button__description{color:#94a3b8;font-family:var(--td-font-body);font-size:var(--td-menu-description-size);letter-spacing:0;line-height:1.4;text-transform:none}.menu-button__badge{background:#60a5fa1a;border:1px solid #60a5fa4d;border-radius:20px;flex-shrink:0;font-size:12px;padding:4px 12px;white-space:nowrap}.menu-button--hero{background:linear-gradient(135deg,#60a5fa33,#9333ea33);border:2px solid var(--td-menu-primary);box-shadow:var(--td-shadow-glow-subtle);padding:var(--td-menu-button-padding-hero)}.menu-button--hero .menu-button__icon{filter:drop-shadow(0 0 15px var(--td-menu-primary));font-size:40px}.menu-button--hero .menu-button__title{font-size:var(--td-menu-title-size-hero);font-weight:900;letter-spacing:2px}.menu-button--hero .menu-button__badge{animation:subtle-pulse 3s ease-in-out infinite;background:var(--td-menu-primary);border-color:var(--td-menu-primary);color:#0f172a;color:var(--td-dark,#0f172a);font-weight:700}@keyframes subtle-pulse{0%,to{opacity:.9}50%{opacity:1}}.menu-button--primary{background:linear-gradient(135deg,#60a5fa26,#6366f126);border-color:var(--td-menu-primary)}.menu-button--secondary{padding:var(--td-menu-button-padding-secondary)}.menu-button--secondary .menu-button__icon{font-size:24px}.menu-button--secondary .menu-button__title{font-size:var(--td-menu-title-size-secondary)}.menu-button--secondary .menu-button__description{font-size:var(--td-menu-description-size-secondary)}.menu-button--alert{background:#dc26261a;border:1px solid #dc26264d}.menu-button--alert .menu-button__badge{background:#fbbf241a;border-color:#fbbf244d;color:#fbbf24}.menu-button--coming-soon,.menu-button--disabled{cursor:not-allowed;opacity:.6}.menu-button--coming-soon:hover,.menu-button--disabled:hover{transform:none!important}.menu-button:not(.menu-button--disabled):not(.menu-button--coming-soon):hover{box-shadow:var(--td-shadow-glow-hover)}.menu-button--hero:not(.menu-button--disabled):not(.menu-button--coming-soon):hover{box-shadow:0 0 40px #60a5fa99}@media (max-width:600px){.menu-button{padding:15px}.menu-button__icon{font-size:24px}.menu-button__title{font-size:16px}.menu-button--hero{padding:20px}.menu-button--hero .menu-button__icon{font-size:32px}.menu-button--hero .menu-button__title{font-size:20px}}.nexus-background{animation:nexus-drift 60s linear infinite;height:100%;left:0;opacity:.3;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}@media (prefers-reduced-motion:reduce){.nexus-background{animation:none}}:root{--td-menu-primary:var(--td-highlight);--td-menu-primary-hover:var(--td-nexus-glow);--td-menu-disabled:#64748b;--td-menu-background:#1e293bd9;--td-menu-glow:#60a5fa4d;--td-nexus-cyan:#06b6d4;--td-nexus-blue:#3b82f6;--td-disruption-red:#dc2626;--td-timeline-gold:#fbbf24;--td-badge-yellow:#fde047;--td-node-glow:#06b6d466;--td-menu-button-padding:20px;--td-menu-button-padding-hero:25px;--td-menu-button-padding-secondary:15px;--td-menu-button-gap:15px;--td-transition-fast:150ms ease-out;--td-transition-medium:300ms ease-out;--td-shadow-glow-subtle:0 0 20px var(--td-menu-glow);--td-shadow-glow-hover:0 0 30px #60a5fa80;--td-menu-title-size:18px;--td-menu-title-size-hero:24px;--td-menu-title-size-secondary:16px;--td-menu-description-size:14px;--td-menu-description-size-secondary:13px}.main-menu{align-items:center;display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:20px;position:relative}.nexus-background{animation:nexus-drift 30s linear infinite}@keyframes nexus-drift{0%{transform:translate(0)}50%{transform:translate(-20px,-10px)}to{transform:translate(0)}}.main-menu:before{animation:td-scan 4s linear infinite;background:linear-gradient(90deg,#0000 0,var(--td-nexus-pulse) 50%,#0000 100%);content:"";height:2px;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:1}.main-menu-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e293b99;border-radius:12px;box-shadow:0 20px 60px #00000080,0 0 100px #06b6d41a;max-width:800px;padding:40px;position:relative;width:100%;z-index:10}.td-frame .td-corner-bl,.td-frame .td-corner-br,.td-frame .td-corner-tl,.td-frame .td-corner-tr{border:2px solid var(--td-highlight);height:20px;position:absolute;width:20px;z-index:20}.td-frame .td-corner-tl{border-bottom:none;border-right:none;left:-1px;top:-1px}.td-frame .td-corner-tr{border-bottom:none;border-left:none;right:-1px;top:-1px}.td-frame .td-corner-bl{bottom:-1px;left:-1px}.td-frame .td-corner-br{bottom:-1px;right:-1px}.menu-header{margin-bottom:30px;text-align:center}.td-logo{animation:logo-glow 3s ease-in-out infinite;display:block;filter:drop-shadow(0 0 20px rgba(251,191,36,.3));height:auto;margin:0 auto 20px;width:220px}@keyframes logo-glow{0%,to{filter:drop-shadow(0 0 20px rgba(251,191,36,.3))}50%{filter:drop-shadow(0 0 30px rgba(251,191,36,.5))}}.td-status-indicator{align-items:center;display:flex;font-family:var(--td-font-tech);font-size:12px;gap:10px;justify-content:center;margin-bottom:10px}.status-label{color:#64748b;letter-spacing:1px;text-transform:uppercase}.menu-header h1{font-size:48px;font-weight:900;letter-spacing:2px;margin:10px 0}.menu-header h1,.subtitle{font-family:var(--td-font-tech)}.subtitle{color:var(--td-highlight);font-size:14px;letter-spacing:3px;margin-bottom:20px;text-transform:uppercase}.timeline-status{margin:20px auto;max-width:400px}.status-row{align-items:center;display:flex;font-family:var(--td-font-tech);font-size:14px;justify-content:space-between;margin-bottom:8px}.td-timeline-integrity{background:#0000004d;border:1px solid #3b82f6;border:1px solid var(--td-nexus-blue)}.td-timeline-integrity-bar{background:linear-gradient(90deg,#06b6d4,#3b82f6);background:linear-gradient(90deg,var(--td-nexus-cyan) 0,var(--td-nexus-blue) 100%);overflow:hidden;position:relative;transition:width .5s ease,background .5s ease}.td-timeline-integrity-bar:after{animation:integrity-shine 2s linear infinite;background:linear-gradient(90deg,#0000,#ffffff4d 50%,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes integrity-shine{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.td-timeline-integrity-bar.warning{background:linear-gradient(90deg,#dc2626,#fbbf24);background:linear-gradient(90deg,var(--td-disruption-red) 0,var(--td-timeline-gold) 100%)}.td-status-stable{color:#06b6d4;color:var(--td-nexus-cyan);text-shadow:0 0 10px #06b6d4;text-shadow:0 0 10px var(--td-nexus-cyan)}.td-status-warning{animation:warning-pulse 1s ease-in-out infinite;color:#fbbf24;color:var(--td-timeline-gold);text-shadow:0 0 10px #fbbf24;text-shadow:0 0 10px var(--td-timeline-gold)}@keyframes warning-pulse{0%,to{opacity:.8}50%{opacity:1}}.cadet-briefing{margin:30px 0;padding:20px}.cadet-briefing h3{color:var(--td-highlight);font-family:var(--td-font-tech);font-size:16px;letter-spacing:1px;margin-bottom:10px}.cadet-briefing p{color:#cbd5e1;font-size:14px;line-height:1.6;margin-bottom:10px}.menu-options{display:flex;flex-direction:column;gap:15px;margin-bottom:30px}.temporal-alert{background:linear-gradient(135deg,#dc26261a,#fbbf240d);border:1px solid #dc2626;border:1px solid var(--td-disruption-red);box-shadow:inset 0 0 20px #dc26261a;margin:20px 0;overflow:hidden;padding:20px;position:relative}.temporal-alert:before{animation:alert-scan 3s linear infinite;background:linear-gradient(90deg,#0000,#fbbf24 50%,#0000);background:linear-gradient(90deg,#0000 0,var(--td-timeline-gold) 50%,#0000 100%);content:"";height:2px;left:-100%;position:absolute;top:0;width:100%}@keyframes alert-scan{0%{left:-100%}to{left:100%}}.alert-header{gap:10px;margin-bottom:15px}.alert-icon{font-size:24px}.alert-header h3{color:var(--td-status-critical);font-family:var(--td-font-tech);font-size:16px;letter-spacing:1px;margin:0}.server-message{color:#fbbf24;font-size:14px;line-height:1.6;margin-bottom:15px}.menu-section-divider{margin:30px 0 20px;padding:10px 0;position:relative;text-align:center}.menu-section-divider:before{background:var(--td-highlight);content:"";height:1px;left:0;opacity:.3;position:absolute;right:0;top:50%}.section-label{background:#1e293b;color:var(--td-highlight);font-family:var(--td-font-tech);font-size:12px;letter-spacing:2px;padding:0 20px;position:relative;z-index:1}.feedback-button{margin-top:30px}.advanced-modes-container{display:flex;flex-direction:column;gap:10px}.menu-footer{border-top:1px solid #60a5fa33;padding-top:20px;text-align:center}.chronus-message{color:#64748b;font-family:var(--td-font-tech);font-size:12px}.chronus-label{color:var(--td-highlight);margin-right:8px}@media (max-width:600px){.main-menu-container{padding:30px 20px}.menu-header h1{font-size:32px}.td-logo{width:180px}}@media (prefers-reduced-motion:reduce){.nexus-background,.td-logo,.td-status-warning,.td-timeline-integrity-bar:after,.temporal-alert:before{animation:none!important}.td-status-warning{opacity:1}}@media (max-width:768px){.nexus-background{display:none}}.puzzle-selector{background:linear-gradient(135deg,#0f172a,#1e293b 50%,#334155);color:#fff;display:flex;flex-direction:column;min-height:100vh}.selector-header{padding:20px 40px}.back-button{font-size:1rem;left:40px}.selector-subtitle{color:#94a3b8;font-size:1.2rem}.selector-content{display:flex;gap:40px;overflow-y:auto;padding:20px 40px}.selection-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border-radius:16px;flex:1 1;padding:30px}.selection-panel h2{font-size:1.8rem;margin-bottom:20px;text-align:center}.selection-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.domains-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.selection-card{background:#ffffff14;border:2px solid #0000;border-radius:12px;cursor:pointer;overflow:hidden;padding:20px;position:relative;text-align:center;transition:all .3s ease}.epoch-card{min-height:120px}.epoch-card:before{background:var(--epoch-color);content:"";height:4px;left:0;position:absolute;right:0;top:0;transition:height .3s ease}.epoch-card.selected:before,.epoch-card:hover:before{height:100%;opacity:.2}.domain-card{align-items:center;display:flex;flex-direction:column;gap:10px;min-height:100px}.domain-emoji{font-size:2.5rem}.selection-card h3{color:#fff;font-size:1.2rem;margin-bottom:5px}.selection-card.disabled{background:#4755694d;cursor:not-allowed;opacity:.5}.selection-card.disabled:hover{box-shadow:none;transform:none}.selection-card.disabled .domain-emoji,.selection-card.disabled h3,.selection-card.disabled p{opacity:.7}.insufficient-badge{background:#ef4444;border-radius:4px;color:#fff;font-size:.75rem;font-weight:700;padding:4px 8px;position:absolute;right:10px;text-transform:uppercase;top:10px}.time-range{color:#94a3b8;font-size:.9rem;margin-bottom:10px}.event-count{bottom:10px;color:#64748b;font-size:.85rem;position:absolute;right:15px}.domain-card .event-count{margin-top:auto;position:static}.selection-card:hover{background:#ffffff1f;border-color:#60a5fa;box-shadow:0 5px 20px #0000004d;transform:translateY(-2px)}.selection-card.selected{background:#60a5fa33;border-color:#60a5fa;box-shadow:0 0 20px #60a5fa4d}.selector-footer{align-items:center;background:#0000004d;border-top:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:30px 40px}.selection-summary h3{font-size:1.2rem;margin-bottom:5px}.selection-summary p{color:#94a3b8;font-size:1.1rem}.start-puzzle-button{background:#10b981;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:600;padding:15px 40px;transition:all .3s ease}.start-puzzle-button:hover:not(:disabled){background:#059669;box-shadow:0 5px 20px #10b98166;transform:translateY(-2px)}.start-puzzle-button:disabled{background:#475569;cursor:not-allowed;opacity:.6}@media (max-width:1024px){.selector-content{flex-direction:column}.selection-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.domains-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}@media (max-width:768px){.selector-header{padding:20px}.back-button{margin-bottom:20px;position:static;width:100%}.selector-content{padding:20px}.selector-footer{flex-direction:column;gap:20px;text-align:center}.start-puzzle-button{width:100%}}.learning-pathways-container{align-items:center;background:linear-gradient(135deg,#1a1a2e,#0f3460);display:flex;justify-content:center;min-height:100vh;padding:20px}.pathways-content{margin:0 auto;max-width:1200px;width:100%}.back-button{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;font-size:16px;margin-bottom:30px}.back-button:hover{background:#fff3;transform:translateX(-5px)}.pathways-header{margin-bottom:50px;text-align:center}.pathways-header h1{color:#fff;font-size:48px;margin-bottom:20px;text-shadow:0 2px 4px #0000004d}.journey-context{color:#94a3b8;font-size:20px;margin-bottom:10px}.journey-context strong{color:#60a5fa}.journey-prompt{color:#fff;font-size:24px;margin-top:20px}.pathways-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-bottom:40px}.pathway-card{background:#ffffff0d;border:2px solid #0000;border-radius:16px;cursor:pointer;overflow:hidden;padding:30px;position:relative;transition:all .3s ease}.pathway-card:before{background:linear-gradient(135deg,#0000,#ffffff0d);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.pathway-card:hover{box-shadow:0 10px 30px #0000004d;transform:translateY(-5px)}.pathway-card:hover:before{opacity:1}.pathway-card.thematic{border-color:#60a5fa}.pathway-card.thematic:hover{background:#60a5fa1a}.pathway-card.temporal{border-color:#f59e0b}.pathway-card.temporal:hover{background:#f59e0b1a}.pathway-card.narrative{border-color:#10b981}.pathway-card.narrative:hover{background:#10b9811a}.pathway-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));font-size:48px;margin-bottom:20px}.pathway-card h3{color:#fff;font-size:24px;margin-bottom:15px;position:relative;z-index:1}.pathway-description{color:#cbd5e1;font-size:16px;line-height:1.6;margin-bottom:20px;position:relative;z-index:1}.pathway-meta{align-items:center;display:flex;justify-content:space-between;position:relative;z-index:1}.event-count{color:#94a3b8;font-size:14px}.pathway-type{border-radius:20px;font-size:12px;font-weight:600;padding:4px 12px;text-transform:uppercase}.pathway-type.thematic{background:#60a5fa33;color:#60a5fa}.pathway-type.temporal{background:#f59e0b33;color:#f59e0b}.pathway-type.narrative{background:#10b98133;color:#10b981}.learning-tip{background:#ffffff0d;border-left:4px solid #60a5fa;border-radius:8px;margin-top:40px;padding:20px}.learning-tip p{color:#e2e8f0;font-size:16px;margin:0}.loading-spinner{border-top-color:#60a5fa}.loading-content{padding:60px 20px;text-align:center}.loading-content p{color:#e2e8f0;font-size:18px;margin-bottom:10px}.loading-subtext{color:#fff9;font-size:.9em;margin-top:10px}.connection-web-selector{background:linear-gradient(135deg,#1a1a2e,#0f0f23);color:#fff;min-height:100vh;padding:20px}.back-button{background:#0000;border:1px solid #fff;color:#fff;left:20px;top:20px}.back-button:hover{background:#ffffff1a;transform:translateX(-3px)}.selector-header h1{color:#fff;text-shadow:2px 2px 4px #00000080}.beta-badge{background:#ff9800;border-radius:15px;color:#000;display:inline-block;font-size:.7rem;font-weight:700;margin-left:10px;padding:3px 10px;vertical-align:middle}.selector-header p{color:#ccc;font-size:1.2rem}.difficulty-selector{margin-bottom:40px;text-align:center}.difficulty-selector h3{color:#fff;margin-bottom:20px}.difficulty-buttons{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.difficulty-btn{background:#0000;border:2px solid #666;border-radius:10px;color:#fff;cursor:pointer;font-size:1rem;padding:15px 30px;transition:all .3s ease}.difficulty-btn:hover{background:#ffffff1a;transform:translateY(-2px)}.difficulty-btn.active{background:#fff3;box-shadow:0 4px 15px #fff3}.error-message{background:#f4433633;border:1px solid #f44336;border-radius:5px;color:#fff;margin:20px auto;max-width:600px;padding:15px;text-align:center}.loading-container{padding:60px 20px;text-align:center}.loading-spinner{animation:spin 1s ease-in-out infinite;border:3px solid #ffffff1a;border-top-color:#fff;margin:0 auto 20px}.hubs-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin:0 auto;max-width:1200px}.hub-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;overflow:hidden}.hub-card:hover{background:#ffffff1a;box-shadow:0 10px 30px #0000004d;transform:translateY(-5px)}.hub-card.selected{background:#4caf5033;border-color:#4caf50;box-shadow:0 0 20px #4caf5066}.hub-card h3{color:#fff;font-size:1.3rem;margin-bottom:10px}.hub-year{color:#aaa;font-size:1rem}.hub-stats,.hub-year{margin-bottom:15px}.connection-count{background:#ffffff1a;border-radius:15px;font-size:.9rem;padding:5px 10px}.hub-domains{display:flex;flex-wrap:wrap;gap:8px}.domain-tag{align-items:center;background:#ffffff1a;border-radius:12px;display:inline-flex;font-size:.85rem;gap:5px;padding:3px 10px}.selection-footer{align-items:center;background:#000000e6;border-top:1px solid #fff3;bottom:0;display:flex;justify-content:space-between;left:0;padding:20px;position:fixed;right:0}.selected-info h3{color:#fff;margin:0 0 5px}.selected-info p{color:#aaa;margin:0}.start-puzzle-btn{background:#4caf50;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1.1rem;padding:15px 40px;transition:all .3s ease}.start-puzzle-btn:hover:not(:disabled){background:#45a049;transform:scale(1.05)}.start-puzzle-btn:disabled{background:#666;cursor:not-allowed;opacity:.7}@media (max-width:768px){.selector-header h1{font-size:2rem}.difficulty-buttons{align-items:center;flex-direction:column}.difficulty-btn{max-width:300px;width:100%}.hubs-grid{grid-template-columns:1fr}.selection-footer{flex-direction:column;gap:15px;text-align:center}.start-puzzle-btn{max-width:300px;width:100%}}.ripple-effects{display:flex;flex-direction:column;margin:0 auto;max-width:800px;min-height:100vh;padding:2rem}.ripple-header{margin-bottom:2rem;text-align:center}.ripple-title{animation:pulse 2s ease-in-out infinite;color:#7dd3fc;font-size:2rem;margin-bottom:.5rem}.ripple-subtitle{color:#94a3b8;font-size:1.1rem}.ripple-subtitle strong{color:#7dd3fc}.ripple-list{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.ripple-card{background:#1e293bcc;border:2px solid #334155;border-radius:8px;cursor:pointer;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s ease}.ripple-card:hover{background:#334155e6;transform:translateX(5px)}.ripple-card.critical{animation:criticalPulse 2s ease-in-out infinite;border-color:#ef4444}.ripple-card.unstable{border-color:#f97316}.ripple-card.stable{border-color:#22c55e}@keyframes criticalPulse{0%,to{box-shadow:0 0 0 0 #ef444466}50%{box-shadow:0 0 20px 10px #ef444433}}.ripple-card-header{align-items:center;display:flex;gap:.5rem;margin-bottom:1rem}.ripple-urgency{font-size:.9rem;font-weight:700;text-transform:uppercase}.urgency-critical{color:#ef4444}.urgency-unstable{color:#f97316}.urgency-stable{color:#22c55e}.ripple-arrow{color:#64748b;font-size:1.2rem}.ripple-event-name{color:#e2e8f0;flex:1 1;font-size:1.1rem;font-weight:600}.ripple-card-body{margin-bottom:1rem}.ripple-connection{color:#94a3b8;font-size:.95rem;font-style:italic;margin-bottom:1rem}.node-health{align-items:center;display:flex;gap:.5rem;margin-bottom:.5rem}.health-label{color:#64748b;font-size:.9rem}.health-bar{background:#1e293b;border-radius:4px;height:8px;max-width:150px}.health-fill{background:currentColor;transition:width .3s ease}.ripple-card.critical .health-fill{background:#ef4444}.ripple-card.unstable .health-fill{background:#f97316}.ripple-card.stable .health-fill{background:#22c55e}.health-value{color:#e2e8f0;font-size:.9rem;font-weight:600;min-width:40px;text-align:right}.ripple-stat{align-items:center;display:flex;font-size:.9rem;justify-content:space-between;margin-top:.5rem}.stat-value{color:#7dd3fc;font-weight:600}.ripple-card-footer{display:flex;justify-content:flex-end}.ripple-button{background:#7dd3fc1a;border:1px solid #7dd3fc;border-radius:4px;color:#7dd3fc;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:all .3s ease}.ripple-button:hover{background:#7dd3fc33;transform:scale(1.05)}.ripple-actions{display:flex;justify-content:center;margin-top:auto;padding-top:2rem}@media (max-width:768px){.ripple-effects{padding:1rem}.ripple-title{font-size:1.5rem}.ripple-subtitle{font-size:1rem}.ripple-card{padding:1rem}.ripple-card-header{flex-wrap:wrap}.ripple-event-name{font-size:1rem}.node-health{flex-wrap:wrap}.health-bar{margin:.5rem 0;max-width:none;width:100%}}.neural-web-card{align-items:center;display:flex;height:220px;justify-content:center;position:relative;width:220px}.neural-canvas{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:1}.neural-core{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid;border-radius:50%;display:flex;height:140px;justify-content:center;overflow:hidden;position:relative;transition:all .3s ease;width:140px;z-index:2}.neural-pulse{animation:neuralPulse 2s ease-out infinite;border:1px solid;border-radius:50%;height:100%;opacity:.5;position:absolute;width:100%}.neural-pulse.pulse-2{animation-delay:1s}@keyframes neuralPulse{0%{opacity:.5;transform:scale(1)}to{opacity:0;transform:scale(1.4)}}.neural-content{align-items:center;display:flex;height:100%;justify-content:center;position:relative;text-align:center;width:100%;z-index:10}.neural-icon-background{filter:drop-shadow(0 0 15px currentColor);font-size:6.5rem;left:50%;opacity:1;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:1}.tutorial-target .neural-core{animation:tutorial-glow 2s ease-in-out infinite;border:3px solid #ffc107cc!important;box-shadow:0 0 40px #ffc107cc,0 0 80px #ffc10766,inset 0 0 30px #ffffff4d!important}@keyframes tutorial-glow{0%,to{box-shadow:0 0 40px #ffc107cc,0 0 80px #ffc10766,inset 0 0 30px #ffffff4d}50%{box-shadow:0 0 60px #ffc107,0 0 100px #ffc10799,inset 0 0 40px #fff6}}.tutorial-target .neural-pulse{border-color:#ffc10780!important}.neural-text-container{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009;border-radius:20px;box-shadow:0 2px 15px #0006;min-width:100px;padding:10px 16px;position:relative;z-index:2}@keyframes neuralGlow{0%,to{filter:drop-shadow(0 0 15px currentColor);transform:translate(-50%,-50%) scale(1)}50%{filter:drop-shadow(0 0 25px currentColor);transform:translate(-50%,-50%) scale(1.1)}}.neural-title{color:#fff;font-size:.85rem;font-weight:700;line-height:1.2;margin-bottom:4px;max-width:100px;text-shadow:0 0 10px #ffffff80}.neural-date{color:#fffc;font-size:.75rem;font-weight:600;letter-spacing:.5px;text-shadow:0 0 5px #ffffff4d}.synaptic-nodes{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.synaptic-node{animation:synapticPulse 3s ease-in-out infinite;border-radius:50%;box-shadow:0 0 12px currentColor;height:8px;position:absolute;transform:translate(-50%,-50%);width:8px}@keyframes synapticPulse{0%,to{opacity:.8;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.5)}}.neural-web-card:hover .neural-core{box-shadow:0 0 60px currentColor;transform:scale(1.05)}.neural-web-card:hover .neural-icon{animation-duration:1.5s}.temporal-node-card{align-items:center;cursor:pointer;display:flex;height:200px;justify-content:center;position:relative;transition:all .3s ease;width:200px}.quantum-field{height:100%;pointer-events:none;position:absolute;width:100%}.field-ring{animation:fieldPulse 3s ease-in-out infinite;border:1px solid;border-radius:50%;left:50%;opacity:.3;position:absolute;top:50%;transform:translate(-50%,-50%)}.field-ring.ring-1{animation-delay:0s;height:160px;width:160px}.field-ring.ring-2{animation-delay:1s;height:180px;width:180px}.field-ring.ring-3{animation-delay:2s;height:200px;width:200px}@keyframes fieldPulse{0%,to{opacity:.3;transform:translate(-50%,-50%) scale(1)}50%{opacity:.6;transform:translate(-50%,-50%) scale(1.1)}}.energy-core{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50%;box-shadow:inset 0 0 30px #ffffff1a,0 0 40px #0ff3;display:flex;height:140px;justify-content:center;overflow:hidden;position:relative;width:140px}.distortion-wave{background:radial-gradient(circle,#0000 30%,#ffffff0d 70%,#0000 100%);border-radius:50%;height:100%;position:absolute;width:100%}.destabilized .distortion-wave{animation:distortionWave 2s ease-in-out infinite}.distortion-wave.wave-1{animation-delay:0s}.distortion-wave.wave-2{animation-delay:1s;transform:rotate(45deg)}@keyframes distortionWave{0%,to{opacity:0;transform:scale(.8)}50%{opacity:.3;transform:scale(1.5)}}.node-content{align-items:center;display:flex;height:100%;justify-content:center;position:relative;text-align:center;width:100%;z-index:10}.node-icon-background{filter:drop-shadow(0 0 20px currentColor);font-size:8rem;left:50%;opacity:1;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:1}.node-text-container{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009;border-radius:20px;box-shadow:0 2px 15px #0006;min-width:100px;padding:10px 16px;position:relative;z-index:2}@keyframes iconGlow{0%,to{filter:drop-shadow(0 0 20px currentColor);transform:translate(-50%,-50%) scale(1)}50%{filter:drop-shadow(0 0 30px currentColor);transform:translate(-50%,-50%) scale(1.05)}}@keyframes iconFlicker{0%,to{filter:drop-shadow(0 0 20px currentColor);opacity:1}25%{filter:drop-shadow(0 0 15px currentColor);opacity:.8}50%{filter:drop-shadow(0 0 25px currentColor);opacity:1}75%{filter:drop-shadow(0 0 18px currentColor);opacity:.9}}.node-title{color:#fff;font-size:.9rem;font-weight:700;margin-bottom:4px;text-shadow:0 0 10px #ffffff80}.node-date{color:#fffc;font-size:.75rem;font-weight:600;letter-spacing:.5px;text-shadow:0 0 5px #ffffff4d}.connection-threads{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.thread-path{animation:threadPulse 4s ease-in-out infinite}@keyframes threadPulse{0%,to{stroke-dasharray:0 300}50%{stroke-dasharray:150 150}}.instability-particles{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.particle{border-radius:50%;height:4px;opacity:0;position:absolute;width:4px}.destabilized .particle{animation:particleFloat 3s ease-in-out infinite}.particle-1{animation-delay:0s;left:20%;top:30%}.particle-2{animation-delay:.5s;left:80%;top:70%}.particle-3{animation-delay:1s;left:70%;top:20%}.particle-4{animation-delay:1.5s;left:30%;top:80%}.particle-5{animation-delay:2s;left:10%;top:50%}.particle-6{animation-delay:2.5s;left:90%;top:50%}@keyframes particleFloat{0%{opacity:0;transform:translate(0) scale(0)}20%{opacity:1;transform:translate(-10px,-20px) scale(1)}80%{opacity:1;transform:translate(10px,-40px) scale(1)}to{opacity:0;transform:translateY(-60px) scale(0)}}.fracture-lines{height:100%;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transition:opacity .3s ease;width:100%}.destabilized .fracture-lines{opacity:1}.fracture-svg{height:100%;width:100%}.fracture-path{stroke-dasharray:100;stroke-dashoffset:100;animation:fractureDraw 2s ease-in-out infinite alternate}@keyframes fractureDraw{to{stroke-dashoffset:0}}.temporal-node-card:hover{transform:scale(1.05)}.temporal-node-card:hover .energy-core{box-shadow:inset 0 0 40px #fff3,0 0 60px #00ffff4d}.temporal-node-card:hover .field-ring{animation-duration:2s}.stable .distortion-wave{animation:none;opacity:.1}.stable .particle{animation:none;opacity:0}.stable .fracture-lines{opacity:0}.clickable-event-card{cursor:pointer;display:inline-block;position:relative}.order-overlay{left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:100}.order-number{align-items:center;animation:orderPulse 2s ease-in-out infinite;background:#00ffffe6;border:3px solid #fff;border-radius:50%;box-shadow:0 0 20px #0ffc,0 4px 15px #0000004d,inset 0 0 20px #fff3;color:#0a0a0a;display:flex;font-size:2rem;height:60px;justify-content:center;width:60px}@keyframes orderPulse{0%,to{box-shadow:0 0 20px #0ffc,0 4px 15px #0000004d,inset 0 0 20px #fff3;transform:scale(1)}50%{box-shadow:0 0 30px #0ff,0 4px 20px #0006,inset 0 0 25px #ffffff4d;transform:scale(1.05)}}.clickable-event-card:hover{transform:scale(1.02);transition:transform .2s ease}.clickable-event-card.selected{transform:scale(.98)}.tutorial-intro-overlay{align-items:center;background:#000000f2;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:3000}.tutorial-intro-content{background:#19192ee6;border:2px solid #ffc1074d;border-radius:20px;box-shadow:0 0 40px #ffc10733;max-width:600px;padding:3rem;text-align:center}.alert-header{align-items:center;display:flex;gap:1rem;justify-content:center;margin-bottom:2rem}.alert-header h1{color:#ffc107;font-size:2rem;font-weight:700;letter-spacing:2px;margin:0}.alert-icon{animation:pulse-alert 2s ease-in-out infinite;font-size:2rem}@keyframes pulse-alert{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.threat-message{margin-bottom:2rem}.threat-message p{color:#ff6b6b;font-size:1.3rem;font-weight:500;margin:0}.target-display{background:#0000004d;border:1px solid #ffc10733;border-radius:15px;margin-bottom:2rem;padding:1.5rem}.target-display h2{color:#64b5f6;font-size:1.4rem;font-weight:600;margin:0 0 1rem}.target-icon{filter:drop-shadow(0 0 20px rgba(255,193,7,.5));font-size:4rem;margin:.5rem 0}.status-critical{animation:flicker 3s ease-in-out infinite;color:#ff6b6b;font-size:.9rem;font-weight:700;letter-spacing:1px}@keyframes flicker{0%,to{opacity:1}50%{opacity:.7}}.mission-briefing{margin:2rem 0}.mission-text{color:#b3e5fc;font-size:1.1rem;line-height:1.6;margin-bottom:1rem}.mission-text strong{color:#64b5f6}.instruction-text{color:#81c784;font-size:1rem}.begin-button{background:linear-gradient(135deg,#2196f3,#1976d2);border:none;border-radius:30px;box-shadow:0 4px 20px #2196f34d;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:700;letter-spacing:1px;padding:1rem 2.5rem;text-transform:uppercase;transition:all .3s ease}.begin-button:hover{background:linear-gradient(135deg,#1e88e5,#1565c0);box-shadow:0 6px 30px #2196f380}@media (max-width:768px){.tutorial-intro-content{max-width:90%;padding:2rem}.alert-header h1,.alert-icon{font-size:1.5rem}.threat-message p{font-size:1.1rem}.target-display h2{font-size:1.2rem}.target-icon{font-size:3rem}}@media (max-width:414px){.tutorial-intro-content{margin:16px;max-width:calc(100% - 32px);padding:1.5rem}.alert-header{gap:.5rem;margin-bottom:1.5rem}.alert-header h1{font-size:1.5rem;letter-spacing:1px}.alert-icon{font-size:1.25rem}.threat-message{margin-bottom:1.5rem}.threat-message p{font-size:1.125rem;line-height:1.5}.target-display{margin-bottom:1.5rem;padding:1rem}.target-display h2{font-size:1.25rem;margin:0 0 .75rem}.target-icon{font-size:3rem;margin:.5rem 0}.status-critical{font-size:.875rem}.mission-briefing{margin:1.5rem 0}.mission-text{font-size:1rem;line-height:1.5;margin-bottom:.75rem}.instruction-text{font-size:.9375rem;line-height:1.5}.begin-button{font-size:1rem;min-height:44px;padding:.875rem 2rem}}@media (max-width:375px){.tutorial-intro-content{padding:1.25rem}.alert-header h1{font-size:1.375rem}.target-display h2{font-size:1.125rem}}.tutorial-hint-modal-overlay{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;pointer-events:auto;position:fixed;right:0;top:0;z-index:2500}.tutorial-hint-modal-content{background:#19192ef2;border:2px solid #2196f34d;border-radius:20px;box-shadow:0 0 30px #2196f34d;max-width:400px;padding:2.5rem;text-align:center}.hint-icon{font-size:3rem;margin-bottom:1rem}.tutorial-hint-modal-content h3{color:#64b5f6;font-size:1.5rem;letter-spacing:1px;margin:0 0 1rem;text-transform:uppercase}.tutorial-hint-modal-content p{color:#b3e5fc;font-size:1.2rem;line-height:1.5;margin:0 0 2rem}.hint-acknowledge-button{background:linear-gradient(135deg,#4caf50,#45a049);border:none;border-radius:30px;box-shadow:0 4px 15px #4caf504d;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;letter-spacing:1px;padding:12px 36px;text-transform:uppercase;transition:all .3s ease}.hint-acknowledge-button:hover{background:linear-gradient(135deg,#45a049,#388e3c);box-shadow:0 6px 20px #4caf5066}@media (max-width:414px){.tutorial-hint-modal-content{margin:16px;max-width:calc(100% - 32px);padding:1.5rem}.hint-icon{font-size:2.5rem;margin-bottom:.75rem}.tutorial-hint-modal-content h3{font-size:1.25rem;margin:0 0 .75rem}.tutorial-hint-modal-content p{font-size:1rem;line-height:1.5;margin:0 0 1.5rem}.hint-acknowledge-button{font-size:1rem;min-height:44px;padding:10px 28px}}@media (max-width:375px){.tutorial-hint-modal-content{padding:1.25rem}.hint-icon{font-size:2rem}.tutorial-hint-modal-content h3{font-size:1.125rem}}.tutorial-header,.tutorial-overlay{align-items:center;display:flex;flex-direction:column;width:100%}.tutorial-header{gap:20px;padding:30px 0 40px}.tutorial-banner{background:#2196f3e6;border-radius:20px;box-shadow:0 4px 12px #0000004d;display:inline-block;padding:8px 24px}.tutorial-mode-text{color:#fff;font-size:.9rem;font-weight:700;letter-spacing:2px;text-transform:uppercase}.tutorial-progress{align-items:center;display:flex;gap:0;justify-content:center}.progress-dot-container{align-items:center;display:flex;position:relative}.progress-dot{background:#ffffff4d;border-radius:50%;height:16px;position:relative;transition:all .3s ease;width:16px;z-index:2}.progress-line{background:#fff3;height:3px;overflow:hidden;position:relative;width:60px}.progress-line-fill{background:linear-gradient(90deg,#4caf50,#81c784);height:100%;left:0;position:absolute;top:0;transform:scaleX(0);transform-origin:left;transition:transform .5s ease}.progress-line-fill.filled{transform:scaleX(1)}.progress-dot.completed{background:#4caf50;box-shadow:0 0 10px #4caf5080}.progress-dot.active{animation:pulse-progress 2s ease-in-out infinite;background:#2196f3;box-shadow:0 0 0 4px #2196f34d}@keyframes pulse-progress{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.stabilization-percentage{color:#81c784;font-size:.85rem;font-weight:700;left:50%;position:absolute;text-align:center;top:35px;transform:translateX(-50%);white-space:nowrap;width:120px}.tutorial-instructions-wrapper{display:flex;justify-content:center;width:100%}.tutorial-instructions{margin-top:25px;max-width:600px;text-align:center;width:100%}.tutorial-instructions h2{color:#64b5f6;font-size:2.5rem;font-weight:700;letter-spacing:2px;margin:0 0 .5rem;text-align:center;text-transform:uppercase}.instruction-text{color:#b3e5fc;font-size:1.2rem;font-weight:500;margin:0;text-align:center}.stage-info{color:#fff9;font-size:.9rem;margin-top:1.5rem}.target-info{color:#ffd54f;font-size:1.1rem;font-weight:600;margin-bottom:1rem;margin-top:.5rem}.tutorial-hint{background:#19192ef2;border-radius:12px;bottom:140px;left:50%;max-width:500px;padding:16px 32px;pointer-events:none;position:fixed;transform:translateX(-50%);z-index:1000}.tutorial-hint p{color:#fff;font-size:1.1rem;margin:0;text-align:center}.hint-subtle{border:2px solid #2196f380;box-shadow:0 4px 16px #2196f333}.hint-obvious{animation:pulse-hint 2s ease-in-out infinite;border:2px solid #ffc107cc;box-shadow:0 4px 16px #ffc1074d}@keyframes pulse-hint{0%,to{transform:translateX(-50%) scale(1)}50%{transform:translateX(-50%) scale(1.02)}}.tutorial-skip-button{align-items:center;background:#ffffff1a;border:1px solid #ffffff4d;border-radius:20px;color:#fffc;cursor:pointer;display:flex;font-size:.9rem;justify-content:center;min-height:44px;min-width:44px;padding:8px 20px;pointer-events:auto;position:fixed;right:20px;top:20px;transition:all .3s ease;z-index:1000}.tutorial-skip-button:hover{background:#fff3;border-color:#ffffff80;color:#fff}@media (max-width:414px){.tutorial-header{gap:12px;padding:20px 0}.tutorial-banner{padding:6px 18px}.tutorial-mode-text{font-size:.8rem;letter-spacing:1.5px}.tutorial-progress{gap:0}.progress-dot{height:14px;width:14px}.progress-line{width:40px}.stabilization-percentage{font-size:.75rem;top:28px;width:100px}.tutorial-instructions{margin-top:20px}.tutorial-instructions h2{font-size:2rem;margin:0 0 .25rem}.instruction-text{font-size:1rem}.stage-info{font-size:.85rem;margin-top:1rem}.target-info{font-size:1rem;margin-bottom:.5rem;margin-top:.25rem}.tutorial-skip-button{font-size:.875rem;padding:6px 16px;right:15px;top:15px}}@media (max-width:375px){.tutorial-header{gap:10px;padding:15px 0}.progress-line{width:35px}.tutorial-instructions h2{font-size:1.75rem}}.tutorial-complete{background:#000c;pointer-events:auto;z-index:2000}.tutorial-complete-content{animation:celebrate .6s ease-out}.tutorial-complete-content h1{color:#4caf50;font-size:3rem;margin-bottom:1rem}.tutorial-complete-content p{color:#fff;font-size:1.5rem}.tutorial-complete-subtitle{color:#81c784!important;font-size:1.2rem!important;margin-top:1rem}@keyframes celebrate{0%{opacity:0;transform:scale(.8)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.tutorial-complete{align-items:center;background:#000000f2;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:3000}.tutorial-complete-content{background:#19192ee6;border:2px solid #ffc1074d;border-radius:20px;box-shadow:0 0 40px #ffc10733;max-width:600px;padding:3rem;text-align:center}.tutorial-complete-content h1{animation:pulse-victory 2s ease-in-out infinite;color:#ffc107;font-size:2rem;font-weight:700;letter-spacing:2px;margin:0 0 1.5rem;text-transform:uppercase}.tutorial-complete-content p{color:#b3e5fc;font-size:1.3rem;line-height:1.5;margin:0 0 1rem}.tutorial-complete-subtitle{color:#64b5f6!important;font-size:1.1rem!important;margin-bottom:2rem!important;opacity:.9}.tutorial-complete-button{background:linear-gradient(135deg,#2196f3,#1976d2);border:none;border-radius:30px;box-shadow:0 4px 20px #2196f34d;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:700;letter-spacing:1px;margin-top:1rem;padding:1rem 2.5rem;text-transform:uppercase;transition:all .3s ease}.tutorial-complete-button:hover{background:linear-gradient(135deg,#1e88e5,#1565c0);box-shadow:0 6px 30px #2196f380}@keyframes pulse-victory{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@media (max-width:414px){.tutorial-complete-content{margin:16px;max-width:calc(100% - 32px);padding:2rem 1.5rem}.tutorial-complete-content h1{font-size:1.5rem;margin-bottom:1rem}.tutorial-complete-content p{font-size:1.1rem}.tutorial-complete-subtitle{font-size:1rem!important;margin-bottom:1.5rem!important}.tutorial-complete-button{font-size:1rem;max-width:280px;min-height:44px;padding:.875rem 2rem;width:100%}}@media (max-width:375px){.tutorial-complete-content{padding:1.5rem 1.25rem}.tutorial-complete-content h1{font-size:1.375rem}}.score-display{font-size:1.5rem;font-weight:700;position:relative;-webkit-user-select:none;user-select:none}.score-value{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000004d;border-radius:.5rem;box-shadow:0 4px 6px #0000001a;display:inline-block;padding:.5rem 1rem}.score-preview{color:#fbbf24;font-size:1.2rem;font-weight:700;pointer-events:none;position:absolute;right:-30px;text-shadow:0 2px 4px #00000080;top:-10px}.connection-warning{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ef4444e6;border-radius:.375rem;box-shadow:0 4px 6px #0000001a;color:#fff;display:flex;font-size:.875rem;font-weight:400;gap:.5rem;left:50%;margin-top:.5rem;padding:.5rem 1rem;position:absolute;top:100%;transform:translateX(-50%);white-space:nowrap}.warning-icon{filter:drop-shadow(0 1px 2px rgba(0,0,0,.3));font-size:1rem}.warning-text{text-shadow:0 1px 2px #0000004d}.streak-display{animation:pulse 2s ease-in-out infinite;background:linear-gradient(135deg,#f97316,#ef4444);border-radius:.5rem;box-shadow:0 4px 6px #0000001a;display:inline-block;font-size:1.3rem;font-weight:700;margin-left:1rem;padding:.5rem 1rem}.multiplier-breakdown{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172af2;border:1px solid #60a5fa4d;border-radius:.5rem;box-shadow:0 4px 12px #0000004d;display:flex;flex-direction:column;gap:.25rem;left:50%;min-width:180px;opacity:0;padding:.75rem 1rem;pointer-events:none;position:absolute;top:calc(100% + .75rem);transform:translateX(-50%);transition:opacity .3s ease,visibility .3s ease;visibility:hidden;z-index:100}.multiplier-breakdown.visible{opacity:1;visibility:visible}.multiplier-breakdown.fading-out{opacity:0}.multiplier-item{color:#e2e8f0;font-family:Orbitron,monospace;font-family:var(--td-font-tech,"Orbitron",monospace);font-size:.875rem;white-space:nowrap}.multiplier-item:first-child{border-bottom:1px solid #60a5fa33;color:#94a3b8;margin-bottom:.25rem;padding-bottom:.25rem}.multiplier-item.time-bonus{color:#fbbf24}.multiplier-item.streak-bonus{color:#f97316}.multiplier-item.network-bonus{color:#10b981}.multiplier-item.high-multiplier{animation:multiplierGlow 1.5s ease-in-out infinite;font-weight:700;text-shadow:0 0 8px currentColor}.multiplier-total{border-top:1px solid #60a5fa33;color:#60a5fa;font-size:.9375rem;font-weight:700;margin-top:.25rem;padding-top:.25rem;text-shadow:0 0 6px #60a5fa80}@keyframes multiplierGlow{0%,to{opacity:1}50%{opacity:.8;text-shadow:0 0 12px currentColor,0 0 20px currentColor}}@media (max-width:640px){.multiplier-breakdown{font-size:.8125rem;max-width:calc(100vw - 2rem)}.multiplier-item{font-size:.8125rem}.multiplier-total{font-size:.875rem}}.triplet-game{align-items:center;background-color:var(--td-background);color:#e2e8f0;color:var(--td-text);display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:20px}.triplet-game.network-mode{background:#0d1829;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow-x:hidden;padding:20px;width:100%}@media (max-width:767px){.triplet-game.network-mode{padding:10px 0}}@supports (padding:max(0px)){.triplet-game.network-mode{padding-left:max(0px,env(safe-area-inset-left));padding-right:max(0px,env(safe-area-inset-right))}}.triplet-loading{text-align:center}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #60a5fa4d;border-radius:50%;border-top:3px solid var(--td-nexus-glow);height:50px;margin:20px auto;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.victory-stats{background:#0f172a80;border-radius:8px;display:flex;justify-content:space-around;margin:1.5rem 0;padding:1rem}.stat-item{text-align:center}.stat-label{color:#64748b;display:block;font-size:.9rem;margin-bottom:.25rem}.stat-value{color:#e2e8f0;display:block;font-size:1.25rem}.stat-value.health{color:#22c55e}.stat-value.score-value{font-size:1.5rem;font-weight:700}.victory-stats strong{color:#fbbf24;font-weight:600}.temporal-references{background:#0f172a4d;border-radius:8px;color:#b3e5fc;font-size:1.1rem;margin:1rem 0;padding:.75rem;text-align:center}.temporal-references strong{color:#fbbf24;font-weight:600}.perfect-run{animation:shimmer 2s linear infinite;color:#fbbf24;font-size:1.25rem;margin:1rem 0}@keyframes shimmer{0%{opacity:.8}50%{opacity:1}to{opacity:.8}}.ripple-teaser{color:#94a3b8;font-style:italic;margin:1.5rem 0}.victory-button{margin-top:1rem}.triplet-menu{max-width:600px;text-align:center}.triplet-menu h1{color:var(--td-primary);font-size:2.5rem;margin-bottom:1rem}.triplet-menu button{display:block;margin:10px 0;padding:15px 30px;width:100%}.triplet-header{margin-bottom:30px;max-width:800px;text-align:center;width:100%}.network-status-bar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172af2;border-bottom:1px solid #94a3b84d;border-bottom:1px solid var(--td-border);font-size:.9rem;left:0;padding:8px;position:fixed;right:0;text-align:center;top:0;z-index:100}.network-status-bar span{align-items:center;display:inline-flex;gap:8px}.status-loading{animation:pulse 1.5s ease-in-out infinite;color:var(--td-primary)}.status-error{animation:blink 1s ease-in-out infinite;color:var(--td-danger)}.status-connected{color:var(--td-success)}@keyframes blink{0%,to{opacity:1}50%{opacity:.5}}.triplet-game{padding-top:50px}.network-health{background:#10b9811a;border:1px solid var(--td-success);border-radius:8px;margin-top:10px;padding:10px}.triplet-content{flex:1 1;max-width:800px;width:100%}.triplet-stage{text-align:center}.temporal-scale{color:#a78bfa;color:var(--td-accent);font-style:italic;margin-bottom:20px}.event-cards{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin:30px 0}.triplet-event-card{background:#1e293bcc;background:var(--td-card-bg);border:2px solid #94a3b84d;border:2px solid var(--td-border);border-radius:12px;cursor:pointer;padding:20px;position:relative;transition:all .2s ease;width:200px}.triplet-event-card:hover{border-color:var(--td-primary);box-shadow:0 4px 12px #60a5fa4d;transform:translateY(-2px)}.triplet-event-card h4{color:var(--td-primary);font-size:1.1rem;margin-bottom:10px}.target-marker{font-size:1.5rem;position:absolute;right:10px;top:10px}.instructions{color:#94a3b8;color:var(--td-text-secondary);font-size:.9rem;margin-top:20px}.triplet-footer{margin-top:30px;max-width:800px;text-align:center;width:100%}.triplet-complete,.triplet-feedback,.triplet-journey{max-width:600px;text-align:center}.arc-stats{background:#1e293bcc;background:var(--td-card-bg);border:1px solid #94a3b84d;border:1px solid var(--td-border);border-radius:8px;margin:20px 0;padding:20px}.journey-branches{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin:30px 0}.journey-branch{background:#1e293bcc;background:var(--td-card-bg);border:2px solid #94a3b84d;border:2px solid var(--td-border);border-radius:12px;padding:20px;text-align:center;width:250px}.journey-branch h3{color:var(--td-primary);margin-bottom:10px}.connection-type{color:#94a3b8;color:var(--td-text-secondary);font-size:.9rem;margin:10px 0}@media (max-width:768px){.event-cards{align-items:center;flex-direction:column}.triplet-event-card{max-width:300px;width:100%}.journey-branches{align-items:center;flex-direction:column}.journey-branch{max-width:350px;width:100%}}.stage-progress{margin-bottom:20px;text-align:center}.progress-stars{display:flex;font-size:1.5rem;gap:10px;justify-content:center;margin-bottom:10px}.star{transition:all .3s ease}.star.filled{filter:drop-shadow(0 0 5px gold)}.target-info{margin-bottom:20px;text-align:center}.target-info strong{color:var(--td-primary)}.temporal-scale{color:#94a3b8;color:var(--td-text-secondary);font-size:.9rem;margin-top:5px}.game-stats{display:flex;gap:30px;justify-content:center;margin-bottom:20px}.timer{color:var(--td-primary);font-family:monospace;font-size:1.2rem}.health-value{font-weight:700}.health-value.critical{color:var(--td-status-critical)}.health-value.warning{color:var(--td-status-warning)}.health-value.stable{color:var(--td-status-stable)}.ordering-slots{gap:20px;margin:30px 0}.order-slot,.ordering-slots{display:flex;justify-content:center}.order-slot{align-items:center;border:3px dashed #94a3b84d;border:3px dashed var(--td-border);border-radius:10px;cursor:pointer;flex-direction:column;height:120px;position:relative;transition:all .3s ease;width:200px}.order-slot.filled{background:#1e3a8a1a;background:rgba(var(--td-primary-rgb),.1);border-color:var(--td-primary);border-style:solid}.order-slot:hover{box-shadow:0 5px 15px #0000004d;transform:translateY(-2px)}.slot-number{color:var(--td-primary);font-size:1.5rem;font-weight:700;left:10px;position:absolute;top:10px}.slot-content{padding:10px;text-align:center}.slot-content h5{font-size:.9rem;margin:0 0 5px}.slot-content p{color:#94a3b8;color:var(--td-text-secondary);font-size:.8rem;margin:0}.slot-placeholder{color:#64748b;color:var(--td-text-disabled);font-style:italic}:root{--td-primary-rgb:30,58,138;--td-text:#e2e8f0;--td-text-secondary:#94a3b8;--td-text-disabled:#64748b;--td-card-bg:#1e293bcc;--td-border:#94a3b84d;--td-accent:#a78bfa}.triplet-event-card.placed{border-color:var(--td-success);opacity:.6;transform:scale(.95)}.triplet-event-card.available{animation:pulse-available 2s ease-in-out infinite}@keyframes pulse-available{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.position-badge{align-items:center;background:var(--td-primary);border-radius:50%;box-shadow:0 2px 8px #0000004d;color:#fff;display:flex;font-weight:700;height:30px;justify-content:center;position:absolute;right:-10px;top:-10px;width:30px}.event-date{color:var(--td-text-secondary);font-size:.9rem;margin-bottom:8px}.event-description{color:#94a3b8;color:var(--td-text-secondary);font-size:.85rem;line-height:1.4;margin-top:8px}.stage-info{background:#0000004d;border-radius:8px;margin-top:30px;padding:15px}.dr-know-interference{align-items:center;display:flex;font-size:.9rem;gap:10px;justify-content:center}.interference-level{border-radius:4px;font-size:.8rem;font-weight:700;padding:4px 12px;text-transform:uppercase}.interference-level.minimal{background:#10b98133;border:1px solid var(--td-success);color:var(--td-success)}.interference-level.moderate{background:#f59e0b33;border:1px solid var(--td-warning);color:var(--td-warning)}.interference-level.critical{animation:interference-pulse 1s ease-in-out infinite;background:#ef444433;border:1px solid var(--td-danger);color:var(--td-danger)}@keyframes interference-pulse{0%,to{opacity:1}50%{opacity:.7}}.loading-stage{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:300px}.loading-stage p{color:#94a3b8;color:var(--td-text-secondary);font-size:1.1rem;margin-bottom:20px}.triplet-feedback{animation:feedback-appear .3s ease-out;border-radius:12px;padding:40px}@keyframes feedback-appear{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.triplet-feedback.correct{background:linear-gradient(135deg,#10b9811a,#10b9810d);border:2px solid var(--td-success)}.triplet-feedback.incorrect{background:linear-gradient(135deg,#ef44441a,#ef44440d);border:2px solid var(--td-danger)}.feedback-header h2{font-size:1.8rem;margin-bottom:10px}.success-message{color:var(--td-success);font-size:1.1rem}.error-message{color:var(--td-danger);font-size:1.1rem}.feedback-content{margin:30px 0}.response-time{color:var(--td-primary);font-size:1.1rem;margin-bottom:20px}.correct-order{background:#0000004d;border-radius:8px;margin:20px 0;padding:20px}.correct-order h4{color:#94a3b8;color:var(--td-text-secondary);margin-bottom:15px}.correct-event{align-items:center;border-bottom:1px solid #94a3b81a;display:flex;gap:10px;padding:8px 0}.correct-event:last-child{border-bottom:none}.order-number{color:var(--td-primary);font-weight:700;min-width:25px}.event-name{flex:1 1}.stage-summary{display:flex;gap:30px;justify-content:center;margin-top:20px}.stage-summary p{color:#94a3b8;color:var(--td-text-secondary);margin:0}.feedback-footer{margin-top:20px}.auto-advance{color:#94a3b8;color:var(--td-text-secondary);font-size:.9rem;font-style:italic}.td-button-secondary{background:linear-gradient(135deg,#475569cc,#33415599);border-color:#94a3b8;border-color:var(--td-text-secondary)}.td-button-secondary:hover{border-color:#e2e8f0;border-color:var(--td-text);box-shadow:0 0 15px #94a3b866}@media (max-width:768px){.ordering-slots{align-items:center;flex-direction:column}.order-slot{max-width:300px;width:90%}.game-stats,.stage-summary{flex-direction:column;gap:10px}.stage-summary{text-align:center}.triplet-feedback{padding:20px}.feedback-header h2{font-size:1.4rem}}.triplet-error{animation:error-shake .5s ease-out;background:linear-gradient(135deg,#ef44441a,#ef44440d);border:2px solid var(--td-danger);border-radius:12px;max-width:600px;padding:40px;text-align:center}@keyframes error-shake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-5px)}20%,40%,60%,80%{transform:translateX(5px)}}.triplet-error h2{color:var(--td-danger);font-size:1.8rem;margin-bottom:20px}.triplet-error .error-message{font-size:1.1rem;line-height:1.5;margin-bottom:30px}.error-actions{display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.error-actions button{min-width:150px}.temporal-narrative{color:#666;font-size:.9em;font-style:italic}@media (max-width:768px){.triplet-error{padding:20px}.error-actions{align-items:center;flex-direction:column}.error-actions button{max-width:300px;width:100%}}.target-event{color:#e0e7ff;margin-bottom:10px}.network-health{font-size:.9rem;gap:5px;justify-content:center;margin-bottom:30px}.network-health .value{font-weight:600}.triplet-game-area{touch-action:none}@media (max-width:480px){.triplet-connections{height:calc(100% - 30px);left:15px;top:15px;width:calc(100% - 30px)}}.triplet-connections{height:calc(100% - 40px);left:20px;top:20px;width:calc(100% - 40px);z-index:1}.connection-line{stroke-dasharray:5,5;opacity:.3}.neural-event-node{z-index:2}.neural-event-node.target:before{content:"🎯";font-size:28px;position:absolute;right:35px;top:35px;z-index:10}.status-overlay{background:#0d1829e6;bottom:0;left:0;pointer-events:none;right:0;top:0;z-index:10}.status-text{animation:pulse 2s infinite;font-size:2rem;font-weight:300;letter-spacing:.2em;text-align:center}.status-text.success{color:#10b981}.status-text.error{color:#ef4444}@keyframes pulse{0%,to{opacity:.8}50%{opacity:1}}@media (max-width:480px){.game-instructions{font-size:.9rem}.status-text{font-size:1.5rem}}.feedback-container{gap:.75rem;padding:0 1rem;width:100%}.feedback-container,.score-reward{align-items:center;display:flex;flex-direction:column}.score-reward{background:#000000d9;border:2px solid var(--temporal-gold);border-radius:12px;box-shadow:0 4px 20px #ffd7004d;gap:.5rem;max-width:90%;padding:1rem 2rem}.points-earned{color:var(--temporal-gold);font-size:clamp(1.75rem,5vw,2.5rem);font-weight:700;letter-spacing:.05em;text-shadow:0 0 20px #ffd70099}.multiplier-badges{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.streak-bonus,.time-bonus{background:#ffffff1a;border-radius:20px;color:var(--text-primary);font-size:clamp(.875rem,2.5vw,1rem);font-weight:600;padding:.25rem .75rem;white-space:nowrap}.streak-bonus{background:#ff6b6b1a;border:1px solid #ff6b6b80}.time-bonus{background:#6bcbff1a;border:1px solid #6bcbff80}.error-encouragement{color:var(--text-secondary);font-size:clamp(.875rem,2.5vw,1.125rem);font-style:italic;margin-top:.5rem}.status-overlay{min-height:200px;padding:1rem}@media (max-width:480px){.score-reward{padding:.75rem 1.5rem}.multiplier-badges{flex-direction:column;gap:.35rem}.streak-bonus,.time-bonus{font-size:.875rem;padding:.2rem .6rem}}.triplet-selector{background:var(--td-background);color:var(--td-text);display:flex;flex-direction:column;min-height:100vh;padding:20px}.selector-header{margin-bottom:40px;position:relative;text-align:center}.back-button{background:none;border:1px solid var(--td-border);border-radius:5px;color:var(--td-text);cursor:pointer;left:0;padding:10px 20px;position:absolute;top:0;transition:all .3s ease}.back-button:hover{background:var(--td-surface);border-color:var(--td-primary)}.selector-header h1{font-family:var(--td-font-display);font-size:2.5rem;letter-spacing:3px;margin-bottom:10px;text-shadow:0 0 20px var(--td-primary-glow);text-transform:uppercase}.subtitle{color:var(--td-text-secondary);font-size:1.1rem}.selector-content{flex:1 1;margin:0 auto;max-width:1200px;width:100%}.mode-selection{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:40px}.mode-card{background:var(--td-surface);border:2px solid var(--td-border);border-radius:10px;cursor:pointer;overflow:hidden;padding:30px;position:relative;text-align:center;transition:all .3s ease}.mode-card:before{background:var(--td-primary);content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s ease}.mode-card:hover:not(.disabled){border-color:var(--td-primary);transform:translateY(-2px)}.mode-card:hover:not(.disabled):before{opacity:.05}.mode-card.disabled{cursor:not-allowed;opacity:.5}.mode-icon{display:block;filter:drop-shadow(0 0 10px currentColor);font-size:3rem;margin-bottom:20px}.mode-card h3{font-family:var(--td-font-display);font-size:1.5rem;letter-spacing:1px;margin-bottom:10px;text-transform:uppercase}.mode-card p{color:var(--td-text-secondary);margin-bottom:20px}.mode-status{border-radius:20px;display:inline-block;font-size:.8rem;font-weight:700;letter-spacing:1px;padding:5px 15px;text-transform:uppercase}.mode-card.daily .mode-status{background:var(--td-status-critical);color:#fff}.mode-card.training .mode-status{background:var(--td-status-stable);color:#fff}.mode-card.continue .mode-status{background:var(--td-status-warning);color:#fff}.mode-card.continue.disabled .mode-status{background:var(--td-text-disabled)}.hub-selection{background:var(--td-surface);border:2px solid var(--td-border);border-radius:10px;padding:30px}.hub-selection h2{font-family:var(--td-font-display);font-size:2rem;letter-spacing:2px;margin-bottom:10px;text-align:center;text-transform:uppercase}.hub-description{color:var(--td-text-secondary);margin-bottom:30px;text-align:center}.hub-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));max-height:500px;overflow-y:auto;padding:10px}.hub-grid::-webkit-scrollbar{width:8px}.hub-grid::-webkit-scrollbar-track{background:var(--td-background);border-radius:4px}.hub-grid::-webkit-scrollbar-thumb{background:var(--td-border);border-radius:4px}.hub-grid::-webkit-scrollbar-thumb:hover{background:var(--td-primary)}.hub-card{background:var(--td-background);border:2px solid var(--td-border);border-radius:8px;cursor:pointer;padding:20px;position:relative;transition:all .3s ease}.hub-card:hover{box-shadow:0 5px 20px #0000004d;transform:translateY(-2px)}.hub-card.selected{background:rgba(var(--td-primary-rgb),.1);border-color:var(--td-primary)}.hub-card.health-critical{border-color:var(--td-status-critical)}.hub-card.health-warning{border-color:var(--td-status-warning)}.hub-card.health-stable{border-color:var(--td-status-stable)}.hub-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.hub-icon{filter:drop-shadow(0 0 5px currentColor);font-size:2rem}.hub-health{font-size:1.2rem}.hub-card h4{font-size:1.1rem;line-height:1.3;margin-bottom:15px}.hub-stats{display:flex;flex-direction:column;gap:8px}.hub-stat{align-items:center;display:flex;font-size:.9rem;justify-content:space-between}.stat-label{color:var(--td-text-secondary)}.stat-value{font-weight:700}.stat-value.critical{color:var(--td-status-critical)}.stat-value.warning{color:var(--td-status-warning)}.stat-value.stable{color:var(--td-status-stable)}.selector-footer{margin-top:40px;text-align:center}.selection-summary{font-size:1.1rem;margin-bottom:20px}.start-button{font-size:1.2rem;letter-spacing:2px;padding:15px 40px;text-transform:uppercase;transition:all .3s ease}.start-button:disabled{cursor:not-allowed;opacity:.5}.network-status{background:var(--td-surface);border:2px solid var(--td-border);border-radius:10px;margin-left:auto;margin-right:auto;margin-top:30px;max-width:400px;padding:20px}.network-status h3{font-family:var(--td-font-display);font-size:1.2rem;letter-spacing:1px;margin-bottom:15px;text-align:center;text-transform:uppercase}.network-health{display:flex;gap:15px;margin-bottom:10px}.health-bar{background:var(--td-background);border:1px solid var(--td-border);border-radius:10px;flex:1 1;height:20px;overflow:hidden;position:relative}.health-fill{background:linear-gradient(90deg,var(--td-status-critical) 0,var(--td-status-warning) 50%,var(--td-status-stable) 100%);height:100%;transition:width .5s ease}.health-percentage{font-size:1.1rem;font-weight:700;min-width:50px;text-align:right}.network-message{color:var(--td-text-secondary);font-size:.9rem;margin:0;text-align:center}@media (max-width:768px){.triplet-selector{padding:10px}.selector-header h1{font-size:1.8rem;letter-spacing:1px}.mode-selection{gap:15px;grid-template-columns:1fr}.mode-card{padding:20px}.mode-icon{font-size:2rem}.mode-card h3{font-size:1.2rem}.hub-grid{grid-template-columns:1fr;max-height:400px;overflow-y:auto;padding-right:10px}.hub-card{padding:15px}.hub-card h4{font-size:1rem}.back-button{margin-bottom:20px;position:static;width:100%}.network-status{margin-top:20px;padding:15px}.start-button{font-size:1rem;padding:12px 20px;width:100%}}.protocol-selection-compact{margin-bottom:30px;text-align:center}.protocol-selection-compact h2{color:var(--td-primary);font-family:var(--td-font-display);font-size:2rem;letter-spacing:3px;margin-bottom:15px;text-transform:uppercase}.difficulty-label{color:var(--td-text-secondary);font-size:.9rem;letter-spacing:2px;margin-bottom:15px;text-transform:uppercase}.protocol-tabs{border:2px solid var(--td-border);border-radius:8px;display:flex;gap:0;justify-content:center;margin:0 auto;max-width:600px;overflow:hidden}.protocol-tab{background:var(--td-surface);border:none;color:var(--td-text-secondary);cursor:pointer;flex:1 1;font-family:var(--td-font-display);font-size:1.1rem;letter-spacing:1px;padding:15px 30px;position:relative;text-transform:uppercase;transition:all .3s ease}.protocol-tab:not(:last-child){border-right:1px solid var(--td-border)}.protocol-tab:hover:not(.active){background:var(--td-surface-hover);color:var(--td-text)}.protocol-tab.active{background:var(--td-accent);box-shadow:inset 0 0 20px #0000004d;color:var(--td-background);font-weight:700}.hub-selection-compact{margin-bottom:30px}.hub-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.hub-section-header h3{color:var(--td-text-secondary);font-family:var(--td-font-display);font-size:1.2rem;letter-spacing:2px;margin:0;text-transform:uppercase}.hub-navigation{gap:15px}.hub-navigation,.nav-arrow{align-items:center;display:flex}.nav-arrow{background:var(--td-surface);border:1px solid var(--td-border);border-radius:5px;color:var(--td-text);cursor:pointer;font-size:1.2rem;height:35px;justify-content:center;transition:all .3s ease;width:35px}.nav-arrow:hover:not(:disabled){background:var(--td-primary);border-color:var(--td-primary);color:var(--td-background)}.nav-arrow:disabled{cursor:not-allowed;opacity:.3}.page-indicator{color:var(--td-text-secondary);font-size:.9rem}.hub-grid-compact{grid-template-columns:repeat(3,1fr)}.hub-card-compact{background:var(--td-surface);border:2px solid var(--td-border);border-radius:10px;cursor:pointer;overflow:hidden;padding:30px 20px;position:relative;text-align:center;transition:all .3s ease}.hub-card-compact:hover{border-color:var(--td-primary);box-shadow:0 10px 30px #0ff3;transform:translateY(-5px)}.hub-card-compact.selected{background:var(--td-surface-active);border-color:var(--td-accent);box-shadow:0 0 30px #ffd7004d}.hub-card-compact.selected:before{background:var(--td-accent);content:"";inset:0;opacity:.1;position:absolute}.hub-icon-large{display:block;filter:drop-shadow(0 0 15px currentColor);font-size:3.5rem;margin-bottom:15px}.hub-card-compact h4{font-family:var(--td-font-display);font-size:1rem;letter-spacing:1px;line-height:1.3;margin:0;text-transform:uppercase}.protocol-selection{margin-bottom:40px;text-align:center}.protocol-selection h2{font-family:var(--td-font-display);font-size:2rem;margin-bottom:10px}.protocol-description{color:var(--td-text-secondary);margin-bottom:30px}.protocol-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0 auto;max-width:1000px}.protocol-card{background:var(--td-surface);border:2px solid var(--td-border);border-radius:10px;cursor:pointer;overflow:hidden;padding:25px;position:relative;transition:all .3s ease}.protocol-card:hover{border-color:var(--td-primary);box-shadow:0 5px 20px #0ff3;transform:translateY(-2px)}.protocol-card.selected{background:var(--td-surface-active);border-color:var(--td-accent);box-shadow:0 0 30px #ffd7004d}.protocol-header{align-items:center;display:flex;gap:15px;justify-content:center;margin-bottom:15px}.protocol-icon{font-size:2rem}.protocol-card h3{font-family:var(--td-font-display);font-size:1.3rem;margin:0}.protocol-desc{color:var(--td-text-secondary);font-size:.95rem;line-height:1.4;margin-bottom:20px}.protocol-stats{border-top:1px solid var(--td-border);display:flex;justify-content:space-around;padding-top:15px}.protocol-stat{align-items:center;display:flex;flex-direction:column;gap:5px}.protocol-stat .stat-label{color:var(--td-text-secondary);font-size:.85rem;letter-spacing:1px;text-transform:uppercase}.protocol-stat .stat-value{color:var(--td-primary);font-size:1.2rem;font-weight:700}@media (max-width:768px){.protocol-selection-compact h2{font-size:1.5rem}.protocol-tabs{max-width:100%}.protocol-tab{font-size:.9rem;padding:12px 15px}.hub-grid-compact{gap:10px;grid-template-columns:repeat(3,1fr)}.hub-card-compact{padding:20px 10px}.hub-icon-large{font-size:2.5rem}.hub-card-compact h4{font-size:.85rem}.hub-section-header h3,.nav-arrow{font-size:1rem}.nav-arrow{height:30px;width:30px}.protocol-grid{gap:15px;grid-template-columns:1fr}.protocol-card{padding:20px}.protocol-header{gap:10px}.protocol-icon{font-size:1.5rem}.protocol-card h3{font-size:1.1rem}.protocol-desc{font-size:.9rem}.protocol-selection h2{font-size:1.5rem}}.hub-grid-compact{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:0 auto;max-width:800px;padding:20px}.hub-card-neural{border-radius:12px;cursor:pointer;overflow:hidden;transition:all .3s ease}.hub-card-neural.selected{box-shadow:0 0 20px #7dd3fc99;transform:scale(1.02)}@media (max-width:768px){.hub-grid-compact{grid-template-columns:1fr;padding:10px}.hub-card-neural{margin:0 auto;max-width:280px}}.event-card-test-container{background:var(--td-background);color:var(--td-text);margin:0 auto;max-width:1400px;padding:40px}.test-event-section{border-bottom:1px solid var(--td-border);margin-bottom:60px;padding-bottom:40px}.test-event-section h3{color:var(--td-primary);font-family:var(--td-font-display);margin-bottom:20px}.approaches-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:20px}.test-card{text-align:center}.test-card h4{color:var(--td-text-secondary);font-size:.9rem;margin-bottom:10px}.event-card{align-items:center;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;height:180px;justify-content:center;margin:0 auto;padding:20px;position:relative;transition:all .3s ease;width:180px}.event-card:hover{box-shadow:0 10px 30px #0000004d;transform:translateY(-5px)}.event-icon{filter:drop-shadow(0 0 10px rgba(255,255,255,.3));font-size:3rem;margin-bottom:10px}.event-icon.large{font-size:4rem}.event-title{font-size:.9rem;font-weight:700;text-align:center;text-shadow:0 2px 4px #00000080}.info{color:var(--td-text-secondary);font-size:.8rem;margin-top:10px}.gradient-border{padding:6px;position:relative}.gradient-border-inner{border-radius:12px;inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:4px;position:absolute}.pattern-bg{overflow:hidden;position:relative}.pattern-bg:before{background-image:repeating-linear-gradient(45deg,#0000,#0000 10px,#ffffff0d 0,#ffffff0d 20px);content:"";inset:0;pointer-events:none;position:absolute}.domain-dots{bottom:10px;display:flex;gap:4px;position:absolute;right:10px}.domain-dot{border:1px solid #ffffff80;border-radius:50%;height:8px;width:8px}.event-card-wrapper{height:180px;margin:0 auto;position:relative;width:180px}.glossy-glass{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px #0003,inset 0 1px 0 #fff3;overflow:hidden;position:relative}.gradient-border-glossy{border-radius:14px;inset:-2px;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:2px;position:absolute;z-index:-1}.glass-overlay{background:linear-gradient(135deg,#ffffff1a,#ffffff0d 40%,#0000);inset:0}.glass-overlay,.glossy-glass:before{pointer-events:none;position:absolute}.glossy-glass:before{background:radial-gradient(circle,#ffffff1a 0,#0000 70%);content:"";height:200%;left:-50%;top:-50%;transform:rotate(-45deg);width:200%}.domain-indicators{bottom:10px;display:flex;gap:6px;left:10px;position:absolute}.domain-indicator{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid #ffffff4d;border-radius:50%;box-shadow:0 2px 8px #0003,inset 0 1px 0 #ffffff4d;display:flex;font-size:.8rem;height:24px;justify-content:center;width:24px}.event-card:hover{box-shadow:0 15px 40px #0000004d,0 0 20px #ffffff1a;transform:translateY(-5px) scale(1.02)}.hybrid-ultimate{overflow:visible;padding:6px;position:relative}.thick-gradient{padding:4px!important}.glass-overlay-subtle{background:linear-gradient(135deg,#ffffff26,#ffffff0d 30%,#0000);border-radius:12px;inset:0;pointer-events:none;position:absolute}.event-icon.glossy{filter:drop-shadow(0 0 20px rgba(255,255,255,.5)) drop-shadow(0 4px 10px rgba(0,0,0,.3));text-shadow:0 0 10px currentColor}.secondary-domains{bottom:10px;display:flex;gap:4px;position:absolute;right:10px}.secondary-domain-dot{border:1px solid #ffffff80;border-radius:50%;height:10px;transition:all .3s ease;width:10px}.event-card:hover .secondary-domain-dot{transform:scale(1.2)}.epoch-indicator{filter:drop-shadow(0 2px 4px rgba(0,0,0,.5));font-size:1.2rem;opacity:.6;position:absolute;right:10px;top:10px}.hybrid-ultimate:before{background:radial-gradient(circle at 30% 20%,#ffffff1a 0,#0000 50%);border-radius:12px;content:"";inset:0;pointer-events:none;position:absolute}.cube-3d-container:hover .cube-3d{animation-play-state:paused}.cube-face:before{background:linear-gradient(135deg,#fff3,#0000 60%);content:"";inset:0;opacity:.7;pointer-events:none;position:absolute}.circular-card{border-radius:50%;height:180px;overflow:visible;position:relative;width:180px}.circular-title{bottom:25px;font-size:.8rem;left:50%;position:absolute;text-align:center;transform:translateX(-50%);width:90%}.orbit-dots{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.orbit-dot{border:2px solid #ffffff80;border-radius:50%;box-shadow:0 0 10px currentColor;height:12px;position:absolute;width:12px}.orbit-1{right:30px;top:10px}.orbit-2{bottom:10px;left:30px}.cube-3d-container{align-items:center;display:flex;height:180px;justify-content:center;margin:0 auto;perspective:600px;position:relative;width:180px}.cube-content-static{left:50%;pointer-events:none;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);width:100%;z-index:10}.cube-3d{animation:rotateCube 15s linear infinite;height:120px;position:relative;transform:rotateX(-25deg) rotateY(45deg);transform-style:preserve-3d;width:120px}.cube-3d.holographic{filter:drop-shadow(0 0 10px currentColor)}@keyframes rotateCube{0%{transform:rotateX(-25deg) rotateY(45deg)}25%{transform:rotateX(-25deg) rotateY(135deg)}50%{transform:rotateX(-25deg) rotateY(225deg)}75%{transform:rotateX(-25deg) rotateY(315deg)}to{transform:rotateX(-25deg) rotateY(405deg)}}.cube-3d:hover{animation-play-state:paused}.cube-face{align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#ffffff08;border:2px solid;border-color:inherit;display:flex;height:120px;justify-content:center;opacity:.9;position:absolute;width:120px}.holographic .cube-face{background:linear-gradient(45deg,#ffffff08,#ffffff14 50%,#ffffff08);box-shadow:inset 0 0 20px #ffffff26,0 0 15px currentColor,0 0 30px #00ffff4d}.cube-front{background:#ffffff0d!important;transform:rotateY(0deg) translateZ(60px)}.cube-back{background:#ffffff08!important;opacity:.8;transform:rotateY(180deg) translateZ(60px)}.cube-right{transform:rotateY(90deg) translateZ(60px)}.cube-left,.cube-right{background:#00ffff05!important}.cube-left{transform:rotateY(-90deg) translateZ(60px)}.cube-top{background:#ffffff0a!important;transform:rotateX(90deg) translateZ(60px)}.cube-bottom{background:#ffffff05!important;opacity:.7;transform:rotateX(-90deg) translateZ(60px)}.hexagon-wrapper{height:180px;margin:0 auto;width:180px}.hexagon,.hexagon-wrapper{align-items:center;display:flex;justify-content:center}.hexagon{-webkit-clip-path:polygon(30% 0,70% 0,100% 30%,100% 70%,70% 100%,30% 100%,0 70%,0 30%);clip-path:polygon(30% 0,70% 0,100% 30%,100% 70%,70% 100%,30% 100%,0 70%,0 30%);flex-direction:column;height:160px;padding:20px;position:relative;text-align:center;width:160px}.hexagon-content{position:relative;z-index:1}.hexagon-title{font-size:.8rem;margin-top:5px}@media (max-width:768px){.approaches-grid{grid-template-columns:repeat(2,1fr)}.card-3d-container,.circular-card,.cube-3d-container,.event-card,.event-card-wrapper{height:140px;width:140px}.event-card{padding:15px}.event-icon{font-size:2.5rem}.event-title{font-size:.8rem}.domain-indicator{font-size:.7rem;height:20px;width:20px}}.triplet-prototype-container{align-items:center;background:#0d1829;color:#fff;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;overflow-x:hidden;padding:20px;width:100%}@media (max-width:767px){.triplet-prototype-container{padding:10px 0}}@supports (padding:max(0px)){.triplet-prototype-container{padding-left:max(0px,env(safe-area-inset-left));padding-right:max(0px,env(safe-area-inset-right))}}.card-type-toggle{display:flex;gap:10px;margin-bottom:20px}.card-type-toggle button{background:#7dd3fc1a;border:1px solid #7dd3fc4d;border-radius:20px;color:#7dd3fc;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .3s ease}.card-type-toggle button:hover{background:#7dd3fc33;border-color:#7dd3fc80}.card-type-toggle button.active{background:#7dd3fc4d;border-color:#7dd3fc;color:#fff}.triplet-title{color:#7dd3fc;font-size:1.5rem;font-weight:400;letter-spacing:.1em;line-height:1.2;margin:20px 0;text-align:center;text-transform:uppercase}.stage-dots{display:flex;gap:10px;justify-content:center;margin-bottom:10px}.stage-dot{background:#2a3f5f;border-radius:50%;height:8px;transition:all .3s ease;width:8px}.stage-dot.active{background:#7dd3fc}.stage-text{color:#94a3b8;font-size:.9rem}.stage-text,.target-event{margin-bottom:20px;text-align:center}.target-event{color:#fff;font-size:1.1rem;font-weight:500}.network-health{align-items:center;background:#7dd3fc1a;border:1px solid #7dd3fc4d;border-radius:20px;display:inline-flex;gap:8px;margin:0 auto 30px;padding:8px 20px}.network-health .label{color:#94a3b8;font-size:.85rem}.network-health .value{color:#7dd3fc;font-size:.9rem;font-weight:500}.triplet-game-area{aspect-ratio:10/9;background:#7dd3fc08;border:1px solid #7dd3fc1a;border-radius:12px;box-sizing:border-box;margin:0 auto;max-width:600px;padding:20px;position:relative;width:90vw}@media (max-width:480px){.triplet-game-area{border-left:none;border-radius:0;border-right:none;max-width:none;padding:15px;width:100vw}}@media (min-width:1024px){.triplet-game-area{max-width:800px}}.triplet-connections{height:100%;pointer-events:none;position:absolute;width:100%}.connection-line{stroke:#7dd3fc;stroke-width:2;fill:none;opacity:.6}.event-node{-webkit-tap-highlight-color:transparent;align-items:center;background:#0d1829;border:2px solid #7dd3fc;border-radius:50%;cursor:pointer;display:flex;flex-direction:column;height:120px;justify-content:center;padding:15px;position:absolute;text-align:center;transition:all .3s ease;width:120px}.event-node:active{transform:scale(.95)}.event-node.selected{background:#7dd3fc1a;border-color:#7dd3fc;border-width:3px;box-shadow:0 0 20px #7dd3fc66}.neural-event-node{-webkit-tap-highlight-color:transparent;cursor:pointer;position:absolute}.neural-event-node.target{z-index:10}.neural-event-node .clickable-event-card{transform:scale(.8);transform-origin:center;transition:transform .3s ease}@media (max-width:480px){.neural-event-node .clickable-event-card{transform:scale(.75)}.neural-event-node:hover .clickable-event-card{transform:scale(.8)}.neural-event-node:active .clickable-event-card{transform:scale(.7)}}@media (min-width:1024px){.neural-event-node .clickable-event-card{transform:scale(1)}.neural-event-node:hover .clickable-event-card{transform:scale(1.05)}.neural-event-node:active .clickable-event-card{transform:scale(.95)}}.game-instructions{color:#94a3b8;font-size:1rem;letter-spacing:.1em;margin-top:20px;text-align:center;text-transform:uppercase}@media (max-width:480px){.game-instructions{font-size:.9rem}}.event-title{color:#fff;font-size:.8rem;font-weight:400;line-height:1.2;margin-bottom:4px}.event-date{color:#94a3b8;font-size:.7rem;font-weight:300}.order-badge{align-items:center;background:#7dd3fc;border-radius:50%;box-shadow:0 2px 8px #7dd3fc80;color:#0d1829;display:flex;font-size:.9rem;font-weight:600;height:28px;justify-content:center;position:absolute;right:-10px;top:-10px;width:28px}.tap-hint{bottom:-25px;color:#94a3b8;font-size:.7rem;left:50%;position:absolute;transform:translateX(-50%);white-space:nowrap}.status-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:radial-gradient(circle at center,#7dd3fc1a 0,#3b82f60d 20%,#0d1829f2 60%,#000000e6 100%),linear-gradient(135deg,#7dd3fc0d,#0000 50%,#3b82f60d);border-radius:8px;box-shadow:inset 0 0 40px #7dd3fc33,inset 0 0 80px #3b82f61a;display:flex;inset:0;justify-content:center;overflow:hidden;position:absolute;z-index:1000}.status-overlay:before{animation:rotateOverlay 20s linear infinite;background:repeating-conic-gradient(from 0deg at 50% 50%,#0000 0deg,#7dd3fc08 20deg,#0000 40deg);content:"";height:200%;left:-50%;pointer-events:none;position:absolute;top:-50%;width:200%}@keyframes rotateOverlay{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.status-text{animation:statusPulse 2s ease-in-out infinite;color:#7dd3fc;font-size:1.1rem;font-weight:400;letter-spacing:.05em;position:relative;text-shadow:0 0 20px currentColor,0 0 40px currentColor,0 0 60px #7dd3fc80;text-transform:uppercase;z-index:1}@keyframes statusPulse{0%,to{opacity:.9;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.status-text.success{color:#4ade80;text-shadow:0 0 20px currentColor,0 0 40px currentColor,0 0 60px #4ade8080}.status-text.error{color:#ff6b6b;text-shadow:0 0 20px currentColor,0 0 40px currentColor,0 0 60px #ff6b6b80}@media (max-width:380px){.triplet-title{font-size:1.3rem}.event-node{height:100px;padding:12px;width:100px}.event-title{font-size:.75rem}.event-date{font-size:.65rem}.target-event{font-size:1rem}}@media (min-width:768px){.triplet-title{font-size:1.8rem}.target-event{font-size:1.3rem}.event-node{height:140px;width:140px}.event-title{font-size:.95rem}.event-date{font-size:.85rem}}*{-webkit-user-select:none;user-select:none}.event-node{min-height:44px;min-width:44px}.error-notification{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ef4444f2;border-radius:.5rem;box-shadow:0 10px 25px #0003;color:#fff;display:flex;gap:1rem;left:50%;max-width:90vw;min-width:300px;padding:1rem 2rem 1rem 1.5rem;position:fixed;top:20px;transform:translateX(-50%);z-index:1000}.error-content{align-items:center;display:flex;flex:1 1;gap:.75rem}.error-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));flex-shrink:0;font-size:1.5rem}.error-message{font-size:.95rem;line-height:1.4;text-shadow:0 1px 2px #0003}.error-close{background:none;border:none;color:#fff;cursor:pointer;flex-shrink:0;font-size:1.25rem;opacity:.8;padding:.25rem;transition:opacity .2s ease}.error-close:hover{opacity:1}.error-close:active{transform:scale(.95)}@media (max-width:640px){.error-notification{left:10px;max-width:none;right:10px;top:10px;transform:none}}:root{--td-primary:#1e3a8a;--td-secondary:#10b981;--td-danger:#ef4444;--td-warning:#f59e0b;--td-highlight:#60a5fa;--td-background:#0f172a;--td-surface:#1e293b;--td-surface-light:#334155;--td-nexus-glow:#3b82f6;--td-nexus-pulse:#60a5fa;--td-hologram:#60a5fa1a;--td-grid-line:#60a5fa4d;--td-success:#10b981;--td-error:#ef4444;--td-font-tech:"Orbitron",monospace;--td-font-body:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--td-glow-small:0 0 10px var(--td-nexus-glow);--td-glow-medium:0 0 20px var(--td-nexus-glow);--td-glow-large:0 0 30px var(--td-nexus-glow);--td-text-shadow:0 0 10px currentColor}body{background:#0f172a;background:var(--td-background);color:#e2e8f0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--td-font-body)}.td-panel{background:linear-gradient(135deg,#1e3a8a1a,#1e3a8a0d 50%,#60a5fa1a);border:1px solid #60a5fa4d;border:1px solid var(--td-grid-line);border-radius:8px;overflow:hidden;position:relative}.td-panel:before{animation:td-panel-glow 3s ease-in-out infinite;background:linear-gradient(45deg,#3b82f6,#0000 40%,#0000 60%,#3b82f6);background:linear-gradient(45deg,var(--td-nexus-glow) 0,#0000 40%,#0000 60%,var(--td-nexus-glow) 100%);border-radius:8px;bottom:-2px;content:"";left:-2px;opacity:0;position:absolute;right:-2px;top:-2px;z-index:-1}@keyframes td-panel-glow{0%,to{opacity:0}50%{opacity:.3}}.td-nexus-grid{background:repeating-linear-gradient(0deg,#0000,#0000 40px,#60a5fa4d 0,#60a5fa4d 41px),repeating-linear-gradient(90deg,#0000,#0000 40px,#60a5fa4d 0,#60a5fa4d 41px);background:repeating-linear-gradient(0deg,#0000,#0000 40px,var(--td-grid-line) 40px,var(--td-grid-line) 41px),repeating-linear-gradient(90deg,#0000,#0000 40px,var(--td-grid-line) 40px,var(--td-grid-line) 41px);position:relative}.td-hologram-text{-webkit-text-fill-color:#0000;animation:td-hologram-shift 3s ease-in-out infinite;background:linear-gradient(45deg,#3b82f6,#60a5fa 50%,#3b82f6);background:linear-gradient(45deg,var(--td-nexus-glow) 0,var(--td-nexus-pulse) 50%,var(--td-nexus-glow) 100%);-webkit-background-clip:text;background-clip:text;text-shadow:0 0 10px currentColor;text-shadow:var(--td-text-shadow)}@keyframes td-hologram-shift{0%,to{filter:hue-rotate(0deg)}50%{filter:hue-rotate(20deg)}}.td-button{background:linear-gradient(135deg,#1e3a8acc,#1e3a8a99);border:1px solid #60a5fa;border:1px solid var(--td-highlight);border-radius:6px;color:#fff;cursor:pointer;font-family:Orbitron,monospace;font-family:var(--td-font-tech);font-weight:500;letter-spacing:1px;overflow:hidden;padding:12px 24px;position:relative;text-transform:uppercase;transition:all .3s ease}.td-button:before{background:linear-gradient(90deg,#0000,#60a5fa66 50%,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.td-button:hover{border-color:#60a5fa;border-color:var(--td-nexus-pulse);box-shadow:0 0 20px #3b82f6;box-shadow:var(--td-glow-medium);transform:translateY(-2px)}.td-button:hover:before{left:100%}.td-status-stable{color:#10b981;color:var(--td-success);text-shadow:0 0 10px #10b981;text-shadow:0 0 10px var(--td-success)}.td-status-warning{color:#f59e0b;color:var(--td-warning);text-shadow:0 0 10px #f59e0b;text-shadow:0 0 10px var(--td-warning)}.td-status-critical{animation:td-pulse 1s ease-in-out infinite;color:#ef4444;color:var(--td-danger);text-shadow:0 0 10px #ef4444;text-shadow:0 0 10px var(--td-danger)}@keyframes td-pulse{0%,to{opacity:1}50%{opacity:.5}}.td-timeline-integrity{background:#1e293bcc;border-radius:4px;height:8px;overflow:hidden;position:relative;width:100%}.td-timeline-integrity-bar{background:linear-gradient(90deg,#10b981,#10b981);background:linear-gradient(90deg,var(--td-success) 0,var(--td-secondary) 100%);box-shadow:0 0 10px #3b82f6;box-shadow:var(--td-glow-small);height:100%;transition:width .6s ease}.td-timeline-integrity-bar.warning{background:linear-gradient(90deg,#f59e0b,#ef4444);background:linear-gradient(90deg,var(--td-warning) 0,var(--td-danger) 100%)}.td-scan-line{animation:td-scan 3s linear infinite;background:linear-gradient(90deg,#0000,#60a5fa 50%,#0000);background:linear-gradient(90deg,#0000 0,var(--td-nexus-pulse) 50%,#0000 100%);height:2px;left:0;position:absolute;top:0;width:100%}@keyframes td-scan{0%{transform:translateY(0)}to{transform:translateY(100vh)}}.td-frame{position:relative}.td-frame .td-corner-bl,.td-frame .td-corner-br,.td-frame .td-corner-tl,.td-frame .td-corner-tr,.td-frame:after,.td-frame:before{border:2px solid #60a5fa;border:2px solid var(--td-highlight);content:"";height:20px;position:absolute;width:20px}.td-frame:before{border-bottom:none;border-right:none;left:0;top:0}.td-frame:after{border-bottom:none;border-left:none;right:0;top:0}.td-frame .td-corner-bl{border-right:none;border-top:none;bottom:0;left:0}.td-frame .td-corner-br{border-left:none;border-top:none;bottom:0;right:0}.App{background:var(--td-background);color:#e2e8f0;min-height:100vh;overflow-x:hidden;position:relative}.App:after{background:repeating-linear-gradient(0deg,#0000,#0000 100px,#60a5fa08 0,#60a5fa08 101px),repeating-linear-gradient(90deg,#0000,#0000 100px,#60a5fa08 0,#60a5fa08 101px);bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:0}
/*# sourceMappingURL=main.970124d7.css.map*/