@import "https://fonts.googleapis.com/css2?family=Share+Tech+Mono&family=VT323&display=swap";
:root{--color-neon-green:#0f6;--color-neon-green-glow:#0f66;--color-neon-amber:#ffb300;--color-neon-amber-glow:#ffb30066;--color-neon-cyan:#00e5ff;--color-neon-cyan-glow:#00e5ff66;--color-bg-darker:#050806;--color-bg-dark:#0a0f0d;--color-bg-panel:#0a0f0dd9;--color-border:#00ff6640;--color-border-amber:#ffb30040}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-bg-darker);color:var(--color-neon-green);width:100vw;height:100vh;font-family:Share Tech Mono,monospace;position:relative;overflow-x:hidden}.crt-container{flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.crt-container:before{content:" ";z-index:999;pointer-events:none;background:linear-gradient(#12101000 50%,#0003 50%) 0 0/100% 4px,linear-gradient(90deg,#ff00000d,#00ff0005,#0000ff0d) 0 0/6px 100%;display:block;position:absolute;inset:0}.crt-container:after{content:" ";z-index:998;pointer-events:none;background:radial-gradient(circle,#0000 65%,#000000d9 100%);display:block;position:absolute;inset:0}@keyframes crt-flicker{0%{opacity:.985}50%{opacity:.995}to{opacity:.985}}.crt-screen{z-index:10;flex-direction:column;flex:1;width:100%;height:100%;animation:.15s infinite crt-flicker;display:flex;position:relative}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--color-bg-darker)}::-webkit-scrollbar-thumb{background:var(--color-neon-green);box-shadow:0 0 5px var(--color-neon-green-glow);border-radius:3px}.app-container{flex-direction:column;width:100%;height:100%;min-height:100vh;padding:20px;display:flex;overflow-y:auto}@media (min-width:768px){.app-container{padding:40px}}#matrix-canvas{z-index:1;opacity:.15;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.app-header{border-b:1px solid #00ff661a;z-index:10;border-bottom:1px solid #00ff6626;flex-direction:column;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;padding-bottom:16px;display:flex;position:relative}@media (min-width:768px){.app-header{flex-direction:row;gap:0}}.logo-group{align-items:center;gap:12px;display:flex}.logo-icon{width:48px;height:48px;color:var(--color-neon-green)}.logo-icon.pulse{animation:2s ease-in-out infinite logo-pulse}@keyframes logo-pulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;filter:drop-shadow(0 0 8px var(--color-neon-green-glow));transform:scale(1.05)}}.logo-text-group{flex-direction:column;display:flex}.logo-title{letter-spacing:2px;font-family:Share Tech Mono,monospace;font-size:1.5rem;font-weight:700}.logo-subtitle{color:#00ff6680;letter-spacing:1px;font-size:.7rem}.header-stats{background:#0a0f0de6;border:1px solid #00ff6626;border-radius:4px;flex-wrap:wrap;align-items:center;gap:12px;padding:8px 12px;font-size:.75rem;display:flex}.stat-divider{color:#00ff664d}.badge-stage{color:#fff;background:#0f63;border-radius:3px;padding:2px 6px;font-weight:700}.stat-value-active{color:var(--color-neon-cyan);text-shadow:0 0 5px var(--color-neon-cyan-glow);font-weight:700}.stat-value-bounty{color:var(--color-neon-amber);text-shadow:0 0 5px var(--color-neon-amber-glow);font-weight:700}.main-content-layout{z-index:10;flex-direction:column;flex:1;gap:24px;display:flex;position:relative}@media (min-width:1024px){.main-content-layout{flex-direction:row}}.interactive-zone{flex-direction:column;flex:1;justify-content:center;display:flex}.diagnostic-zone{flex-direction:column;gap:16px;width:100%;display:flex}@media (min-width:1024px){.diagnostic-zone{width:320px}}.terminal-window{background:var(--color-bg-panel);border:1px solid var(--color-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:4px;flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #00000080,0 0 15px #00ff660d}.terminal-window.glow-border-amber{border-color:var(--color-border-amber);box-shadow:0 10px 30px #00000080,0 0 15px #ffb3000d}.terminal-header{border-bottom:1px solid var(--color-border);letter-spacing:1px;background:#00ff6614;justify-content:space-between;align-items:center;padding:10px 16px;font-family:VT323,monospace;font-size:1.25rem;display:flex}.terminal-header.amber-theme{border-bottom:1px solid var(--color-border-amber);color:var(--color-neon-amber);background:#ffb30014}.terminal-buttons{gap:8px;display:flex}.terminal-dot{border:1px solid #0f66;border-radius:50%;width:12px;height:12px}.terminal-dot.close{background:#ff000040}.terminal-dot.minimize{background:#ffb30040}.terminal-dot.maximize{background:#00e5ff40}.terminal-dot.border-amber-theme{border-color:#ffb30066}.window-body{flex-direction:column;flex:1;justify-content:space-between;gap:24px;padding:24px;display:flex}.glow-text{text-shadow:0 0 8px var(--color-neon-green-glow)}.glow-text-amber{color:var(--color-neon-amber);text-shadow:0 0 8px var(--color-neon-amber-glow)}.btn-terminal{border:1px solid var(--color-neon-green);color:var(--color-neon-green);cursor:pointer;text-shadow:0 0 5px var(--color-neon-green-glow);text-transform:uppercase;letter-spacing:1px;background:0 0;border-radius:2px;padding:10px 20px;font-family:Share Tech Mono,monospace;font-size:1rem;transition:all .2s ease-in-out;box-shadow:0 0 5px #00ff661a}.btn-terminal:hover{box-shadow:0 0 15px var(--color-neon-green-glow);text-shadow:0 0 8px var(--color-neon-green);background:#00ff661f}.btn-terminal:active{background:#00ff6640}.btn-terminal:disabled{color:#0f63;cursor:not-allowed;box-shadow:none;text-shadow:none;border-color:#0f63}.btn-terminal-amber{border-color:var(--color-neon-amber);color:var(--color-neon-amber);text-shadow:0 0 5px var(--color-neon-amber-glow);box-shadow:0 0 5px #ffb3001a}.btn-terminal-amber:hover{box-shadow:0 0 15px var(--color-neon-amber-glow);text-shadow:0 0 8px var(--color-neon-amber);background:#ffb3001f}.input-terminal{color:var(--color-neon-green);background:#0009;border:1px solid #00ff6659;border-radius:2px;outline:none;width:100%;padding:12px;font-family:Share Tech Mono,monospace;font-size:1.1rem;transition:all .2s;box-shadow:inset 0 0 8px #000c}.input-terminal:focus{border-color:var(--color-neon-green);box-shadow:0 0 10px var(--color-neon-green-glow), inset 0 0 8px #000c}.input-terminal.border-amber-theme{color:var(--color-neon-amber);border-color:#ffb30059}.input-terminal.border-amber-theme:focus{border-color:var(--color-neon-amber);box-shadow:0 0 10px var(--color-neon-amber-glow), inset 0 0 8px #000c}.stage-intro-text{color:#c7ffd8;text-shadow:0 0 6px #0f63;font-size:1.1rem;line-height:1.6}.stage-card-hint{color:#a3b8aa;background:#000000b3;border:1px solid #00ff661a;border-radius:4px;flex-direction:column;gap:8px;padding:16px;font-size:.85rem;display:flex}.hint-header{color:var(--color-neon-green);font-weight:700}.cipher-banner{text-align:center;letter-spacing:3px;color:var(--color-neon-amber);text-shadow:0 0 10px var(--color-neon-amber-glow);background:#000c;border:1px solid #00ff6626;border-radius:4px;margin-bottom:16px;padding:16px;font-size:1.25rem;font-weight:700}.enigma-box{background:#0000004d;border:1px solid #00ff6626;border-radius:4px;flex-direction:column;gap:16px;padding:16px;display:flex}.enigma-section-title{color:#0f69;letter-spacing:1px;font-size:.75rem;font-weight:700}.rotors-grid{grid-template-cols:repeat(3, 1fr);gap:16px;display:grid}.rotor-select-group{flex-direction:column;gap:4px;display:flex}.rotor-label{color:#638c71;font-size:.7rem}.rotor-select{color:var(--color-neon-green);cursor:pointer;background:#000;border:1px solid #00ff6640;outline:none;padding:6px;font-family:Share Tech Mono,monospace;font-size:.9rem}.rotor-select:focus{border-color:var(--color-neon-green)}.enigma-io-grid{grid-template-cols:1fr;gap:16px;display:grid}@media (min-width:768px){.enigma-io-grid{grid-template-cols:repeat(2, 1fr)}}.enigma-field-group{flex-direction:column;gap:4px;display:flex}.enigma-label{color:#638c71;font-size:.75rem}.enigma-output-box{color:#d1ffd7;word-break:break-all;background:#000000bf;border:1px solid #00ff6626;border-radius:2px;min-height:38px;padding:10px;font-family:Share Tech Mono,monospace;font-size:.9rem}.runic-code-card{text-align:center;background:#000000d9;border:1px solid #00ff661a;border-radius:4px;flex-direction:column;gap:8px;padding:20px;display:flex}.runes-display{color:var(--color-neon-amber);letter-spacing:6px;text-shadow:0 0 10px var(--color-neon-amber-glow);font-size:2.2rem}.runes-subtitle{color:#ffffff4d;font-size:.75rem}.coordinates-card{background:#00000080;border:1px solid #00ff661a;border-radius:4px;flex-direction:column;gap:8px;padding:16px;display:flex}.coordinates-grid{grid-template-cols:repeat(3, 1fr);gap:8px;display:grid}@media (min-width:768px){.coordinates-grid{grid-template-cols:repeat(6, 1fr)}}.coordinate-item{text-align:center;background:#000c;border:1px solid #00ff661a;border-radius:3px;padding:8px}.coord-index{color:var(--color-neon-amber);font-size:.75rem;display:block}.coord-value{color:#fff;margin-top:4px;font-size:.8rem}.coordinates-instruction{color:#ffffff4d;margin-top:8px;font-size:.65rem;font-style:italic}.dictionary-details{background:#0003;border:1px solid #00ff661a;border-radius:4px}.dictionary-summary{color:var(--color-neon-green);cursor:pointer;outline:none;padding:10px;font-size:.75rem;font-weight:700}.dictionary-grid{grid-template-cols:repeat(6, 1fr);border-t:1px solid #00ff661a;text-align:center;background:#000c;gap:8px;padding:12px;font-size:.75rem;display:grid}.rune-mapping{flex-direction:column;align-items:center;display:flex}.rune-char{color:var(--color-neon-amber);font-size:1.2rem}.rune-latin{color:#fff}.canvas-panel-row{flex-direction:column;align-items:center;gap:20px;width:100%;display:flex}@media (min-width:768px){.canvas-panel-row{flex-direction:row}}.canvas-wrapper{background:#000000e6;border:1px solid #00ff6626;border-radius:4px;flex-direction:column;width:100%;max-width:418px;padding:8px;display:flex;position:relative}.canvas-element{border:1px solid #00ff6626;width:100%;height:150px}.canvas-cover{color:#fff6;background:#000c;justify-content:center;align-items:center;font-size:.75rem;display:flex;position:absolute;inset:8px 8px 38px}.canvas-btn{width:100%;margin-top:12px}.sliders-panel{flex-direction:column;flex:1;gap:16px;width:100%;display:flex}.bounty-card{background:#000000bf;border:1px solid #00ff6626;border-radius:4px;flex-direction:column;gap:16px;padding:24px;display:flex}.bounty-title{color:var(--color-neon-amber);font-size:1.15rem;font-weight:700}.bounty-desc{color:#d1ffd7;font-size:.9rem;line-height:1.6}.bounty-rules-box{color:#fff6;border-top:1px solid #00ff661a;flex-direction:column;gap:8px;padding-top:16px;font-size:.75rem;display:flex}.bounty-rules-header{color:#fff;font-weight:700}.claim-form{flex-direction:column;gap:16px;padding-top:8px;display:flex}.claim-inputs-row{grid-template-cols:1fr;gap:16px;display:grid}@media (min-width:768px){.claim-inputs-row{grid-template-cols:repeat(2, 1fr)}}.claim-field{flex-direction:column;gap:4px;display:flex}.claim-field label{color:#ffffff80;font-size:.75rem}.ticket-container{border-t:1px solid #00ff661a;flex-direction:column;gap:16px;padding-top:16px;display:flex}.ticket-header{color:var(--color-neon-green);font-size:.75rem;font-weight:700}.ticket-box{border:1px solid var(--color-neon-green);background:#000;border-radius:4px;flex-direction:column;gap:12px;padding:16px;font-family:Share Tech Mono,monospace;display:flex;box-shadow:0 0 10px #00ff661a}.ticket-label{color:#fff6;font-size:.7rem}.ticket-val{color:#fff;word-break:break-all;font-size:.9rem;font-weight:700}.ticket-val.sig{color:var(--color-neon-amber)}.ticket-instructions{color:#d1ffd7;background:#00ff660a;border:1px solid #00ff661a;border-radius:4px;padding:12px;font-size:.75rem}.submit-form-panel{border-top:1px solid #00ff661a;flex-direction:column;gap:12px;padding-top:16px;display:flex}.submit-row{flex-direction:column;gap:12px;display:flex}@media (min-width:768px){.submit-row{flex-direction:row}}.submit-input{flex:1}.submit-btn{width:100%}@media (min-width:768px){.submit-btn{width:150px}}.error-banner{color:#f36;font-family:Share Tech Mono,monospace;font-size:.75rem}.console-body{color:#00ff66b3;background:#000000eb;flex-direction:column;flex:1;gap:8px;max-height:400px;padding:16px;font-family:Share Tech Mono,monospace;font-size:.75rem;display:flex;overflow-y:auto}@media (min-width:1024px){.console-body{max-height:500px}}.console-log-entry{word-break:break-all;border-bottom:1px solid #00ff660d;padding-bottom:4px;line-height:1.5}.reset-wrapper{width:100%;display:flex}.verifier-main{max-w:640px;z-index:10;width:100%;margin:32px auto 0;position:relative}.verifier-window-body{flex-direction:column;gap:24px;padding:24px;display:flex}.verifier-form{flex-direction:column;gap:16px;display:flex}.verifier-field{flex-direction:column;gap:4px;display:flex}.verifier-field-label{color:var(--color-neon-amber);font-size:.75rem;font-weight:700}.verify-result-card{text-align:center;border-style:solid;border-width:1px;border-radius:4px;padding:16px;font-family:Share Tech Mono,monospace}.verify-result-card.success{border-color:var(--color-neon-green);color:var(--color-neon-green);background:#00ff660a}.verify-result-card.fail{color:#f36;background:#ff33660a;border-color:#f36}.verify-result-title{font-size:1.1rem;font-weight:700}.verify-result-desc{margin-top:4px;font-size:.75rem}