*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;background:#0c0c12;color:#e8e8ee;font-family:SF Pro Text,system-ui,-apple-system,sans-serif;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.controller-shell{min-height:100vh;display:flex;flex-direction:column;align-items:stretch;padding:max(12px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}.controller-header{text-align:center;margin-bottom:1rem}.controller-title{font-size:1.35rem;font-weight:700;letter-spacing:.04em;margin:0 0 .35rem}.controller-status{font-size:.9rem;opacity:.75;margin:0}.controller-status.is-live{color:#5dffc4;opacity:1}.controller-relay-error{font-size:.78rem;line-height:1.35;color:#fca5a5;margin:.5rem 0 0;max-width:22rem;margin-left:auto;margin-right:auto}.controller-session{font-size:.75rem;opacity:.55;margin:.5rem 0 0}.controller-session code{background:#ffffff0f;padding:.15rem .4rem;border-radius:6px}.controller-main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.75rem;user-select:none;-webkit-user-select:none}.joystick-area{width:min(72vw,280px);height:min(72vw,280px);max-width:280px;max-height:280px;background:radial-gradient(circle at 50% 45%,#7878c826,#28283c80);border:1px solid rgba(255,255,255,.08);border-radius:50%;position:relative;touch-action:none;box-shadow:inset 0 0 40px #00000059}.joystick-knob{width:88px;height:88px;background:linear-gradient(160deg,#6a6a8a,#3a3a52);border-radius:50%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none;box-shadow:0 8px 24px #00000073}.action-btn{min-width:min(88vw,320px);min-height:56px;padding:1rem 2rem;font-size:1.15rem;font-weight:800;letter-spacing:.12em;background:linear-gradient(180deg,#ff5a3c,#c41e3a);color:#fff;border:none;border-radius:16px;cursor:pointer;touch-action:manipulation;box-shadow:0 12px 32px #c41e3a59}.action-btn:active{transform:scale(.98)}.action-btn:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}.controller-hint{font-size:.72rem;opacity:.45;text-align:center;max-width:20rem;line-height:1.4;margin:0}