.hero{background:#060606}.phone-wrap{top:54%}.phone-glow{display:none}.photo-phone{position:relative;width:min(470px,35vw);aspect-ratio:2/3;filter:drop-shadow(22px 35px 28px rgba(0,0,0,.6))}.photo-phone>img{display:block;width:100%;height:100%;object-fit:contain}.photo-screen{position:absolute;z-index:3;left:25.7%;top:25%;width:48%;height:23.4%;padding:.8% 1%;overflow:hidden;border-radius:9% 9% 15% 15%;background:#9aa863;box-shadow:inset 0 0 12px #27320d}.photo-screen .screen-top,.photo-screen .game-ui{height:10%;font-size:clamp(5px,.45vw,8px);line-height:1}.photo-screen canvas{display:block;width:100%;height:80%;image-rendering:pixelated;background:#9aa863}.photo-key{position:absolute;z-index:5;width:14%;height:5.4%;transform:translate(-50%,-50%);border:0;border-radius:50%;background:transparent;color:transparent;cursor:pointer}.photo-key span{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#c6ff00;color:#050505;font:900 12px monospace;opacity:0;transition:.15s}.photo-key:hover span,.photo-key:focus-visible span,.photo-key.is-pressed span{opacity:1}.photo-key:focus-visible{outline:2px solid #c6ff00;outline-offset:3px}.key-2{left:50%;top:67%}.key-4{left:31.8%;top:74.1%}.key-5{left:50%;top:74.2%}.key-6{left:67.5%;top:74.1%}.key-8{left:50%;top:81.5%}.key-0{left:50%;top:90.2%}.control-hint{position:absolute;z-index:6;left:50%;bottom:-12px;transform:translateX(-50%);padding:9px 13px;border:1px solid #000;background:#c6ff00;color:#000;white-space:nowrap;font:700 9px monospace;box-shadow:4px 4px 0 #000}
@media(max-width:900px){.phone-wrap{top:54%}.photo-phone{width:min(460px,64vw)}}
@media(max-width:540px){.phone-wrap{top:52%;transform:translate(-50%,-50%)}.photo-phone{width:76vw}.control-hint{bottom:-3px}.photo-screen .screen-top,.photo-screen .game-ui{font-size:5px}}