:root{--bg:#06142f;--deep:#081d40;--card:#102a55;--line:#345b8b;--cyan:#58eaff;--ice:#b6e6ff;--gold:#ffc865;--green:#53f0c1;--red:#ff898d;color-scheme:dark;font:16px/1.5 ui-sans-serif,system-ui,-apple-system,'Segoe UI',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#f8fcff;background:radial-gradient(ellipse at 50% 0,#123d83 0,#06142f 60%);min-height:100vh}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #ffe082;outline-offset:3px}button:disabled{cursor:not-allowed;opacity:.6}.skip{position:absolute;top:-100px;left:10px;background:white;color:#06142f;padding:12px;z-index:90}.skip:focus{top:10px}
.game-head{background:rgba(3,14,35,.88);border-bottom:1px solid #30629b}.head-inner{max-width:1180px;margin:auto;padding:10px 18px;display:flex;gap:22px;align-items:center}.brand img{width:155px;max-height:58px;object-fit:contain}.head-tag{color:#97e5ff;font-weight:950;letter-spacing:.055em;white-space:nowrap;font-size:13px}.head-tag span{color:#a2b7d0}.head-inner nav{margin-left:auto;display:flex;gap:18px;font-size:13px;color:#c5ddf1;font-weight:750}.head-inner nav a:hover{color:var(--cyan)}
.wrap{max-width:1180px;margin:0 auto;padding:30px 18px 65px}.eyebrow{font-size:12px;text-transform:uppercase;color:var(--cyan);letter-spacing:.13em;font-weight:950}.intro h1{font-size:clamp(2rem,5vw,3.5rem);line-height:1.11;margin:9px 0 14px}.intro p{max-width:770px;color:#c1d6ed}.game-options{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:25px 0}.mode-card{display:flex;flex-direction:column;gap:15px;padding:26px;border-radius:24px;border:1px solid #3972a4;background:linear-gradient(150deg,rgba(25,67,127,.8),rgba(9,27,64,.95));box-shadow:0 16px 40px #0003}.mode-card .big{font-size:48px;line-height:1}.mode-card h2{margin:0;font-size:25px}.mode-card p{color:#ccdded;margin:0;flex:1}.btn{border:1px solid #37c8ef;background:linear-gradient(100deg,#1670d4,#0cadd2);color:white;font-weight:850;padding:12px 17px;border-radius:13px;min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn.secondary{background:#163c75;border-color:#557db0}.btn.ghost{background:transparent;border-color:#557db0}.btn.success{background:#086f59;border-color:#41e9bf}.btn:hover{filter:brightness(1.12)}.btn-row{display:flex;gap:10px;flex-wrap:wrap}.game-top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:15px}.game-top h1{font-size:clamp(1.7rem,3vw,2.5rem);margin:3px 0}.backlink{color:#a5e9ff;font-size:13px;font-weight:800}.stats{display:flex;gap:7px;flex-wrap:wrap}.stat{border:1px solid #3a6998;border-radius:10px;padding:7px 12px;background:#102c55;color:#d6edff;font-size:13px}.stat b{color:var(--gold)}
.game-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);gap:17px;align-items:start}.panel{border:1px solid #3b6e9f;border-radius:23px;background:linear-gradient(160deg,rgba(17,47,91,.94),rgba(7,24,54,.95));padding:22px;box-shadow:0 12px 30px #0002}.panel h2{font-size:20px;margin:0 0 8px}.panel p{color:#bdd3eb}.mission-label{color:#77e3fa;font-weight:950;font-size:12px;letter-spacing:.07em}.mission-clue{font-size:19px;font-weight:850;line-height:1.45;color:white}.hint{background:#143e72;border:1px dashed #568cc0;padding:13px 15px;border-radius:13px;color:#e4f3ff;font-size:14px}.feedback{min-height:82px;display:flex;gap:9px;flex-direction:column;justify-content:center;padding:13px;border-radius:13px;background:#092044;border:1px solid #38628c;font-size:14px;color:#d7edff}.feedback.good{border-color:#2bc99e;background:#0a3940}.feedback.bad{border-color:#e46d76;background:#4a283d}.feedback b{color:white}.grid-board{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;max-width:560px;margin:18px auto;background:linear-gradient(145deg,#122c58,#06132e);padding:12px;border:1px solid #386da4;border-radius:20px}.cell{aspect-ratio:1;min-width:0;background:linear-gradient(145deg,#1d467e,#122f5e);border:1px solid #2e6196;border-radius:11px;display:grid;place-content:center;text-align:center;position:relative;overflow:hidden}.cell.prop{background:#274b6f}.cell .glyph{font-size:clamp(16px,2.3vw,29px);line-height:1.1}.cell .item-label{font-size:clamp(7px,1.1vw,10px);font-weight:900;color:#eff9ff;line-height:1.2;margin-top:5px}.cell .robo-icon{display:block;width:90%;max-width:70px;aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 5px 4px #020d27)}.cell.current{outline:3px solid #53e9ff;outline-offset:-3px}.cell.wall{background:repeating-linear-gradient(45deg,#244364,#244364 5px,#1b3453 5px,#1b3453 10px)}.cell.wall .glyph{opacity:.6}.controls{display:grid;grid-template-columns:repeat(3,56px);grid-template-rows:repeat(2,51px);gap:7px;justify-content:center;margin:16px auto 8px}.dir{border:1px solid #4e9cd6;background:#16447d;color:#fff;border-radius:13px;font-size:26px;font-weight:900;display:grid;place-items:center;touch-action:manipulation}.dir:hover{background:#1d72bd}.dir.up{grid-column:2;grid-row:1}.dir.left{grid-column:1;grid-row:2}.dir.down{grid-column:2;grid-row:2}.dir.right{grid-column:3;grid-row:2}.under-note{text-align:center;font-size:12px;color:#92b8d5}.robot-panel{display:flex;gap:18px;align-items:center;justify-content:center;min-height:210px;border:1px solid #315f99;border-radius:17px;background:radial-gradient(circle at center,#1e689f,#102b56 70%);margin:18px 0}.robot-panel img{width:min(48%,195px);filter:drop-shadow(0 14px 8px #0006);transition:transform .2s}.robot-panel[data-result="fail"] img{transform:rotate(-14deg) translateY(9px);filter:grayscale(.7) drop-shadow(0 10px 5px #0006)}.robot-panel[data-result="success"] img{transform:translateY(-8px)}.robot-panel .module-icon{font-size:48px;min-width:74px;text-align:center}.part-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:17px 0}.part{background:#0d2e5b;border:1px solid #4b76a5;border-radius:14px;min-height:126px;padding:12px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:7px;color:#fff}.part strong{font-size:13px}.part small{color:#a7c7e3;font-size:11px}.part .ico{font-size:35px}.part.selected{border-color:#3eeff1;background:#185b87;box-shadow:inset 0 0 0 2px #39c8f877}.speech{border:1px solid #7ac6f0;padding:16px;border-radius:15px;background:#103b66;margin:14px 0}.speech q{font-size:17px;color:#fff;font-weight:750;display:block;margin:8px 0}.finish-panel{max-width:770px;margin:0 auto;text-align:center}.finish-panel img{width:130px}.finish-panel h2{font-size:30px}.footnote{color:#adc5dc;font-size:12px}.game-foot{border-top:1px solid #2d5481;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;color:#a2bbd3;font-size:12px;padding:22px max(18px,calc((100vw - 1180px)/2))}.game-foot a{display:inline-block;margin:0 0 0 12px;color:#a4ebff}.game-foot a:hover{text-decoration:underline}
@media(max-width:900px){.game-layout{grid-template-columns:1fr}.head-tag{display:none}.head-inner nav{font-size:12px}.game-options{grid-template-columns:1fr}}
@media(max-width:600px){.wrap{padding:19px 12px 45px}.head-inner{padding:9px 12px}.brand img{width:117px}.head-inner nav{gap:9px}.head-inner nav a:nth-child(1),.head-inner nav a:nth-child(2){display:none}.panel{padding:15px}.grid-board{gap:4px;padding:7px;border-radius:15px}.cell{border-radius:8px}.cell .item-label{font-size:7px}.part-grid{grid-template-columns:1fr 1fr}.part{min-height:112px}.game-foot{padding:18px 12px}.mode-card{padding:20px}.btn{padding:10px 12px;font-size:13px}.robot-panel{min-height:170px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}