/* GameTide live layer styles: hide later-phase features and sample content, style the live views. */

/* top bar: no prototype badge, dive, chats, wallet, shop, sample notifications or prototype account */
.gt-live .brand .chip,
.gt-live .nav-dive, .gt-live .nav-chats, .gt-live .wallet-grp, .gt-live .wallet, .gt-live .shop-tab,
.gt-live .nav-bell, .gt-live .nav-me,
.gt-live .tabs button[data-go="clips"], .gt-live .tabs button[data-go="shop"], .gt-live .tabs .tp-nav:not(.sb-nav),
.gt-live .tabs button[data-go="pools"] { display: none !important; }

/* home: events, sand dollars, prototype controls, sample clips and threads */
.gt-live .te-ribbon, .gt-live .te-gamestrip,
.gt-live #v-home .hero-row .cta-row .btn.ghost,
.gt-live .lounge-ctl, .gt-live #forYou,
.gt-live #clipsHome, .gt-live #threadsHome,
.gt-live #v-home .cols > .stack,
.gt-live .lounge .spot-boat, .gt-live .lounge .lz-w { display: none !important; }
.gt-live #v-home .cols { grid-template-columns: 1fr !important; }

/* reviews: no tips or sand dollar earnings yet */
.gt-live .tip-btn, .gt-live .tip-panel, .gt-live .earned, .gt-live .ad, .gt-live #adGame { display: none !important; }

/* game page: store links, School up, cameos, sample tide chart, sample breakdowns, sample clips */
.gt-live #gameBuy, .gt-live #tvBar, .gt-live #tideChart,
.gt-live #ppDetail, .gt-live .rem-top, .gt-live #clipsGame,
.gt-live .fish-btn, .gt-live .cameo, .gt-live .cm-bubble { display: none !important; }
.gt-live #v-game .cols { grid-template-columns: 1fr !important; }
.gt-live #v-game .cols > div:last-child:has(#clipsGame) { display: none !important; }
.gt-live #tideScore.gt-noscore .ts-body { display: none !important; }
.gt-live .composer .anim-note { display: none !important; }

/* footer */
.gt-live .proto-foot, .gt-live .lounge .find, .gt-live .sv-proto { display: none !important; }

/* ---------- live pieces ---------- */
.gt-acct { display: inline-flex; align-items: center; gap: 8px; height: 38px; padding: 0 14px 0 6px; border-radius: 99px;
  border: 1px solid var(--line, rgba(0,0,0,.12)); background: var(--card, #fff); color: inherit; font: inherit; font-weight: 700; cursor: pointer; }
.gt-acct:hover { border-color: currentColor; }
.gt-acct svg { margin-left: 4px; }
.gt-av { width: 30px; height: 30px; border-radius: 50%; display: inline-grid; place-items: center; background: #0F4E66 center/cover no-repeat; color: #fff; font-weight: 800; flex: 0 0 auto; }
.gt-av.lg { width: 88px; height: 88px; font-size: 36px; }
.gt-acct-name { max-width: 140px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
@media (max-width: 620px) { .gt-acct-name { display: none; } .gt-acct { padding: 0 6px; } }
.gt-acct-menu a, .gt-acct-menu button { display: block; width: 100%; text-align: left; padding: 10px 14px; color: inherit; text-decoration: none; background: none; border: 0; font: inherit; cursor: pointer; border-radius: 8px; }
.gt-acct-menu a:hover, .gt-acct-menu button:hover { background: rgba(127,127,127,.12); }

.gt-modal { position: fixed; inset: 0; z-index: 2000; background: rgba(4, 30, 52, .55); display: grid; place-items: center; padding: 16px; }
.gt-modal-card { position: relative; max-width: 440px; width: 100%; padding: 28px; }
.gt-modal-card h2 { margin: 6px 0 10px; }
.gt-steam { display: inline-flex; align-items: center; gap: 10px; margin: 8px 0 14px; text-decoration: none; }
.gt-ts { min-height: 70px; margin: 12px 0; }

.gt-view { padding-top: 24px; padding-bottom: 48px; }
.gt-soon { max-width: 640px; margin: 40px auto; padding: 32px; }
.gt-loading { padding: 24px; margin: 24px 0; }
.gt-profile { padding: 24px; margin-bottom: 20px; }
.gt-ph { display: grid; grid-template-columns: auto 1fr auto; gap: 20px; align-items: center; }
.gt-ph h1 { margin: 2px 0; }
.gt-bio { margin: 8px 0 0; white-space: pre-wrap; }
.gt-stats { display: flex; gap: 18px; text-align: center; }
.gt-stats b { display: block; font-size: 28px; }
@media (max-width: 620px) { .gt-ph { grid-template-columns: auto 1fr; } .gt-stats { grid-column: 1 / -1; } .gt-av.lg { width: 64px; height: 64px; } }
.gt-revlist { display: grid; gap: 14px; }
.gt-rv-tools { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; justify-content: flex-end; grid-column: 1 / -1; font-size: 13px; margin-top: 6px; }
.gt-rv-tools .gt-who { margin-right: auto; color: inherit; opacity: .75; }
.gt-hours { opacity: .75; }
.gt-report { opacity: .7; }
.gt-me { max-width: 720px; padding: 28px; }
.gt-form label { display: grid; gap: 6px; margin: 14px 0; font-weight: 700; }
.gt-form input, .gt-form textarea { font: inherit; font-weight: 400; padding: 10px 12px; border-radius: 10px; border: 1px solid var(--line, rgba(0,0,0,.18)); background: var(--card, #fff); color: inherit; }
.gt-inline { display: flex; gap: 8px; flex-wrap: wrap; margin: 10px 0; }
.gt-inline input { flex: 1 1 220px; }
.gt-danger { color: #C0392B; border-color: currentColor; }
.gt-statgrid { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 12px; margin: 16px 0; }
.gt-statgrid .card { padding: 14px; }
.gt-statgrid b { display: block; font-size: 26px; }
.gt-view section.card { padding: 20px; margin: 14px 0; }
.gt-desklist { list-style: none; padding: 0; margin: 0; }
.gt-desklist li { display: flex; gap: 12px; justify-content: space-between; align-items: flex-start; padding: 12px 0; border-top: 1px solid var(--line, rgba(0,0,0,.1)); }
.gt-desklist li > div:first-child { min-width: 0; flex: 1; }
.gt-q { margin: 6px 0; white-space: pre-wrap; overflow-wrap: anywhere; }
.gt-acts { display: flex; gap: 6px; flex-wrap: wrap; justify-content: flex-end; }
.gt-live .review .rep, .gt-live .reader .rep { display: none !important; }
.gt-live [data-greq], .gt-live .mt-more { display: none !important; }
.gt-live .st-official, .gt-live .st-badge { display: none !important; }
.gt-live .gh-star[hidden] { display: none !important; }
.gt-live .bb-bar [data-bb="clips"], .gt-live .bb-bar [data-bb="pools"] { display: none !important; }