.assignments-page{background:var(--spgx-bg-deep);justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.assignments-header{border-bottom:1px solid var(--spgx-surface-border);text-align:center;padding:2rem 2.5rem;position:relative}.assignments-title{font-family:var(--spgx-font-mono);color:var(--spgx-accent-primary);letter-spacing:.15em;text-shadow:0 0 10px var(--spgx-accent-primary-dim);margin-top:1.5rem;margin-bottom:.5rem;font-size:1.5rem}.assignments-subtitle{font-family:var(--spgx-font-mono);color:var(--spgx-accent-secondary);letter-spacing:.2em;font-size:.75rem}.assignments-body{flex-direction:column;align-items:center;padding:2.5rem;display:flex}.assignments-section{width:100%;max-width:600px;margin-bottom:2.5rem}.assignments-section-label{font-family:var(--spgx-font-mono);letter-spacing:.2em;color:var(--spgx-accent-secondary);text-transform:uppercase;border-bottom:1px solid var(--spgx-surface-border);margin-bottom:1.5rem;padding-bottom:.5rem;font-size:.7rem}.alert-clock-wrapper{flex-direction:column;align-items:center;width:100%;padding:2rem 0;display:flex}.clock-station-name{font-family:var(--spgx-font-mono);letter-spacing:.15em;color:var(--spgx-text);text-shadow:0 0 10px var(--spgx-accent-primary-dim);text-align:center;text-transform:uppercase;margin:0 0 5px;font-size:1.1rem}.clock-alert-level{font-family:var(--spgx-font-mono);text-align:center;margin:0 0 1.5rem;font-size:1.5rem;font-weight:700;transition:color .3s,text-shadow .3s}.clock-alert-level.pulsing{animation:.8s infinite alternate alert-clock-pulse;color:red!important}@keyframes alert-clock-pulse{0%{opacity:1;text-shadow:0 0 15px red,0 0 30px red}to{opacity:.5;text-shadow:0 0 5px red}}.clock-tick-text{font-family:var(--spgx-font-mono);color:var(--spgx-text);text-shadow:0 0 8px var(--spgx-accent-primary-dim);letter-spacing:.1em;margin-bottom:1.5rem;font-size:1rem;font-weight:700}.clock-hex-outer{clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);background-color:var(--clock-inactive-fill,#081b36);justify-content:center;align-items:center;width:260px;height:260px;margin-bottom:2rem;transition:background-color .3s;display:flex;position:relative;box-shadow:inset 0 0 30px #000c}.clock-hex-fill{width:100%;height:100%;transition:background .3s ease-out;position:absolute}.clock-hex-border{clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);border:10px solid var(--clock-border-color,#0d2c54);box-sizing:border-box;pointer-events:none;width:100%;height:100%;transition:border-color .3s;position:absolute;box-shadow:0 0 20px #0009}.clock-hex-glow{width:100%;height:100%;box-shadow:0 0 40px var(--clock-glow,#ff9f00b3) inset;pointer-events:none;opacity:0;transition:opacity .3s,box-shadow .3s;position:absolute;top:0;left:0}.clock-hex-outer.has-ticks .clock-hex-glow{opacity:1}.clock-divider{background-color:var(--clock-border-color,#0d2c54);transform-origin:bottom;width:5px;height:50%;margin-left:-2.5px;transition:background-color .3s;position:absolute;top:0;left:50%}.clock-controls{gap:1rem;margin-top:.5rem;display:flex}.clock-btn{font-family:var(--spgx-font-mono);text-transform:uppercase;letter-spacing:.08em;cursor:pointer;border-radius:2px;padding:.75rem 1.5rem;font-size:.85rem;font-weight:700;transition:all .2s;box-shadow:0 0 10px #00000080}.clock-btn:disabled{opacity:.5;cursor:not-allowed}.clock-btn-reset{color:var(--spgx-text);background-color:var(--spgx-bg-elevated);border:2px solid var(--spgx-surface-border)}.clock-btn-reset:hover:not(:disabled){background-color:var(--spgx-bg);border-color:var(--spgx-text-muted);box-shadow:0 0 15px var(--spgx-accent-primary-dim)}.clock-btn-add{color:#000;background-color:#ff9f00;border:2px solid #fc0}.clock-btn-add:hover:not(:disabled){background-color:#fc0;box-shadow:0 0 20px #ff9f00b3}.red-alert .clock-btn-add{color:#fff;background-color:red;border-color:#f33}.red-alert .clock-btn-add:hover:not(:disabled){background-color:#f33;box-shadow:0 0 20px #ff0000e6}.red-alert .clock-btn-reset{color:#ffb3b3;background-color:#300;border-color:#900}.red-alert .clock-btn-reset:hover:not(:disabled){background-color:#600;border-color:#f33}@media (max-width:768px){.assignments-page{padding:1rem}.assignments-header,.assignments-body{padding:1.5rem}.clock-hex-outer{width:200px;height:200px}.clock-station-name{font-size:.9rem}.clock-alert-level{font-size:1.1rem}.clock-controls{flex-direction:column}}@media (max-width:480px){.clock-hex-outer{width:160px;height:160px}.clock-btn{padding:.6rem 1rem;font-size:.75rem}}.assignments-section--orders{max-width:800px}.tactical-orders{opacity:0;background:#0a0e1a;border:3px solid #00e5ff;border-radius:0;padding:0;font-family:Share Tech Mono,Courier New,monospace;transition:opacity .8s,transform .8s;position:relative;overflow:hidden;transform:translateY(12px);box-shadow:inset 0 0 0 1px #0a0e1a,inset 0 0 0 3px #00e5ff26,0 0 30px #00e5ff14,0 0 60px #00e5ff08}.tactical-orders.revealed{opacity:1;transform:translateY(0)}.to-corner{z-index:3;pointer-events:none;width:20px;height:20px;position:absolute}.to-corner--tl{border-top:3px solid #00e5ff;border-left:3px solid #00e5ff;top:-1px;left:-1px}.to-corner--tr{border-top:3px solid #00e5ff;border-right:3px solid #00e5ff;top:-1px;right:-1px}.to-corner--bl{border-bottom:3px solid #00e5ff;border-left:3px solid #00e5ff;bottom:-1px;left:-1px}.to-corner--br{border-bottom:3px solid #00e5ff;border-right:3px solid #00e5ff;bottom:-1px;right:-1px}.to-classification-bar{letter-spacing:.25em;text-transform:uppercase;background:linear-gradient(90deg,#0d1117,#111827,#0d1117);border-bottom:2px solid #00e5ff;flex-wrap:wrap;justify-content:center;align-items:center;gap:.8rem;padding:.6rem 1.5rem;font-size:.65rem;display:flex}.to-iron-sec{color:#ff2d78;text-shadow:0 0 8px #ff2d7880}.to-encrypted{color:#00e5ff;text-shadow:0 0 6px #00e5ff66}.to-divider-dot{color:#00e5ff4d;font-size:.5rem}.to-body{z-index:1;padding:2rem 2.5rem;position:relative}.to-transmission-header,.to-transmission-footer{text-align:center;padding:1rem 0}.to-line{letter-spacing:.3em;font-size:.8rem;display:block}.to-line--accent{color:#00e5ff;text-shadow:0 0 12px #00e5ff80}.to-awaiting{color:#ff2d78;letter-spacing:.15em;margin-top:1rem;font-size:.75rem;animation:1.5s step-end infinite to-blink;display:block}@keyframes to-blink{0%,to{opacity:1}50%{opacity:0}}.to-meta-block{border-left:2px solid #00e5ff40;margin:1rem 0;padding:1rem 0 1rem 1.2rem}.to-meta-row{flex-wrap:wrap;gap:.8rem;margin-bottom:.35rem;font-size:.8rem;line-height:1.5;display:flex}.to-meta-label{color:#00e5ff;letter-spacing:.08em;flex-shrink:0;min-width:110px}.to-meta-value{color:#b0bec5}.to-meta-value--highlight{color:#fff;text-shadow:0 0 6px #ffffff26;font-weight:700}.to-divider{background:linear-gradient(90deg,#0000,#00e5ff66 20% 80%,#0000);height:1px;margin:1.5rem 0}.to-section{margin:1rem 0}.to-section-header{color:#00e5ff;letter-spacing:.2em;text-shadow:0 0 12px #00e5ff66;margin-bottom:1rem;font-family:Share Tech Mono,Courier New,monospace;font-size:.9rem;font-weight:700}.to-paragraph{color:#b0bec5;letter-spacing:.02em;margin-bottom:.8rem;font-size:.82rem;line-height:1.75}.to-paragraph--spaced{margin-top:1rem}.to-emphasis{color:#fff;text-shadow:0 0 4px #ffffff26;font-style:normal}.to-highlight{color:#ff2d78;text-shadow:0 0 6px #ff2d784d}.to-tag{letter-spacing:.15em;border-radius:0;padding:.1rem .5rem;font-size:.72rem;font-weight:700;display:inline-block}.to-tag--classified{color:#ff2d78;text-shadow:0 0 6px #ff2d7880;background:#ff2d781f;border:1px solid #ff2d7859}.to-tag--warning{color:#ffab00;text-shadow:0 0 6px #ffab0080;background:#ffab001a;border:1px solid #ffab004d}.to-objective{background:#00e5ff08;border:1px solid #00e5ff1a;border-left:3px solid #00e5ff;border-right-color:#00e5ff0f;gap:1.2rem;margin:1.5rem 0;padding:1.2rem;display:flex;position:relative}.to-objective:before{content:"";pointer-events:none;background:linear-gradient(90deg,#00e5ff0d,#0000 40%);width:100%;height:100%;position:absolute;top:0;left:0}.to-objective-number{color:#00e5ff;opacity:.35;text-shadow:0 0 15px #00e5ff4d;z-index:1;min-width:40px;font-size:1.8rem;font-weight:700;line-height:1;position:relative}.to-objective-content{z-index:1;flex:1;position:relative}.to-objective-title{color:#fff;letter-spacing:.15em;text-shadow:0 0 8px #ffffff26;margin-bottom:.6rem;font-family:Share Tech Mono,Courier New,monospace;font-size:.85rem;font-weight:700}.to-signoff{color:#00e5ff;letter-spacing:.1em;text-shadow:0 0 8px #00e5ff66;margin-top:1.2rem;font-size:.85rem;font-weight:700}.to-scanlines{pointer-events:none;z-index:2;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00e5ff04 2px 4px);width:100%;height:100%;position:absolute;top:0;left:0}.to-noise{pointer-events:none;z-index:2;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");width:100%;height:100%;position:absolute;top:0;left:0}@media (max-width:768px){.to-body{padding:1.5rem 1.2rem}.to-classification-bar{gap:.4rem;padding:.5rem .8rem;font-size:.55rem}.to-meta-row{flex-direction:column;gap:.1rem}.to-meta-label{min-width:unset}.to-objective{flex-direction:column;gap:.6rem;padding:1rem}.to-objective-number{font-size:1.2rem}}@media (max-width:480px){.to-body{padding:1rem .8rem}.to-section-header{letter-spacing:.1em;font-size:.75rem}.to-paragraph{font-size:.75rem}}