:root{color-scheme:dark;--bg:#0b100f;--panel:#131b18;--ink:#f1f5ed;--muted:#a4b2a8;--dim:#718176;--line:#2b3b32;--lime:#c4f164;--cyan:#70e8cf;--purple:#aa8ce7;--red:#ffa093;--font:'DM Sans',system-ui,sans-serif;--display:'Space Grotesk',var(--font);--mono:'IBM Plex Mono','SFMono-Regular',Consolas,monospace}
*{box-sizing:border-box}html{min-width:320px;background:var(--bg)}body{margin:0;color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.5;background:radial-gradient(ellipse at 80% 12%,#18271d80 0,transparent 46%),var(--bg);min-height:100vh}button,input,select,textarea{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0}button:disabled{cursor:default;opacity:.42}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible,select:focus-visible{outline:3px solid var(--cyan);outline-offset:5px}a{color:var(--cyan)}::selection{background:var(--lime);color:var(--bg)}h1,h2,h3,p{margin-top:0}h2,h3{font-family:var(--display);font-weight:500}input{color:var(--ink);background:#121b17;border:1px solid #405143;border-radius:3px;min-height:48px;padding:12px 15px;width:100%}input::placeholder{color:#7d8b81}input:hover{border-color:#708269}
header{max-width:1376px;margin:auto;padding:27px 48px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line)}.brand{font-family:var(--display);font-size:18px;font-weight:700;letter-spacing:-.4px;display:flex;align-items:center;gap:12px;color:var(--ink);text-decoration:none}.brand>span:first-child{color:var(--lime)}.brand .logo,.logo{display:inline-flex;width:33px;height:33px;justify-content:center;align-items:center;border:1px solid #596844;color:var(--lime);font-family:var(--mono);font-size:17px;background:#1b2515}.header-right{display:flex;align-items:center;gap:22px}.status-dot{display:inline-block;width:7px;height:7px;background:var(--lime);border-radius:50%;box-shadow:0 0 13px #c4f15466;margin-right:7px}.chip{font:11px var(--mono);letter-spacing:1.2px;text-transform:uppercase;color:var(--muted);white-space:nowrap}.text-button{background:transparent;padding:8px 0;color:var(--muted);font-size:13px;border-bottom:1px solid transparent}.text-button:hover{color:var(--ink);border-bottom-color:var(--ink)}main.shell{max-width:1280px;margin:0 auto;padding:0 48px}
.landing{display:grid;grid-template-columns:1.06fr 1fr;gap:52px;align-items:center;min-height:calc(100vh - 163px);padding:60px 0 68px}.hero-copy{position:relative;z-index:1}.eyebrow{color:var(--lime);font-family:var(--mono);font-size:11px;letter-spacing:2px;text-transform:uppercase;display:flex;align-items:center;gap:9px;margin-bottom:25px}.eyebrow:before{content:'';display:inline-block;width:22px;height:1px;background:currentColor}h1{font-family:var(--display);font-size:clamp(48px,5.5vw,78px);font-weight:600;line-height:1.04;letter-spacing:-4px;margin-bottom:26px}h1 em{color:var(--lime);font-style:normal}.lead{max-width:460px;color:var(--muted);font-size:17px;line-height:1.7;margin-bottom:30px}.lead strong{color:var(--ink);font-weight:500}.start-form{max-width:445px;display:flex;flex-wrap:wrap;gap:10px}.start-form label{display:block;flex-basis:100%;font:11px var(--mono);letter-spacing:1.4px;color:var(--muted);text-transform:uppercase;margin-bottom:2px}.start-form input{flex:1;min-width:150px;width:auto}.primary,.secondary{min-height:48px;padding:13px 22px;font-weight:600;font-size:14px;border-radius:3px;transition:background .15s ease,transform .15s ease}.primary{background:var(--lime);color:#17230b;border:1px solid var(--lime)}.primary:hover:not(:disabled){background:#d7ff8b;transform:translateY(-1px)}.secondary{color:var(--muted);border:1px solid #405143;background:transparent}.secondary:hover:not(:disabled){color:var(--ink);border-color:#83937e;background:#1a241d}.stats{display:flex;flex-wrap:wrap;gap:23px;margin-top:30px;color:var(--dim);font-family:var(--mono);font-size:11px}.stats>span{display:flex;gap:6px;align-items:center}.stats strong{font-weight:400;color:var(--muted)}.hero-visual{position:relative;min-width:0}.hero-visual:before{content:'';position:absolute;inset:10%;background:#a5f4430b;filter:blur(40px);border-radius:50%;pointer-events:none}.hero-visual svg{position:relative;display:block;width:100%;height:auto;overflow:visible}.terminal-caption{display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding-top:15px;font:10px var(--mono);color:var(--dim);letter-spacing:1px;text-transform:uppercase}.terminal-caption span:last-child{color:var(--lime)}
.game-top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:27px 0 23px}.crew-tag{font-family:var(--display);font-weight:600;font-size:16px}.crew-tag span{color:var(--muted);font-family:var(--mono);font-size:11px;font-weight:400;letter-spacing:1px;margin-right:10px}.game-progress{font:11px var(--mono);color:var(--lime);letter-spacing:1px;margin-left:auto}.abort{font-size:12px;color:var(--muted);background:transparent;padding:7px 0}.abort:hover{color:var(--red)}.mission-rail{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid var(--line);border-radius:4px;overflow:hidden;margin:0 0 22px}.rail-step{display:flex;align-items:center;gap:12px;text-align:left;background:#101713;border-right:1px solid var(--line);padding:16px 18px;color:var(--dim);position:relative;min-width:0;min-height:63px}.rail-step:last-child{border-right:0}.rail-step.active{background:#202c18;color:var(--lime)}.rail-step.active:after{content:'';position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--lime)}.rail-step.done{color:var(--cyan);background:#14231d}.rail-step.locked{cursor:default;opacity:.6}.step-no{font:12px var(--mono);color:inherit;flex-shrink:0}.step-name{font-size:12px;font-weight:500;line-height:1.35}.brief-strip{padding:15px 20px;border:1px solid #334139;border-left:2px solid var(--purple);background:#171c1d;margin-bottom:23px;font-size:14px;line-height:1.6;color:var(--muted)}.brief-strip strong{color:#ded5f0;font-weight:500}
.workbench{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:22px;align-items:start;padding-bottom:40px}.console-panel{min-width:0;background:linear-gradient(130deg,#17221b,#111914);border:1px solid #3a4b3d;border-radius:5px;overflow:hidden;box-shadow:0 16px 40px #0002}.console-header{display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid var(--line);padding:14px 23px;color:var(--muted);font:10px var(--mono);letter-spacing:1.2px;text-transform:uppercase}.console-header>span:last-child{color:var(--lime)}.mission-title{font-family:var(--display);font-size:30px;font-weight:500;line-height:1.2;letter-spacing:-1px;margin:27px 28px 12px}.mission-brief{margin:0 28px 22px;font-size:14px;line-height:1.65;color:var(--muted);max-width:650px}.puzzle-stage{padding:0 28px 24px;min-width:0}.puzzle-stage>p{font-size:14px;color:var(--muted)}.intel-panel{min-width:0}.intel-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;font:11px var(--mono);letter-spacing:1.5px;color:var(--muted);text-transform:uppercase;margin:4px 0 15px}.intel-heading span{color:var(--dim);font-size:10px;letter-spacing:0}.intel-card{display:block;width:100%;padding:18px;background:#151b19;border:1px solid var(--line);border-radius:4px;margin-bottom:12px;text-align:left;color:var(--ink);transition:border-color .15s ease,background .15s ease}.intel-card:hover{border-color:#69795b;background:#1b241e}.intel-card.read{border-color:#465641;background:#18221a}.intel-role{display:flex;align-items:center;justify-content:space-between;gap:8px;font-family:var(--mono);font-size:10px;letter-spacing:1.2px;color:var(--purple);text-transform:uppercase;margin-bottom:10px}.intel-role>span{font-size:10px;color:var(--dim);letter-spacing:0}.intel-content{font-size:14px;line-height:1.65;color:#c0c9c1}.intel-content strong{color:var(--ink);font-weight:600}.intel-content p:last-child{margin:0}.intel-card summary{cursor:pointer;list-style:none}.intel-card summary::-webkit-details-marker{display:none}.intel-card summary:after{content:'+';float:right;color:var(--lime);font:16px var(--mono)}.intel-card[open] summary:after{content:'−'}.intel-card[open] .intel-content{margin-top:15px}
.console-footer{padding:19px 28px 24px;border-top:1px solid var(--line);background:#111a1480}.button-row{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.button-row .secondary{font-size:12px}.status-message{font-size:14px;line-height:1.6;margin-top:15px;margin-bottom:0;padding:12px 14px;border:1px solid #52603d;border-radius:3px;color:var(--lime);background:#212c19}.status-message:empty{display:none}.status-message.error{border-color:#784e3a;background:#2e201b;color:#ffc09d}.status-message.success{border-color:#375e49;background:#172b21;color:var(--cyan)}.hint-box{padding:13px 15px;border-left:2px solid var(--purple);background:#23202c;color:#cfbfe6;font-size:13px;line-height:1.65;margin-top:14px}.hint-box:empty{display:none}.terminal-log{font-family:var(--mono);font-size:12px;line-height:1.9;color:var(--dim);background:#0c130f;border:1px solid #29392e;border-radius:3px;padding:16px 18px;overflow-wrap:anywhere;margin:18px 0}.terminal-log span,.terminal-log strong{color:var(--cyan);font-weight:400}
.cipher-readout{display:flex;justify-content:center;gap:9px;border:1px solid #334a37;background:#0b130e;padding:25px 14px;border-radius:3px;position:relative}.cipher-letter{font:500 clamp(24px,3vw,40px) var(--mono);color:var(--lime);min-width:38px;text-align:center;text-shadow:0 0 20px #c4f16420}.cipher-dial{display:flex;align-items:center;justify-content:center;gap:28px;padding:24px 10px}.cipher-dial button{height:43px;width:43px;background:#202f22;border:1px solid #4b6348;border-radius:50%;color:var(--lime);font:25px var(--mono);display:flex;justify-content:center;align-items:center}.cipher-dial button:hover{background:#30462a}.dial-value{font-family:var(--mono);font-size:22px;color:var(--ink);min-width:100px;text-align:center}.dial-value small{display:block;font-size:10px;color:var(--muted);letter-spacing:1.1px;margin-bottom:4px}.alphabet-row{font-family:var(--mono);font-size:11px;letter-spacing:2.2px;overflow-wrap:anywhere;color:var(--dim);text-align:center;line-height:2;margin:10px 0 19px}.terminal-input{display:block;margin:15px 0 0}.terminal-input label{display:block;font:11px var(--mono);letter-spacing:1px;color:var(--muted);margin-bottom:9px;text-transform:uppercase}.terminal-input input{font-family:var(--mono);letter-spacing:2px;text-transform:uppercase}
.route-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;position:relative}.route-node{border:1px solid #384b3c;border-radius:3px;background:#18221a;color:var(--muted);min-height:76px;padding:12px 8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;font-family:var(--mono);font-size:14px}.route-node span,.route-node small{font-family:var(--font);font-size:11px;color:var(--dim);line-height:1.2}.route-node:hover:not(:disabled){background:#24321f;border-color:#7f9858}.route-node.selected{background:#2a391e;color:var(--lime);border-color:var(--lime);box-shadow:inset 0 0 0 1px #c4f16444}.route-node.selected span,.route-node.selected small{color:#c4cfad}.route-node.start,.route-node.end{color:var(--cyan);border-color:#477464;background:#182c23}.route-node.blocked{color:#aa7d76;border-color:#634239;background:repeating-linear-gradient(135deg,#211b18,#211b18 7px,#251e1a 7px,#251e1a 14px)}.route-path{font:12px var(--mono);color:var(--cyan);padding:15px 0;line-height:1.8;min-height:48px;overflow-wrap:anywhere}.route-control{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:12px;color:var(--dim);margin:14px 0}.route-control button{background:transparent;color:var(--muted);font-size:12px;padding:6px;border-bottom:1px solid #53614f}
.token-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.token-card{position:relative;min-height:144px;text-align:left;border:1px solid #3c4d3c;background:#17211a;border-radius:4px;color:var(--ink);padding:19px;transition:background .15s ease,border-color .15s ease}.token-card:hover{border-color:#859b65;background:#202d1f}.token-card.selected{border-color:var(--lime);background:#23321e;box-shadow:inset 0 0 0 1px #c4f16444}.token-card.selected:after{content:'✓';position:absolute;right:15px;top:12px;color:var(--lime);font-family:var(--mono)}.token-id{font-family:var(--mono);font-size:16px;letter-spacing:1px;color:var(--cyan);margin-bottom:15px;display:block}.token-detail{font-size:12px;color:var(--muted);line-height:1.7;display:block}.token-detail strong{color:var(--ink);font-weight:500}
.fragment-pool{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px 0}.fragment-card{width:100%;position:relative;border:1px solid #405140;background:#19251c;padding:15px 16px;border-radius:3px;color:var(--ink);text-align:left;font-size:13px;line-height:1.5}.fragment-card:hover{border-color:#83966c}.fragment-card.selected{border-color:var(--lime);background:#2b381f;color:var(--lime)}.fragment-card span,.fragment-card small{display:block;font:10px var(--mono);letter-spacing:.8px;color:var(--dim);margin-bottom:7px}.fragment-card.selected small,.fragment-card.selected span{color:#9cb271}.fragment-slots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:20px 0}.fragment-slot{border:1px dashed #536843;padding:15px 10px;min-height:91px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font-size:12px;color:var(--muted);background:#172017;border-radius:3px;gap:8px}.fragment-slot strong{font:13px var(--mono);color:var(--lime)}.fragment-slot.filled{border-style:solid;border-color:#829b60;color:var(--ink);background:#24301e}
.key-segments{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;padding:16px 0 4px}.key-segment{min-width:0}.key-segment label{display:block;font:10px var(--mono);color:var(--muted);text-transform:uppercase;letter-spacing:1px;min-height:30px;margin-bottom:8px}.key-segment input{font:24px var(--mono);padding:17px 7px;text-align:center;letter-spacing:2px;color:var(--lime);border-color:#546742;background:#101910;min-width:0}.success-banner{padding:19px 20px;border:1px solid #688642;background:linear-gradient(100deg,#26381c,#17281c);border-radius:4px;margin:20px 0 0}.success-banner h3{color:var(--lime);font-size:20px;margin-bottom:8px}.success-banner p{font-size:13px;color:#b8c7ae;margin-bottom:12px}.loot{display:inline-flex;gap:10px;align-items:center;padding:8px 12px;font:11px var(--mono);letter-spacing:1px;color:var(--cyan);border:1px solid #47664c;background:#102317}.loot strong{color:var(--lime);font-weight:500;font-size:15px}
.finish{padding:54px 0 60px;max-width:950px;margin:auto}.finish-hero{text-align:center;max-width:680px;margin:0 auto 35px}.finish-hero .eyebrow{justify-content:center}.finish-hero h1{font-size:58px;letter-spacing:-2.5px;margin:18px 0}.finish-hero p{color:var(--muted);font-size:16px;line-height:1.7}.finish-hero svg{width:90px;height:90px;margin:auto}.finish-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.finish-card{padding:22px 20px;border:1px solid var(--line);border-radius:4px;background:#152019}.finish-card h3{font-size:17px;margin-bottom:10px;color:var(--lime)}.finish-card p{font-size:13px;color:var(--muted);line-height:1.7;margin-bottom:0}.finish-card .eyebrow{font-size:10px;margin-bottom:14px;color:var(--dim)}.debrief{margin:26px 0;padding:23px;border:1px solid #514261;background:#201c27;border-radius:4px;color:#c7bad8;font-size:15px;line-height:1.7}.debrief strong{color:#e1d4f1}.finish>.button-row{justify-content:center;margin-top:30px}
.help-dialog{width:min(590px,calc(100vw - 36px));padding:28px 30px;background:#17211b;border:1px solid #536747;border-radius:6px;color:var(--ink);box-shadow:0 20px 100px #0008;max-height:85vh}.help-dialog::backdrop{background:#020804cc;backdrop-filter:blur(5px)}.dialog-top{display:flex;justify-content:space-between;align-items:center;gap:15px;border-bottom:1px solid var(--line);padding-bottom:15px;margin-bottom:23px}.dialog-top h2{margin:0;font-size:24px;letter-spacing:-.6px}.close{padding:7px;background:transparent;font-size:25px;color:var(--muted);line-height:1}.close:hover{color:var(--lime)}.help-dialog p,.help-dialog li{font-size:14px;color:var(--muted);line-height:1.7}.help-dialog ol,.help-dialog ul{padding-left:23px}.help-dialog li{padding:5px 0}.help-dialog strong{color:var(--ink);font-weight:500}footer{max-width:1280px;margin:auto;padding:20px 48px 25px;border-top:1px solid #233128;display:flex;justify-content:space-between;gap:20px;color:var(--dim);font-family:var(--mono);font-size:10px;letter-spacing:.4px}footer a{color:var(--muted);text-decoration:none}footer span:last-child{color:var(--muted)}.muted{color:var(--muted)}.mono{font-family:var(--mono)}.hidden,[hidden]{display:none!important}
@media(min-width:1500px){.landing{min-height:750px}.hero-visual{transform:scale(1.06)}}
@media(max-width:1080px){header{padding:23px 32px}main.shell{padding:0 32px}.landing{gap:30px;padding:55px 0}h1{font-size:58px;letter-spacing:-3px}.lead{font-size:16px}.workbench{grid-template-columns:minmax(0,1fr) 270px;gap:16px}.rail-step{padding:14px 12px;gap:9px}.mission-title{font-size:27px}.mission-title,.mission-brief{margin-left:23px;margin-right:23px}.puzzle-stage,.console-footer{padding-left:23px;padding-right:23px}.stats{gap:15px}footer{padding-left:32px;padding-right:32px}}
@media(max-width:800px){.header-right{gap:15px}.header-right .chip{display:none}.landing{grid-template-columns:1fr 1fr;gap:20px;min-height:680px}h1{font-size:49px;letter-spacing:-2.6px}.start-form .primary{width:100%}.start-form input{flex-basis:100%}.stats{gap:10px;font-size:10px}.lead{font-size:15px}.workbench{grid-template-columns:minmax(0,1fr)}.intel-panel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;order:-1}.intel-heading{grid-column:1/-1;margin-bottom:0}.intel-card{margin:0;padding:14px;align-self:start}.intel-content{font-size:12px}.intel-role{font-size:10px;letter-spacing:.6px}.mission-rail{margin-bottom:16px}.step-name{font-size:11px}.rail-step{padding:14px 9px;gap:7px}.step-no{font-size:10px}.finish-grid{gap:10px}.finish-card{padding:18px 15px}}
@media(max-width:600px){header{padding:19px 20px;gap:10px}.brand{font-size:16px;gap:8px}.brand .logo,.logo{width:29px;height:29px;font-size:15px}.header-right .text-button{font-size:11px}.header-right{gap:12px}main.shell{padding:0 20px}.landing{display:flex;flex-direction:column;align-items:stretch;gap:34px;min-height:auto;padding:41px 0 35px}.eyebrow{font-size:10px;letter-spacing:1.5px;margin-bottom:20px}h1{font-size:54px;letter-spacing:-3px;margin-bottom:23px}.lead{font-size:15px;line-height:1.65;margin-bottom:25px}.start-form{max-width:none}.start-form input{flex-basis:auto;min-width:100px}.start-form .primary{width:auto;padding-left:17px;padding-right:17px}.stats{font-size:10px;gap:16px;margin-top:22px}.hero-visual{width:100%;max-width:460px;margin:auto}.terminal-caption{font-size:9px;letter-spacing:.5px;padding-top:12px}.game-top{padding:21px 0 17px;gap:10px;flex-wrap:wrap}.crew-tag{font-size:14px;max-width:70%;overflow-wrap:anywhere}.crew-tag span{font-size:10px;display:block;margin:0 0 4px}.game-progress{font-size:10px;letter-spacing:.4px;margin-left:0}.abort{font-size:11px;margin-left:auto}.mission-rail{gap:0}.rail-step{padding:12px 4px 14px;flex-direction:column;gap:7px;align-items:center;text-align:center;min-height:75px}.step-no{font-size:11px}.step-name{font-size:10px;line-height:1.4}.brief-strip{padding:12px 14px;font-size:13px;margin-bottom:19px;line-height:1.6}.workbench{gap:19px;padding-bottom:30px}.intel-panel{display:flex;flex-direction:column;gap:8px}.intel-heading{font-size:10px;margin-bottom:2px}.intel-heading span{font-size:10px}.intel-card{padding:12px 14px}.intel-role{font-size:10px;letter-spacing:.9px;margin-bottom:5px}.intel-content{font-size:13px;line-height:1.6}.intel-card[open] .intel-content{margin-top:10px}.console-header{padding:12px 17px;font-size:10px;letter-spacing:.5px}.mission-title{font-size:27px;margin:23px 18px 12px;letter-spacing:-.7px}.mission-brief{margin:0 18px 19px;font-size:13px;line-height:1.7}.puzzle-stage{padding:0 18px 19px}.console-footer{padding:17px 18px 20px}.cipher-readout{padding:22px 8px;gap:4px}.cipher-letter{font-size:28px;min-width:28px}.cipher-dial{gap:23px;padding:22px 6px}.alphabet-row{font-size:10px;letter-spacing:1.5px}.terminal-log{font-size:12px;padding:13px 14px;line-height:1.9}.route-grid{gap:7px}.route-node{min-height:71px;padding:10px 5px;font-size:12px}.route-node span,.route-node small{font-size:11px}.route-path{font-size:11px}.token-grid{gap:9px}.token-card{padding:15px 12px;min-height:147px}.token-id{font-size:14px;letter-spacing:.5px;margin-bottom:10px}.token-detail{font-size:12px}.token-card.selected:after{right:9px;top:7px;font-size:12px}.fragment-pool{gap:8px}.fragment-card{font-size:12px;padding:12px 10px}.fragment-slots{gap:7px;margin:17px 0}.fragment-slot{font-size:12px;padding:12px 7px;min-height:96px}.fragment-slot strong{font-size:11px}.key-segments{gap:9px}.key-segment label{font-size:10px;letter-spacing:.4px}.key-segment input{font-size:21px;letter-spacing:1px;padding:16px 5px}.primary,.secondary{font-size:13px;padding:12px 17px}.button-row{gap:8px}.button-row .secondary{font-size:12px}.status-message{font-size:13px;padding:11px 12px}.hint-box{font-size:12px;padding:11px 13px}.success-banner{padding:16px}.success-banner h3{font-size:19px}.success-banner p{font-size:12px}.loot{font-size:10px;letter-spacing:.5px}.finish{padding:38px 0}.finish-hero h1{font-size:43px;letter-spacing:-2px}.finish-hero p{font-size:14px}.finish-grid{grid-template-columns:1fr;gap:12px}.finish-card{padding:20px}.finish-card h3{font-size:18px}.finish-card p{font-size:13px}.debrief{font-size:14px;padding:19px;margin:21px 0}.help-dialog{padding:22px}.dialog-top h2{font-size:21px}footer{padding:18px 20px 23px;flex-direction:column;gap:8px;font-size:10px;line-height:1.5}}
@media(max-width:370px){h1{font-size:47px}.brand{font-size:14px}.start-form .primary{width:100%}.start-form input{flex-basis:100%}.stats{gap:10px;font-size:10px}.cipher-letter{min-width:24px;font-size:25px}.token-card{padding:13px 10px}.token-id{font-size:12px}.button-row .primary{flex:1}}
.brand-symbol{display:grid;place-items:center;width:33px;height:33px;border:1px solid #4e663d;background:#192515;font-size:26px}.brand-sub{font:9px var(--mono);letter-spacing:1.2px;color:var(--dim);max-width:140px;border-left:1px solid var(--line);padding-left:15px;line-height:1.7;margin-left:5px}.landing{min-height:650px;gap:38px;padding:70px 0}.hero-copy h1{font-size:clamp(44px,4.5vw,65px);letter-spacing:-3px;line-height:1.1}.no-experience{color:#c2ccb9;font-size:13px;margin:-9px 0 29px}.start-row{display:flex;gap:10px;width:100%}.start-row input{min-width:0;width:100%;flex:1}.start-row .primary{white-space:nowrap;font-size:12px;letter-spacing:.4px;padding:12px 15px}.primary{display:inline-flex;align-items:center;justify-content:center;gap:17px}.visual-label{display:flex;justify-content:space-between;gap:15px;font:9px var(--mono);color:var(--muted);letter-spacing:1px;padding-bottom:15px;border-bottom:1px solid var(--line)}.visual-label span:last-child{color:var(--purple)}.terminal-caption{display:block;line-height:2}.terminal-caption .dim{color:var(--dim)!important;display:inline-block}.blinking-cursor{color:var(--lime)}.brief-strip{display:flex;align-items:center;gap:25px;padding:20px}.brief-strip p{margin:0;font-size:13px}.brief-number,.brief-tag{flex-shrink:0;font:10px var(--mono);color:var(--purple)}.brief-tag{max-width:125px;line-height:1.7;color:var(--lime)}.rail-step{flex-wrap:wrap;gap:7px 10px}.step-name{flex:1}.rail-state{font:8px var(--mono);letter-spacing:1px;width:100%;padding-left:25px}.mission-heading{padding-top:24px}.mission-heading>.eyebrow{margin:0 28px 12px;font-size:10px}.mission-heading .mission-title{margin-top:0}.puzzle-label{display:flex;justify-content:space-between;gap:15px;font:9px var(--mono);letter-spacing:.7px;color:var(--dim);margin:17px 0 12px}.puzzle-label span:last-child{color:#9ab49f}.cipher-tool{margin-top:18px;padding:18px;background:#0c150f;border:1px solid #2b3f2e}.tool-label{display:block;text-align:center;font:9px var(--mono);letter-spacing:1px;color:var(--dim)}.dial-value strong{display:block;font-size:26px;font-weight:400}.dial-value>span{display:block;font-size:9px;letter-spacing:1px;color:var(--muted);margin-top:5px}.alphabet-row{display:flex;align-items:center;justify-content:center;gap:20px;letter-spacing:1px;margin:0}.alphabet-row>span{font-size:9px}.alphabet-row strong{font-size:22px;color:var(--cyan);letter-spacing:4px;font-weight:500}.terminal-input>span{display:block;font:10px var(--mono);letter-spacing:1px;color:var(--muted);margin-bottom:10px}.terminal-input>div{position:relative}.terminal-input>div>b{position:absolute;left:15px;top:11px;color:var(--lime);font:22px var(--mono)}.terminal-input>div>input{padding-left:36px}.console-footer{display:flex;justify-content:space-between;gap:15px;align-items:center}.console-panel>form>.status-message,.console-panel>form>.hint-box{margin:0 28px 22px}.status-message>strong{font:11px var(--mono);letter-spacing:1px}.status-message p{margin:8px 0 12px;font-size:13px}.status-message .loot{display:flex;justify-content:space-between}.loot b{font-size:17px;letter-spacing:2px;color:var(--lime)}.hint-box strong{font:10px var(--mono);letter-spacing:1px}.hint-box p{margin:7px 0 0}.terminal-log{margin:0;border:0;border-top:1px solid var(--line);border-radius:0;font-size:10px;padding:17px 28px}.terminal-log div>span{color:var(--dim);margin-right:12px}.terminal-cursor{color:var(--lime)}.intel-intro{font-size:12px;color:var(--muted);line-height:1.8;margin-bottom:19px}.intel-content{display:block;font-size:13px}.intel-role{justify-content:flex-start;letter-spacing:.5px;gap:8px;line-height:1.5}.intel-role>span:last-child{margin-left:auto;font-size:16px}.role-dot{width:6px;height:6px;background:var(--purple);border-radius:50%;flex-shrink:0}.role-1{background:var(--cyan)}.role-2{background:var(--lime)}.intel-tip{padding:17px 0;border-top:1px solid var(--line);margin-top:18px}.intel-tip>span,.recovered>span{font:10px var(--mono);color:var(--dim);letter-spacing:1px}.intel-tip p,.recovered p{font-size:12px;line-height:1.8;color:var(--muted);margin:10px 0 0}.recovered{padding-top:12px}.recovered>div{display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line);padding:13px 0;font:11px var(--mono)}.recovered>div>span{color:var(--dim)}.recovered b{margin-left:auto;color:var(--lime)}.recovered strong{color:var(--cyan);font-weight:400}.route-layout{position:relative;padding:0 35px}.route-in,.route-out{position:absolute;top:25%;transform:translateY(-50%);font:10px var(--mono);color:var(--cyan)}.route-in{left:0}.route-out{right:0}.route-grid{gap:8px;max-width:480px;margin:auto}.route-node{position:relative;aspect-ratio:1;min-height:0;padding:0;border-radius:0;overflow:hidden}.route-node svg{display:block;width:100%;height:100%;aspect-ratio:1}.route-node .node-label{position:absolute;top:7px;left:7px;font:9px var(--mono);z-index:1}.route-node .blocked-mark{font:35px var(--mono);color:#9a6053}.route-path{display:flex;justify-content:space-between;gap:15px}.route-path>span{font-size:10px;color:var(--dim)}.route-path strong{font-weight:400}.puzzle-note{font-size:12px!important;line-height:1.7;color:var(--muted);margin:16px 0 0}.token-id{display:flex;justify-content:space-between}.token-id>b{font-weight:500}.token-id>span{color:var(--lime)}.token-detail{display:flex;justify-content:space-between;gap:10px;margin-top:8px;font-family:var(--mono);font-size:11px}.token-detail>span{color:var(--dim);font-size:10px}.pulse-code{letter-spacing:3px;color:var(--lime)!important;font-size:18px}.token-card.selected:after{display:none}.fragment-slots{grid-template-columns:1fr 1fr}.fragment-slot{position:relative;padding:14px;align-items:stretch;text-align:left;min-height:100px}.fragment-slot .slot-index{font:9px var(--mono);color:var(--dim)}.fragment-slot>button{position:absolute;right:8px;top:5px;background:none;color:var(--ink);font-size:19px}.fragment-slot .fragment-card{padding:0;border:0;background:none}.fragment-card{display:grid;grid-template-columns:auto 1fr auto;gap:9px;align-items:center;min-width:0}.fragment-card .fragment-id{font:10px var(--mono);color:var(--dim);margin:0}.fragment-card>strong{font:10px var(--mono);line-height:1.7;font-weight:400;overflow-wrap:anywhere}.fragment-card>strong>span{display:inline;color:var(--dim);margin:0}.fragment-card .fragment-digit{font:23px var(--mono);color:var(--cyan)}.fragment-card .add-mark{position:absolute;right:6px;top:4px;font-size:10px}.key-segments{grid-template-columns:1fr;gap:12px;margin-top:17px}.key-segment{display:flex;align-items:center;gap:14px;padding:20px 17px;border:1px solid #475243;border-radius:3px;background:#152019;color:var(--ink);text-align:left}.key-segment.armed{background:#25341d;border-color:var(--lime)}.key-segment strong{font:11px var(--mono);display:block;line-height:1.6}.key-segment small{display:block;font-size:11px;color:var(--muted);margin-top:5px}.key-segment>b{margin-left:auto;font:10px var(--mono);color:var(--lime);white-space:nowrap}.segment-icon{font-size:30px;color:var(--cyan)}.finish-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:30px;max-width:none;text-align:left;align-items:center;margin:65px 0 45px}.finish-hero .eyebrow{justify-content:flex-start}.finish-hero svg{width:100%;height:auto}.finish-hero .lead{max-width:490px}.finish-hero h1{font-size:54px;line-height:1.12}.finish-stats{display:flex;gap:16px;font:10px var(--mono);color:var(--cyan);margin:25px 0}.finish-grid{grid-template-columns:repeat(5,1fr)}.finish-card{padding:18px 15px}.finish-card>span{font:9px var(--mono);color:var(--dim)}.finish-card h2{font-size:16px;line-height:1.4;color:var(--lime);margin:15px 0 10px}.finish-card p{font-size:12px}.debrief>span{font:10px var(--mono);letter-spacing:1px;color:var(--purple)}.debrief p{font-size:15px;margin:12px 0}.debrief strong{font-size:13px;font-weight:400}.dialog-top>span{font:10px var(--mono);letter-spacing:1px;color:var(--lime)}.dialog-content h2{font-size:28px;line-height:1.2}.dialog-content .primary{margin-top:20px}.dialog-note{font-size:12px!important;color:var(--dim)!important;margin-top:20px}
@media(max-width:1100px){.brand-sub{display:none}.brief-tag{display:none}.hero-copy h1{font-size:52px}.start-row{flex-wrap:wrap}.start-row .primary{width:100%}.start-row input{width:100%;flex-basis:100%}.finish-grid{grid-template-columns:repeat(3,1fr)}.finish-hero h1{font-size:45px}.rail-state{font-size:7px}}
@media(max-width:800px){.intel-intro,.intel-tip,.recovered{grid-column:1/-1}.intel-intro{margin:0}.intel-tip{display:none}.recovered{display:none}.mission-heading>.eyebrow{margin-left:23px}.landing{min-height:610px}.hero-copy h1{font-size:45px}.console-footer{flex-wrap:wrap}.key-segment{padding:17px 13px}.rail-state{display:none}.finish-hero{grid-template-columns:1fr}.finish-hero .hero-visual{max-width:420px}.recovered:has(div:nth-child(5)){display:block}.mission-title{font-size:27px}}
@media(max-width:600px){.landing{padding:40px 0 28px;min-height:0;gap:32px}.hero-copy h1{font-size:43px;letter-spacing:-2.2px}.no-experience{font-size:12px;line-height:1.8}.start-row{flex-wrap:nowrap}.start-row input{min-width:0;flex:1;font-size:12px;width:100%}.start-row .primary{width:auto;font-size:10px;gap:10px;padding:12px}.visual-label{font-size:8px}.brief-strip{display:block;padding:16px}.brief-strip p{margin-top:9px}.brand{font-size:15px;gap:8px}.brand-symbol{width:27px;height:27px;font-size:21px}.header-right{gap:11px}.header-right .text-button{font-size:10px}.mission-heading>.eyebrow{margin-left:18px}.mission-heading .mission-title{font-size:27px}.mission-rail .step-name{font-size:9px}.rail-step{flex-wrap:nowrap}.puzzle-label{font-size:8px;line-height:1.7;gap:10px}.puzzle-label span:last-child{text-align:right}.cipher-tool{padding:15px 10px}.alphabet-row{gap:12px;letter-spacing:.5px}.alphabet-row strong{font-size:18px}.alphabet-row>span{font-size:8px}.terminal-input>span{font-size:9px;line-height:1.7}.console-footer .primary{font-size:11px;gap:14px;max-width:100%}.console-footer .text-button{font-size:10px}.console-panel>form>.status-message,.console-panel>form>.hint-box{margin-left:18px;margin-right:18px}.console-header{font-size:9px}.console-footer{gap:12px}.route-layout{padding:0 23px}.route-in,.route-out{font-size:8px}.route-grid{gap:5px}.route-node .node-label{font-size:7px;top:4px;left:4px}.route-path{font-size:10px}.fragment-slots,.fragment-pool{gap:8px}.fragment-slot{padding:12px 9px}.fragment-card{padding:12px 8px;gap:6px}.fragment-card>strong{font-size:9px}.fragment-card .fragment-digit{font-size:19px}.fragment-card .fragment-id{font-size:8px}.key-segment{gap:10px;padding:16px 10px}.key-segment strong{font-size:9px}.key-segment small{font-size:10px}.key-segment>b{font-size:9px}.segment-icon{font-size:23px}.finish-hero{margin:40px 0 25px;gap:25px}.finish-hero h1{font-size:42px}.finish-stats{gap:12px;font-size:9px}.finish-grid{grid-template-columns:1fr}.finish-card{padding:20px}.finish-card h2{font-size:18px}.terminal-log{padding:14px 18px;font-size:9px}.recovered{display:none!important}}
@media(max-width:800px){.intel-panel:has(.recovered>div:nth-child(5)) .recovered{display:block!important}.intel-panel:has(.recovered>div:nth-child(5)) .recovered>div:not(:last-child){display:none}}
.recovery-network svg{display:block;width:100%;height:auto}.recovery-summary{display:flex;align-items:center;gap:10px;padding:18px 16px;margin:20px 0 26px;border:1px solid #3b513b;background:#17271c;color:#c2d9b8;font-size:13px;line-height:1.7}.recovery-summary .status-dot{flex-shrink:0}.console-footer:not(:has(#hint)){justify-content:flex-end}.recovery-panel .recovered{display:block!important}.recovery-panel .recovered>div{display:flex!important}@media(max-width:800px){.recovery-network{display:none}.recovery-panel .recovered{padding-top:0}.recovery-panel .recovered>div:not(:last-child){display:none!important}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
