.lcd-bezel{background:var(--lcd-bezel);border-radius:var(--bezel-radius);padding:var(--bezel-w);box-shadow:inset 0 0 0 1px #ffffff0f,inset 0 0 0 2px #00000080,0 4px 24px #000c}.lcd-canvas{display:block;aspect-ratio:84 / 48;width:100%;image-rendering:pixelated;image-rendering:crisp-edges}@media (hover: none) and (pointer: coarse) and (orientation: portrait){.lcd-canvas{aspect-ratio:unset;width:100%;height:100%}}.lcd-frame{display:flex;align-items:center;justify-content:center}:root{--phi: 1.6180339887;--space-base: 8px;--space-sm: 13px;--space-md: 21px;--space-lg: 34px;--space-xl: 55px;--space-xxl: 89px;--lcd-bg: #A8B86A;--lcd-primary: #243B16;--lcd-secondary: #526A2A;--lcd-bezel: #1A1A0E;--lcd-bezel-hi: #2E2E1A;--page-bg: #0D0D08;--bezel-w: clamp(6px, 1.5vmin, 18px);--bezel-radius: clamp(4px, 1vmin, 12px)}@tailwind base;@tailwind components;@tailwind utilities;*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden;background:var(--page-bg)}.app-shell{width:100vw;height:100vh;height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--page-bg);background-image:radial-gradient(ellipse at 50% 50%,#1a1a10,#0d0d08 80%)}.nokia-brand{font-family:Arial Narrow,Arial,sans-serif;font-weight:900;font-size:clamp(11px,2.2vmin,28px);letter-spacing:.15em;color:var(--lcd-bg);text-transform:uppercase;margin-bottom:clamp(var(--space-sm),2vmin,var(--space-lg));opacity:.85;-webkit-user-select:none;user-select:none}.touch-controls{display:none}@media (hover: none) and (pointer: coarse) and (orientation: portrait){.app-shell{justify-content:flex-start;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}.mobile-top{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:50%;flex-shrink:0}.nokia-brand{font-size:clamp(10px,2.5vw,16px);letter-spacing:.1em;margin-bottom:6px;flex-shrink:0}.lcd-frame{width:95vw!important;flex-shrink:0;margin:0 auto}.touch-controls{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:50%;flex-shrink:0;padding:6px 0;gap:6px;overflow:hidden}}
