/* INKSTRIKE / style.css / v0.1.0 BETA | 2026-10-21 */
:root{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:#080e1b;color:#e8f4fc;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 90% 0,#14373b 0,transparent 42%),#080e1b}.app{max-width:480px;margin:auto;padding:max(18px,env(safe-area-inset-top)) 16px max(18px,env(safe-area-inset-bottom))}header{display:flex;justify-content:space-between;align-items:center}.eyebrow{font-size:8px;letter-spacing:1.5px;color:#74d6c3}h1{font-size:37px;letter-spacing:-1.7px;font-style:italic;margin:5px 0 0;line-height:1}h1 span{color:#72f0cf}.version{font-size:9px;line-height:1.7;text-align:right;color:#7f9eaf;letter-spacing:2px}.lead{font-size:12px;color:#b6d1dd;margin:16px 0 20px}button,select{font:inherit;touch-action:manipulation;-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:1px solid #354b60;background:#132034;color:#d6eaf5;border-radius:10px;padding:12px 10px;font-size:12px;font-weight:600}button:active{transform:scale(.98)}button:disabled{opacity:.35;cursor:default}button:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid #70edca;outline-offset:3px}[hidden]{display:none!important}.design-top{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.3px;color:#7b9daf;margin:0 2px 9px}.drawing-wrap{position:relative;aspect-ratio:1;border:1px solid #344f63;border-radius:18px;overflow:hidden;background:#101e30;box-shadow:0 15px 40px #0004}canvas{display:block}#drawing{width:100%;height:100%;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.drawing-note{position:absolute;bottom:12px;left:0;right:0;text-align:center;font-size:11px;color:#7d9baf;pointer-events:none}.ink-label{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1px;color:#8daaba;margin:13px 2px 9px}.ink-label strong{font-size:15px;color:#e9fff5;margin-left:6px;font-variant-numeric:tabular-nums}.ink-track{height:4px;background:#203348;border-radius:4px;overflow:hidden}#inkFill{height:100%;width:0;background:#6ee5c5;transition:width .06s}.tools{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.tools button{padding:9px 6px;font-size:11px}.specs{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 1px}.specs>div{border-left:2px solid #34586b;padding-left:10px}.specs span{display:block;font-size:9px;color:#87a6b9}.specs strong{display:block;font-size:12px;font-weight:600;margin-top:5px;color:#d0f5ed}.settings{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}.settings label{font-size:10px;color:#89a8b9}.settings select{display:block;width:100%;min-height:42px;margin-top:7px;border:1px solid #345064;border-radius:9px;background:#122135;color:#e2f4fc;padding:8px 6px;font-size:12px}.primary{display:block;width:100%;color:#072b24;background:#73ebca;border-color:#73ebca;font-weight:800;letter-spacing:.6px;padding:15px}.status{font-size:11px;color:#8daaba;line-height:1.7;min-height:19px}details{font-size:11px;line-height:1.9;border-top:1px solid #253a4e;margin-top:15px;padding-top:14px;color:#93b0c2}summary{cursor:pointer;color:#b9d8e5}footer{font-size:8px;letter-spacing:1.5px;text-align:center;color:#4c697d;margin-top:23px}.hud{display:flex;gap:12px;align-items:center;justify-content:space-between;margin:20px 0 12px}.hud span{font-size:8px;letter-spacing:1px;color:#84a8bd;display:block}.hud strong{font-size:18px;font-variant-numeric:tabular-nums;display:block;margin-top:4px}.hud button{font-size:17px;width:39px;height:40px;padding:0}.flight-wrap{position:relative;border:1px solid #2d465e;border-radius:16px;overflow:hidden;background:#0a1627}#flight{width:100%;height:min(66dvh,580px);min-height:340px;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}#flightOverlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:14px;background:#091424d9;backdrop-filter:blur(6px);padding:35px}#flightOverlay h2{font-size:30px;letter-spacing:4px;margin:0}#flightOverlay p{font-size:12px;color:#a4bfcc}#backEditor{width:100%}.battle-footer{display:flex;align-items:center;justify-content:space-between;gap:7px;margin-top:10px}.battle-footer span{font-size:10px;color:#8eafc0;flex:1}.battle-footer button{font-size:10px;padding:8px}.result-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}#results{padding-top:35px;text-align:center}#results h2{font-size:35px;letter-spacing:-1px;margin:10px 0;color:#81efd5}#resultLead{font-size:12px;color:#a9c3d1}#resultShip{max-width:100%;margin:0 auto}.result-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin:10px 0 24px}.result-stats span{display:block;font-size:10px;letter-spacing:1px;color:#8cabbc}.result-stats strong{font-size:25px;display:block;margin-top:7px}#designReport{font-size:11px;line-height:1.7;color:#a7c5d3;margin-bottom:22px}dialog{width:min(90vw,420px);background:#112237;color:#e9f8ff;border:1px solid #4d7184;border-radius:16px;padding:20px}dialog::backdrop{background:#000a}dialog h2{font-size:16px}textarea{width:100%;height:170px;border:1px solid #456479;border-radius:8px;background:#091524;color:#e9f8ff;padding:12px;font-size:13px;user-select:text;-webkit-user-select:text}dialog p{font-size:11px}@media(max-height:740px){.app{padding-top:12px}h1{font-size:30px}.lead{margin:12px 0}.hud{margin-top:12px}.hud strong{font-size:16px}#flight{height:61dvh;min-height:300px}.specs{margin:16px 0}}