*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}:root{color:#fff8e6;font-synthesis:none;background:#15120f;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{overscroll-behavior:none;background:linear-gradient(155deg,#1d968452,#0000 42%),linear-gradient(20deg,#ed774a47,#0000 45%),#15120f;min-width:320px;min-height:100vh;margin:0;overflow:hidden}button,input{font:inherit}button{color:#fff8e6;background:#fff8e614;border:1px solid #fff8e62e;border-radius:8px}button:disabled{opacity:.42}.phone-shell{grid-template-rows:auto auto auto 1fr auto auto;gap:14px;min-height:100vh;padding:18px;transition:background-color .12s;display:grid}.phone-shell.feedback{background:#f3c76647}.phone-top,.status-pill,.capability,.controls,.segmented,.bottom-bar,.bottom-bar dl{align-items:center;display:flex}.phone-top{justify-content:space-between;gap:16px}.eyebrow{color:#f3c766;letter-spacing:0;text-transform:uppercase;margin:0 0 4px;font-size:.75rem;font-weight:800}h1{letter-spacing:0;margin:0;font-size:clamp(2.2rem,18vw,4.8rem);line-height:.9}.status-pill{color:#7cd7c8;background:#0f1f1cad;border:1px solid #7cd7c85c;border-radius:999px;flex-shrink:0;gap:8px;padding:9px 10px}.join-card{background:#15120fb3;border:1px solid #fff8e624;border-radius:8px;gap:14px;padding:16px;display:grid}label{gap:7px;display:grid}label span,dt{color:#fff8e69e;font-size:.75rem}input{color:#fff8e6;background:#00000038;border:1px solid #fff8e62e;border-radius:8px;width:100%;min-height:48px;padding:0 12px}.primary-action{background:#1d9684;justify-content:center;align-items:center;gap:10px;width:100%;min-height:58px;font-weight:850;display:flex}.primary-action.enable{background:#dd5b3f;min-height:74px}.capability-strip{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.capability{color:#fff8e68f;background:#fff8e60d;border:1px solid #fff8e61f;border-radius:8px;justify-content:center;gap:6px;min-height:42px;font-size:.78rem;font-weight:750}.capability.ok{color:#7cd7c8;border-color:#7cd7c857}.controls{gap:10px}.segmented{background:#0000002e;border:1px solid #fff8e61f;border-radius:8px;flex:1;gap:6px;padding:4px}.segmented button{flex:1;justify-content:center;align-items:center;gap:6px;min-height:38px;display:flex}.segmented button.selected{color:#15120f;background:#f3c766}.touch-zone{color:#fff8e6;touch-action:none;-webkit-user-select:none;user-select:none;background:linear-gradient(145deg,#1d968485,#dd5b3f6b),#fff8e60f;border:2px solid #fff8e638;border-radius:8px;place-items:center;min-height:48vh;display:grid}.touch-zone.active{background:linear-gradient(145deg,#f3c766b8,#1d96849e),#fff8e614;border-color:#f3c766}.touch-zone span{letter-spacing:0;font-size:clamp(3rem,22vw,7rem);font-weight:900}.bottom-bar{background:#0000002e;border:1px solid #fff8e61f;border-radius:8px;gap:10px;padding:10px}.bottom-bar button{place-items:center;min-width:44px;min-height:44px;display:grid}.bottom-bar dl{flex:1;justify-content:space-around;gap:8px;margin:0}dd{color:#fff8e6;margin:2px 0 0;font-size:.9rem;font-weight:800}.message-line{color:#fff8e6b8;text-align:center;min-height:20px;margin:0}@media (width<=420px){.phone-shell{gap:10px;padding:12px}.capability span,.segmented span{display:none}}