body{min-height:100svh;display:grid;place-items:center;padding:24px 12px}.entry-console{width:min(100%,430px);min-height:0;padding:20px;border:1px solid #555;border-radius:15px 15px 45px 15px;box-shadow:inset 0 0 0 4px white,inset 0 0 0 5px #aaa,8px 10px 0 #eee}.entry-console .brand{display:flex;font-size:18px;padding:2px 4px 18px;gap:10px}.brand img{width:28px;height:28px}.entry-console .screen-surround{padding:9px;background:#dededc;border:1px solid #555;border-radius:6px 6px 18px 6px}.entry-console .screen{min-height:225px;aspect-ratio:auto;background:#f9f9f9;border:1px solid #888;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:25px 10px;text-align:center}.boot-label{font:8px monospace;letter-spacing:1.4px;margin:0 0 14px}h1{font:36px Pirata;margin:0 0 20px}.code-sequence{display:flex;gap:8px;font:25px monospace}.code-sequence span{padding:3px;border-bottom:2px solid #ccc;transition:background .12s,color .12s}.code-sequence .complete{background:#333;color:white;border-color:#333}#code-status{font:12px/1.5 Fell,Georgia,serif;margin:17px 0 0;min-height:36px;max-width:240px}.entry-console .controls{padding:26px 0 16px}.entry-console .console{padding:0 8px}.back{display:block;text-align:center;font:12px Fell,Georgia,serif;color:inherit;margin:20px 0 8px;text-underline-offset:4px}@media(max-width:360px){.entry-console{padding:14px}.code-sequence{gap:5px}.entry-console .controls{gap:12px}.entry-console .round{width:48px;height:48px}.entry-console .dpad{grid-template:repeat(3,40px)/repeat(3,40px)}}