@import"/mission-arcade/fonts.css";:root{font-family:Inter,system-ui,sans-serif;color:#ebf1f7;background:#0b1321;font-synthesis:none;color-scheme:dark;--teal:#61e2ce;--amber:#ffb668}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 20% 0,#1c344b 0,transparent 60%),#0b1321;min-height:100vh}a{color:var(--teal)}button,input,select{font:inherit}button,a{touch-action:manipulation}button{border:1px solid #466078;border-radius:10px;padding:12px 16px;background:#1c2d43;color:#f6fbff;cursor:pointer;font-weight:650}button:hover:enabled{background:#2a415d;border-color:var(--teal)}button:disabled{opacity:.44;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #f8dc90;outline-offset:4px}.primary{background:var(--teal);border-color:var(--teal);color:#0b272c}.primary:hover:enabled{background:#a1f7e8;color:#09232a}.mast{display:flex;justify-content:space-between;align-items:center;gap:14px;max-width:1260px;margin:auto;padding:23px 24px;border-bottom:1px solid #334454}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#fff;font-weight:750}.brand small{display:block;font-size:11px;letter-spacing:.03em;color:#b9c9da;font-weight:450}.brand img{width:34px;height:34px}.skip{position:absolute;top:-70px;left:10px;z-index:10;background:#fff;color:#000;padding:15px}.skip:focus{top:5px}.wrap{max-width:1220px;margin:0 auto;padding:32px 24px 65px}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin:8px 0 30px}.eyebrow{font-size:11px;font-weight:750;letter-spacing:.16em;text-transform:uppercase;color:var(--teal)}h1{font-size:clamp(35px,5vw,64px);line-height:1.05;letter-spacing:-.05em;margin:10px 0}h2{font-size:25px;line-height:1.2;letter-spacing:-.025em}p,li{line-height:1.65;color:#c6d4e2}.page-heading p{max-width:560px;margin-bottom:0}.page-label{border-left:2px solid var(--amber);padding:10px 18px;color:#e6d8c8;font-size:13px;white-space:nowrap}.panel{border:1px solid #344860;border-radius:18px;padding:25px;background:linear-gradient(140deg,#1d3046,#132136);box-shadow:0 20px 40px #02081133;margin-bottom:20px}.setup{max-width:820px;margin:0 auto 24px}.setup h2{font-size:34px}.settings{display:flex;gap:18px;margin:20px 0}.settings label{flex:1}label{display:flex;flex-direction:column;gap:8px;font-size:14px;color:#d6e3ef}input,select{border:1px solid #586d85;border-radius:8px;background:#0c1b2d;padding:12px;color:#fff;min-width:0;width:100%}.small{font-size:12px;line-height:1.6;color:#afc1d1}.setup>button,.pause>button{margin:4px 6px 6px 0}.badges{display:flex;gap:10px;border-top:1px solid #405067;margin-top:30px;padding-top:24px}.badge{flex:1;text-align:center;border:1px solid #415169;border-radius:12px;padding:15px 8px;color:#8497ac;font-size:26px;background:#101c2c}.badge b,.badge small{display:block;font-size:12px;margin-top:6px}.badge small{font-size:10px;font-weight:450}.badge.earned{border-color:#b99954;color:#f7ce78;background:linear-gradient(140deg,#54442a,#1e2633)}.match-nav{display:flex;gap:8px;margin-bottom:18px}.match-nav button{font-size:12px;padding:10px 14px}.match-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:24px;align-items:start}.board-stage{padding:22px;background:linear-gradient(145deg,#253d58,#131f32);border:1px solid #4c637e;border-radius:20px;box-shadow:0 20px 50px #0007,inset 0 1px #fff2}.player-band{display:flex;align-items:center;gap:12px;margin-bottom:22px;min-height:48px}.player-band strong,.player-band small{display:block}.player-band small{color:#afc0d0;font-size:11px;margin-top:6px}.turn-counter{margin-left:auto;font-size:11px;color:#a9bbcb;white-space:nowrap}.turn-token{height:34px;width:34px;display:grid;place-items:center;border-radius:50%;font-weight:900;flex-shrink:0}.side1{background:radial-gradient(circle at 32% 25%,#a4ffec,#39bda9 65%,#15776f);color:#06372e;border:2px solid #b9fff0}.side2{background:radial-gradient(circle at 32% 25%,#ffdfa5,#dc8841 65%,#8b4523);color:#542812;border:2px solid #ffe1aa}.board{display:grid;position:relative;width:100%;overflow:hidden}.four-board{grid-template-columns:repeat(7,minmax(0,1fr));gap:7px;padding:14px;background:linear-gradient(145deg,#2d6ba0,#214573);border:1px solid #71a4cc;border-radius:15px;box-shadow:0 10px #0c203c,0 16px 22px #0008}.slot{position:relative;aspect-ratio:1;display:grid;place-items:center;background:#0a1527;border-radius:50%;box-shadow:inset 0 4px 8px #0009,inset 0 -1px 2px #b3d5ee77}.piece{display:grid;place-items:center;position:relative;width:83%;height:83%;border-radius:50%;box-shadow:0 4px 6px #0008,inset 0 0 0 4px #0002,inset 0 1px 2px #fff9;font-size:clamp(13px,2vw,25px);font-weight:900}.piece>span{opacity:.8}.winning .piece{outline:3px solid #fff;outline-offset:2px;box-shadow:0 0 25px #a4fff0}.slot.last .piece{animation:drop .35s cubic-bezier(.3,.7,.5,1.2)}.ghost{opacity:.7;border:2px dashed var(--teal);border-radius:50%;width:82%;height:82%;display:grid;place-items:center;color:var(--teal);position:absolute;background:#50cabc22}.columns{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;margin-bottom:8px}.columns button{padding:9px 0;font-size:12px;white-space:nowrap;border-radius:7px}.checker-board{grid-template-columns:repeat(8,minmax(0,1fr));padding:7px;border:2px solid #8c7456;border-radius:8px;background:#9b805f;box-shadow:0 10px #392b22,0 18px 30px #0008}.square{aspect-ratio:1;position:relative;border-radius:0;padding:0;border:0;display:grid;place-items:center;min-width:0}.square.dark{background:linear-gradient(140deg,#37495a,#23323e)}.square.light{background:linear-gradient(140deg,#c2b08d,#a18c6d);opacity:1}.square.dark:hover:enabled{background:#4a6374}.square small{position:absolute;bottom:1px;left:2px;font-size:8px;color:#d8e5e3;opacity:.5;line-height:1}.square[aria-label*=", movable"] .piece{outline:1px solid #9afbea;outline-offset:1px}.square.selected{background:#3a837b!important;box-shadow:inset 0 0 0 3px #b6fff0}.square.destination{background:#366b67!important}.target{font-size:30px;color:#adfff0}.square.last{box-shadow:inset 0 0 0 2px #efc272}.square.hinted{outline:3px dashed #fff;outline-offset:-5px;z-index:1}.king .piece,.piece.king{box-shadow:inset 0 0 0 4px #fff7,0 4px 5px #0008}.routes{display:flex;flex-wrap:wrap;gap:7px;margin:24px 0 0}.routes button{font-size:12px;padding:10px}.material{display:flex;justify-content:space-between;font-size:11px;margin:25px 0 0;color:#d8e4ef}.tools{display:flex;gap:9px;margin-top:26px;flex-wrap:wrap}.tools button{font-size:12px}.game-message{min-height:36px;background:#1f3449;border-left:3px solid var(--teal);padding:12px 15px;border-radius:0 8px 8px 0;font-size:13px}.outcome{padding:20px;border:1px solid #60748a;background:#1b2a3d;border-radius:13px;margin-top:20px}.outcome.won{border-color:var(--teal);background:linear-gradient(140deg,#244d47,#172f35)}.outcome button{margin:5px 5px 0 0}.rules summary,.saved summary{cursor:pointer;line-height:1.6;font-weight:650}.rules ol{padding-left:20px}.rules p,.rules li{font-size:13px}.saved{margin-top:25px}.saved button{display:block;width:100%;text-align:left;margin-top:10px;font-size:12px}.pause{max-width:720px;margin:0 auto 30px;padding:45px}.pause h2{font-size:40px}.puzzle-card{display:block;text-align:left;padding:20px;margin:12px 0;width:100%;background:#13293c}.puzzle-card b,.puzzle-card span{display:block}.puzzle-card span{font-size:12px;color:var(--teal);margin-top:8px}.math-panel form{display:flex;align-items:flex-end;gap:8px}.math-panel label{flex:1}.math-panel button{font-size:12px}.math-feedback{background:#0c1e2e;border:1px solid #608d8d;padding:14px;border-radius:10px}.error{padding:20px;border:2px solid #ffc078;background:#443023;color:#fff;line-height:1.7;margin-bottom:20px}.error button{margin-left:15px}.footer{max-width:1220px;margin:auto;padding:25px;color:#9fb0c3;font-size:11px;line-height:1.7;border-top:1px solid #2e4257}.footer a{margin-right:18px}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@keyframes drop{0%{transform:translateY(-40px);opacity:.4}to{transform:translateY(0);opacity:1}}@media(max-width:850px){.match-layout{grid-template-columns:1fr}.match-layout aside{display:grid;grid-template-columns:1fr 1fr;gap:16px}.panel{padding:20px}.page-label{display:none}}@media(max-width:560px){.wrap{padding:24px 12px 40px}.mast{padding:16px 14px}.mast>a:last-child{font-size:12px}.page-heading{margin:0 6px 24px}.page-heading p{font-size:13px}.settings{flex-direction:column;gap:12px}.board-stage{padding:13px}.player-band{gap:8px;margin-bottom:15px}.player-band strong{font-size:14px}.player-band small,.turn-counter{font-size:10px}.four-board{gap:5px;padding:10px}.piece{font-size:18px}.match-layout aside{display:block}.square small{font-size:6px}.match-nav{gap:6px}.match-nav button{padding:10px 8px}.columns button{padding:11px 0}.badges{gap:6px}.badge b{font-size:10px}.math-panel form{flex-wrap:wrap}.pause{padding:28px}.pause h2{font-size:32px}.setup h2{font-size:27px}.footer{padding:20px 15px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}.board-stage{max-width:510px;margin-inline:auto}.in-match .page-heading{margin:0 0 18px}.in-match h1{font-size:34px}.in-match .page-heading p{font-size:12px;max-width:640px}.in-match .page-label{display:none}