/* board.cat art direction: playful toy hardware, inside a precise green shell. */
.brand-mark{width:34px;height:34px;background:none;border-radius:0}.brand-mark img{width:100%;height:100%}.brand{font-size:24px;letter-spacing:-.055em}.mini-brand{display:flex;align-items:center;gap:5px;font-size:19px}.mini-brand img{width:35px;height:35px;margin-right:4px}.modal-mark{background:none;width:64px;height:64px;margin-bottom:25px}.modal-mark img{width:100%;height:100%}.intro-logo{width:92px;height:92px;margin:25px auto}.intro-logo img{width:100%;height:100%;filter:drop-shadow(0 0 35px #b6ff4630)}
.mission-card{width:min(1100px,calc(100vw - 48px));padding:30px 36px;border-radius:22px;background:#10251c;max-height:94dvh;border-color:#6f94614d;box-shadow:0 35px 120px #0008}.mission-head{border-bottom:1px solid #9cc77f22;padding-bottom:16px}.mission-icon{border:1px solid #8cb37038;border-radius:15px;background:#203b2b;width:55px;height:55px}.mission-card h2{font-size:31px}.mission-card>.modal-close{right:23px;top:21px;background:#24432f;width:32px;height:32px;border-radius:50%;font-size:23px;line-height:30px}.mission-card>p{margin:14px 0 19px;font-size:13px;color:#a4b89b}.mission-brief{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:40px;padding:0 0 24px}.mission-cover{position:relative;overflow:hidden;border-radius:17px;background:#203b2b;box-shadow:0 8px 0 #081a1370}.mission-cover>img{display:block;width:100%;aspect-ratio:1.5;object-fit:cover;filter:saturate(1.15)}.cover-label{position:absolute;bottom:12px;left:14px;background:#143924d9;color:#edffda;border:1px solid #fff2;border-radius:30px;font:700 8px Space;letter-spacing:.1em;padding:7px 11px}.mission-brief h3{font-size:38px;letter-spacing:-.06em;line-height:.98;margin:15px 0 20px}.mission-brief h3>span{display:block;font:500 14px Space;letter-spacing:0;color:#a7bf9d;margin-top:14px}.mission-brief p{font-size:13px;line-height:1.7;color:#a7bf9d}.mission-stats{display:flex;gap:22px;border-top:1px solid #a2bf8b2b;padding-top:18px;margin-top:25px;font:8px/2 Space;color:#839d78}.mission-stats b{font-size:13px;color:#d5ebc3}.mission-start{justify-content:center;gap:30px;padding:21px;font-size:16px;border-radius:14px;box-shadow:0 5px 0 #6d9b2f}.mission-start:hover{box-shadow:0 8px 0 #6d9b2f}.mission-fact{padding:18px 21px;border-radius:13px}.mission-fact p{font-size:13px;max-width:850px}.mission-fact .back-to-board{padding:13px 19px;border-radius:9px}.arcade-top{font-size:11px;padding:1px 2px 13px}.arcade-count{font-size:10px}.arcade-field{min-height:380px;border-radius:17px;padding:28px 40px;background:#d9efb6;box-shadow:inset 0 -8px #30543212}.arcade-field:before{background-image:radial-gradient(#38592a12 1.5px,transparent 1.5px);background-size:20px 20px}.arcade-bottom{padding:15px 3px 0;font-size:11px}.arcade-feedback{max-width:80%}.arcade-restart{font-size:11px}.arcade-button{font-size:14px;padding:15px 32px;border-radius:12px;min-width:220px;margin-top:25px}.sequence-mascot{height:190px}.sequence-mascot img{width:290px;border-radius:20px;mix-blend-mode:normal;filter:saturate(1.15);box-shadow:0 5px 0 #34562c18}.sequence-caption{font-size:13px;padding:16px 0 20px}.sequence-pads{max-width:650px;margin:auto;gap:14px}.sequence-pad{font-size:12px;min-height:75px;border-radius:17px;box-shadow:0 6px #23472f}.memory-hint{font-size:12px;margin:0 0 22px}.memory-cards{max-width:560px;gap:13px}.memory-card{height:88px;border-radius:17px;font-size:29px;background:#8d74bd;color:#f1e6ff;border-color:#5d4486;box-shadow:0 5px #5d4486}.memory-card:hover{background:#aa8bdc}.memory-card.flipped{background:#f1eac9;border-color:#7f9b68;box-shadow:0 5px #7f9b68}.memory-card svg{width:72%;height:72%;max-width:66px;vertical-align:middle}.memory-card.matched{background:#b9e79a;border-color:#6c9d57;box-shadow:0 3px #6c9d57}.pixel-grid{width:210px;gap:4px;padding:8px;border-radius:14px;border-width:3px}.pixel-studio{gap:40px;padding-top:10px}.pixel-studio>div>span{font-size:10px}.pixel-arrow{font-size:37px}.pixel-grid .painted{background:#9361c5;box-shadow:inset 0 -4px #53307c40}.pixel-grid button{border-radius:4px}.power-mascot{height:200px;padding:0}.power-mascot img{height:168px;width:255px;object-fit:cover;border-radius:14px;filter:saturate(1.15)}.power-mascot h4{margin:8px 0;font-size:13px}.power-meter{height:65px;max-width:650px;margin:20px auto 30px;border-width:3px;border-radius:15px}.power-needle{width:7px}.clock-face{width:260px;height:260px;border-width:8px}.clock-hand:before{height:110px;top:17px;width:7px}.clock-face>span{font-size:25px}.bit-stream{height:205px;padding-top:40px}.current-bit{width:110px;height:110px;font-size:62px;border-radius:25px;box-shadow:0 7px #23472f30;margin-top:42px}.bit-queue{font-size:42px;letter-spacing:17px;top:26px}.bit-banks{max-width:600px;margin:auto;gap:25px;padding-top:36px}.bit-bank{font-size:18px;padding:23px}.boot-screen{max-width:670px;margin:0 auto 25px;min-height:150px;padding:25px;font-size:16px;border-radius:16px;background:repeating-linear-gradient(0deg,#23492c 0 2px,#274d31 2px 4px)}.boot-screen>span{font-size:11px}.boot-log{margin-top:28px}.boot-options{max-width:670px;margin:auto;gap:12px}.boot-option{padding:17px 23px;font-size:13px;border-radius:13px}.port-device{padding:3px 0 14px}.port-device>span{height:170px;display:block}.port-device>span>svg{width:170px;height:170px;filter:drop-shadow(0 7px 0 #324f4320)}.port-device h4{font-size:20px;margin:5px 0 10px}.port-choices{max-width:620px;margin:auto;gap:15px}.port-button{padding:55px 5px 17px;font-size:11px;border-radius:14px}.port-button:before{top:20px;transform:scale(1.2)}.port-1:before{top:16px}.port-3:before{top:17px}.pipe-grid{width:300px;gap:8px}.pipe-end{font-size:14px}.pipe-layout{gap:25px}.pipe-tile{border-radius:15px;border-width:2px}.arcade-field:has(.arcade-canvas){max-width:820px;margin:auto;border:3px solid #70936b}.arcade-canvas{max-height:420px;object-fit:contain;aspect-ratio:720/390}.lane-buttons{gap:13px;padding:12px 25px 18px;background:#deedcd}.lane-button{font-size:14px;padding:13px;border-radius:11px}.victory{min-height:340px;padding:25px}.victory-star{font-size:105px}.victory h3{font-size:54px}.victory-score{font-size:15px}.victory-orbits{width:240px;height:240px;left:calc(50% - 120px)}
#mini-game[data-game=ram] .arcade-field,#mini-game[data-game=audio] .arcade-field{background:#dfcef4}#mini-game[data-game=gpu] .arcade-field,#mini-game[data-game=power] .arcade-field,#mini-game[data-game=cmos] .arcade-field{background:#f7dcac}#mini-game[data-game=io] .arcade-field,#mini-game[data-game=cooling] .arcade-field{background:#c0ecdc}#mini-game[data-game=bios] .arcade-field{background:#ddd1ef}
.interact-prompt{width:430px;max-width:calc(100vw - 30px);min-height:92px;padding:9px 13px 9px 9px;border-radius:15px;background:#153023ee;color:#edffe0;border:1px solid #b6ff4680;gap:15px;box-shadow:0 12px 50px #0005,0 0 25px #b6ff4610;backdrop-filter:blur(14px)}.prompt-cover{width:102px;height:73px;object-fit:cover;border-radius:10px;flex:none}.interact-prompt small{font-size:8px;color:#b6ff46;letter-spacing:.1em}.interact-prompt strong{font:600 18px/1.1 Space;letter-spacing:-.04em;margin:6px 0}.interact-prompt>div>span{font:10px Space;color:#8ea881}.prompt-play{background:#b6ff46;color:#16321c;font:700 11px Space;letter-spacing:0;padding:14px 12px;border-radius:10px;margin-left:auto;white-space:nowrap}.map-card{width:min(980px,100%);border-radius:20px}.world-map{gap:12px}.map-district{display:block;position:relative;border-radius:12px;padding:8px 8px 15px;overflow:hidden}.map-district>img{display:block;width:100%;aspect-ratio:1.75;object-fit:cover;border-radius:7px;filter:saturate(1.1);margin-bottom:12px}.map-district>div{padding:0 5px}.map-district b{font-size:13px}.map-district small{font-size:10px}.map-district>i{position:absolute;bottom:20px;right:15px;font-size:16px}.map-heading h2{font-size:43px}.game-top{background:linear-gradient(#08181088,transparent);margin:0;padding:19px 24px 25px}.online-badge{top:85px}.hud-btn{font-size:10px}.zone-readout{margin-left:0}.controls-card,.mini-map{background:#10261dde;border-color:#a1c78033}
@media(max-width:800px){.hero{min-height:820px}.home-world:after{background:linear-gradient(90deg,#080d10f2 0%,#080d1099 55%,#080d1030),linear-gradient(0deg,#080d10,transparent 20%,transparent 90%,#080d1090)}.hero .hero-art{height:240px;margin-top:0}.live-world-card{bottom:10px;padding:15px;right:0}.hero .label-top{display:none}.hero-lede{color:#afc2b2}.mission-card{width:calc(100vw - 20px);max-height:96dvh;padding:25px 18px;border-radius:18px}.mission-card h2{font-size:24px}.mission-cover>img{aspect-ratio:1.55}.mission-brief{gap:22px;grid-template-columns:1fr 1fr}.mission-brief h3{font-size:27px;margin:12px 0}.mission-brief h3>span{font-size:11px}.mission-brief p{font-size:11px}.mission-stats{flex-wrap:wrap;gap:10px;margin-top:15px;padding-top:10px}.mission-stats span:last-child{display:none}.mission-stats b{font-size:11px}.arcade-field{padding:23px 17px;min-height:340px}.arcade-count{font-size:8px}.sequence-mascot{height:150px}.sequence-mascot img{width:230px}.sequence-pad{font-size:10px}.memory-card{height:80px}.memory-cards{max-width:430px;gap:10px}.pixel-grid{width:170px;gap:3px;padding:6px}.pixel-studio{gap:20px}.pipe-grid{width:270px}.pipe-layout{gap:16px}.pipe-end{font-size:11px}.game-top{padding:13px 12px 20px}.online-badge{top:69px}.mini-brand{font-size:16px;gap:2px}.mini-brand img{width:29px;height:29px}.hud-btn{font-size:12px}.mission-head{padding-right:20px}.map-card{padding:30px 18px}.map-district b{font-size:12px}.map-district small{font-size:9px}.map-district>i{right:12px}.world-map{gap:9px}.interact-prompt{bottom:145px;min-height:85px;width:390px}.interact-prompt strong{font-size:16px}.prompt-cover{width:90px;height:65px}.prompt-play{font-size:10px;padding:13px 10px}}
@media(max-width:520px){.mission-brief{display:block}.mission-cover>img{max-height:225px;aspect-ratio:1.65}.mission-brief>div:last-child{padding:17px 3px 0}.mission-brief h3{font-size:28px;margin:8px 0 10px}.mission-brief h3>span{display:none}.mission-brief p{margin:0;line-height:1.6}.mission-stats{gap:30px;margin-top:14px;padding-top:12px}.mission-stats span:last-child{display:block}.mission-stats{font-size:7px}.mission-start{padding:17px;font-size:14px}.arcade-top{font-size:9px;letter-spacing:0}.arcade-field{padding:20px 12px;min-height:300px}.arcade-count{font-size:8px}.sequence-mascot{height:140px}.sequence-mascot img{width:210px}.sequence-pads{gap:7px}.sequence-pad{font-size:8px;min-height:64px;border-radius:12px}.sequence-caption{font-size:11px}.memory-hint{font-size:10px}.memory-card{height:68px;font-size:25px;border-radius:12px}.memory-cards{gap:9px}.memory-card svg{max-width:52px}.pixel-grid{width:128px;padding:4px;gap:3px;border-width:2px;border-radius:9px}.pixel-studio{gap:12px;padding:12px 0}.pixel-arrow{font-size:21px}.pixel-studio>div>span{font-size:8px}.arcade-button{font-size:12px;padding:13px 22px;min-width:190px}.power-mascot{height:170px}.power-mascot img{height:140px;width:212px}.power-meter{height:53px;margin-inline:5px}.clock-face{width:220px;height:220px}.clock-hand:before{height:92px;top:13px}.boot-screen{padding:19px;font-size:12px;min-height:130px}.boot-screen>span{font-size:9px}.boot-log{margin-top:24px}.boot-option{font-size:10px;padding:13px 15px}.boot-options{gap:9px}.port-device>span{height:140px}.port-device>span>svg{height:140px;width:140px}.port-device h4{font-size:17px}.port-choices{gap:7px}.port-button{font-size:8px;padding:48px 2px 12px}.port-button:before{transform:scale(.95)}.pipe-grid{width:225px;gap:5px}.pipe-layout{gap:8px}.pipe-end{font-size:9px}.pipe-tile{border-radius:10px}.bit-bank{font-size:14px;padding:18px 7px}.bit-banks{gap:14px;padding-inline:10px}.bit-stream{height:190px}.current-bit{width:97px;height:97px;font-size:56px}.arcade-bottom{font-size:9px;align-items:start}.arcade-restart{font-size:9px}.victory h3{font-size:43px}.mission-fact p{font-size:11px}.mission-fact{padding:13px}.lane-buttons{gap:8px;padding:10px 12px 14px}.lane-button{font-size:11px;padding:10px}.interact-prompt{gap:10px;width:365px}.prompt-cover{width:80px;height:62px}.interact-prompt strong{font-size:15px}.interact-prompt small{font-size:7px}.interact-prompt>div>span{font-size:9px}.prompt-play{padding:12px 8px;font-size:9px}.hud-actions{gap:4px}.hud-btn{padding:8px}.score-pill{padding:10px 6px;font-size:8px}.mini-brand{font-size:15px}.mini-brand img{width:25px;height:25px}.game-top{padding-inline:10px}.map-heading h2{font-size:35px}.map-district b{font-size:11px}.map-district small{font-size:8px}.map-district>i{display:none}}
