@import url("https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;600;700&family=Rajdhani:wght@400;500;600;700&display=swap");:root{--background:#070b12;--panel:#0d131d;--border:#263a54;--border-bright:#3c628c;--blue:#4d9be8;--blue-bright:#78c2ff;--blue-dark:#1d4770;--text:#e7f1fc;--muted:#7e91a8;--muted-bright:#a6b9cf;--green:#65dca4}*{box-sizing:border-box}#__next,body,html{margin:0;min-height:100%;background:var(--background);color:var(--text)}body{font-family:Rajdhani,sans-serif;background:radial-gradient(ellipse at 50% -20%,rgba(42,105,165,.25),transparent 55%),radial-gradient(ellipse at 0 100%,rgba(20,65,110,.12),transparent 45%),#070b12}body:before{opacity:.07;background-image:linear-gradient(rgba(90,150,210,.35) 1px,transparent 0),linear-gradient(90deg,rgba(90,150,210,.35) 1px,transparent 0);background-size:50px 50px;z-index:0}body:after,body:before{content:"";position:fixed;inset:0;pointer-events:none}body:after{background:repeating-linear-gradient(0deg,transparent 0 3px,hsla(0,0%,100%,.018) 4px);z-index:50}.playtest-banner{display:flex;align-items:center;justify-content:center;gap:14px;padding:10px 16px;background:linear-gradient(180deg,#111d2a,#0a121b);border-bottom:1px solid var(--border-bright);color:var(--muted-bright);font-family:Orbitron,sans-serif;font-size:10px;letter-spacing:1.2px;text-transform:uppercase;text-align:center;box-shadow:0 2px 18px rgba(0,0,0,.25)}.playtest-button{display:inline-block;padding:8px 14px;border:1px solid var(--blue);background:linear-gradient(180deg,#173b57,#102638);color:var(--blue-bright);font-size:9px;font-weight:600;letter-spacing:1.1px;transition:.18s ease}.playtest-button:hover{border-color:var(--blue-bright);box-shadow:0 0 14px rgba(70,150,220,.25)}.terminal{min-height:100vh;position:relative;z-index:1}.top{position:-webkit-sticky;position:sticky;top:0;z-index:20;height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 32px;background:rgba(7,12,19,.94);border-top:1px solid var(--border-bright);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.top:before{left:0;top:-1px;width:180px;height:2px;background:linear-gradient(90deg,var(--blue-bright),transparent);box-shadow:0 0 12px rgba(90,170,240,.45)}.top:after,.top:before{content:"";position:absolute}.top:after{right:0;bottom:-1px;width:240px;height:1px;background:linear-gradient(90deg,transparent,var(--blue))}.brand{font-family:Orbitron,sans-serif;font-size:21px;letter-spacing:4px;color:#eaf5ff;text-decoration:none;font-weight:600;text-shadow:0 0 18px rgba(80,160,230,.25);text-transform:uppercase}.brand:before{content:"// ";color:var(--blue)}.save,.status{font-family:Orbitron,sans-serif;font-size:9px;letter-spacing:1.5px;color:var(--green);text-transform:uppercase}.content{max-width:1450px;margin:auto;padding:32px}.content,.hero{position:relative}.hero{padding:70px 0 50px}.hero:after{content:"SYSTEM // PERSONNEL DOSSIER // ASTROVOYAGE";position:absolute;right:0;bottom:22px;color:#3f5971;font-family:Orbitron,sans-serif;font-size:8px;letter-spacing:2px}.eyebrow{color:var(--blue);font-size:10px;letter-spacing:3px}.activeTop h1,.eyebrow,.hero h1{font-family:Orbitron,sans-serif;text-transform:uppercase}.activeTop h1,.hero h1{margin:12px 0 20px;font-weight:600;line-height:.95;letter-spacing:2px;color:#eaf5ff;text-shadow:0 0 22px rgba(80,160,230,.2)}.hero h1{font-size:clamp(42px,7vw,82px)}.hero p{max-width:650px;color:var(--muted);font-size:16px;line-height:1.7;margin-bottom:25px}.primary,.secondary,.tabs button,button{font-family:Orbitron,sans-serif;font-size:9px;font-weight:600;letter-spacing:1.1px;text-transform:uppercase;border:1px solid var(--border-bright);border-radius:3px;padding:10px 16px;background:linear-gradient(180deg,#121d2b,#0b121c);color:var(--muted-bright);cursor:pointer;transition:.18s ease}.primary{display:inline-block;background:linear-gradient(180deg,#173b57,#102638);border-color:var(--blue);color:var(--blue-bright);text-decoration:none}.primary:hover,.secondary:hover,button:hover{color:#fff;border-color:var(--blue-bright);box-shadow:0 0 14px rgba(70,150,220,.18);transform:translateY(-1px)}.panel{position:relative;background:linear-gradient(135deg,rgba(17,27,40,.98),rgba(8,13,21,.98));border:1px solid var(--border);border-radius:4px;padding:24px;margin-bottom:20px;box-shadow:inset 0 0 35px rgba(40,100,160,.035),0 12px 40px rgba(0,0,0,.25);overflow:hidden;-webkit-clip-path:polygon(0 10px,10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px));clip-path:polygon(0 10px,10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px))}.panel:before{top:-1px;left:-1px;border-top:2px solid var(--blue);border-left:2px solid var(--blue)}.panel:after,.panel:before{content:"";position:absolute;width:48px;height:48px;pointer-events:none}.panel:after{bottom:-1px;right:-1px;border-bottom:2px solid var(--blue-dark);border-right:2px solid var(--blue-dark)}.panel h2{position:relative;display:flex;align-items:center;gap:8px;margin:0 0 20px;padding-bottom:10px;border-bottom:1px solid #1d2d42;font-family:Orbitron,sans-serif;font-size:13px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:#dcecff}.panel h2:before{content:"";width:5px;height:5px;flex:0 0 5px;background:var(--blue);box-shadow:0 0 7px var(--blue)}.panel h2:after{content:"";position:absolute;left:0;bottom:-1px;width:90px;height:2px;background:linear-gradient(90deg,var(--blue),transparent)}.activeTop,.inventory-head,.panelHead{display:flex;justify-content:space-between;align-items:center;gap:20px}.activeTop{padding:25px 0 20px;margin-bottom:18px;border-bottom:1px solid var(--border)}.activeTop h1{font-size:clamp(34px,5vw,62px);margin:10px 0 0}.muted,.panelHead>span,.save-status{color:var(--muted);font-family:Orbitron,sans-serif;font-size:9px;letter-spacing:1px;text-transform:uppercase}.hud{display:grid;grid-template-columns:2fr repeat(4,1fr);grid-gap:1px;gap:1px;background:var(--border);margin-bottom:18px;border:1px solid var(--border)}.hud>div{position:relative;background:linear-gradient(180deg,#111d2a,#0a121b);padding:17px;min-height:92px}.hud>div:after{content:"";position:absolute;right:0;top:0;border-top:14px solid var(--border-bright);border-left:14px solid transparent}.hud span{display:block;color:var(--muted);font-family:Orbitron,sans-serif;font-size:8px;letter-spacing:1.5px}.hud b{display:block;font-size:25px;margin:8px 0;color:var(--blue-bright)}.hud input{width:100%;accent-color:var(--blue)}.tabs{display:flex;gap:6px;margin-bottom:18px;border-bottom:1px solid var(--border);padding-bottom:7px}.tabs button.activeTab{color:var(--blue-bright);border-color:var(--blue-bright)}.grid{display:grid;grid-gap:15px;gap:15px}.three{grid-template-columns:repeat(3,1fr)}.panel label{display:block;color:var(--muted);font-family:Orbitron,sans-serif;font-size:8px;text-transform:uppercase;letter-spacing:1.2px;margin:14px 0}.panel input,.panel select,.panel textarea{display:block;width:100%;margin-top:7px;background:linear-gradient(180deg,#080d14,#0b111a);border:1px solid #2a3d54;color:#fff;border-radius:3px;padding:11px 12px;font-family:Rajdhani,sans-serif;font-size:16px;outline:none}.panel select option{background:#0d131d;color:#e7f1fc}.panel select option:checked{background:#173b57;color:#fff}.panel textarea{min-height:92px;resize:vertical;line-height:1.45}.panel input:focus,.panel select:focus,.panel textarea:focus{border-color:var(--blue-bright);box-shadow:0 0 12px rgba(60,150,220,.17)}.row{display:flex;gap:8px}.row input{flex:1 1}.skillsEditable{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px}.skillEdit{display:grid!important;grid-template-columns:1fr 72px;align-items:center;grid-gap:8px;gap:8px;padding:8px 10px;margin:0!important;border:1px solid #213348;background:linear-gradient(90deg,rgba(13,23,35,.95),rgba(7,12,19,.95));color:#c7d4e4!important}.skillEdit input{margin:0!important;padding:7px!important;text-align:center}.inventory-head select{width:auto;min-width:230px;margin:0}.equipmentGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px}.equipmentCard{position:relative;border:1px solid #29445f;background:linear-gradient(135deg,rgba(13,27,42,.98),rgba(6,12,19,.98));padding:15px;box-shadow:inset 0 0 25px rgba(50,120,180,.025)}.equipmentCard:before{top:-1px;left:-1px;border-top:2px solid var(--blue-dark);border-left:2px solid var(--blue-dark)}.equipmentCard:after,.equipmentCard:before{content:"";position:absolute;width:24px;height:24px}.equipmentCard:after{right:-1px;bottom:-1px;border-bottom:2px solid #173958;border-right:2px solid #173958}.equipmentCardHeader{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.equipmentCardHeader h3{margin:0;color:#e7f1fc;font-family:Orbitron,sans-serif;font-size:14px;letter-spacing:1px;text-transform:uppercase}.equipmentNameInput{margin:0!important;font-family:Orbitron,sans-serif!important;font-size:14px!important;letter-spacing:1px;text-transform:uppercase}.equipmentCardHeader button{padding:6px 9px}.equipmentDivider{height:1px;background:linear-gradient(90deg,var(--blue),transparent);margin:10px 0 12px}.equipmentFields{display:grid;grid-template-columns:1fr 1fr;grid-gap:0 18px;gap:0 18px}.equipmentFields label{margin:0 0 8px}.equipmentFields label strong,.equipmentRawDetails strong,.equipmentRule strong{display:block;color:var(--blue-bright);font-family:Orbitron,sans-serif;font-size:8px;letter-spacing:.8px;text-transform:uppercase}.equipmentFields input{margin-top:5px!important;padding:7px 9px!important;font-size:14px!important}.equipmentRawDetails{margin-top:10px}.equipmentDetails{margin-top:12px;border-top:1px solid #1d2d42;padding-top:9px}.equipmentAction{border:1px solid #20364d;background:rgba(7,14,23,.7);padding:10px 11px;margin:8px 0}.equipmentAction h4{margin:0 0 9px;color:#e7f1fc;font-family:Orbitron,sans-serif;font-size:11px;letter-spacing:1px;text-transform:uppercase}.equipmentMeta{color:#a9c8e3;font-size:12px;margin-bottom:6px}.equipmentRule{font-size:13px;line-height:1.45;color:#c7d4e4;padding:4px 0}.equipmentTiers{margin:5px 0 7px;padding-left:22px;color:#c7d4e4;font-size:13px;line-height:1.5}.equipmentTiers li{padding:1px 0}.equipmentQuantity{display:flex;align-items:center;justify-content:flex-end;gap:6px;margin-top:12px;padding-top:10px;border-top:1px solid #1d2d42}.equipmentQuantity span{margin-right:auto;color:var(--muted);font-family:Orbitron,sans-serif;font-size:8px;letter-spacing:1px}.equipmentQuantity button{padding:6px 10px}.equipmentQuantity input{width:55px!important;margin:0!important;padding:6px!important;text-align:center}.danger{border-color:#673b46!important}.danger:hover{border-color:#a75c6c!important}.skillsGrid{grid-auto-flow:column;grid-template-rows:repeat(12,minmax(0,auto))}@media(max-width:1050px){.three{grid-template-columns:1fr 1fr}.equipmentGrid,.skillsEditable{grid-template-columns:1fr}.hud{grid-template-columns:2fr 1fr 1fr}.skillsGrid{grid-template-rows:repeat(16,minmax(0,auto))}}@media(max-width:700px){.playtest-banner{flex-direction:column;gap:8px;padding:9px 12px}.content{padding:15px}.top{padding:0 15px}.status{font-size:7px}.hero{padding:45px 0 35px}.hero h1{font-size:38px}.panel{padding:18px}.inventory-head{align-items:stretch;flex-direction:column}.inventory-head select{width:100%}.activeTop{align-items:flex-start}.activeTop,.row{flex-direction:column}.equipmentFields{grid-template-columns:1fr}.equipmentCardHeader{flex-direction:column}.skillsGrid{grid-template-rows:repeat(24,minmax(0,auto))}}@media(max-width:500px){.skillsGrid{grid-template-rows:repeat(47,minmax(0,auto))}}.playtest-banner{position:relative;z-index:100;width:100%;padding:12px 20px;background:linear-gradient(90deg,rgba(30,91,140,.35),rgba(11,25,39,.98) 25%,rgba(11,25,39,.98) 75%,rgba(30,91,140,.35));border-top:1px solid rgba(120,194,255,.55);border-bottom:1px solid rgba(120,194,255,.5);box-shadow:0 0 20px rgba(50,150,230,.12),inset 0 1px 0 hsla(0,0%,100%,.04)}.playtest-banner:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--blue-bright);box-shadow:0 0 12px rgba(120,194,255,.7)}.playtest-banner:after{content:"PLAYTEST ACCESS";position:absolute;right:18px;top:50%;transform:translateY(-50%);color:rgba(120,194,255,.08);font-family:Orbitron,sans-serif;font-size:26px;font-weight:700;letter-spacing:4px;pointer-events:none}.playtest-banner-content{position:relative;z-index:1;max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:center;gap:22px}.playtest-banner-text{display:flex;align-items:center;gap:12px}.playtest-banner-label{color:var(--blue-bright);font-family:Orbitron,sans-serif;font-size:10px;font-weight:700;letter-spacing:2px;white-space:nowrap}.playtest-banner-message{color:#d9e9f8;font-family:Rajdhani,sans-serif;font-size:15px;font-weight:600;letter-spacing:.5px}.playtest-button{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:165px;padding:11px 20px;border:1px solid var(--blue-bright);border-radius:3px;background:linear-gradient(180deg,#245b83,#163b59 48%,#102b42);color:#fff;font-family:Orbitron,sans-serif;font-size:10px;font-weight:700;letter-spacing:1.4px;text-decoration:none;text-transform:uppercase;white-space:nowrap;cursor:pointer;box-shadow:0 0 12px rgba(70,160,230,.2),inset 0 1px 0 hsla(0,0%,100%,.1);transition:all .18s ease}.playtest-button:before{content:"▶";margin-right:8px;font-size:8px;color:var(--blue-bright)}.playtest-button:hover{color:#fff;border-color:#fff;background:linear-gradient(180deg,#3279aa,#1d5278 48%,#153c59);box-shadow:0 0 22px rgba(70,170,240,.4),inset 0 1px 0 hsla(0,0%,100%,.15);transform:translateY(-1px)}.playtest-modal-backdrop{position:fixed;z-index:9999;inset:0;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(2,6,11,.82);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:playtestFadeIn .2s ease-out}.playtest-modal{position:relative;width:min(520px,100%);padding:42px 42px 30px;overflow:hidden;text-align:center;background:radial-gradient(ellipse at 50% 0,rgba(50,125,185,.18),transparent 55%),linear-gradient(145deg,#111e2d,#080e16 70%);border:1px solid var(--blue-bright);box-shadow:0 0 0 1px rgba(40,90,130,.4),0 0 45px rgba(40,140,210,.2),0 25px 80px rgba(0,0,0,.7);-webkit-clip-path:polygon(0 18px,18px 0,calc(100% - 18px) 0,100% 18px,100% calc(100% - 18px),calc(100% - 18px) 100%,18px 100%,0 calc(100% - 18px));clip-path:polygon(0 18px,18px 0,calc(100% - 18px) 0,100% 18px,100% calc(100% - 18px),calc(100% - 18px) 100%,18px 100%,0 calc(100% - 18px));animation:playtestModalIn .25s ease-out}.playtest-modal:before{left:0;top:0;border-top:2px solid var(--blue-bright);border-left:2px solid var(--blue-bright)}.playtest-modal:after,.playtest-modal:before{content:"";position:absolute;width:75px;height:75px}.playtest-modal:after{right:0;bottom:0;border-right:2px solid var(--blue-dark);border-bottom:2px solid var(--blue-dark)}.playtest-modal-scanline{position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,transparent,var(--blue-bright),transparent);box-shadow:0 0 15px rgba(120,194,255,.8);animation:playtestScan 2.5s linear infinite}.playtest-modal-close{position:absolute;z-index:2;top:14px;right:17px;width:30px;height:30px;padding:0;border:1px solid #31475d;background:rgba(5,11,18,.7);color:var(--muted);font-family:Arial,sans-serif;font-size:22px;font-weight:300;line-height:26px;cursor:pointer}.playtest-modal-close:hover{color:#fff;border-color:var(--blue-bright);box-shadow:none;transform:none}.playtest-modal-eyebrow{margin-bottom:17px;color:var(--blue-bright);font-size:9px;font-weight:600;letter-spacing:2.5px}.playtest-modal h2,.playtest-modal-eyebrow{position:relative;z-index:1;font-family:Orbitron,sans-serif}.playtest-modal h2{margin:0;color:#f0f8ff;font-size:clamp(27px,6vw,40px);font-weight:700;line-height:1.05;letter-spacing:2px;text-shadow:0 0 25px rgba(100,180,240,.25)}.playtest-modal-divider{width:110px;height:2px;margin:22px auto 20px;background:linear-gradient(90deg,transparent,var(--blue-bright),transparent);box-shadow:0 0 10px rgba(100,190,250,.35)}.playtest-modal p{position:relative;z-index:1;margin:6px 0;color:#e2edf8;font-family:Rajdhani,sans-serif;font-size:19px;font-weight:600}.playtest-modal .playtest-modal-description{max-width:390px;margin:0 auto 24px;color:var(--muted-bright);font-size:15px;font-weight:400;line-height:1.5}.playtest-modal-button{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:100%;padding:15px 20px;border:1px solid var(--blue-bright);background:linear-gradient(180deg,#2a6d9d,#173d5b);color:#fff;font-family:Orbitron,sans-serif;font-size:11px;font-weight:700;letter-spacing:2px;text-decoration:none;text-transform:uppercase;box-shadow:0 0 20px rgba(70,160,230,.18),inset 0 1px 0 hsla(0,0%,100%,.12);transition:all .18s ease}.playtest-modal-button:before{content:"▶";margin-right:10px;font-size:8px}.playtest-modal-button:hover{border-color:#fff;background:linear-gradient(180deg,#3985b8,#1e5378);box-shadow:0 0 30px rgba(70,170,240,.4),inset 0 1px 0 hsla(0,0%,100%,.15);transform:translateY(-1px)}.playtest-later-button{position:relative;z-index:1;display:block;margin:14px auto 0;padding:7px 15px;border:0;background:transparent;color:#63788d;font-family:Rajdhani,sans-serif;font-size:13px;letter-spacing:.5px;cursor:pointer}.playtest-later-button:hover{color:#a9bdd0;border:0;box-shadow:none;transform:none}.playtest-modal-footer{position:relative;z-index:1;margin-top:23px;padding-top:12px;border-top:1px solid #1c3044;color:#41576c;font-family:Orbitron,sans-serif;font-size:7px;letter-spacing:1.5px}@keyframes playtestFadeIn{0%{opacity:0}to{opacity:1}}@keyframes playtestModalIn{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes playtestScan{0%{transform:translateX(-100%);opacity:0}15%{opacity:1}50%{opacity:1}85%{opacity:1}to{transform:translateX(100%);opacity:0}}@media (max-width:700px){.playtest-banner{padding:12px 14px}.playtest-banner-content{flex-direction:column;gap:10px}.playtest-banner-text{flex-direction:column;gap:3px}.playtest-banner-label{font-size:9px}.playtest-banner-message{font-size:14px}.playtest-button{width:100%;max-width:280px}.playtest-banner:after{display:none}.playtest-modal{padding:38px 25px 25px}.playtest-modal h2{font-size:28px}}