/* Don Algo-Ritmo: the game lives inside his monitor head. */
body{background:radial-gradient(ellipse at 50% 14%,#173341 0,transparent 42%),#080f17}
.brand>span{font-size:25px;letter-spacing:-1px;font-weight:900;text-transform:none}.brand-dot{color:#73e5fa}.brand small{font:9px/1.6 monospace;letter-spacing:1.6px;color:#9ab5c4;margin-top:5px}.brand img{width:44px;height:44px}
.system-intro{text-align:center;margin:16px auto 30px}.system-intro>.eyebrow{font-size:11px;color:#72d8ec;letter-spacing:2px}.system-intro h2{font-size:clamp(30px,3.2vw,46px);letter-spacing:-1.5px;line-height:1.08;margin:13px 0}.system-intro h2 br{display:none}.system-intro em{font-style:normal;color:#73e5fa}.system-intro p{color:#a9bdca;font-size:15px;margin:10px 0 0}
body:not(.is-playing) .cabinet{max-width:980px;margin:auto;position:relative;padding:20px 20px 40px;border:2px solid #09121b;border-radius:38px;background:linear-gradient(118deg,#dfeced 0,#7c919c 7%,#c2d6dd 14%,#526973 46%,#a9bdc7 77%,#354a56 100%);box-shadow:0 0 0 2px #6d8797,0 16px 0 #15212a,0 18px 0 2px #050b10,0 35px 70px #0009;z-index:2;overflow:visible}
body:not(.is-playing) .screen-wrap{min-height:0;aspect-ratio:auto;border:8px solid #142630;border-radius:23px;overflow:hidden;box-shadow:0 2px 0 #effaff70,inset 0 0 22px #000}
body:not(.is-playing) .cover{position:relative;inset:auto;display:block;min-height:0;padding:24px 28px 60px;text-align:center;background:radial-gradient(ellipse at 50% 23%,#0c3648,#06151e 58%,#030b13);border:0}
.cover-shade{display:none}.cover::after{background:repeating-linear-gradient(0deg,transparent 0 3px,#6ef1ff08 3px 4px);z-index:1;mix-blend-mode:screen}.cover .cover-content{max-width:none;padding:0;position:relative;z-index:2}.algoritmo-face{display:block;width:min(360px,70%);height:auto;margin:0 auto 10px;filter:drop-shadow(0 0 13px #23caff50);animation:face-signal 7s ease-in-out infinite}.cover .eyebrow{justify-content:center;color:#8bd3e6;font-size:10px;letter-spacing:2px;margin:0 0 16px}.cover .tiny-cross{font-size:13px}.cover h1{font-size:clamp(26px,3.4vw,42px);transform:none;letter-spacing:-1px;line-height:1.1;margin:0;color:#ffdc60;text-shadow:2px 3px #000;-webkit-text-stroke:0}.cover h1 em{display:inline;color:#6ce3f4;-webkit-text-stroke:0}.hero-subtitle{font-size:10px;margin:8px 0 13px;letter-spacing:5px}.cover .hero-description{font-size:15px;line-height:1.5;margin:10px 0 18px;color:#a7bfcb}.hero-description strong{display:inline;max-width:none;color:#edf8fd}.device-picker>span{display:none}.device-picker>div{border:1px solid #4f7e8f70;background:#061b27}.device-picker button{font-size:12px;min-height:40px;padding:8px 15px}.hero-actions{justify-content:center;max-width:none;margin-top:15px;gap:12px}.hero-actions .primary{min-height:50px;padding:12px 24px;font-size:14px}.hero-actions .secondary{min-height:48px;font-size:12px}.cover .cover-note{max-width:none;margin:14px 0 0;font-size:10px;letter-spacing:.7px}.cover-bottom{background:#03101bd1;border-top:1px solid #42647155;left:0;right:0;bottom:0;padding:5px 18px;font-size:9px;text-align:left}.cover-bottom button{font-size:11px;min-height:36px}.monitor-chin{position:absolute;left:30px;right:30px;bottom:9px;display:flex;align-items:center;gap:12px;justify-content:space-between;color:#0c222d;font:900 9px monospace;letter-spacing:2px;text-shadow:0 1px #e3f4ff60}.monitor-chin i{height:8px;width:110px;background:repeating-linear-gradient(90deg,#142936 0 3px,transparent 3px 6px);opacity:.85}.monitor-chin span:last-child::before{content:'';display:inline-block;width:6px;height:6px;background:#83ffbc;border:1px solid #2e694a;border-radius:50%;margin-right:8px;box-shadow:0 0 5px #5effa1}.robot-torso{max-width:1120px;height:240px;margin:6px auto 0;overflow:hidden;position:relative;z-index:1;mask-image:linear-gradient(#000 0 75%,transparent)}.robot-torso img{width:100%;height:auto;display:block}.message{margin:-5px 0 46px;color:#9ab4c4;position:relative}.transmission{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px;padding:5px 50px 60px}.transmission-copy h2{font-size:clamp(30px,3.5vw,44px);line-height:1.1;letter-spacing:-1px;margin:14px 0 20px}.transmission-copy h2 em{color:#ffdc60;font-style:normal}.transmission-copy p{max-width:420px;line-height:1.7;font-size:16px;color:#afc3d0}.transmission-copy strong{color:#fff}.transmission-art{grid-column:2;grid-row:1;padding:8px 0;max-width:440px;justify-self:end}.transmission-art img{mask-image:none}.transmission-art .comic-label{font-size:9px}.transmission-art .scene-stamp{right:-10px}.transmission-art .hero-frame{transform:rotate(1.5deg)}
.is-playing .cabinet{border:4px solid #6c8797;border-radius:10px;box-shadow:inset 0 0 0 2px #172e3e}.is-playing .monitor-chin{display:none}.is-playing .cabinet-bar{background:linear-gradient(90deg,#173347,#132438)}
@keyframes face-signal{0%,40%,44%,100%{opacity:1}42%{opacity:.75}}
@media(prefers-reduced-motion:reduce){.algoritmo-face{animation:none}}
@media(max-width:720px){.brand>span{font-size:23px}.brand img{width:38px;height:38px}.brand small{font-size:8px;letter-spacing:.9px}.system-intro{margin:10px auto 25px}.system-intro h2{font-size:32px}.system-intro h2 br{display:block}.system-intro p{font-size:13px}.system-intro>.eyebrow{font-size:9px}body:not(.is-playing) .cabinet{padding:10px 10px 31px;border-radius:23px;box-shadow:0 0 0 1px #7a939e,0 9px #15212a,0 11px 0 1px #050b10,0 24px 38px #0009}body:not(.is-playing) .screen-wrap{border-width:4px;border-radius:14px}body:not(.is-playing) .cover{padding:20px 12px 65px}.algoritmo-face{width:88%;max-width:340px;margin-bottom:15px}.cover .eyebrow{font-size:8px;letter-spacing:1px;margin-bottom:13px}.cover h1{font-size:clamp(25px,5.3vw,35px);letter-spacing:-1px}.cover h1 em{display:block}.hero-subtitle{font-size:8px;letter-spacing:3px}.cover .hero-description{font-size:13px;margin:13px 0 15px}.hero-actions .primary{padding:13px 16px;min-height:48px;font-size:12px;width:100%;max-width:270px}.hero-actions .secondary{font-size:11px;min-height:44px}.device-picker button{padding:8px;font-size:11px;min-height:44px}.cover .cover-note{font-size:9px;line-height:1.5}.cover-bottom{padding:7px 10px;font-size:8px;gap:7px}.cover-bottom>span{max-width:150px}.cover-bottom button{font-size:10px}.monitor-chin{left:18px;right:18px;bottom:8px;font-size:7px;letter-spacing:.8px}.monitor-chin i{width:42px;height:6px}.robot-torso{height:140px;margin-top:5px;mask-image:linear-gradient(#000 0 68%,transparent)}.robot-torso img{width:110%;max-width:none;margin-left:-5%}.message{margin:4px 0 36px;font-size:12px}.transmission{grid-template-columns:1fr;padding:0 8px 40px;gap:22px}.transmission-copy h2{font-size:33px}.transmission-copy p{font-size:14px;margin-bottom:0}.transmission-art{grid-column:1;grid-row:2;width:100%;max-width:420px;justify-self:center}.transmission-art .comic-label{font-size:9px}.transmission-art .scene-stamp{font-size:8px;right:-5px}.is-playing .cabinet{border-width:2px;border-radius:4px}}
@media(orientation:landscape) and (max-height:600px){.is-playing .cabinet{border-width:2px;border-radius:4px}}
/* On a roomy screen keep the robot visible during play; fullscreen and phones
   give the available area back to the game. */
@media(min-width:1000px) and (min-height:700px){
 .is-playing .cabinet{inset:18px auto auto 50%;transform:translateX(-50%);width:min(1100px,calc(100vw - 60px));height:min(760px,calc(100dvh - 210px));border:12px solid #8ba3af;border-bottom-width:22px;border-radius:26px;box-shadow:0 0 0 2px #203e4e,0 10px #12202a,0 25px 60px #0008;z-index:2}
 .is-playing .arcade>.robot-torso{display:block;position:fixed;left:50%;top:calc(20px + min(760px,100dvh - 210px));transform:translateX(-50%);width:min(1200px,95vw);height:180px;margin:0;z-index:0;pointer-events:none}
 .is-playing .cabinet:fullscreen{inset:0;transform:none;width:100vw;height:100dvh;border:0;border-radius:0}
}