:root{color-scheme:dark;--bg:#0a1220;--panel:#111e31;--line:#293950;--ink:#f1f6ff;--muted:#a3b4cb;--cyan:#7ae4de;--orange:#ffb367}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 70% 0,#1a3046 0,transparent 40%),var(--bg);font-family:"Malgun Gothic",system-ui,sans-serif;color:var(--ink);line-height:1.6}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;font-size:14px;cursor:pointer;border:1px solid var(--line);background:#1b2b40;color:var(--ink);border-radius:9px;padding:10px 15px;transition:background .15s,transform .15s}button:hover{background:#30465f;transform:translateY(-1px)}button:focus-visible,canvas:focus-visible,a:focus-visible{outline:3px solid var(--orange);outline-offset:3px}button:disabled{opacity:.45;cursor:default;transform:none}.primary{background:var(--cyan);color:#092728;font-weight:800;border:0}.primary:hover{background:#b0fff3}.wide{width:100%}[hidden]{display:none!important}header{max-width:1350px;margin:auto;padding:25px 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-size:13px;color:var(--cyan);letter-spacing:2px;text-decoration:none;font-weight:900}.brand span{display:block;color:white;font-size:19px;letter-spacing:-.5px}.headtools{display:flex;gap:8px}main{max-width:1294px;margin:auto;padding:32px 24px}.intro{display:flex;justify-content:space-between;align-items:center;min-height:260px;padding:0 20px 25px}.eyebrow{color:var(--cyan);font-size:12px;font-weight:800;letter-spacing:1.5px}h1{font-size:clamp(32px,4vw,52px);line-height:1.25;letter-spacing:-2px;margin:15px 0}h1 em{font-style:normal;color:var(--cyan)}p{color:var(--muted)}.intro p{font-size:16px}.planet{position:relative;width:40%;height:240px;display:grid;place-content:center;text-align:center}.earth{font-size:140px;filter:drop-shadow(0 0 40px #45b8b944);animation:float 5s ease-in-out infinite}.planet-label{color:var(--muted);font-size:11px;letter-spacing:2px}.orbit{position:absolute;border:1px solid #7ae4de55;border-radius:50%;inset:25px 0;transform:rotate(-20deg)}.orbit:after{content:'🛸';position:absolute;right:10%;font-size:45px;animation:float 3s infinite}.stats{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:14px;background:#14223788;margin-bottom:28px}.stats>div{padding:19px 26px;border-right:1px solid var(--line)}.stats>div:last-child{border:0}small{color:var(--muted);font-size:12px}.stats strong{display:block;font-size:25px}.stats>div:nth-child(2) strong{color:var(--orange)}.layout{display:grid;grid-template-columns:260px 1fr;gap:24px}.sectiontitle{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.sectiontitle h2{font-size:20px;margin:0}.sectiontitle>span{color:var(--muted);font-size:10px;letter-spacing:2px}nav{display:grid;gap:8px}.sector{text-align:left;position:relative;overflow:hidden;padding:14px 15px}.sector small{display:block;font-size:11px}.sector strong{display:block;font-size:15px}.sector.active{border-color:var(--cyan);background:#1b3b46}.sector .bar{height:3px;background:var(--cyan);position:absolute;left:0;bottom:0}.sector .count{float:right;color:var(--cyan);font-size:12px}.bossbtn{margin-top:14px;width:100%;border-color:#805d38;background:#382c24;text-align:left}.bossbtn small{display:block;color:#e9c193;font-size:11px}.fieldpanel{border:1px solid var(--line);background:var(--panel);border-radius:14px;overflow:hidden}.fieldhead{display:flex;align-items:center;justify-content:space-between;padding:20px 22px 10px}.fieldhead h2{font-size:23px;margin:0}.fieldhead small{letter-spacing:2px}.chip{font-size:12px;background:#283c50;padding:5px 10px;border-radius:6px}.objective{display:flex;justify-content:space-between;padding:8px 22px 15px;font-size:13px;color:var(--muted)}.objective strong{color:var(--cyan)}#world{width:100%;aspect-ratio:9/5;display:block;touch-action:none;background:#132b35}.fieldbottom{padding:16px 20px;display:flex;gap:12px;align-items:center;justify-content:space-between}.fieldbottom p{font-size:11px;margin:0}.fieldbottom small{font-size:10px}.dpad{display:grid;grid-template-columns:repeat(3,32px);gap:3px}.dpad button{padding:4px;border-radius:4px;font-size:12px;touch-action:none}.dpad button:first-child{grid-column:2}.dpad button:nth-child(2){grid-column:1}.goal{padding:13px 20px;background:#1b2a40;font-size:12px;color:var(--orange)}.armory{margin-top:32px;padding:25px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}.armory p{font-size:12px;margin:0}.armory .sectiontitle{gap:16px}#equipment{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.item{padding:15px 12px;background:#19293d;border:1px solid var(--line);border-radius:10px}.item .icon{font-size:32px}.item strong{display:block;font-size:13px}.item p{font-size:11px;min-height:40px}.item button{width:100%;font-size:12px;padding:7px}.item.equipped{border-color:var(--cyan)}footer{padding:35px 0;text-align:center;color:var(--muted);font-size:13px}dialog{padding:0;border:1px solid #466580;border-radius:18px;background:#111e31;color:white;width:min(900px,96vw);max-height:95dvh;overflow:auto}dialog::backdrop{background:#020814dd;backdrop-filter:blur(7px)}.battlehead{display:flex;justify-content:space-between;align-items:center;padding:14px 22px}.battlehead button{font-size:12px}.quizbody{padding:20px 30px 28px}#arena{width:100%;display:block;background:#132a3c}#quizMeta{font-size:12px;color:var(--cyan)}#question{font-size:clamp(18px,2vw,23px);line-height:1.65;margin:9px 0 16px}#diagram{border:1px solid #365069;background:#0c1727;border-radius:12px;min-height:130px;margin-bottom:18px;display:grid;place-items:center;padding:10px}#diagram svg{width:100%;max-width:460px;height:150px;overflow:visible}svg text{font-family:inherit;fill:#eef8ff;font-size:15px}#choices{display:grid;grid-template-columns:1fr 1fr;gap:10px}.choice{text-align:left;min-height:55px;font-size:17px}.choice b{display:inline-grid;place-items:center;border:1px solid #567089;width:26px;height:26px;margin-right:12px;font-size:12px;border-radius:5px}.choice.selected{border-color:var(--cyan);background:#23505a}.choice.correct{border-color:#96f0b1;background:#204937}.choice.wrong{border-color:#ffb367;background:#523e2b}.quizactions{display:flex;justify-content:space-between;margin-top:18px}#feedback{margin:16px 0;font-size:15px;line-height:1.8;color:#dbe7fa}.hint{padding:12px;background:#293548;border-radius:8px;margin:8px 0}.success{color:#9ff5b9}.close{float:right;margin:15px}#infoBody{padding:35px;clear:both}#infoBody h2{font-size:27px}#infoBody p{color:#c4d3e6}#infoBody button{margin:7px}#toast{position:fixed;left:50%;bottom:25px;transform:translateX(-50%);background:#d4fff2;color:#092c26;border-radius:10px;padding:13px 23px;box-shadow:0 10px 40px #0008;z-index:20;display:none;max-width:90vw}.ending{text-align:center}.ending .peace{font-size:80px}.ending h2{color:var(--cyan)}progress{width:100%;accent-color:var(--cyan)}@keyframes float{50%{transform:translateY(-12px)}}@media(max-width:900px){.layout{grid-template-columns:1fr}nav{grid-template-columns:repeat(3,1fr)}.sector strong{font-size:12px}.bossbtn{margin-bottom:0}#equipment{grid-template-columns:repeat(3,1fr)}.intro{min-height:220px}.earth{font-size:110px}.fieldbottom{flex-wrap:wrap}.fieldbottom .primary{flex:1}}@media(max-width:540px){header{padding:15px}.brand{font-size:9px}.brand span{font-size:15px}.headtools button{padding:7px;font-size:11px}main{padding:20px 12px}.intro{padding:0 5px 15px}.intro p{font-size:12px}.planet{width:35%;height:170px}.earth{font-size:85px}.planet-label{font-size:8px;letter-spacing:0}.orbit{inset:20px -5px}.orbit:after{font-size:25px}.stats>div{padding:12px 9px}.stats strong{font-size:19px}.stats small{font-size:10px}nav{gap:6px}.sector{padding:9px 8px}.sector small{font-size:9px}.sector .count{float:none;display:block;font-size:10px}.fieldhead{padding:15px}.fieldhead h2{font-size:19px}.objective{padding:5px 15px 12px;font-size:11px}.fieldbottom{padding:12px}.fieldbottom .primary{font-size:12px}.armory{padding:17px}#equipment{grid-template-columns:repeat(2,1fr)}.armory .sectiontitle{align-items:flex-start}.armory p{font-size:10px}.quizbody{padding:16px}.battlehead{padding:12px}.choice{font-size:14px;padding:10px}.choice b{margin-right:6px}#arena{height:140px;object-fit:cover}#diagram svg{height:130px}#infoBody{padding:22px}footer{font-size:11px}}

.mode-link{align-self:center;font-size:12px;color:#a3b4cb;text-decoration:none;margin-right:5px}@media(max-width:540px){.mode-link{font-size:10px}.headtools{gap:4px}.brand{letter-spacing:1px}}

/* Console-inspired frames, with crisp low-resolution artwork. */
:root{--bg:#111b2c;--panel:#1b2c43;--line:#586b7c;--ink:#f0eace;--muted:#b6c6c4;--cyan:#b9d9b0;--orange:#ecc689}
body{background:radial-gradient(ellipse at 50% 0,#314456 0,transparent 55%),#111b2c}h1,h2,.stats strong{font-family:"Malgun Gothic",sans-serif}.brand{color:#e8d5a2}.intro .earth{filter:drop-shadow(6px 8px 0 #0b1428);image-rendering:pixelated}.planet-label{color:#d2d8bf}.stats,.fieldpanel,.armory,dialog{border:4px double #b6c4bf;border-radius:3px;box-shadow:4px 5px 0 #080f20}.fieldhead{background:linear-gradient(#344e66,#233d54);border-bottom:1px solid #72899a}.fieldhead h2{color:#f0e2ba}.chip{border:1px solid #afbcaf;border-radius:1px;background:#193548;color:#e7dfbd}.objective{padding-top:12px}button{border-radius:2px;box-shadow:inset 1px 1px #ffffff15,2px 2px #0a1528}button:hover{transform:none;filter:brightness(1.15)}.primary{background:#c7d8a5;color:#253b3c;border:1px solid #ebebc1;box-shadow:inset 0 -3px #9eaf87,2px 3px #0b1827}.primary:hover{background:#e1e6bc}.sector{border:2px solid #556b7b;border-radius:2px;background:#21364b}.sector.active{border-color:#dddbad;background:#3b535b}.sector small{color:#c2cbbb}.bossbtn{border:2px solid #b39876;border-radius:2px;background:#4e4144}.fieldbottom{background:#22354b;border-top:2px solid #8a9c9f}.goal{background:#14283f;border-top:1px solid #8b9c93;color:#edd59a}#world,#arena{image-rendering:pixelated;image-rendering:crisp-edges}#arena{aspect-ratio:14/5;height:auto;border-top:3px double #c4c8b0;border-bottom:3px double #c4c8b0}dialog{background:linear-gradient(115deg,#294260,#172f4b)}.battlehead{background:#1c334d}.quizbody{background:#203b58}#diagram{background:#152b44;border:3px double #a6bbbf;border-radius:2px}.choice{border:2px solid #718b9e;background:#233d58;border-radius:2px}.choice.selected{border-color:#fff0ad;background:#4a5b63;box-shadow:inset 5px 0 #efdf99}.choice.correct{background:#3d665b;border-color:#d3e6b9}.choice b{border-radius:1px;color:#e7dfb8}.shop-controls{display:flex;gap:12px;flex-wrap:wrap;align-items:center;justify-content:space-between;margin:20px 0}.shop-controls>strong{color:#e8d7ac;font-size:13px}.shop-tabs{display:flex;gap:6px;flex-wrap:wrap}.shop-tabs button{font-size:12px;padding:6px 12px}.shop-tabs button[aria-pressed=true]{background:#d2dcb2;color:#273b42}.item{border-radius:2px;border:2px solid #586d7e;background:#223a51}.item.equipped{border-color:#f0dba3;background:#354e5c}.item.owned strong:after{content:' ✓';color:#c6dfa8}.item-top{display:flex;align-items:center;justify-content:space-between;gap:5px;min-height:75px}.item-top small{font-size:9px;max-width:55px}.pixel-icon{width:96px;height:80px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(3px 3px #0b1e32)}.item strong{font-size:13px;min-height:23px}.item p{min-height:42px;font-size:11px}.item button{padding:9px 4px}.item button:not(:disabled){border-color:#adbdac}#equipment{grid-template-columns:repeat(5,minmax(0,1fr))}.danger-quiet{color:#efbca8;border-color:#986f68}.danger{color:#fff0d3;background:#965b56;border-color:#d6ad94}.danger:hover{background:#b77165}.reset-dialog h2{color:#f2d3a0}.reset-actions{display:flex;gap:12px;justify-content:flex-end;flex-wrap:wrap;border-top:1px solid #78909a;margin-top:25px;padding-top:20px}.stats strong{white-space:nowrap;font-size:23px}.battlehead .eyebrow{color:#e0d4ab;letter-spacing:1px}.headtools{flex-wrap:wrap;justify-content:flex-end}
@media(max-width:1050px){#equipment{grid-template-columns:repeat(4,minmax(0,1fr))}.item-top{flex-direction:column;align-items:flex-start}.item-top small{max-width:none}.stats strong{font-size:21px}}
@media(max-width:750px){#equipment{grid-template-columns:repeat(3,minmax(0,1fr))}.pixel-icon{width:84px;height:70px}.item-top{min-height:90px}header{flex-wrap:wrap;gap:14px}.headtools{gap:6px}.intro{padding-top:10px}.fieldbottom{gap:10px}.stats>div{padding:14px}.stats strong{font-size:20px}}
@media(max-width:540px){#equipment{grid-template-columns:repeat(2,minmax(0,1fr))}.stats>div{padding:12px 6px}.stats strong{font-size:16px}.stats small{font-size:9px}.item-top{flex-direction:row;align-items:center;min-height:75px}.item-top small{max-width:50px}.item strong{font-size:12px}.item button{font-size:12px}.headtools button{font-size:10px;padding:7px}.headtools{width:100%;justify-content:space-between}.mode-link{font-size:11px}#arena{height:auto}.fieldhead h2{font-size:18px}.objective{font-size:10px}.quizbody{padding:14px}.choice{min-height:54px}.shop-tabs button{padding:7px 10px}.sectiontitle h2{font-size:18px}.eyebrow{font-size:10px}#collection{font-size:12px}.reset-actions{justify-content:stretch}.reset-actions button{flex:1}.intro .eyebrow{font-size:8px;letter-spacing:0}.intro .primary{font-size:12px}}