:root {
  --tt-v55-bg: #08030f;
  --tt-v55-bg-deep: #050109;
  --tt-v55-panel: rgba(17, 7, 28, .9);
  --tt-v55-panel-strong: rgba(10, 3, 17, .97);
  --tt-v55-line: rgba(216, 180, 255, .16);
  --tt-v55-line-strong: rgba(216, 180, 255, .34);
  --tt-v55-text: var(--tt-text, #faf5ff);
  --tt-v55-muted: var(--tt-muted, #a89caf);
  --tt-v55-purple: var(--tt-primary, #c58cff);
  --tt-v55-purple-soft: rgba(197, 140, 255, .13);
  --tt-v55-pink: var(--tt-secondary, #ff8bd1);
  --tt-v55-pink-soft: rgba(255, 139, 209, .11);
  --tt-v55-cyan: #83d8ff;
  --tt-v55-green: #9cf7c4;
  --tt-v55-red: #ff7c97;
  --tt-v55-shadow: 0 28px 86px rgba(0, 0, 0, .52), 0 0 42px rgba(197, 140, 255, .08);
  --tt-vv-width: 100vw;
  --tt-vv-height: 100dvh;
  --tt-vv-top: 0px;
  --tt-vv-left: 0px;
  --tt-viewport-height: 100dvh;
}

html[data-tt-page] {
  min-width: 0;
  min-height: 100%;
  overflow-x: hidden;
  overflow-x: clip;
  color-scheme: dark;
  background: var(--tt-v55-bg-deep);
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  scroll-padding-top: calc(84px + env(safe-area-inset-top));
  scrollbar-color: rgba(197, 140, 255, .34) transparent;
}

html[data-tt-page] *,
html[data-tt-page] *::before,
html[data-tt-page] *::after { box-sizing: border-box; }

html[data-tt-page] body {
  width: 100%;
  min-width: 0;
  min-height: var(--tt-viewport-height, 100dvh);
  overflow-x: hidden;
  overflow-x: clip;
  color: var(--tt-v55-text);
  background:
    radial-gradient(ellipse at 8% 5%, rgba(166, 84, 255, .18), transparent 34rem),
    radial-gradient(ellipse at 92% 22%, rgba(104, 104, 255, .13), transparent 38rem),
    radial-gradient(ellipse at 52% 100%, rgba(223, 86, 255, .08), transparent 40rem),
    linear-gradient(145deg, #050109, #0b0415 52%, #10051c) !important;
  overscroll-behavior-x: none;
}

html[data-tt-page="home"] body {
  color: var(--tt-text, #faf5ff);
  background: var(--tt-page, #08030f) !important;
}

html[data-tt-page] [hidden] { display: none !important; }
html[data-tt-page] :where(img, svg, video, canvas, iframe) { max-width: 100%; }
html[data-tt-page] :where(input, textarea, select, button) { max-width: 100%; }
html[data-tt-page] :where(a, button, input, textarea, select, summary, [role="button"]) { -webkit-tap-highlight-color: transparent; }
html[data-tt-page] :where(button, a, summary, [role="button"]) { touch-action: manipulation; }
html[data-tt-page] :where(input, textarea, select) { caret-color: var(--tt-v55-purple); }
html[data-tt-page] :where(input, textarea, select)::placeholder { opacity: 1; color: #6f6278; }
html[data-tt-page] :where(a, button, input, textarea, select, summary, [tabindex]):focus-visible {
  outline: 2px solid var(--tt-v55-purple) !important;
  outline-offset: 3px !important;
}
html[data-tt-page] ::selection { color: #16071d; background: var(--tt-v55-pink); }

.tt-iphone-galaxy {
  position: fixed;
  z-index: -100;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
  background:
    radial-gradient(circle at 15% 18%, rgba(197, 140, 255, .13), transparent 26rem),
    radial-gradient(circle at 88% 66%, rgba(109, 112, 255, .09), transparent 31rem);
}

.tt-iphone-galaxy::before,
.tt-iphone-galaxy::after {
  position: absolute;
  inset: -25%;
  content: "";
  background-image:
    radial-gradient(circle, rgba(255,255,255,.88) 0 1px, transparent 1.4px),
    radial-gradient(circle, rgba(197,140,255,.72) 0 1px, transparent 1.5px),
    radial-gradient(circle, rgba(131,216,255,.5) 0 1px, transparent 1.4px);
  background-position: 0 0, 43px 67px, 91px 19px;
  background-size: 139px 139px, 181px 181px, 227px 227px;
  opacity: .34;
  -webkit-mask-image: radial-gradient(circle at center, #000 10%, transparent 78%);
  mask-image: radial-gradient(circle at center, #000 10%, transparent 78%);
  animation: tt-v55-stars 52s linear infinite;
}

.tt-iphone-galaxy::after {
  opacity: .11;
  filter: blur(.2px);
  scale: 1.35;
  animation-duration: 78s;
  animation-direction: reverse;
}

@keyframes tt-v55-stars {
  to { transform: translate3d(139px, 139px, 0); }
}

html[data-tt-page] :is(
  .files-atmosphere,.photo-aurora,.speed-ambient,.terminal-atmosphere,
  .tpx-ambient,.ambient,.blooket-ambient,.account-ambient,.ambient-background
) { opacity: .68; }

html[data-tt-page] :is(
  .files-nav,.photo-nav,.speed-topbar,.terminal-header,.tpx-topbar,
  .game-site-header,.youtube-site-header,.topbar,.account-header
) {
  border: 1px solid var(--tt-v55-line) !important;
  border-radius: 6px !important;
  background:
    radial-gradient(circle at 0 0, var(--tt-v55-purple-soft), transparent 36%),
    rgba(10, 3, 17, .88) !important;
  box-shadow: 0 20px 62px rgba(0,0,0,.44), inset 0 1px rgba(255,255,255,.045) !important;
  -webkit-backdrop-filter: blur(24px) saturate(130%);
  backdrop-filter: blur(24px) saturate(130%);
}

html[data-tt-page] :is(
  .files-setup,.files-workspace,.files-connect-card,.photo-connect,.photo-library,
  .speed-sidebar>*,.gauge-card,.trip-card,.customize-card,.terminal-sidebar>section,.console-card,
  .tpx-browser,.console,.details article,.panel-card,.tools-section,.game-catalog,.game-player,
  .online-library,.youtube-studio-card,.youtube-page-limits,.account-card,.account-nav
) {
  border-color: var(--tt-v55-line) !important;
  border-radius: 6px !important;
  background:
    radial-gradient(circle at 100% 0, rgba(197,140,255,.075), transparent 31%),
    linear-gradient(145deg, rgba(22,9,35,.92), rgba(8,2,14,.96)) !important;
  box-shadow: var(--tt-v55-shadow) !important;
}

html[data-tt-page] :is(
  .files-primary,.photo-primary,.location-button,.start-button,.primary-action,
  .join-button,.tool-primary-button,.random-game-button,.form-footer button,.submit-button
) {
  color: #16071d !important;
  border-color: transparent !important;
  border-radius: 4px !important;
  background: linear-gradient(110deg, var(--tt-v55-purple), var(--tt-v55-pink)) !important;
  box-shadow: 0 15px 36px rgba(197,140,255,.14) !important;
}

html[data-tt-page] :is(
  .files-back,.photo-back,.back-link,.back-dashboard,.tools-link,.tpx-exit,
  .header-button,.secondary-action,.stop-button,.player-link
) {
  border-color: var(--tt-v55-line) !important;
  border-radius: 4px !important;
  background: rgba(24,10,38,.72) !important;
}

html[data-tt-page] :is(
  .files-eyebrow,.files-section-label,.photo-eyebrow,.photo-section-label,.speed-eyebrow,
  .eyebrow,.youtube-page-kicker,.account-card header small,.account-hero>div>small
) { color: var(--tt-v55-purple) !important; }

html[data-tt-page="login"] {
  --lime: #c58cff;
  --cyan: #83d8ff;
  --success: #9cf7c4;
}

html[data-tt-page="login"] .submit-button {
  background: linear-gradient(110deg, var(--tt-v55-purple), var(--tt-v55-pink)) !important;
}

html[data-tt-page="login"] .ticker {
  color: #16071d;
  background: linear-gradient(90deg, var(--tt-v55-purple), var(--tt-v55-pink));
}

html[data-tt-page="login"] .auth-shell {
  border-color: var(--tt-v55-line-strong);
  background: var(--tt-v55-panel-strong);
  box-shadow: 0 42px 140px rgba(0,0,0,.78), 0 0 72px rgba(197,140,255,.13);
}

html[data-tt-page="files"] {
  --blue: #a66fff;
  --cyan: #c58cff;
  --ink: var(--tt-v55-text);
  --muted: var(--tt-v55-muted);
  --line: var(--tt-v55-line);
}

html[data-tt-page="files"] :is(.files-cloud-logo,.files-empty>span) {
  background: linear-gradient(145deg, #9a62f6, #5a35bd) !important;
  box-shadow: 0 28px 80px rgba(0,0,0,.42), 0 0 70px rgba(197,140,255,.18);
}

html[data-tt-page="files"] .files-hero,
html[data-tt-page="photos"] .photo-hero,
html[data-tt-page="speedometer"] .speed-hero,
html[data-tt-page="roblox"] .hero,
html[data-tt-page="blooket"] .hero,
html[data-tt-page="youtube"] .youtube-page-hero {
  position: relative;
  overflow: hidden;
  margin-top: 14px;
  padding-inline: clamp(24px, 5vw, 72px);
  border: 1px solid var(--tt-v55-line) !important;
  border-radius: 6px !important;
  background:
    radial-gradient(ellipse at 78% 18%, rgba(197,140,255,.18), transparent 31%),
    radial-gradient(ellipse at 18% 88%, rgba(104,97,255,.13), transparent 38%),
    linear-gradient(135deg, rgba(8,2,14,.96), rgba(24,8,39,.9)) !important;
  box-shadow: var(--tt-v55-shadow);
}

html[data-tt-page="photos"] {
  --pink: #c58cff;
  --blue: #7f8cff;
  --panel: var(--tt-v55-panel);
  --line: var(--tt-v55-line);
  --ink: var(--tt-v55-text);
  --muted: var(--tt-v55-muted);
}

html[data-tt-page="photos"] .photo-viewer-stage {
  position: relative;
  overflow: hidden;
  touch-action: pan-y pinch-zoom;
}

html[data-tt-page="photos"] .photo-viewer-media {
  width: 100%;
  height: 100%;
  display: grid;
  place-items: center;
}

html[data-tt-page="photos"] .photo-viewer-media :is(img,video) {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

html[data-tt-page="photos"] .photo-viewer-nav {
  position: absolute;
  z-index: 3;
  top: 50%;
  width: 48px;
  height: 62px;
  display: grid;
  place-items: center;
  padding: 0;
  color: #fff;
  border: 1px solid rgba(210,170,255,.36);
  border-radius: 6px;
  background: rgba(14,5,24,.8);
  box-shadow: 0 14px 36px rgba(0,0,0,.42);
  font: 400 34px/1 system-ui,sans-serif;
  transform: translateY(-50%);
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
}

html[data-tt-page="photos"] .photo-viewer-nav.previous { left: max(10px,env(safe-area-inset-left)); }
html[data-tt-page="photos"] .photo-viewer-nav.next { right: max(10px,env(safe-area-inset-right)); }
html[data-tt-page="photos"] .photo-viewer-nav:disabled { opacity: .2; }

html[data-tt-page="photos"] .photo-viewer-position {
  position: absolute;
  z-index: 3;
  right: max(12px,env(safe-area-inset-right));
  bottom: max(12px,env(safe-area-inset-bottom));
  min-height: 30px;
  display: inline-flex;
  align-items: center;
  padding: 0 11px;
  color: rgba(255,255,255,.88);
  border: 1px solid rgba(255,255,255,.13);
  border-radius: 999px;
  background: rgba(8,3,15,.76);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .06em;
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
}

html[data-tt-page="speedometer"] {
  --speed-accent: #c58cff;
  --speed-bg: var(--tt-v55-bg);
  --speed-panel: var(--tt-v55-panel);
  --speed-line: var(--tt-v55-line);
  --speed-text: var(--tt-v55-text);
  --speed-muted: var(--tt-v55-muted);
}

html[data-tt-page="terminal"] {
  --cyan: #c58cff;
  --line: var(--tt-v55-line);
  --line-strong: var(--tt-v55-line-strong);
  --text: var(--tt-v55-text);
  --muted: var(--tt-v55-muted);
}

html[data-tt-page="terminal"] .terminal-stage { background: #050108; }
html[data-tt-page="terminal"] .header-button.primary { color: #16071d; }

html[data-tt-page="prox"] {
  --orange: #c58cff;
  --violet: #ff8bd1;
  --line: var(--tt-v55-line);
}

html[data-tt-page="prox"] .tpx-browser {
  background: var(--tt-v55-panel-strong) !important;
}

html[data-tt-page="roblox"] {
  --red: #c58cff;
  --line: var(--tt-v55-line);
}

html[data-tt-page="roblox"] .start-button .play,
html[data-tt-page="roblox"] .stage-overlay button {
  background: linear-gradient(145deg, var(--tt-v55-purple), var(--tt-v55-pink)) !important;
}

html[data-tt-page="blooket"] {
  --purple: #c58cff;
  --purple-bright: #dfb4ff;
  --bg: var(--tt-v55-bg);
  --panel: var(--tt-v55-panel);
  --line: var(--tt-v55-line);
  --line-bright: var(--tt-v55-line-strong);
}

html[data-tt-page="games"] .game-hero {
  border: 1px solid var(--tt-v55-line);
  border-radius: 6px;
  box-shadow: var(--tt-v55-shadow);
}

html[data-tt-page="games"] {
  --game-page: var(--tt-v55-bg);
  --game-panel: #10061b;
  --game-panel-soft: #190b29;
  --game-line: rgba(216,180,255,.16);
  --game-text: var(--tt-v55-text);
  --game-muted: var(--tt-v55-muted);
  --game-cyan: var(--tt-v55-cyan);
  --game-orange: var(--tt-v55-purple);
}

html[data-tt-page="games"] .game-hero::after {
  position: absolute;
  inset: 0;
  content: "";
  pointer-events: none;
  background: linear-gradient(90deg, rgba(8,2,14,.9), rgba(34,9,54,.35), rgba(8,2,14,.55));
}

html[data-tt-page="games"] .game-hero-copy { position: relative; z-index: 2; }

html[data-tt-page="youtube"] .youtube-site-header {
  position: sticky;
  top: 14px;
  width: min(1440px, calc(100% - 28px));
  margin: 14px auto 0;
}

html[data-tt-page="youtube"] .youtube-page-main { padding-bottom: 70px; }

html[data-tt-page="account"] .account-toast,
html[data-tt-page="home"] .toast,
html[data-tt-page="home"] .tt-theme-toast,
html[data-tt-page="files"] .files-toast,
html[data-tt-page="photos"] .photo-toast,
html[data-tt-page="speedometer"] .speed-toast,
html[data-tt-page="terminal"] .terminal-toast,
html[data-tt-page="prox"] .tpx-toast,
html[data-tt-page="roblox"] .toast,
html[data-tt-page="blooket"] .toast {
  bottom: calc(18px + env(safe-area-inset-bottom)) !important;
  border: 1px solid var(--tt-v55-line-strong) !important;
  border-radius: 5px !important;
  color: var(--tt-v55-text) !important;
  background: rgba(20,7,32,.97) !important;
  box-shadow: 0 22px 70px rgba(0,0,0,.62), 0 0 28px rgba(197,140,255,.13) !important;
}

html[data-tt-page] .skip-link {
  top: calc(8px + env(safe-area-inset-top));
  left: calc(8px + env(safe-area-inset-left));
}

html[data-tt-display="standalone"] body { overscroll-behavior-y: none; }

html.tt-v55-pseudo-fullscreen-open,
html.tt-v55-pseudo-fullscreen-open body { overflow: hidden !important; }

html[data-tt-page] .tt-v55-pseudo-fullscreen {
  position: fixed !important;
  z-index: 4000 !important;
  inset: var(--tt-vv-top) 0 auto var(--tt-vv-left) !important;
  width: var(--tt-vv-width) !important;
  max-width: none !important;
  height: var(--tt-vv-height) !important;
  max-height: none !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #030106 !important;
}

html[data-tt-page] .tt-v55-pseudo-fullscreen :is(canvas,iframe,.custom-browser-stage > img) {
  width: 100% !important;
  height: 100% !important;
  max-height: none !important;
  object-fit: contain;
}

html[data-tt-page] .tt-v55-pseudo-exit {
  position: absolute !important;
  z-index: 4100 !important;
  top: calc(8px + env(safe-area-inset-top)) !important;
  right: calc(8px + env(safe-area-inset-right)) !important;
  width: 48px !important;
  min-width: 48px !important;
  height: 48px !important;
  min-height: 48px !important;
  display: grid !important;
  place-items: center !important;
  padding: 0 !important;
  color: #fff !important;
  border: 1px solid rgba(255,255,255,.24) !important;
  border-radius: 50% !important;
  background: rgba(9,3,16,.82) !important;
  box-shadow: 0 12px 38px rgba(0,0,0,.58) !important;
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
  font-size: 30px !important;
  line-height: 1 !important;
}

html[data-tt-page="home"] .custom-browser-stage:fullscreen,
html[data-tt-page="prox"] .tpx-viewport:fullscreen {
  width: 100vw;
  height: 100dvh;
  height: var(--tt-vv-height);
}

html[data-tt-page="speedometer"] .speed-shell,
html[data-tt-page="blooket"] .blooket-shell { min-height: var(--tt-viewport-height, 100dvh); }

@media (pointer: coarse) {
  html[data-tt-page] :where(button, summary, [role="button"], a[class]) {
    min-height: 44px;
  }

  html[data-tt-page] :where(button[aria-label], a[aria-label], [role="button"][aria-label]) {
    min-width: 44px;
  }

  html[data-tt-page] :where(input[type="range"], input[type="checkbox"], input[type="radio"]) {
    touch-action: pan-y;
  }

  html[data-tt-page] :where(button, summary, [role="button"], a[class]) {
    -webkit-user-select: none;
    user-select: none;
  }

  html[data-tt-page] :where(
    .account-nav,.files-breadcrumbs,.photo-filter-row,.filter-row,.tpx-tabs,.tpx-link-stats,
    .tpx-dock,.game-list,.galaxy-side-nav,.utility-nav,.resolution-presets
  ) {
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-x: contain;
    scroll-snap-type: x proximity;
    scrollbar-width: none;
  }

  html[data-tt-page] :where(
    .account-nav,.files-breadcrumbs,.photo-filter-row,.filter-row,.tpx-tabs,.tpx-link-stats,
    .tpx-dock,.game-list,.galaxy-side-nav,.utility-nav,.resolution-presets
  )::-webkit-scrollbar { display: none; }
}

@media (hover: none) {
  html[data-tt-page] :where(a,button,[role="button"]):hover { transform: none; }
}

@media (max-width: 820px) {
  html[data-tt-page] {
    scroll-padding-top: calc(74px + env(safe-area-inset-top));
  }

  html[data-tt-page] body {
    min-height: var(--tt-vv-height, 100dvh);
    padding-right: env(safe-area-inset-right);
    padding-bottom: env(safe-area-inset-bottom);
    padding-left: env(safe-area-inset-left);
  }

  html[data-tt-page] :where(input:not([type="range"]):not([type="checkbox"]):not([type="radio"]), textarea, select) {
    min-height: 48px;
    font-size: 16px !important;
  }

  html[data-tt-page] :where(label, legend) { line-height: 1.35; }
  html[data-tt-page] :where(p, li, dd) { overflow-wrap: anywhere; }
  html[data-tt-page] :where(small) { font-size: max(10px, .625rem) !important; line-height: 1.35; }
  html[data-tt-page] :where(p, li, dd, dt, label) { font-size: max(11px, .6875rem); line-height: 1.45; }
  html[data-tt-page] :where(button, a, summary, [role="button"]) { font-size: max(10px, .625rem); }

  html[data-tt-page] :is(
    .files-nav,.photo-nav,.speed-topbar,.terminal-header,.tpx-topbar,
    .game-site-header,.youtube-site-header,.topbar,.account-header
  ) {
    top: max(7px, env(safe-area-inset-top)) !important;
    width: calc(100% - 16px) !important;
    min-height: 58px !important;
    margin: max(7px, env(safe-area-inset-top)) auto 0 !important;
    padding: 7px 10px !important;
  }

  html[data-tt-page] :is(.files-back,.photo-back,.back-link,.back-dashboard,.tools-link,.tpx-exit) {
    min-width: 44px;
    min-height: 44px;
    justify-content: center;
  }

  html[data-tt-page="home"] body {
    padding: calc(8px + env(safe-area-inset-top)) calc(9px + env(safe-area-inset-right)) calc(88px + env(safe-area-inset-bottom)) calc(9px + env(safe-area-inset-left)) !important;
  }

  html[data-tt-page="home"] .site-header {
    width: 100%;
    max-width: none;
    min-height: 64px;
    margin: 0 0 10px;
    padding: 8px 8px 8px 68px !important;
    border-radius: 6px !important;
  }

  html[data-tt-page="home"] .site-title { min-width: 0; }
  html[data-tt-page="home"] .site-brand-mark { width: 42px; height: 42px; flex-basis: 42px; }
  html[data-tt-page="home"] .site-title-copy small { display: none; }
  html[data-tt-page="home"] .site-title-copy strong { font-size: 16px; }
  html[data-tt-page="home"] .header-actions { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 6px; }
  html[data-tt-page="home"] .header-actions > * { min-width: 0; }
  html[data-tt-page="home"] .header-status,
  html[data-tt-page="home"] .mitch-presence { min-height: 44px; }
  html[data-tt-page="home"] .header-nav-control { min-height: 46px; }

  html[data-tt-page="home"] body > .notification-center {
    top: calc(15px + env(safe-area-inset-top)) !important;
    left: calc(15px + env(safe-area-inset-left)) !important;
  }

  html[data-tt-page="home"] body > .notification-center .notification-panel {
    top: calc(72px + env(safe-area-inset-top)) !important;
    right: calc(8px + env(safe-area-inset-right)) !important;
    bottom: calc(8px + env(safe-area-inset-bottom));
    left: calc(8px + env(safe-area-inset-left)) !important;
    width: auto !important;
    max-height: none !important;
    border-radius: 8px !important;
  }

  html[data-tt-page="home"] .notification-permission { grid-template-columns: auto minmax(0,1fr); }
  html[data-tt-page="home"] .notification-permission > button { grid-column: 1 / -1; width: 100%; }
  html[data-tt-page="home"] .notification-list-heading { align-items: stretch; flex-direction: column; gap: 10px; }
  html[data-tt-page="home"] .notification-list-actions { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); }

  html[data-tt-page="home"] :is(
    .galaxy-command-hero,.hero-banner,.toolbar,.dashboard-grid,.network-console,
    .utility-lab,.detail-panel,.site-footer
  ) { width: 100%; max-width: none; margin-inline: 0; }

  html[data-tt-page="home"] .galaxy-command-hero {
    min-height: 0;
    display: block;
    padding: 42px 20px 30px;
    border-radius: 7px;
  }

  html[data-tt-page="home"] .galaxy-command-copy { width: 100%; max-width: none; }
  html[data-tt-page="home"] .galaxy-command-copy h1 { font-size: clamp(48px, 17vw, 72px); }
  html[data-tt-page="home"] .galaxy-command-copy > p { max-width: 32rem; font-size: 13px; line-height: 1.65; }
  html[data-tt-page="home"] .galaxy-reactor { position: absolute; width: 250px; top: 40px; right: -120px; opacity: .16; }
  html[data-tt-page="home"] .galaxy-command-actions { display: grid; grid-template-columns: 1fr; gap: 8px; }
  html[data-tt-page="home"] .galaxy-command-actions :is(a,button) { width: 100%; min-height: 50px; }
  html[data-tt-page="home"] .galaxy-command-metrics { grid-template-columns: repeat(3,minmax(0,1fr)); }
  html[data-tt-page="home"] .galaxy-command-metrics span { min-width: 0; padding-inline: 8px; }

  html[data-tt-page="home"] .dayboard-grid,
  html[data-tt-page="home"] .dashboard-grid,
  html[data-tt-page="home"] .network-lower-grid,
  html[data-tt-page="home"] .network-metric-grid,
  html[data-tt-page="home"] .tool-control-grid,
  html[data-tt-page="home"] .media-tool-grid,
  html[data-tt-page="home"] .youtube-hub-grid,
  html[data-tt-page="home"] .system-detail-grid { grid-template-columns: 1fr !important; }

  html[data-tt-page="home"] .tile-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }
  html[data-tt-page="home"] :is(.service-tile,.remote-launch-tile,.youtube-launch-tile) { min-width: 0; min-height: 82px; }
  html[data-tt-page="home"] .toolbar { position: static; display: grid; grid-template-columns: 1fr; gap: 8px; padding: 10px; }
  html[data-tt-page="home"] .search-field { width: 100%; }
  html[data-tt-page="home"] .toolbar-summary { justify-content: space-between; }
  html[data-tt-page="home"] :is(.group-card,.day-card,.network-console,.utility-lab,.detail-panel) { border-radius: 7px !important; }

  html[data-tt-page="home"] .tt-ai-shell {
    right: calc(8px + env(safe-area-inset-right));
    bottom: calc(76px + env(safe-area-inset-bottom));
    left: calc(8px + env(safe-area-inset-left));
    width: auto;
  }

  html[data-tt-page="home"] .tt-ai-panel {
    width: 100%;
    height: min(680px, calc(var(--tt-vv-height) - 92px));
    min-height: min(430px, calc(var(--tt-vv-height) - 92px));
    border-radius: 10px;
  }

  html[data-tt-page="home"] :is(.tt-theme-overlay,.tt-cloak-overlay) {
    align-items: end;
    padding: calc(8px + env(safe-area-inset-top)) calc(8px + env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) calc(8px + env(safe-area-inset-left));
  }

  html[data-tt-page="home"] .tt-theme-studio,
  html[data-tt-page="home"] .tt-cloak-panel {
    width: 100%;
    height: min(900px, calc(var(--tt-vv-height) - 16px));
    min-height: 0;
    max-height: calc(var(--tt-vv-height) - 16px);
    border-radius: 11px 11px 5px 5px;
  }

  html[data-tt-page="home"] .tt-studio-header,
  html[data-tt-page="home"] .tt-studio-footer { padding: 13px; }
  html[data-tt-page="home"] .tt-studio-footer { flex-wrap: wrap; }
  html[data-tt-page="home"] .tt-studio-footer > * { flex: 1; min-width: 120px; }
  html[data-tt-page="home"] .tt-cloak-panel > header { padding: 15px; }
  html[data-tt-page="home"] .tt-cloak-panel > header h2 { font-size: 24px; }
  html[data-tt-page="home"] .immich-lightbox { inset: 0; width: 100%; height: var(--tt-vv-height); }
  html[data-tt-page="home"] .notes-card.notes-focus-mode {
    inset: calc(7px + env(safe-area-inset-top)) calc(7px + env(safe-area-inset-right)) calc(7px + env(safe-area-inset-bottom)) calc(7px + env(safe-area-inset-left));
  }
  html[data-tt-page="home"] .extension-install-dialog {
    width: calc(100% - env(safe-area-inset-left) - env(safe-area-inset-right) - 16px);
    max-height: calc(var(--tt-vv-height) - 16px);
    margin: auto;
    border-radius: 10px;
  }
  html[data-tt-page="home"] .extension-install-shell { padding-bottom: env(safe-area-inset-bottom); }

  html[data-tt-page="login"] body { display: block; min-height: var(--tt-vv-height); padding: 0; }
  html[data-tt-page="login"] .auth-shell { width: 100%; min-height: var(--tt-vv-height); border: 0; border-radius: 0; }
  html[data-tt-page="login"] .auth-card {
    min-height: var(--tt-vv-height);
    padding: calc(18px + env(safe-area-inset-top)) calc(18px + env(safe-area-inset-right)) calc(18px + env(safe-area-inset-bottom)) calc(18px + env(safe-area-inset-left));
  }
  html[data-tt-page="login"] .auth-copy { margin-top: clamp(28px, 7vh, 46px); }
  html[data-tt-page="login"] h1 { font-size: clamp(48px, 16vw, 66px); }
  html[data-tt-page="login"] form { margin-top: 24px; }
  html[data-tt-page="login"] input { height: 54px; font-size: 16px; }
  html[data-tt-page="login"] .submit-button { height: 56px; }
  html[data-tt-page="login"] .security-note { margin-top: 20px; padding-top: 14px; }
  html[data-tt-page="login"] .turnstile-frame { overflow-x: auto; }
  html[data-tt-page="login"] .visitor-actions {
    right: calc(8px + env(safe-area-inset-right));
    bottom: calc(8px + env(safe-area-inset-bottom));
  }
  html[data-tt-page="login"] .popup-test-launcher {
    width: 44px;
    height: 44px;
    color: rgba(255,255,255,.72);
    border: 1px solid var(--tt-v55-line);
    border-radius: 12px;
    background: rgba(18,7,29,.82);
    opacity: .74;
  }
  html[data-tt-page="login"] .popup-test-launcher svg { width: 18px; }
  html[data-tt-page="login"] .popup-test-status {
    right: calc(8px + env(safe-area-inset-right));
    bottom: calc(60px + env(safe-area-inset-bottom));
    width: min(260px, calc(100% - env(safe-area-inset-left) - env(safe-area-inset-right) - 16px));
  }

  html[data-tt-page="account"] .account-header {
    padding-left: 66px !important;
    padding-right: 8px !important;
  }
  html[data-tt-page="account"] .account-notifications {
    top: calc(14px + env(safe-area-inset-top));
    left: calc(14px + env(safe-area-inset-left));
  }
  html[data-tt-page="account"] .account-notification-panel {
    top: calc(70px + env(safe-area-inset-top));
    right: calc(8px + env(safe-area-inset-right));
    bottom: calc(8px + env(safe-area-inset-bottom));
    left: calc(8px + env(safe-area-inset-left));
    width: auto;
    max-height: none;
  }
  html[data-tt-page="account"] .account-shell { width: calc(100% - 16px); margin: 10px auto calc(42px + env(safe-area-inset-bottom)); }
  html[data-tt-page="account"] .account-hero { padding: 36px 18px 20px; }
  html[data-tt-page="account"] .account-hero h1 { font-size: clamp(50px,17vw,70px); }
  html[data-tt-page="account"] .account-hero-stats { gap: 7px; }
  html[data-tt-page="account"] .account-hero-stats span { min-height: 74px; padding: 11px; }
  html[data-tt-page="account"] .account-nav {
    width: 100%;
    display: flex;
    overflow-x: auto;
    padding: 7px;
  }
  html[data-tt-page="account"] .account-nav a { min-width: min(76vw,260px); scroll-snap-align: start; }
  html[data-tt-page="account"] .account-card > header { gap: 11px; padding: 16px 14px; }
  html[data-tt-page="account"] .credential-form { padding: 18px 14px; }
  html[data-tt-page="account"] .activity-summary { gap: 6px; padding: 12px 12px 0; }
  html[data-tt-page="account"] .activity-summary span { min-height: 62px; padding: 10px; }
  html[data-tt-page="account"] :is(.activity-list,.search-list) { padding: 10px 12px 20px; }
  html[data-tt-page="account"] :is(.activity-list,.search-list) li { padding: 11px 9px; }
  html[data-tt-page="account"] :is(.activity-list,.search-list) small { white-space: normal; }

  html[data-tt-page="files"] main,
  html[data-tt-page="photos"] main { width: calc(100% - 16px); margin-bottom: calc(38px + env(safe-area-inset-bottom)); }
  html[data-tt-page="files"] .files-hero,
  html[data-tt-page="photos"] .photo-hero { padding: 0 18px; }
  html[data-tt-page="files"] .files-hero>div:first-child,
  html[data-tt-page="photos"] .photo-hero-copy { padding-top: 40px; }
  html[data-tt-page="files"] .files-hero h1,
  html[data-tt-page="photos"] .photo-hero h1 { font-size: clamp(48px,16vw,70px); }
  html[data-tt-page="files"] .files-cloud-art,
  html[data-tt-page="photos"] .photo-hero-art { min-height: 220px; }
  html[data-tt-page="files"] .files-cloud-logo { width: 145px; height: 94px; }
  html[data-tt-page="files"] .files-cloud-logo img { width: 104px; }
  html[data-tt-page="files"] .files-cloud-ring { width: 200px; height: 200px; }
  html[data-tt-page="files"] :is(.files-setup-guide,.files-connect-card) { padding: 22px 15px; }
  html[data-tt-page="files"] .files-workspace-heading,
  html[data-tt-page="photos"] .photo-library-heading { display: grid; gap: 16px; }
  html[data-tt-page="files"] .files-tools,
  html[data-tt-page="photos"] .photo-library-tools { width: 100%; display: grid; grid-template-columns: minmax(0,1fr) 48px; }
  html[data-tt-page="files"] .files-tools label,
  html[data-tt-page="photos"] .photo-search { width: 100%; }
  html[data-tt-page="files"] .files-row { min-height: 68px; }
  html[data-tt-page="files"] .files-row-copy strong { font-size: 12px; }
  html[data-tt-page="files"] .files-row-copy small { font-size: 10px; }
  html[data-tt-page="photos"] .photo-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 6px; }
  html[data-tt-page="photos"] .photo-viewer {
    inset: calc(6px + env(safe-area-inset-top)) calc(6px + env(safe-area-inset-right)) calc(6px + env(safe-area-inset-bottom)) calc(6px + env(safe-area-inset-left));
    width: auto;
    height: auto;
    max-height: none;
    border-radius: 8px;
  }

  html[data-tt-page="games"] .game-site-header { padding-inline: 10px !important; }
  html[data-tt-page="games"] .game-hero { width: calc(100% - 16px); min-height: 310px; margin: 10px auto 0; padding: 28px 18px; }
  html[data-tt-page="games"] .game-hero h1 { font-size: clamp(46px,15vw,64px); }
  html[data-tt-page="games"] .game-hero-stats { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); }
  html[data-tt-page="games"] .game-room-layout,
  html[data-tt-page="games"] .online-library { margin-inline: 8px; padding-inline: 0; }
  html[data-tt-page="games"] .game-list { gap: 7px; }
  html[data-tt-page="games"] .game-choice { min-height: 68px; }
  html[data-tt-page="games"] .game-stage { height: min(62vh,520px); height: min(62dvh,520px); min-height: 360px; }
  html[data-tt-page="games"] .game-discovery-controls { grid-template-columns: 1fr; }
  html[data-tt-page="games"] :is(.game-search-field,.game-filter-field,.random-game-button) { grid-column: auto; width: 100%; }

  html[data-tt-page="speedometer"] .speed-shell { width: 100%; }
  html[data-tt-page="speedometer"] .speed-main { padding: 18px 8px calc(36px + env(safe-area-inset-bottom)); }
  html[data-tt-page="speedometer"] .speed-hero { margin-inline: 0; padding: 24px 16px; }
  html[data-tt-page="speedometer"] .speed-hero h1 { font-size: clamp(42px,14vw,58px); }
  html[data-tt-page="speedometer"] .speed-layout { gap: 10px; }
  html[data-tt-page="speedometer"] .gauge-card { padding: 16px 8px 22px; }
  html[data-tt-page="speedometer"] .gauge-wrap { width: min(100%,430px); }
  html[data-tt-page="speedometer"] .speed-reading strong { font-size: clamp(66px,25vw,112px); }
  html[data-tt-page="speedometer"] .trip-grid { gap: 7px; }

  html[data-tt-page="terminal"] body { padding-bottom: env(safe-area-inset-bottom); }
  html[data-tt-page="terminal"] .terminal-header { grid-template-columns: 1fr auto; }
  html[data-tt-page="terminal"] .terminal-workspace {
    width: calc(100% - 12px);
    min-height: 0;
    margin-top: 7px;
    margin-bottom: calc(7px + env(safe-area-inset-bottom));
    gap: 8px;
  }
  html[data-tt-page="terminal"] .console-card { order: -1; min-height: calc(var(--tt-vv-height) - 92px); grid-template-rows: auto auto minmax(0,1fr) auto; }
  html[data-tt-page="terminal"] .console-titlebar { gap: 8px; padding: 9px; }
  html[data-tt-page="terminal"] .console-tools { grid-template-columns: repeat(4,minmax(0,1fr)); gap: 5px; }
  html[data-tt-page="terminal"] .console-tools button { min-width: 0; padding-inline: 6px; }
  html[data-tt-page="terminal"] .terminal-stage { min-height: 0; padding: 6px; }
  html[data-tt-page="terminal"] .terminal-container { height: 100%; min-height: 420px; }
  html[data-tt-page="terminal"] .terminal-sidebar { display: flex; overflow-x: auto; gap: 8px; scroll-snap-type: x proximity; }
  html[data-tt-page="terminal"] .terminal-sidebar > section { min-width: min(86vw,340px); scroll-snap-align: start; }
  html[data-tt-page="terminal"] .command-overlay {
    align-items: end;
    padding: calc(8px + env(safe-area-inset-top)) calc(8px + env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) calc(8px + env(safe-area-inset-left));
  }
  html[data-tt-page="terminal"] .command-palette { max-height: calc(var(--tt-vv-height) - 16px); border-radius: 10px 10px 5px 5px; }

  html[data-tt-page="prox"] .tpx-app { min-height: var(--tt-vv-height); }
  html[data-tt-page="prox"] .tpx-topbar { grid-template-columns: minmax(0,1fr) auto; }
  html[data-tt-page="prox"] .tpx-link-stats { gap: 5px; padding-bottom: 1px; }
  html[data-tt-page="prox"] .tpx-link-stats > span { min-width: 92px; min-height: 44px; scroll-snap-align: start; }
  html[data-tt-page="prox"] .tpx-main { padding: 6px; }
  html[data-tt-page="prox"] .tpx-browser { border-radius: 7px !important; }
  html[data-tt-page="prox"] .tpx-tabbar { height: 46px; }
  html[data-tt-page="prox"] .tpx-tab { height: 38px; }
  html[data-tt-page="prox"] .tpx-tab-add { width: 38px; height: 38px; flex-basis: 38px; }
  html[data-tt-page="prox"] .tpx-toolbar { gap: 4px; padding: 5px; }
  html[data-tt-page="prox"] .tpx-nav button,
  html[data-tt-page="prox"] .tpx-view-actions button { width: 44px; height: 44px; }
  html[data-tt-page="prox"] .tpx-omnibox { min-height: 44px; padding-left: 8px; }
  html[data-tt-page="prox"] .tpx-omnibox input { min-height: 42px; padding-inline: 5px; }
  html[data-tt-page="prox"] .tpx-omnibox button { min-width: 44px; min-height: 40px; }
  html[data-tt-page="prox"] .tpx-infobar { min-height: 38px; padding-inline: 8px; }
  html[data-tt-page="prox"] .tpx-viewport { min-height: 210px; }
  html[data-tt-page="prox"] .tpx-touch-entry {
    right: 6px;
    bottom: calc(6px + env(safe-area-inset-bottom));
    left: 6px;
    grid-template-columns: minmax(0,1fr) 58px;
  }
  html[data-tt-page="prox"] .tpx-touch-entry input { height: 48px; }
  html[data-tt-page="prox"] .tpx-dock { grid-template-columns: repeat(5,142px); padding-bottom: 4px; }

  html[data-tt-page="roblox"] .shell,
  html[data-tt-page="blooket"] .blooket-shell { width: calc(100% - 12px); }
  html[data-tt-page="roblox"] main,
  html[data-tt-page="blooket"] main { padding-top: 14px; }
  html[data-tt-page="roblox"] .hero,
  html[data-tt-page="blooket"] .hero { padding: 28px 16px; }
  html[data-tt-page="roblox"] h1,
  html[data-tt-page="blooket"] .hero h1 { font-size: clamp(43px,14vw,62px); line-height: .94; }
  html[data-tt-page="roblox"] .hero-actions button { width: 100%; min-width: 0; }
  html[data-tt-page="roblox"] .console { border-radius: 7px !important; }
  html[data-tt-page="roblox"] .stage { min-height: 0; aspect-ratio: 16 / 9; }
  html[data-tt-page="roblox"] .stage-overlay { overflow-y: auto; padding: 15px; }
  html[data-tt-page="roblox"] .stage-overlay .orb { width: 54px; height: 54px; }
  html[data-tt-page="roblox"] .stage-overlay h2 { font-size: 25px; }
  html[data-tt-page="roblox"] .details { gap: 8px; }
  html[data-tt-page="blooket"] .hero-actions { grid-template-columns: 1fr; }
  html[data-tt-page="blooket"] :is(.join-card,.status-card,.player-preview,.activity-panel,.target-panel) { padding: 15px; }
  html[data-tt-page="blooket"] .status-grid { gap: 6px; }
  html[data-tt-page="blooket"] .filter-row { flex-wrap: nowrap; overflow-x: auto; padding-bottom: 5px; }
  html[data-tt-page="blooket"] .filter-row button { flex: 0 0 auto; scroll-snap-align: start; }
  html[data-tt-page="blooket"] .tool-card { min-height: 178px; }

  html[data-tt-page="youtube"] .youtube-site-header { position: sticky; }
  html[data-tt-page="youtube"] .site-title strong { font-size: 16px; }
  html[data-tt-page="youtube"] .site-title small { font-size: 10px; }
  html[data-tt-page="youtube"] .youtube-page-main { width: calc(100% - 16px); padding-top: 10px; padding-bottom: calc(38px + env(safe-area-inset-bottom)); }
  html[data-tt-page="youtube"] .youtube-page-hero { padding: 30px 17px; }
  html[data-tt-page="youtube"] .youtube-page-hero h1 { font-size: clamp(43px,14vw,62px); }
  html[data-tt-page="youtube"] .youtube-page-limits { gap: 6px; }
  html[data-tt-page="youtube"] .youtube-studio-card { padding: 18px 14px; }
  html[data-tt-page="youtube"] .youtube-watermark-toggle > span { min-height: 54px; }
  html[data-tt-page="youtube"] .youtube-logo-row,
  html[data-tt-page="youtube"] .youtube-watermark-sliders { grid-template-columns: 1fr; }

  html[data-tt-page="account"] .account-toast,
  html[data-tt-page="files"] .files-toast,
  html[data-tt-page="photos"] .photo-toast,
  html[data-tt-page="speedometer"] .speed-toast,
  html[data-tt-page="prox"] .tpx-toast,
  html[data-tt-page="roblox"] .toast {
    right: calc(8px + env(safe-area-inset-right)) !important;
    left: calc(8px + env(safe-area-inset-left)) !important;
    width: auto !important;
    max-width: none !important;
  }

  html[data-tt-page="terminal"] .terminal-toast,
  html[data-tt-page="blooket"] .toast,
  html[data-tt-page="home"] .toast,
  html[data-tt-page="home"] .tt-theme-toast {
    width: calc(100% - env(safe-area-inset-left) - env(safe-area-inset-right) - 16px) !important;
    max-width: none !important;
    text-align: center;
  }
}

@media (max-width: 480px) {
  html[data-tt-page="home"] .site-header {
    min-height: 62px !important;
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
  }
  html[data-tt-page="home"] .site-title { flex: 1 1 auto; }
  html[data-tt-page="home"] .site-brand-mark { width: 38px; height: 38px; flex-basis: 38px; }
  html[data-tt-page="home"] .site-title-copy strong { font-size: 14px; }
  html[data-tt-page="home"] .header-actions {
    width: auto !important;
    display: flex !important;
    flex: 0 0 auto;
    gap: 3px !important;
    margin: 0 !important;
  }
  html[data-tt-page="home"] .header-actions :is(.header-status,.mitch-presence,.extension-install-trigger) { display: none !important; }
  html[data-tt-page="home"] .header-nav-control {
    width: 40px !important;
    min-width: 40px !important;
    height: 44px !important;
    padding: 0 !important;
  }
  html[data-tt-page="home"] .header-nav-control > span { display: none !important; }
  html[data-tt-page="home"] body .tt-control-dock {
    right: auto !important;
    bottom: calc(10px + env(safe-area-inset-bottom)) !important;
    left: calc(50% - 108px) !important;
    width: 166px !important;
    height: 56px !important;
    gap: 4px !important;
    padding: 5px !important;
    border-radius: 16px !important;
  }
  html[data-tt-page="home"] body .tt-control-dock > :is(.tt-ai-orb,.tt-cloak-orb,.tt-dock-launcher) {
    width: 46px !important;
    min-width: 46px !important;
    height: 46px !important;
    min-height: 46px !important;
  }
  html[data-tt-page="home"] body .tt-mitchdog-link {
    right: auto !important;
    bottom: calc(10px + env(safe-area-inset-bottom)) !important;
    left: calc(50% + 64px) !important;
    width: 46px !important;
    height: 56px !important;
    border-radius: 16px !important;
  }
  html[data-tt-page="home"] body .tt-dock-menu {
    right: auto !important;
    bottom: calc(100% + 10px) !important;
    left: 0 !important;
    width: min(270px, calc(100vw - 20px)) !important;
  }
  html[data-tt-page="home"] .tile-grid { grid-template-columns: 1fr; }
  html[data-tt-page="home"] .galaxy-command-metrics strong { font-size: 12px; }
  html[data-tt-page="home"] .galaxy-command-metrics small { font-size: 7px; }
  html[data-tt-page="account"] .account-brand-mark { display: none; }
  html[data-tt-page="account"] .account-brand strong { font-size: 12px; }
  html[data-tt-page="account"] .account-header-actions { margin-left: auto; }
  html[data-tt-page="account"] .account-header-actions > button { padding-inline: 10px; }
  html[data-tt-page="account"] .account-hero-stats strong { font-size: 14px; }
  html[data-tt-page="files"] .files-setup-guide li { grid-template-columns: 38px minmax(0,1fr) 8px; padding-inline: 9px; }
  html[data-tt-page="photos"] .photo-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  html[data-tt-page="games"] .game-list,
  html[data-tt-page="games"] .online-game-grid { grid-template-columns: 1fr; }
  html[data-tt-page="speedometer"] .trip-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  html[data-tt-page="terminal"] .window-title { min-width: 0; }
  html[data-tt-page="terminal"] .console-titlebar { align-items: stretch; }
  html[data-tt-page="terminal"] .console-tools { width: 100%; }
  html[data-tt-page="prox"] .tpx-brand strong { font-size: 16px; }
  html[data-tt-page="prox"] .tpx-link-stats > span:nth-child(2),
  html[data-tt-page="prox"] .tpx-link-stats > span:nth-child(5) { display: none; }
  html[data-tt-page="prox"] .tpx-omnibox .tpx-secure { display: none; }
  html[data-tt-page="prox"] .tpx-omnibox input { padding-left: 7px; }
  html[data-tt-page="prox"] #tpx-reload { display: none; }
  html[data-tt-page="roblox"] .service-state { min-height: 44px; }
  html[data-tt-page="blooket"] .brand em { display: none; }
  html[data-tt-page="youtube"] .youtube-home-link { width: 44px; overflow: hidden; padding: 0; font-size: 0; }
  html[data-tt-page="youtube"] .youtube-home-link::before { content: "←"; font-size: 18px; }
}

@media (orientation: landscape) and (max-height: 520px) and (pointer: coarse) {
  html[data-tt-page] { scroll-padding-top: calc(58px + env(safe-area-inset-top)); }
  html[data-tt-page] :is(.files-nav,.photo-nav,.speed-topbar,.terminal-header,.tpx-topbar,.game-site-header,.youtube-site-header,.topbar,.account-header) {
    position: relative !important;
    top: auto !important;
    min-height: 50px !important;
    margin-top: max(4px,env(safe-area-inset-top)) !important;
  }
  html[data-tt-page="login"] .auth-card { padding-top: calc(10px + env(safe-area-inset-top)); }
  html[data-tt-page="login"] .brand-logo { width: 38px; height: 38px; }
  html[data-tt-page="login"] .auth-copy { margin-top: 14px; }
  html[data-tt-page="login"] h1 { font-size: 44px; }
  html[data-tt-page="login"] .auth-copy>p:last-child,
  html[data-tt-page="login"] .security-note { display: none; }
  html[data-tt-page="login"] form { margin-top: 14px; }
  html[data-tt-page="terminal"] .terminal-sidebar { display: none; }
  html[data-tt-page="terminal"] .console-card { min-height: calc(var(--tt-vv-height) - 66px); }
  html[data-tt-page="terminal"] .terminal-container { min-height: 210px; }
  html[data-tt-page="prox"] .tpx-link-stats { display: none; }
  html[data-tt-page="prox"] .tpx-main { padding: 3px 6px 6px; }
  html[data-tt-page="prox"] .tpx-dock,
  html[data-tt-page="prox"] .tpx-browser-footer { display: none; }
  html[data-tt-page="prox"] .tpx-viewport { height: calc(var(--tt-vv-height) - 190px); min-height: 210px; aspect-ratio: auto; }
  html[data-tt-page="roblox"] .hero,
  html[data-tt-page="roblox"] .details { display: none; }
  html[data-tt-page="roblox"] main { padding-top: 5px; }
  html[data-tt-page="roblox"] .stage { height: calc(var(--tt-vv-height) - 128px); aspect-ratio: auto; }
  html[data-tt-page="speedometer"] .speed-hero { display: none; }
  html[data-tt-page="speedometer"] .speed-main { padding-top: 7px; }
  html[data-tt-page="speedometer"] .speed-layout { grid-template-columns: minmax(0,1.25fr) minmax(250px,.75fr); }
  html[data-tt-page="speedometer"] .gauge-card { min-height: calc(var(--tt-vv-height) - 80px); }
  html[data-tt-page="files"] .files-cloud-art,
  html[data-tt-page="photos"] .photo-hero-art { display: none; }
}

html.tt-keyboard-open[data-tt-page="home"] .tt-control-dock,
html.tt-keyboard-open[data-tt-page="home"] .tt-mitchdog-link { opacity: 0; pointer-events: none; }

html.tt-keyboard-open[data-tt-page="login"] .auth-card {
  min-height: var(--tt-vv-height);
  padding-top: 10px;
  padding-bottom: 10px;
}

html.tt-keyboard-open[data-tt-page="login"] :is(.brand,.auth-copy>p:last-child,.security-note) { display: none; }
html.tt-keyboard-open[data-tt-page="login"] .visitor-actions { opacity: 0; pointer-events: none; }
html.tt-keyboard-open[data-tt-page="login"] .auth-copy { margin-top: 0; }
html.tt-keyboard-open[data-tt-page="login"] h1 { font-size: 40px; }
html.tt-keyboard-open[data-tt-page="login"] form { margin-top: 14px; }

html.tt-keyboard-open[data-tt-page="terminal"] .terminal-sidebar { display: none; }
html.tt-keyboard-open[data-tt-page="terminal"] .console-card { min-height: calc(var(--tt-vv-height) - 80px); }

@media (prefers-reduced-motion: reduce) {
  .tt-iphone-galaxy::before,
  .tt-iphone-galaxy::after { animation: none !important; }
}