.proto-click { cursor: pointer; -webkit-tap-highlight-color: transparent; user-select: none; }
.proto-click:active { opacity: 0.7; }
html.proto-phone, html.proto-phone body { height: 100%; }
html.proto-phone body { display: flex; align-items: flex-start; justify-content: center; background: #1b1b1a !important; overflow: hidden; }
.proto-root { transform-origin: top center; flex-shrink: 0; }
@media (min-width: 500px) { html.proto-phone body { align-items: center; } .proto-root { transform-origin: center center; border-radius: 28px; box-shadow: 0 20px 60px rgba(0,0,0,.45); } }
.proto-scroll { overflow-y: auto !important; scrollbar-width: none; overscroll-behavior: contain; }
.proto-scroll::-webkit-scrollbar { display: none; }
html.proto-web body { overflow: auto; }
#proto-toast { position: fixed; left: 50%; bottom: 96px; transform: translateX(-50%) translateY(8px); background: #111; color: #fff; font: 500 14px Inter, sans-serif; padding: 10px 16px; border-radius: 999px; opacity: 0; pointer-events: none; transition: .2s; z-index: 9999; white-space: nowrap; }
#proto-toast.on { opacity: 1; transform: translateX(-50%); }
#proto-lang { position: fixed; right: 10px; top: 10px; display: flex; gap: 2px; background: rgba(17,17,17,.82); border-radius: 999px; padding: 3px; z-index: 9999; font: 600 11px Inter, sans-serif; }
#proto-lang a { color: #bbb; text-decoration: none; padding: 5px 9px; border-radius: 999px; }
#proto-lang a.on { background: #fff; color: #111; }