:root{--bg:#061020;--panel:#0c1c30;--line:#30425a;--muted:#9aabc2;--accent:#4ee4ed;--purple:#947dff;--good:#51e8b5;--red:#ff6785;color-scheme:dark;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif}*{box-sizing:border-box}html,body{height:100%;min-height:100%;margin:0;background:var(--bg);color:#f3f8ff;overflow:hidden}button,input,select{font:inherit}button{cursor:pointer;touch-action:manipulation}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.hide{display:none!important}.screen{position:absolute;inset:0;overflow-y:auto;overscroll-behavior:contain}.landing{background:radial-gradient(ellipse at 82% 22%,#133759 0%,transparent 43%),radial-gradient(ellipse at 10% 70%,#23204d 0%,transparent 40%),#060e1d}.skyart{position:absolute;inset:0;pointer-events:none;overflow:hidden}.orb{position:absolute;border:1px solid #79eeff80;box-shadow:0 0 60px #2ac4ff23,inset 0 0 40px #2ac4ff22;border-radius:50%}.orb1{width:520px;height:520px;right:-150px;top:14%;transform:rotateX(66deg) rotate(-25deg)}.orb2{width:340px;height:340px;right:-50px;top:20%;transform:rotateX(48deg)}.island{position:absolute;right:-7%;bottom:8%;width:50%;height:50%;transform:perspective(700px) rotateX(64deg) rotateZ(-23deg);background:repeating-linear-gradient(0deg,#49baff30 0px,#49baff30 1px,transparent 1px,transparent 28px),repeating-linear-gradient(90deg,#49baff30 0px,#49baff30 1px,transparent 1px,transparent 28px);mask-image:linear-gradient(90deg,transparent,#000)}.hero{position:relative;max-width:1100px;margin:auto;padding:clamp(34px,8vh,94px) 26px 30px}.tag,.overline,.eyebrow{font-size:11px;letter-spacing:2px;font-weight:800;color:var(--accent)}.tag{border:1px solid #47dae966;border-radius:100px;padding:12px 16px;display:inline-flex;align-items:center;gap:10px;background:#0d263dcc}.pulse{height:8px;width:8px;border-radius:50%;background:#70e8bf;box-shadow:0 0 14px #70e8bf}h1{font-size:clamp(38px,7.5vw,88px);line-height:.99;margin:28px 0 17px;letter-spacing:-.055em;font-weight:930}h1 em{font-style:normal;background:linear-gradient(95deg,#54e5fa,#987aff);background-clip:text;color:transparent}.hero-desc{font-size:clamp(15px,2.1vw,21px);line-height:1.55;color:#bfcede;max-width:720px}.hero-desc strong{color:#fff}.pillrow{display:flex;gap:10px;flex-wrap:wrap;margin:23px 0 29px}.pillrow span{font-size:12px;background:#ffffff0d;border:1px solid #ffffff25;border-radius:16px;padding:9px 13px}.startCard{max-width:500px;background:#07182bdf;border:1px solid #48617a90;border-radius:24px;padding:23px;box-shadow:0 22px 90px #0008;backdrop-filter:blur(14px)}.startCard>label{font-size:10px;letter-spacing:1.8px;font-weight:800;color:#a5bdde}.startCard>input{width:100%;margin:9px 0 15px;padding:15px 17px;background:#081529;border:1px solid #425b72;border-radius:12px;color:white;font-size:16px}.settingRow{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 12px;font-size:13px}.settingRow small{font-size:10px;color:var(--muted)}select{background:#102438;border:1px solid #38526b;color:#fff;padding:9px;border-radius:10px;max-width:190px}.switch{display:block;position:relative}.switch input{position:absolute;opacity:0}.switch span{display:block;background:#324860;width:49px;height:28px;border-radius:22px}.switch span:before{content:"";position:absolute;left:4px;top:4px;height:20px;width:20px;border-radius:50%;background:white;transition:.2s}.switch input:checked+span{background:#1687a5}.switch input:checked+span:before{transform:translateX(21px)}.primary,.secondary{border-radius:12px;padding:12px 16px;font-weight:850;letter-spacing:.25px;border:1px solid transparent;min-height:44px}.primary{background:linear-gradient(95deg,#4be2ee,#86abff);color:#042037;box-shadow:0 5px 22px #35aeee26}.primary:active{transform:scale(.98)}.secondary{color:#e5f2ff;background:#12304c;border-color:#476682}.big{width:100%;margin-top:12px;font-size:14px;display:flex;justify-content:center;align-items:center;gap:15px}.footNote{display:block;color:#879eb6;margin-top:14px;line-height:1.55;font-size:11px}.error{color:#ffa6ab;font-size:12px;min-height:16px}.worldMenu{width:min(1040px,100%);margin:auto;padding:45px 22px 60px}.worldMenu h2{font-size:clamp(30px,4vw,54px);margin:9px 0 5px}.muted{color:var(--muted);line-height:1.5}.worldCards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:25px 0}.worldCard{position:relative;overflow:hidden;background:linear-gradient(140deg,#102945,#09192f);border:1px solid #355371;border-radius:20px;padding:24px;text-align:left;min-height:197px;color:white;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between}.worldCard:before{content:"";position:absolute;right:-44px;top:-48px;width:180px;height:180px;background:radial-gradient(circle,var(--wcolor),transparent 72%);opacity:.33}.worldCard[disabled]{opacity:.48;cursor:not-allowed}.worldNum{letter-spacing:1.5px;font-size:10px;font-weight:900;color:var(--wcolor)}.worldCard h3{font-size:19px;line-height:1.15;margin:12px 0 4px}.worldCard p{font-size:12px;color:#adbfda;margin:0 0 12px}.worldProgress{width:100%;height:5px;border-radius:9px;background:#1e3954;overflow:hidden;margin-bottom:13px}.worldProgress i{display:block;background:var(--wcolor);height:100%}.worldStatus{font-size:11px;color:#d5e6ff;font-weight:900}.menuActions{display:flex;gap:12px;flex-wrap:wrap}.infoBar{margin-top:24px;background:#0b263a;border:1px solid #224760;padding:17px;border-radius:14px;font-size:13px;color:#bfd0e0;line-height:1.6}#game{overflow:hidden;background:#081522}#worldCanvas{display:block;width:100%;height:100%;touch-action:none}.fallback{position:absolute;top:105px;left:15px;right:15px;text-align:center;font-size:12px;background:#5a270acc;color:#fff;padding:9px;border-radius:10px;z-index:2}.hud{pointer-events:none;position:absolute;top:0;left:0;right:0;padding:calc(env(safe-area-inset-top) + 10px) clamp(12px,3vw,28px) 0;z-index:2;background:linear-gradient(#041022ec,#061426b3 82%,transparent)}.topLine,.topButtons,.missionStrip,.statGroup,.meters,.controls,.controlRight,.modalTop,.modalFooter{display:flex;align-items:center;justify-content:space-between;gap:10px}.topLine{margin-bottom:9px}.gameMark{font-size:12px;color:#defcff;letter-spacing:1px;font-weight:950}.gameMark small{font-size:9px;color:#81a9be;margin-left:7px}.topButtons{pointer-events:auto}.iconBtn{background:#132c43c9;color:#f1f7ff;border:1px solid #45637b;border-radius:12px;width:40px;height:40px;display:grid;place-items:center;font-size:16px;flex-shrink:0}.missionStrip{background:#092138e8;border:1px solid #31536e;border-radius:13px;padding:11px 13px}.missionStrip strong{display:block;font-size:15px;margin:3px 0;line-height:1.15}.missionSub{font-size:11px;color:#9bbad1}.statGroup{text-align:right;flex-shrink:0}.statGroup>div{min-width:48px}.statGroup small{display:block;font-size:9px;color:#8ba9c1}.statGroup b{font-size:15px}.meters{margin:8px 4px 0;gap:15px}.meters>div{flex:1;display:flex;align-items:center;gap:8px}.meters span{font-size:9px;white-space:nowrap;color:#bdd1e1;font-weight:800}.bar{height:6px;flex:1;background:#27425b;border-radius:9px;overflow:hidden}.bar i{height:100%;display:block;width:0;background:linear-gradient(90deg,#38deb0,#85ffd7);border-radius:9px;transition:width .2s}#missionBar{background:linear-gradient(90deg,#38c9fb,#b49bff)}.guideBubble{position:absolute;z-index:2;top:calc(env(safe-area-inset-top) + 157px);left:clamp(12px,3vw,28px);width:min(480px,calc(100% - 24px));background:#051a2eea;border:1px solid #48bed186;border-radius:14px;padding:11px 33px 11px 12px;display:flex;align-items:center;gap:9px;font-size:12px;color:#daeffa;line-height:1.45;box-shadow:0 12px 45px #0007}.bubbleIcon{font-size:24px}.guideBubble button{position:absolute;right:8px;top:4px;background:transparent;color:#c4daef;border:0;font-size:21px}.gameStatus{position:absolute;top:44%;left:50%;transform:translate(-50%,-50%);z-index:2;pointer-events:none;color:#fff;font-weight:900;text-align:center;font-size:13px;text-shadow:0 3px 7px black}.controls{pointer-events:none;position:absolute;bottom:calc(env(safe-area-inset-bottom) + 22px);left:20px;right:20px;align-items:flex-end;z-index:3}.joystick{pointer-events:auto;touch-action:none;border-radius:50%;border:2px solid #8ec8dc73;width:125px;height:125px;background:#0c233f91;display:grid;place-items:center;box-shadow:inset 0 0 28px #3fbde420}.stick{height:62px;width:62px;border-radius:50%;border:2px solid #7ee1ff99;background:#2e608688;display:grid;place-items:center;transform:translate(0,0);will-change:transform}.stickInner{width:24px;height:24px;border-radius:50%;background:#a1eaff99}.controlRight{pointer-events:auto;flex-direction:column;align-items:stretch}.controlBtn{font-size:13px;min-width:145px;min-height:50px;box-shadow:0 5px 20px #0008}.mainAction{border-radius:15px;padding:15px 14px;background:linear-gradient(100deg,#4ce2e7,#5e91fc);border:1px solid #b5edfc;color:#04172b;font-weight:950}.bottomSafe{height:env(safe-area-inset-bottom)}#desktopHints{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);background:#0a2037ad;border:1px solid #39526b;border-radius:25px;padding:7px 14px;color:#a5bdd1;font-size:10px;letter-spacing:.3px;white-space:nowrap}.modalLayer{position:absolute;z-index:10;inset:0;background:#020a16d9;display:grid;place-items:center;padding:calc(env(safe-area-inset-top) + 10px) 12px calc(env(safe-area-inset-bottom) + 10px);backdrop-filter:blur(7px)}.missionModal,.reportModal{width:min(940px,100%);max-height:100%;overflow-y:auto;background:linear-gradient(140deg,#112744,#091626);border:1px solid #426e92;border-radius:22px;box-shadow:0 25px 110px #000b}.modalTop{padding:12px 17px;border-bottom:1px solid #37526a}.modalBody{display:grid;grid-template-columns:37% 63%}.simVisual{position:relative;min-height:400px;overflow:hidden;background:radial-gradient(ellipse at center,#174f788f,#081b33 73%),repeating-linear-gradient(0deg,#39ccf50a 0px,#39ccf50a 1px,transparent 1px,transparent 28px);display:grid;place-items:center;border-right:1px solid #32526c}.simOrb{font-size:220px;color:#30b9ed16;position:absolute;line-height:1;animation:rotate 18s linear infinite}.visualIcon{font-size:90px;position:relative;filter:drop-shadow(0 0 20px #2fbdec)}.scanLine{position:absolute;top:10%;left:5%;right:5%;height:2px;background:linear-gradient(90deg,transparent,#8cf7ff,transparent);box-shadow:0 0 12px #60dbf9;animation:scan 4s ease-in-out infinite}.simState{font-size:10px;font-weight:900;letter-spacing:1.5px;color:#9addf5;position:absolute;bottom:29px}.modalContent{padding:22px 25px 20px}.modalContent h2{font-size:clamp(21px,3vw,29px);margin:9px 0 8px}.scenario{font-size:16px;color:#dae8fa;line-height:1.5;margin:6px 0 17px}.actions{display:grid;gap:10px}.actionOption{background:#132f4a;border:1px solid #365f81;border-radius:13px;padding:14px;text-align:left;color:#eef8ff;font-size:14px;line-height:1.25;display:flex;align-items:center;gap:11px;min-height:52px}.actionOption span{background:#1e4768;color:#bce9fd;font-size:11px;border-radius:7px;min-width:27px;height:27px;display:grid;place-items:center;font-weight:950}.actionOption:not(:disabled):active{background:#1e4a6e}.actionOption:disabled{opacity:.65}.feedback{border-radius:12px;padding:13px 15px;margin-top:14px;font-size:13px;line-height:1.5;border:1px solid #3d6876;background:#0b3d3d}.feedback.bad{border-color:#94506a;background:#4a2031}.feedback strong{display:block;margin-bottom:5px;color:#dcfff0}.feedback.bad strong{color:#ffb6c2}.modalFooter{margin-top:17px;gap:12px;flex-wrap:wrap}.mini{font-size:12px;padding:9px 11px;min-height:37px}.finishCard{max-width:620px;margin:clamp(50px,11vh,100px) auto 40px;background:radial-gradient(ellipse at top,#183d60,#0b1b2f 72%);border:1px solid #3c6b8c;border-radius:26px;padding:40px 27px;text-align:center;box-shadow:0 10px 80px #0008}.winnerLogo{font-size:95px;color:#68f7d4;text-shadow:0 0 33px #58f1dc}.finishCard h2{font-size:38px;margin:12px 0 10px}.finishCard p{color:#bfd5e5;line-height:1.6}.finishStats{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin:25px 0}.finishStats div{background:#0b3046;border:1px solid #28627c;padding:17px;min-width:108px;border-radius:15px}.finishStats b{display:block;font-size:27px;color:#8cf9da}.finishStats small{font-size:10px;color:#b2cfe1}.finishButtons{display:grid;gap:9px}.reportModal{max-width:740px;padding-bottom:16px}.reportModal>.primary,.reportModal>.secondary{margin:9px 18px;width:calc(100% - 36px)}#reportView,#libraryContent{padding:18px;line-height:1.6}.reportTable{width:100%;border-collapse:collapse;font-size:12px}.reportTable td,.reportTable th{padding:9px 7px;border-bottom:1px solid #34516c;text-align:left}.reportTable th{color:#88e8ed}.libraryFab{position:absolute;z-index:3;right:16px;bottom:calc(env(safe-area-inset-bottom) + 175px);height:44px;width:44px;border-radius:14px;color:white;background:#182f4d;border:1px solid #58758c}.libraryModal{max-height:95%}.libraryModal h3{color:#7dd9ee}.libraryModal p{white-space:pre-line;color:#d5e2ef;font-size:13px}.libraryModal summary{cursor:pointer;padding:13px;background:#13344f;border-radius:9px;font-weight:850}.libraryModal details{margin:10px 0}#worldSelect{background:radial-gradient(circle at top right,#163754,#051021 65%)}@keyframes scan{50%{top:88%}}@keyframes rotate{to{transform:rotate(360deg)}}@media (max-width:650px){.hero{padding:36px 19px 55px}.hero h1{font-size:41px}.worldCards{grid-template-columns:1fr;gap:12px}.worldCard{min-height:155px;padding:19px}.worldMenu{padding-top:25px}.worldMenu h2{font-size:32px}.modalBody{grid-template-columns:1fr}.simVisual{min-height:106px;height:106px;border-right:0;border-bottom:1px solid #32526c}.simOrb{font-size:150px}.visualIcon{font-size:44px}.simState{bottom:8px;font-size:8px}.modalContent{padding:15px 17px 19px}.modalContent h2{font-size:20px}.scenario{font-size:14px;margin-bottom:11px}.actionOption{padding:12px 11px;font-size:13px;min-height:48px}.actions{gap:8px}.hud{padding-left:9px;padding-right:9px}.missionStrip{padding:9px}.missionStrip strong{font-size:13px}.gameMark{font-size:11px}.statGroup>div{min-width:39px}.statGroup b{font-size:12px}.statGroup small{font-size:8px}.meters span{font-size:8px}.guideBubble{top:calc(env(safe-area-inset-top) + 154px);font-size:11px;padding:8px 28px 8px 9px}.controls{left:13px;right:13px;bottom:calc(env(safe-area-inset-bottom) + 12px)}.joystick{width:112px;height:112px}.controlBtn{min-width:127px;font-size:11px;min-height:46px}.libraryFab{bottom:calc(env(safe-area-inset-bottom) + 126px);right:14px}#desktopHints{display:none}.finishCard{margin:40px 14px}.reportTable{font-size:10px}}@media(max-height:660px){.guideBubble{top:calc(env(safe-area-inset-top) + 130px)}.missionModal{max-height:100%}.simVisual{display:none}.modalContent{padding:11px 15px}.scenario{margin:5px 0}.actionOption{min-height:38px;padding:9px}}@media(prefers-reduced-motion:reduce){.scanLine,.simOrb{animation:none}*{scroll-behavior:auto!important}}
/* Mission-card styling and response affordances. */
.worldCard .worldIcon{font-size:29px;display:block;margin-bottom:8px}.worldCard .worldLevel{font-size:11px;font-weight:900;letter-spacing:1.4px;color:var(--wc,var(--accent))}.worldCard>strong{font-size:19px;line-height:1.2;margin-top:5px;position:relative}.worldCard>span:nth-of-type(3){font-size:12px;line-height:1.35;color:#b5c8df;margin-top:5px}.worldCard .progressTrack{height:6px;border-radius:9px;background:#26435f;width:100%;overflow:hidden;margin-top:12px}.worldCard .progressTrack i{height:100%;display:block;border-radius:9px}.worldCard>small{color:#b3e3f1;margin-top:7px;font-weight:650}.worldCard.locked{opacity:.44}.actionOption.correctAnswer{border-color:#4be9ae;background:#10423d}.actionOption.wrongAnswer{border-color:#f17c87;background:#4b1e39;opacity:.75}.reportChapter{border:1px solid #385a72;background:#102c43;padding:12px 15px;margin:11px 0;border-radius:12px}.reportChapter h3{font-size:15px;margin:4px 0}.reportChapter p{font-size:12px;color:#afc9da}.reportWarning{font-size:12px;color:#b9cade}.reportOverview h2{font-size:21px;margin:6px 0}.worldCard{gap:2px}.noSelect{user-select:none;-webkit-user-select:none}