:root{color-scheme:dark;font-family:Inter,system-ui,sans-serif;background:#07121c;color:#f7f7f2}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{margin:0;min-height:100vh;background:radial-gradient(circle at top,rgba(32,76,109,.6),transparent 35%),linear-gradient(180deg,#07121c,#0b1e2d)}button,input{font:inherit}button,input,.app-shell,.controller-shell,.stick-card,.actions-card,.stick-grid,.actions-grid{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}button{touch-action:manipulation}.app-shell{display:grid;gap:16px;padding:16px;min-height:100vh}.panel,.stick-card,.actions-card,.status-card{border:1px solid rgba(255,255,255,.12);background:#07121cd9;border-radius:18px;padding:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.heading h1,.stick-card h2,.actions-card h2{margin:0 0 8px}.eyebrow{margin:0 0 8px;color:#89d0ff;text-transform:uppercase;letter-spacing:.08em;font-size:12px}.subtle{margin:0;color:#f7f7f2b8}.field{display:grid;gap:6px;margin-top:14px}.side-toggle{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.side-button{min-height:52px;border-radius:14px;border:1px solid rgba(255,255,255,.14);background:#ffffff0f;color:inherit}.side-button.selected{background:linear-gradient(135deg,#89d0ff,#2f88d8);color:#05131e;border-color:transparent}.field input{width:100%;padding:14px 16px;border-radius:14px;border:1px solid rgba(255,255,255,.14);background:#ffffff0f;color:inherit}.primary-button{margin-top:14px;width:100%;padding:16px;border:0;border-radius:14px;background:linear-gradient(135deg,#52d878,#189a53);color:#042312;font-weight:700}.status-card{margin-top:14px;display:grid;gap:6px}.controller-shell{display:grid;gap:16px}.stick-grid{margin-top:12px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-areas:". up ." "left center right" ". down .";gap:10px}.stick-button,.action-button{min-height:68px;border-radius:16px;border:1px solid rgba(255,255,255,.12);background:#ffffff14;color:inherit;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.stick-up{grid-area:up}.stick-left{grid-area:left}.stick-center{grid-area:center}.stick-right{grid-area:right}.stick-down{grid-area:down}.actions-grid{margin-top:12px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.action-button.active{background:linear-gradient(135deg,#f6c25e,#ff8b3d);color:#251100;border-color:transparent}.axis-readout{margin-top:12px}@media (min-width: 720px){.app-shell{max-width:720px;margin:0 auto}}