/* Chrome Stage: deep navy, brushed-metal plates, glossy arrows. Designed at 1280x720,
   scaled to the screen; readable from the back of a gym. */
:root {
  --ink: #e8eeff; --ink-dim: #a9b6d8; --navy: #0b1430; --cyan: #7fd8ff;
  --easy: #3fe0a0; --medium: #ffc23d; --hard: #ff5d8f;
  --line: rgba(170,195,255,.25);
  --cond: 'Saira Condensed', 'Arial Narrow', 'Roboto Condensed', sans-serif;
  --body: 'Saira', 'Segoe UI', Roboto, Arial, sans-serif;
}
* { box-sizing: border-box; }
html, body { margin: 0; height: 100%; background: #000; overflow: hidden; color: var(--ink); font-family: var(--body); }
body { cursor: default; }
#viewport { position: fixed; inset: 0; display: flex; align-items: center; justify-content: center; }
#stage { position: relative; width: 1280px; height: 720px; flex: none; transform-origin: center center; overflow: hidden;
  background: radial-gradient(120% 90% at 50% 10%, #16264f 0%, #0a1330 45%, #050914 100%); }
.floor { position: absolute; inset: 0; opacity: .6;
  background-image: linear-gradient(rgba(90,140,255,.10) 1px, transparent 1px), linear-gradient(90deg, rgba(90,140,255,.10) 1px, transparent 1px);
  background-size: 48px 48px; }
.songbg { position: absolute; inset: 0; background-size: cover; background-position: center; opacity: 0; transition: opacity .6s; }
.songbg.on { opacity: var(--bg-level, .5); }

.screen { position: absolute; inset: 0; display: none; }
.screen.on { display: block; }

.cond { font-family: var(--cond); font-weight: 800; letter-spacing: .04em; }
.dim { color: var(--ink-dim); }
.plate { background: linear-gradient(180deg, #f4f7ff 0%, #b9c4dc 48%, #8e9bb8 52%, #d6deef 100%); color: var(--navy); }

/* ---------- top and bottom bars */
.topbar { position: absolute; left: 0; top: 0; width: 1280px; height: 96px; padding: 0 40px; display: flex; align-items: center; gap: 28px;
  border-bottom: 1px solid var(--line); background: linear-gradient(180deg, rgba(5,9,20,.9), rgba(5,9,20,.3)); }
.topbar .title { font-family: var(--cond); font-weight: 800; font-size: 38px; line-height: 1; letter-spacing: .02em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 520px; }
.topbar .meta { font-size: 15px; color: var(--ink-dim); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 520px; }
.progress { height: 8px; background: rgba(170,195,255,.18); border-radius: 4px; overflow: hidden; }
.progress > div { height: 8px; width: 100%; transform-origin: left; transform: scaleX(0); background: linear-gradient(90deg, #3d7cff, var(--cyan)); }
.bottombar { position: absolute; left: 0; top: 676px; width: 1280px; height: 44px; padding: 0 40px; display: flex; align-items: center; justify-content: space-between;
  font-size: 15px; color: var(--ink-dim); background: rgba(5,9,20,.85); border-top: 1px solid var(--line); }
.bottombar b { font-family: var(--cond); font-weight: 800; color: var(--ink); letter-spacing: .08em; margin-right: 10px; }
.key { display: inline-block; min-width: 28px; padding: 0 8px; border-radius: 4px; text-align: center; font-family: var(--cond); font-weight: 800;
  color: var(--navy); background: linear-gradient(180deg, #f4f7ff, #aeb9d2); margin: 0 4px; }

/* ---------- playfield columns */
.col { position: absolute; top: 116px; width: 304px; height: 548px; border-radius: 4px; overflow: hidden;
  background: linear-gradient(180deg, rgba(8,14,34,.9), rgba(8,14,34,.78));
  box-shadow: inset 0 0 0 1px rgba(170,195,255,.22), 0 0 0 3px #0b1228, 0 0 0 4px rgba(170,195,255,.35); }
.col .plate { position: absolute; left: 0; top: 0; width: 304px; height: 52px; display: flex; align-items: center; justify-content: space-between; padding: 0 16px; }
.col .plate span { font-family: var(--cond); font-weight: 800; font-size: 30px; letter-spacing: .08em; }
.col .dot { width: 18px; height: 18px; border-radius: 50%; box-shadow: 0 0 0 3px var(--navy); }
.col .sub { position: absolute; left: 0; bottom: 0; width: 304px; height: 34px; display: flex; align-items: center; justify-content: center;
  font-size: 14px; color: var(--ink-dim); letter-spacing: .04em; background: rgba(5,9,20,.7); }
.col .beatline { position: absolute; left: 0; right: 0; top: 52px; height: 3px; background: var(--cyan); opacity: 0; }
#pf { position: absolute; left: 0; top: 0; width: 1280px; height: 720px; pointer-events: none; }

.countin { position: absolute; left: 0; top: 300px; width: 1280px; text-align: center; font-family: var(--cond); font-weight: 800; font-size: 150px; line-height: 1;
  color: #fff; text-shadow: 0 0 30px rgba(127,216,255,.8), 0 6px 0 #0b1430; pointer-events: none; opacity: 0; }

/* ---------- overlays and menus */
.overlay { position: absolute; inset: 0; background: rgba(3,6,16,.78); display: none; align-items: center; justify-content: center; flex-direction: column; gap: 18px; }
.overlay.on { display: flex; }
.overlay h2 { margin: 0 0 8px; font-family: var(--cond); font-weight: 800; font-size: 56px; letter-spacing: .06em; }
.menu { display: flex; flex-direction: column; gap: 14px; min-width: 420px; }
.btn { font-family: var(--cond); font-weight: 800; font-size: 30px; letter-spacing: .06em; padding: 12px 28px; border-radius: 8px; text-align: center;
  color: var(--ink); background: rgba(20,30,62,.9); box-shadow: inset 0 0 0 2px rgba(170,195,255,.35); }
.btn.focus, .row.focus, .setting.focus { background: linear-gradient(180deg, #f4f7ff, #aeb9d2); color: var(--navy);
  box-shadow: 0 0 0 4px var(--cyan), 0 0 26px rgba(127,216,255,.6); }
.btn.off { opacity: .45; }
.hint { font-size: 18px; color: var(--ink-dim); }

/* ---------- home */
.home-title { position: absolute; left: 0; top: 96px; width: 1280px; text-align: center; }
.home-title .big { font-family: var(--cond); font-weight: 800; font-size: 96px; line-height: .95; letter-spacing: .03em;
  background: linear-gradient(180deg, #ffffff 0%, #c9d4ee 50%, #8e9bb8 52%, #e6ecfa 100%); -webkit-background-clip: text; background-clip: text; color: transparent;
  filter: drop-shadow(0 4px 0 #0b1430) drop-shadow(0 0 24px rgba(127,216,255,.35)); }
.home-title .tag { font-size: 22px; color: var(--ink-dim); margin-top: 10px; letter-spacing: .06em; }
.home-menu { position: absolute; left: 440px; top: 316px; width: 400px; gap: 12px; }
.home-menu .btn { font-size: 26px; padding: 9px 24px; }
.home-foot { position: absolute; left: 0; bottom: 14px; width: 1280px; text-align: center; }
.levels-strip { display: flex; gap: 14px; justify-content: center; margin-top: 18px; }
.levels-strip span { font-family: var(--cond); font-weight: 800; font-size: 20px; letter-spacing: .1em; padding: 4px 14px; border-radius: 4px; color: var(--navy); }

/* ---------- song list */
.songs-filter { position: absolute; left: 40px; top: 116px; display: flex; gap: 10px; }
.chip { font-family: var(--cond); font-weight: 800; font-size: 20px; letter-spacing: .08em; padding: 6px 16px; border-radius: 18px;
  background: rgba(20,30,62,.9); box-shadow: inset 0 0 0 2px rgba(170,195,255,.3); color: var(--ink-dim); }
.chip.sel { background: var(--cyan); color: var(--navy); box-shadow: none; }
.wheel { position: absolute; left: 40px; top: 164px; width: 620px; height: 506px; overflow: hidden; }
.wheel-inner { position: absolute; left: 0; top: 0; width: 100%; transition: transform .16s ease-out; }
.row { height: 70px; margin-bottom: 8px; border-radius: 8px; display: flex; align-items: center; gap: 16px; padding: 0 16px 0 10px;
  background: rgba(14,22,48,.88); box-shadow: inset 0 0 0 1px rgba(170,195,255,.22); }
.row img { width: 128px; height: 50px; object-fit: cover; border-radius: 4px; background: #0b1228; flex: none; }
.row .t { flex: 1; min-width: 0; }
.row .t div:first-child { font-family: var(--cond); font-weight: 800; font-size: 28px; line-height: 1.05; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.row .t div:last-child { font-size: 14px; opacity: .75; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.row .bpm { font-family: var(--cond); font-weight: 800; font-size: 22px; width: 92px; text-align: right; }
.dots { display: flex; gap: 6px; align-items: flex-end; height: 30px; }
.dots i { width: 10px; border-radius: 2px; display: block; }
.detail { position: absolute; left: 690px; top: 112px; width: 550px; height: 548px; border-radius: 8px; overflow: hidden;
  background: linear-gradient(180deg, rgba(8,14,34,.9), rgba(8,14,34,.6)); box-shadow: inset 0 0 0 1px rgba(170,195,255,.22), 0 0 0 3px #0b1228, 0 0 0 4px rgba(170,195,255,.35); }
.detail .banner { width: 550px; height: 216px; object-fit: cover; display: block; background: #0b1228; }
.detail .body { padding: 18px 26px; }
.detail h3 { margin: 0; font-family: var(--cond); font-weight: 800; font-size: 44px; line-height: 1; }
.detail .by { font-size: 17px; color: var(--ink-dim); margin-top: 6px; }
.detail .facts { display: flex; gap: 26px; margin-top: 16px; font-family: var(--cond); font-weight: 800; font-size: 26px; }
.detail .facts small { display: block; font-family: var(--body); font-weight: 400; font-size: 13px; color: var(--ink-dim); letter-spacing: .06em; }
.lvbars { margin-top: 18px; display: flex; flex-direction: column; gap: 9px; }
.lvbar { display: flex; align-items: center; gap: 12px; font-size: 15px; }
.lvbar b { width: 90px; font-family: var(--cond); font-weight: 800; font-size: 20px; letter-spacing: .08em; }
.lvbar .track { flex: 1; height: 12px; background: rgba(170,195,255,.14); border-radius: 6px; overflow: hidden; }
.lvbar .track div { height: 12px; border-radius: 6px; }
.lvbar span { width: 140px; color: var(--ink-dim); }

/* ---------- get ready / between songs */
.card { position: absolute; left: 240px; top: 112px; width: 800px; border-radius: 10px; overflow: hidden; text-align: center;
  background: linear-gradient(180deg, rgba(8,14,34,.95), rgba(8,14,34,.75)); box-shadow: 0 0 0 3px #0b1228, 0 0 0 4px rgba(170,195,255,.35), 0 20px 60px rgba(0,0,0,.5); }
.card img { width: 800px; height: 180px; object-fit: cover; display: block; background: #0b1228; }
.card .body { padding: 16px 30px 22px; }
.card .kicker { font-family: var(--cond); font-weight: 800; font-size: 22px; letter-spacing: .14em; color: var(--cyan); }
.card h3 { margin: 4px 0 4px; font-family: var(--cond); font-weight: 800; font-size: 50px; line-height: 1; }
.card .pick { display: flex; gap: 14px; justify-content: center; margin-top: 14px; }
.card .pick span { font-family: var(--cond); font-weight: 800; font-size: 26px; letter-spacing: .1em; padding: 8px 22px; border-radius: 6px; color: var(--navy); }
.card .status { margin-top: 12px; font-size: 18px; color: var(--ink-dim); min-height: 26px; }
.card .menu { flex-direction: row; justify-content: center; min-width: 0; margin-top: 16px; }
.card .menu:empty { display: none; }
.card .btn { font-size: 24px; padding: 10px 22px; }
.goal { margin-top: 8px; font-size: 20px; }
.goal .pips { color: var(--cyan); letter-spacing: 6px; }

/* ---------- settings */
.settings { position: absolute; left: 240px; top: 110px; width: 800px; display: flex; flex-direction: column; gap: 5px; }
#settings .settings { left: 40px; width: 1200px; display: grid; grid-template-rows: repeat(7, auto); grid-auto-flow: column; grid-auto-columns: 1fr; column-gap: 20px; row-gap: 8px; top: 130px; }
#settings .setting { padding: 8px 18px; }
.setting { display: flex; align-items: center; justify-content: space-between; padding: 2px 22px; border-radius: 8px; font-size: 18px;
  background: rgba(14,22,48,.88); box-shadow: inset 0 0 0 1px rgba(170,195,255,.22); }
.setting .v { font-family: var(--cond); font-weight: 800; font-size: 23px; letter-spacing: .04em; }
.setting.focus .v::before { content: '◀  '; } .setting.focus .v::after { content: '  ▶'; }
.setting.action.focus .v::before, .setting.action.focus .v::after { content: ''; }
.page-title { position: absolute; left: 40px; top: 22px; line-height: 1; font-family: var(--cond); font-weight: 800; font-size: 48px; letter-spacing: .04em; }
.page-sub { position: absolute; left: 40px; top: 76px; font-size: 18px; color: var(--ink-dim); }

/* ---------- room sync */
.sync-stage { position: absolute; left: 240px; top: 118px; width: 800px; text-align: center; }
.sync-stage .big { font-family: var(--cond); font-weight: 800; font-size: 54px; line-height: 1.05; }
.sync-stage p { font-size: 22px; color: var(--ink-dim); margin: 14px 0; }
.sync-target { width: 170px; height: 170px; margin: 12px auto; border-radius: 50%; background: radial-gradient(circle, #ffffff 0%, var(--cyan) 45%, rgba(127,216,255,0) 72%); opacity: .08; }
.taps { font-size: 30px; letter-spacing: 8px; color: var(--cyan); min-height: 40px; }
.sync-result { font-family: var(--cond); font-weight: 800; font-size: 36px; margin-top: 4px; min-height: 44px; }

/* ---------- remote test, frame graph */
.remote-test { position: absolute; left: 240px; top: 200px; width: 800px; text-align: center; font-size: 28px; }
.remote-test .big { font-family: var(--cond); font-weight: 800; font-size: 90px; color: var(--cyan); }
#fg { position: absolute; right: 8px; bottom: 52px; width: 240px; height: 70px; background: rgba(0,0,0,.6); display: none; z-index: 5; }
.toast { position: absolute; left: 50%; top: 24px; transform: translateX(-50%); padding: 10px 22px; border-radius: 8px; background: rgba(5,9,20,.92);
  box-shadow: inset 0 0 0 1px var(--line); font-size: 18px; display: none; z-index: 6; }
.reduce-motion * { transition: none !important; }

/* ---------- polish: backdrop, wipe, drifting arrows, effects */
#stage { background: radial-gradient(120% 95% at 50% 8%, #22397a 0%, #12204e 42%, #08102a 100%); }
.floor { opacity: .8; }
.songbg { transition: opacity .7s ease; }
#fx { position: absolute; left: 0; top: 0; width: 1280px; height: 720px; pointer-events: none; z-index: 25; }
#wipe { position: absolute; top: -10%; left: -20%; width: 140%; height: 120%; z-index: 30; pointer-events: none;
  transform: translateX(-135%) skewX(-14deg); background: linear-gradient(90deg, #060b1a 0%, #0f1c42 70%, #1a2d63 100%);
  box-shadow: 0 0 60px rgba(0,0,0,.6); }
#wipe i { position: absolute; top: 0; bottom: 0; width: 14px; }
#wipe .w-e { right: -18px; background: var(--easy); } #wipe .w-m { right: -36px; background: var(--medium); } #wipe .w-h { right: -54px; background: var(--hard); }
#wipe .w-logo { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) skewX(14deg); font-family: var(--cond); font-weight: 800; font-size: 54px;
  letter-spacing: .08em; color: rgba(232,238,255,.16); white-space: nowrap; }
.drift { position: absolute; inset: 0; overflow: hidden; pointer-events: none; opacity: 0; transition: opacity .6s; }
.drift.on { opacity: 1; }
.drift svg { position: absolute; top: 0; will-change: transform; }
@keyframes driftUp { from { transform: translateY(800px) rotate(var(--r)); } to { transform: translateY(-140px) rotate(var(--r)); } }
.home-title .big { background-image: linear-gradient(100deg, transparent 38%, rgba(255,255,255,.95) 50%, transparent 62%),
  linear-gradient(180deg, #ffffff 0%, #c9d4ee 50%, #8e9bb8 52%, #e6ecfa 100%);
  background-size: 260% 100%, 100% 100%; background-repeat: no-repeat; animation: sheen 5s ease-in-out infinite; }
@keyframes sheen { 0% { background-position: 160% 0, 0 0; } 55%, 100% { background-position: -120% 0, 0 0; } }
.btn.focus, .row.focus, .setting.focus { animation: breathe 1.6s ease-in-out infinite; }
@keyframes breathe { 0%, 100% { box-shadow: 0 0 0 4px var(--cyan), 0 0 22px rgba(127,216,255,.45); } 50% { box-shadow: 0 0 0 4px var(--cyan), 0 0 38px rgba(127,216,255,.85); } }
.row { transition: transform .18s ease, background .18s; }
.row.focus { transform: translateX(12px) scale(1.02); }
.detail .banner { transition: opacity .25s; }
.lvbar .track div { transition: width .45s cubic-bezier(.2,.9,.25,1.1); }
.chip { transition: background .2s, color .2s, transform .2s; }
.chip.sel { transform: scale(1.08); }
.reduce-motion .drift, .reduce-motion .home-title .big, .reduce-motion .btn.focus, .reduce-motion .row.focus, .reduce-motion .setting.focus { animation: none !important; }

.floor { will-change: opacity; }
.drift:not(.on) svg { animation-play-state: paused; }
.movies { position: absolute; inset: 0; opacity: 0; transition: opacity .8s; pointer-events: none; }
.movies.on { opacity: .62; }
.movies video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; transition: opacity .7s; }
.movies video.on { opacity: 1; }
.credits { position: absolute; right: 40px; top: 30px; width: 520px; text-align: right; font-size: 13px; color: var(--ink-dim); line-height: 1.4; }

/* ---------- how to play (attract mode) */
.ht-text { position: absolute; left: 60px; top: 40px; width: 1160px; }
.ht-text.left { top: 250px; width: 560px; }
.ht-text.left .ht-title { font-size: 96px; }
.ht-kicker { font-family: var(--cond); font-weight: 800; font-size: 20px; letter-spacing: .14em; color: var(--cyan); min-height: 24px; }
.ht-title { font-family: var(--cond); font-weight: 800; font-size: 64px; line-height: 1; letter-spacing: .03em; text-shadow: 0 4px 0 #0b1430; }
.ht-cap { font-size: 26px; color: var(--ink); margin-top: 12px; max-width: 1100px; text-shadow: 0 2px 6px rgba(0,0,0,.6); }
.ht-text.left .ht-cap { color: var(--ink-dim); }
.ht-dots { position: absolute; left: 60px; bottom: 26px; display: flex; gap: 10px; }
.ht-dots i { width: 34px; height: 6px; border-radius: 3px; background: rgba(170,195,255,.25); }
.ht-dots i.on { background: var(--cyan); }
.ht-foot { position: absolute; right: 40px; bottom: 18px; font-size: 18px; color: var(--ink-dim); }
.ht-text.narrow { width: 760px; }

/* ---------- class flow */
.cp-est { position: absolute; right: 40px; top: 40px; font-size: 22px; color: var(--ink-dim); }
.cp-est b { color: var(--ink); font-family: var(--cond); font-size: 30px; }
.cp-list small { font-size: 14px; margin-left: 10px; }
.setting.cp-go { background: rgba(63,224,160,.18); }
.br-top { position: absolute; left: 0; top: 40px; width: 1280px; text-align: center; }
.br-kicker { font-family: var(--cond); font-weight: 800; font-size: 34px; letter-spacing: .14em; color: var(--cyan); }
.br-clock { font-family: var(--cond); font-weight: 800; font-size: 150px; line-height: 1; text-shadow: 0 6px 0 #0b1430, 0 0 40px rgba(127,216,255,.4); }
.br-dj { position: absolute; left: 0; top: 330px; width: 1280px; text-align: center; }
.br-dj-title { font-family: var(--cond); font-weight: 800; font-size: 30px; letter-spacing: .08em; margin-bottom: 14px; }
.br-cards { display: flex; gap: 26px; justify-content: center; margin-bottom: 14px; }
.br-card { width: 330px; padding: 10px; border-radius: 10px; background: rgba(14,22,48,.92); box-shadow: inset 0 0 0 1px rgba(170,195,255,.25); transition: transform .18s; }
.br-card img { width: 310px; height: 120px; object-fit: cover; border-radius: 6px; display: block; background: #0b1228; }
.br-card div { font-family: var(--cond); font-weight: 800; font-size: 28px; margin-top: 8px; }
.br-card small { color: var(--ink-dim); font-size: 15px; }
.br-card.focus { transform: scale(1.06); box-shadow: 0 0 0 4px var(--cyan), 0 0 30px rgba(127,216,255,.55); }
.br-card.picked { background: rgba(63,224,160,.25); }
.st-card { position: absolute; left: 240px; top: 260px; width: 800px; padding: 34px 40px; border-radius: 14px; text-align: center;
  background: linear-gradient(180deg, rgba(8,14,34,.95), rgba(8,14,34,.8)); box-shadow: 0 0 0 3px #0b1228, 0 0 0 4px rgba(170,195,255,.35); }
.st-n { font-family: var(--cond); font-weight: 800; font-size: 22px; letter-spacing: .12em; color: var(--cyan); }
.st-t { font-family: var(--cond); font-weight: 800; font-size: 72px; line-height: 1.05; margin: 8px 0; }
.st-d { font-size: 28px; color: var(--ink-dim); }
.wu-effort { position: absolute; left: 140px; top: 150px; width: 1000px; text-align: center; }
.wu-q { font-family: var(--cond); font-weight: 800; font-size: 60px; }
.wu-scale { display: flex; gap: 12px; justify-content: center; margin: 34px 0 24px; }
.wu-scale i { font-style: normal; width: 74px; height: 74px; border-radius: 50%; display: flex; align-items: center; justify-content: center;
  font-family: var(--cond); font-weight: 800; font-size: 34px; background: rgba(127,216,255,.1); box-shadow: inset 0 0 0 2px rgba(170,195,255,.35); transition: transform .15s, background .15s; }
.wu-scale i.lit { background: rgba(127,216,255,.35); }
.wu-scale i.on { background: var(--cyan); color: var(--navy); transform: scale(1.18); }
.wu-sum { position: absolute; left: 140px; top: 120px; width: 1000px; text-align: center; }
.wu-stats { display: flex; gap: 22px; justify-content: center; }
.wu-stats div { width: 230px; padding: 18px 10px; border-radius: 12px; background: rgba(14,22,48,.9); box-shadow: inset 0 0 0 1px rgba(170,195,255,.25); }
.wu-stats b { display: block; font-family: var(--cond); font-weight: 800; font-size: 64px; line-height: 1; }
.wu-stats small { color: var(--ink-dim); font-size: 14px; letter-spacing: .08em; }
.wu-goals { margin: 30px 0 12px; display: flex; gap: 40px; justify-content: center; font-family: var(--cond); font-weight: 800; font-size: 34px; color: var(--ink-dim); }
.wu-goals .got { color: var(--medium); }
.wu-goals small { font-family: var(--body); font-weight: 400; font-size: 16px; }
.wu-next { font-size: 26px; margin: 16px 0 28px; }

/* ---------- brand: Get Up and Move: Whole Class Mode, in collaboration with StepMania and StepMix */
.home-title { top: 36px; }
.home-logo { width: 570px; height: auto; display: block; margin: 0 auto; filter: drop-shadow(0 8px 24px rgba(0,0,0,.45)); }
.home-menu { top: 256px; }
.home-collab { position: absolute; right: 34px; bottom: 26px; width: 300px; height: auto; }
.home-foot { left: 30px; width: 860px; bottom: 30px; text-align: left; }
#wipe img.w-logo { width: 820px; height: auto; opacity: .35; }
.ht-logo { display: none; width: 420px; height: auto; margin-bottom: 10px; }
.ht-text.left .ht-logo { display: block; }
.ht-text.left { top: 150px; }
.ht-text.left .ht-title { font-size: 72px; }