/* =====================================================================
   БҮТЦИЙН ӨӨРЧЛӨЛТ: брэнд бүр өөр зохиомжтой (зөвхөн өнгө биш)
   .ic = цэсийн товчны эможи, .tx = текст (themes.js салгана)
   ===================================================================== */
html[data-theme] .menu, html[data-theme] .game-grid { counter-reset: k; }

/* ---------- APPLE: том голлосон гарчиг, iOS шиг мөрүүд ---------- */
html[data-theme="apple"] .page { max-width: 720px; margin: 0 auto; padding-top: 64px; }
html[data-theme="apple"] h1, html[data-theme="apple"] h2 { font-size: clamp(2.3rem, 8vw, 3.6rem); letter-spacing: -0.05em; line-height: 1.04; font-weight: 700; }
html[data-theme="apple"] h2::after { display: none; }
html[data-theme="apple"] .sub { font-size: 1.15rem; color: var(--mu); max-width: 520px; }
html[data-theme="apple"] .menu, html[data-theme="apple"] .game-grid { display: flex; flex-direction: column; gap: 0; width: 100%; max-width: 560px; background: var(--sur); border-radius: 18px; overflow: hidden; border: 1px solid var(--line); }
html[data-theme="apple"] .menu button, html[data-theme="apple"] .game-grid button { border-radius: 0; border: 0; border-bottom: 1px solid var(--line); background: transparent; box-shadow: none; text-align: left; padding: 17px 20px; font-size: 1.05rem; font-weight: 600; display: flex; align-items: center; gap: 12px; }
html[data-theme="apple"] .menu button:last-child, html[data-theme="apple"] .game-grid button:last-child { border-bottom: 0; }
html[data-theme="apple"] .menu button::after, html[data-theme="apple"] .game-grid button::after { content: "›"; margin-left: auto; color: var(--mu); font-size: 1.5rem; }
html[data-theme="apple"] .menu button:hover, html[data-theme="apple"] .game-grid button:hover { background: #f5f5f7; transform: none; }
html[data-theme="apple"] .menu .ic, html[data-theme="apple"] .game-grid .ic { font-size: 1.5rem; width: 34px; text-align: center; }
html[data-theme="apple"] .list li { border: 0; border-bottom: 1px solid var(--line); border-radius: 0; box-shadow: none; background: transparent; }

/* ---------- PINTEREST: хоёр баганат масонри, том эможитой ---------- */
html[data-theme="pinterest"] .menu, html[data-theme="pinterest"] .game-grid { display: block; columns: 2; column-gap: 12px; max-width: 480px; width: 100%; }
html[data-theme="pinterest"] .menu button, html[data-theme="pinterest"] .game-grid button { display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-end; width: 100%; margin: 0 0 12px; break-inside: avoid; background: var(--sur); color: var(--ink); border-radius: 28px; padding: 18px 18px 16px; text-align: left; box-shadow: none; border: 0; font-weight: 700; }
html[data-theme="pinterest"] .menu .ic, html[data-theme="pinterest"] .game-grid .ic { font-size: 2.6rem; margin-bottom: 6px; }
html[data-theme="pinterest"] .menu button:nth-child(3n+1) { padding-top: 64px; }
html[data-theme="pinterest"] .menu button:nth-child(3n+2) { padding-top: 30px; }
html[data-theme="pinterest"] .menu button:nth-child(3n) { padding-top: 90px; }
html[data-theme="pinterest"] .game-grid button:nth-child(4n+1) { padding-top: 54px; }
html[data-theme="pinterest"] .game-grid button:nth-child(4n+3) { padding-top: 34px; }
html[data-theme="pinterest"] .menu button:nth-child(5n+1) { background: #ffe3e6; }
html[data-theme="pinterest"] .menu button:nth-child(5n+2) { background: #e6f4ea; }
html[data-theme="pinterest"] .menu button:nth-child(5n+3) { background: #e3eefc; }
html[data-theme="pinterest"] .menu button:nth-child(5n+4) { background: #fff3d6; }
html[data-theme="pinterest"] .menu button:nth-child(5n) { background: #efe6fa; }
html[data-theme="pinterest"] .menu button:hover { transform: none; filter: brightness(.95); }
html[data-theme="pinterest"] h2::after { display: none; }

/* ---------- SPOTIFY: playlist-ийн дөрвөлжин хавтан ---------- */
html[data-theme="spotify"] .page { max-width: 880px; margin: 0 auto; align-items: flex-start; text-align: left; }
html[data-theme="spotify"] h1, html[data-theme="spotify"] h2 { font-size: clamp(1.7rem, 5vw, 2.6rem); text-align: left; }
html[data-theme="spotify"] h2::after { display: none; }
html[data-theme="spotify"] .menu, html[data-theme="spotify"] .game-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(135px, 1fr)); gap: 16px; max-width: none; width: 100%; }
html[data-theme="spotify"] .menu button, html[data-theme="spotify"] .game-grid button { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; background: var(--sur); border: 0; border-radius: 8px; padding: 14px; text-align: left; font-weight: 700; font-size: .95rem; text-transform: none; box-shadow: none; }
html[data-theme="spotify"] .menu button:hover, html[data-theme="spotify"] .game-grid button:hover { background: #282828; transform: none; }
html[data-theme="spotify"] .menu .ic, html[data-theme="spotify"] .game-grid .ic { width: 100%; aspect-ratio: 1; border-radius: 6px; display: flex; align-items: center; justify-content: center; font-size: 2.6rem; box-shadow: 0 8px 24px rgba(0,0,0,.5); background: linear-gradient(135deg, #5b3df5, #1ed760); }
html[data-theme="spotify"] .menu button:nth-child(4n+2) .ic, html[data-theme="spotify"] .game-grid button:nth-child(4n+2) .ic { background: linear-gradient(135deg, #e8115b, #ff9d00); }
html[data-theme="spotify"] .menu button:nth-child(4n+3) .ic, html[data-theme="spotify"] .game-grid button:nth-child(4n+3) .ic { background: linear-gradient(135deg, #1e3264, #509bf5); }
html[data-theme="spotify"] .menu button:nth-child(4n) .ic, html[data-theme="spotify"] .game-grid button:nth-child(4n) .ic { background: linear-gradient(135deg, #8d67ab, #e61e32); }
html[data-theme="spotify"] .sub, html[data-theme="spotify"] p { text-align: left; }

/* ---------- PLAYSTATION: өргөн "тоглоомын цэс" мөрүүд ---------- */
html[data-theme="playstation"] .page { max-width: 760px; margin: 0 auto; }
html[data-theme="playstation"] h1, html[data-theme="playstation"] h2 { text-transform: uppercase; letter-spacing: .12em; font-size: clamp(1.4rem, 5vw, 2rem); font-weight: 800; }
html[data-theme="playstation"] .menu, html[data-theme="playstation"] .game-grid { display: flex; flex-direction: column; gap: 10px; width: 100%; max-width: 600px; }
html[data-theme="playstation"] .menu button, html[data-theme="playstation"] .game-grid button { display: flex; align-items: center; gap: 16px; padding: 18px 20px; border-radius: 4px; background: linear-gradient(90deg, #1f2024, #181a1e); border: 0; border-left: 5px solid var(--pr); text-align: left; text-transform: uppercase; letter-spacing: .08em; font-size: 1rem; font-weight: 700; box-shadow: 0 0 0 1px #2c2f36; }
html[data-theme="playstation"] .menu button:hover, html[data-theme="playstation"] .game-grid button:hover { background: linear-gradient(90deg, #003d73, #181a1e); border-left-color: #53b1ff; transform: translateX(6px); box-shadow: 0 0 24px rgba(0,112,209,.45); }
html[data-theme="playstation"] .menu .ic, html[data-theme="playstation"] .game-grid .ic { font-size: 1.7rem; width: 44px; text-align: center; filter: drop-shadow(0 0 8px rgba(83,177,255,.6)); }
html[data-theme="playstation"] h2::after { width: 100%; max-width: 160px; height: 3px; background: linear-gradient(90deg, var(--pr), transparent); }

/* ---------- LINEAR: нягт, зүүн талдаа, дугаартай мөр ---------- */
html[data-theme="linear"] .page { max-width: 640px; margin: 0 auto; align-items: flex-start; text-align: left; justify-content: flex-start; padding-top: 56px; }
html[data-theme="linear"] h1, html[data-theme="linear"] h2 { font-size: 1.5rem; letter-spacing: -0.03em; text-align: left; font-weight: 600; }
html[data-theme="linear"] h2::after { display: none; }
html[data-theme="linear"] .sub, html[data-theme="linear"] p { text-align: left; font-size: .9rem; color: var(--mu); }
html[data-theme="linear"] .menu, html[data-theme="linear"] .game-grid { display: flex; flex-direction: column; gap: 0; width: 100%; max-width: none; border: 1px solid var(--line); border-radius: 10px; overflow: hidden; background: var(--sur); }
html[data-theme="linear"] .menu button, html[data-theme="linear"] .game-grid button { display: flex; align-items: center; gap: 10px; width: 100%; padding: 9px 12px; font-size: .88rem; font-weight: 500; text-align: left; background: transparent; color: var(--ink); border-radius: 0; border: 0; border-bottom: 1px solid var(--line); box-shadow: none; }
html[data-theme="linear"] .menu button::after, html[data-theme="linear"] .game-grid button::after { counter-increment: k; content: counter(k); margin-left: auto; color: var(--mu); font: 500 .72rem ui-monospace, monospace; border: 1px solid var(--line); border-radius: 4px; padding: 1px 6px; }
html[data-theme="linear"] .menu button:hover, html[data-theme="linear"] .game-grid button:hover { background: #18191a; transform: none; }
html[data-theme="linear"] .menu button:last-child, html[data-theme="linear"] .game-grid button:last-child { border-bottom: 0; }
html[data-theme="linear"] .players-tag { margin: 0 0 0 auto; font-size: .7rem; }
html[data-theme="linear"] .list li { border-radius: 8px; padding: 8px 12px; font-size: .9rem; }

/* ---------- NOTION: баримт бичиг шиг ---------- */
html[data-theme="notion"] .page { max-width: 700px; margin: 0 auto; align-items: flex-start; text-align: left; justify-content: flex-start; padding-top: 70px; }
html[data-theme="notion"] h1, html[data-theme="notion"] h2 { font-size: clamp(2rem, 6vw, 2.8rem); text-align: left; font-weight: 800; letter-spacing: -0.02em; }
html[data-theme="notion"] h2::after { display: none; }
html[data-theme="notion"] .sub, html[data-theme="notion"] p { text-align: left; }
html[data-theme="notion"] .menu, html[data-theme="notion"] .game-grid { display: flex; flex-direction: column; gap: 2px; width: 100%; max-width: none; }
html[data-theme="notion"] .menu button, html[data-theme="notion"] .game-grid button { display: flex; align-items: center; gap: 10px; width: 100%; background: transparent; color: var(--ink); border: 0; box-shadow: none; text-align: left; padding: 7px 8px; border-radius: 6px; font-weight: 500; font-size: 1rem; text-decoration: underline; text-decoration-color: #d3d0cb; text-underline-offset: 4px; }
html[data-theme="notion"] .menu button:hover, html[data-theme="notion"] .game-grid button:hover { background: #f1f0ee; transform: none; }
html[data-theme="notion"] .menu .ic, html[data-theme="notion"] .game-grid .ic { font-size: 1.2rem; }
html[data-theme="notion"] .players-tag { margin-left: auto; font-size: .75rem; }
html[data-theme="notion"] .list li { border: 0; box-shadow: none; background: transparent; border-left: 3px solid var(--ink); border-radius: 0; }

/* ---------- AIRBNB: дээр нь пастел зурагтай карт ---------- */
html[data-theme="airbnb"] .page { max-width: 780px; margin: 0 auto; }
html[data-theme="airbnb"] .menu, html[data-theme="airbnb"] .game-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; max-width: 520px; width: 100%; }
html[data-theme="airbnb"] .menu button, html[data-theme="airbnb"] .game-grid button { display: flex; flex-direction: column; align-items: flex-start; padding: 0 0 14px; overflow: hidden; border-radius: 22px; text-align: left; font-weight: 700; background: var(--sur); border: 0; box-shadow: 0 6px 18px rgba(0,0,0,.10); }
html[data-theme="airbnb"] .menu .ic, html[data-theme="airbnb"] .game-grid .ic { width: 100%; height: 92px; display: flex; align-items: center; justify-content: center; font-size: 2.6rem; background: #ffe3e8; margin-bottom: 10px; }
html[data-theme="airbnb"] .menu button:nth-child(4n+2) .ic, html[data-theme="airbnb"] .game-grid button:nth-child(4n+2) .ic { background: #ffe9d2; }
html[data-theme="airbnb"] .menu button:nth-child(4n+3) .ic, html[data-theme="airbnb"] .game-grid button:nth-child(4n+3) .ic { background: #e3f1ff; }
html[data-theme="airbnb"] .menu button:nth-child(4n) .ic, html[data-theme="airbnb"] .game-grid button:nth-child(4n) .ic { background: #e8f7e4; }
html[data-theme="airbnb"] .menu .tx, html[data-theme="airbnb"] .game-grid .tx { padding: 0 14px; }
html[data-theme="airbnb"] .players-tag { padding: 0 14px; }
html[data-theme="airbnb"] .menu button:hover, html[data-theme="airbnb"] .game-grid button:hover { transform: translateY(-3px); box-shadow: 0 12px 28px rgba(0,0,0,.16); }

/* ---------- NINTENDO 2001: bevel хавтан, цэнхэр толгой ---------- */
html[data-theme="nintendo"] h1, html[data-theme="nintendo"] h2 { background: linear-gradient(180deg, #5b6fb8, #3d4f97); color: #fff; padding: 8px 22px; border-radius: 6px 6px 0 0; border: 2px solid #60619c; border-bottom: 0; box-shadow: inset 0 1px 0 rgba(255,255,255,.4); font-size: 1.4rem; text-shadow: 0 1px 0 #1a2250; }
html[data-theme="nintendo"] h2::after { display: none; }
html[data-theme="nintendo"] .menu, html[data-theme="nintendo"] .game-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px; max-width: 520px; width: 100%; background: #dce6f5; border: 2px solid #60619c; padding: 10px; margin-top: -2px; border-radius: 0 0 8px 8px; box-shadow: inset 0 0 0 1px #fff; }
html[data-theme="nintendo"] .menu button, html[data-theme="nintendo"] .game-grid button { background: linear-gradient(180deg, #ffffff, #c0d5e6); color: #1a2250; border: 2px solid #60619c; border-radius: 4px; font-weight: 700; box-shadow: inset 0 1px 0 #fff, 0 2px 0 #60619c; display: flex; align-items: center; justify-content: center; gap: 8px; }
html[data-theme="nintendo"] .menu button:hover, html[data-theme="nintendo"] .game-grid button:hover { background: linear-gradient(180deg, #fff3b0, #f6c64f); transform: translateY(-1px); }
html[data-theme="nintendo"] .menu .ic, html[data-theme="nintendo"] .game-grid .ic { font-size: 1.3rem; }

/* өргөн дэлгэц дээр нүүр хуудас хоёр баганатай (загварт тохируулсан) */
@media (min-width: 1000px) {
  html[data-theme] #pageMenu.active { max-width: 1120px; }
  html[data-theme] .hero-quote { background: var(--sur); border-color: var(--pr); color: var(--ink); }
  html[data-theme] .hero-days small { color: var(--ink); }
  html[data-theme="nintendo"] .hero-days span { color: #fff; text-shadow: 0 3px 0 #3d4f97; }
  html[data-theme="nintendo"] .hero-quote { border: 2px solid #60619c; border-radius: 6px; background: linear-gradient(180deg,#fff,#dce6f5); }
  html[data-theme="playstation"] .hero-days span { text-shadow: 0 0 40px rgba(0,112,209,.8); }
  html[data-theme="apple"] .hero-days span { letter-spacing: -0.06em; }
  html[data-theme="notion"] .home-hero, html[data-theme="linear"] .home-hero, html[data-theme="spotify"] .home-hero { align-self: start; margin-top: 56px; }
}

/* Spotify: тоглоомын жагсаалт өргөн, хавтан жижиг */
html[data-theme="spotify"] #lobby { width: 100%; max-width: 900px; }
html[data-theme="spotify"] .game-grid { grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 14px; }
html[data-theme="spotify"] .game-grid .ic { aspect-ratio: 16 / 10; font-size: 2.2rem; }
html[data-theme="spotify"] #pageG { align-items: stretch; max-width: 940px; }

/* Хөзөр, зарим самбар: брэндийн товчны өнгө хөзрийн дэвсгэрийг дарахгүй */
html[data-theme] .pcard { background: #fff; color: #212529; border: 2px solid #ced4da; box-shadow: 0 2px 6px rgba(0,0,0,.35); text-transform: none; }
html[data-theme] .pcard.red { color: #e03131; }
html[data-theme] .pcard.empty { background: transparent; border: 2px dashed var(--line); box-shadow: none; }
html[data-theme] .pcard.slot { background: transparent; color: var(--ink); border: 2px dashed var(--pr); }
html[data-theme] .pcard.back { color: #fff; border-color: #fff; background: repeating-linear-gradient(45deg, var(--pr) 0 6px, var(--pr2) 6px 12px); }
html[data-theme] .pcard:hover { background: #fff; }
html[data-theme] .pcard.back:hover { background: repeating-linear-gradient(45deg, var(--pr) 0 6px, var(--pr2) 6px 12px); }
html[data-theme] .pcard.sel { box-shadow: 0 0 0 3px var(--pr), 0 8px 16px rgba(0,0,0,.35); }
html[data-theme] .ll-card { background: #fff; color: #4a2040; text-transform: none; box-shadow: 0 2px 6px rgba(0,0,0,.35); }
html[data-theme] .ll-card:hover { background: #fff; }
html[data-theme] .ll-card.sel { border-color: var(--pr); }
html[data-theme] .ll-table { background: var(--sur); color: var(--ink); border: 1px solid var(--line); }
html[data-theme] .ll-table small { color: var(--mu); }
html[data-theme] .idea { background: var(--sur); color: var(--ink); border: 1px solid var(--line); box-shadow: none; }
html[data-theme] .tile.wind { color: #212529; }
html[data-theme] .lcell.special, html[data-theme] .lcell { color: #212529; }
html[data-theme] .l-legend { color: var(--mu); }

html[data-theme="spotify"] { color-scheme: dark; }

/* ===== АРКАД: жагсаалт, хавтан ===== */
html[data-theme="arcade"] .page { max-width: 980px; margin: 0 auto; }
html[data-theme="arcade"] #lobby { width: 100%; max-width: 940px; }
html[data-theme="arcade"] .game-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: 16px; width: 100%; max-width: none; }
html[data-theme="arcade"] .game-grid button { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; position: relative; background: #0d0d22; border: 2px solid #2a2a66; border-radius: 0; box-shadow: none; padding: 16px 14px; text-align: left; text-transform: none; color: #fff; }
html[data-theme="arcade"] .game-grid button:hover { background: #0d0d22; transform: translate(-3px, -3px); border-color: #ff2bd6; box-shadow: 6px 6px 0 #ff2bd6; }
html[data-theme="arcade"] .game-grid .ic { font-size: 2.3rem; line-height: 1; filter: drop-shadow(0 0 8px rgba(0,229,255,.6)); }
html[data-theme="arcade"] .game-grid .tx { font: 400 .68rem/1.6 "Press Start 2P", monospace; color: #fff; }
html[data-theme="arcade"] .players-tag { margin: 0; font: 600 .8rem Rubik, sans-serif; color: #00e5ff; display: flex; align-items: center; gap: 8px; }
html[data-theme="arcade"] .players-tag::before { content: ""; width: 8px; height: 8px; background: #00e5ff; box-shadow: 0 0 8px #00e5ff; }
html[data-theme="arcade"] .game-grid button.picked { background: #0d0d22; border-color: #ffe600; box-shadow: 6px 6px 0 #ffe600; }
html[data-theme="arcade"] .game-grid button:disabled { opacity: .35; }
html[data-theme="arcade"] .pcard { border-radius: 2px; }
html[data-theme="arcade"] .ll-card, html[data-theme="arcade"] .ll-table { border-radius: 2px; }

/* ===== АРКАД ШҮҮГЭЭ: нүүр хуудас (гарчин, ангилал, хавтан, өрөөний самбар) ===== */
html[data-theme="arcade"] #pageG.active { max-width: 1400px; width: calc(100% - 24px); }
html[data-theme="arcade"] #pageG > h1 { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
html[data-theme="arcade"] #lobby { max-width: none; }
.cab { width: 100%; border: 3px solid #2a2a66; background: linear-gradient(180deg, #14142e, #0a0a1c); box-shadow: 0 0 0 6px #0d0d22, 0 0 40px rgba(255, 43, 214, .35); text-align: left; margin-top: 8px; }
.cab .marq { display: flex; justify-content: space-between; align-items: center; gap: 18px; padding: 16px 24px; background: #ff2bd6; }
.cab .marq h2 { font: 400 clamp(1rem, 2.2vw, 1.6rem)/1.4 "Press Start 2P", monospace; margin: 0; color: #fff; text-shadow: 3px 3px 0 #07101a; }
.cab .marq h2::after { display: none; }
.cab .lights { display: flex; gap: 8px; }
.cab .lights i { width: 13px; height: 13px; border-radius: 50%; background: #ffe600; box-shadow: 0 0 10px #ffe600; animation: cabBlink 1s steps(2) infinite; }
.cab .lights i:nth-child(2n) { animation-delay: .5s; }
@keyframes cabBlink { 50% { background: #7a6a00; box-shadow: none; } }
.cab .hs { display: flex; justify-content: space-between; gap: 12px; flex-wrap: wrap; padding: 11px 24px; background: #07071a; border-bottom: 2px solid #2a2a66; font: 400 .58rem "Press Start 2P", monospace; color: #8a9bd6; }
.cab .hs b { color: #ffe600; }
.cab-body { display: grid; grid-template-columns: 210px 1fr 280px; gap: 18px; padding: 20px; align-items: start; }
.cab .panel { background: #0d0d22; border: 2px solid #2a2a66; padding: 14px; }
.cab .ptitle { font: 400 .62rem/1.6 "Press Start 2P", monospace; color: #ffe600; margin: 0 0 12px; text-align: left; }
.cab .nav { display: flex; flex-direction: column; gap: 6px; }
.cab .nav-item { display: flex; justify-content: space-between; align-items: center; width: 100%; margin: 0; padding: 11px 12px; background: transparent; color: #c8d6ff; border: 2px solid transparent; box-shadow: none; font: 600 .92rem Rubik, sans-serif; text-transform: none; letter-spacing: 0; text-align: left; }
.cab .nav-item b { font: 400 .56rem "Press Start 2P", monospace; color: #00e5ff; }
.cab .nav-item:hover { background: #14142e; transform: none; box-shadow: none; }
.cab .nav-item.on { border-color: #ff2bd6; background: #14142e; color: #fff; box-shadow: 4px 4px 0 #ff2bd6; }
.cab .game-grid { grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); }
.cab .room .room-new { width: 100%; margin: 0 0 6px; background: #ff2bd6; color: #fff; box-shadow: 0 0 14px rgba(255, 43, 214, .5); }
.cab .room .sub { margin: 14px 0 6px; color: #8a9bd6; font-size: .85rem; text-align: left; }
.cab .room .own { display: flex; flex-direction: column; gap: 8px; }
.cab .room .code-input { width: 100%; background: #070711; border: 2px solid #2a2a66; color: #fff; font: 400 1.05rem "Press Start 2P", monospace; letter-spacing: .3em; padding: 11px; text-align: center; }
.cab .room .own button { width: 100%; margin: 0; background: transparent; color: #00e5ff; border: 2px solid #00e5ff; box-shadow: none; }
.cab .room .ptitle { margin-top: 20px; }
.cab .recent { list-style: none; margin: 0; padding: 0; font: 500 .85rem Rubik, sans-serif; }
.cab .recent li { display: flex; justify-content: space-between; padding: 8px 0; border-bottom: 1px dashed #2a2a66; color: #c8d6ff; }
.cab .recent b { color: #ffe600; font: 400 .54rem "Press Start 2P", monospace; }
.cab .slot { display: flex; justify-content: center; align-items: center; gap: 18px; padding: 16px; background: #0a0a1c; border-top: 2px solid #2a2a66; }
.cab .coin { width: 62px; height: 62px; border-radius: 50%; background: radial-gradient(circle at 35% 30%, #fff3a0, #e0a800); display: grid; place-items: center; font: 400 .5rem "Press Start 2P", monospace; color: #5a4000; box-shadow: 0 0 18px #ffe600; animation: cabCoin 1.4s ease-in-out infinite; }
@keyframes cabCoin { 50% { transform: translateY(-6px); } }
@media (max-width: 1100px) { .cab-body { grid-template-columns: 1fr; } .cab .nav { flex-direction: row; flex-wrap: wrap; } .cab .nav-item { width: auto; } .cab .hs { display: none; } }