:root{--shell: #f2d9e6;--shell-dark: #d9adc4;--plastic: #2a2e35;--ink: #1f2412;--page: #14161b}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 50% 20%,#1e2229,var(--page));color:#e8e9ec;font:15px/1.5 ui-sans-serif,system-ui,sans-serif}.room{display:grid;justify-items:center;gap:.9rem;padding:2rem 1rem}.shell{width:min(340px,88vw);padding:2rem 1.6rem 1.4rem;background:linear-gradient(160deg,var(--shell),var(--shell-dark));border-radius:48% 48% 46% 46%/40% 40% 60% 60%;box-shadow:inset 0 -10px 24px #0000002e,0 18px 40px #00000073}.bezel{background:var(--plastic);border-radius:14px;padding:.5rem;display:grid;gap:.4rem;box-shadow:inset 0 2px 8px #0009}.icon-row{display:grid;grid-template-columns:repeat(4,1fr);gap:.3rem;justify-items:center}.icon{width:30px;height:30px;opacity:.28;filter:invert(1);transition:opacity .1s linear}.icon.on{opacity:1}.lcd{width:100%;height:auto;display:block;border-radius:4px;image-rendering:pixelated}.buttons{display:flex;justify-content:center;gap:1.4rem;margin-top:1.1rem}.btn{width:52px;height:52px;border-radius:50%;border:none;background:linear-gradient(180deg,#4a4f59,#2a2e35);color:#f4f5f7;font:600 14px/1 ui-sans-serif,system-ui,sans-serif;cursor:pointer;box-shadow:0 4px #1a1d22,0 8px 14px #0006}.btn:active{transform:translateY(3px);box-shadow:0 1px #1a1d22}.hint{margin:0;font-size:.82rem;color:#9aa0ab;text-align:center;max-width:34ch}.status{margin:0;min-height:1.5em;font-size:.9rem;color:#f0d58a;text-align:center}.overlay-body{background:transparent;display:block;place-items:unset;min-height:0}.overlay-body .lcd.bare{width:auto;margin:0;border-radius:0}