/* ST666 v2 · st666apk.com — "violet velvet" : tím nhung & vàng đèn sàn
   Biến ở :root · Grid-first · Bo 10px · Tối ưu tải: chỉ các lớp cần dùng */
:root {
  --vio: #9157cb;
  --vio-glow: rgba(145, 87, 203, 0.16);
  --vio-2: #b78fe0;
  --night: #1c1c27;
  --pit: #15151e;
  --card: #232332;
  --edge: #3a3a52;
  --paper: #e4e3e8;
  --smoke: #9291ac;
  --btn-ink: #241532;
  --r: 10px;
  --r-sm: 6px;
  --pad: 0px;
  --wrap: 1200px;
  --sans: -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --serif: Georgia, "Times New Roman", serif;
  --grad-dl: linear-gradient(120deg, #9177df, #c186e4);
  --grad-in: linear-gradient(120deg, #179b6b, #3ce27b);
  --grad-up: linear-gradient(120deg, #dc5675, #e73cae);
}
* { margin: 0; padding: 0; box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  background: var(--night);
  background-image: radial-gradient(900px 460px at 85% -8%, var(--vio-glow), transparent 60%),
                    radial-gradient(640px 400px at 6% 10%, rgba(145,87,203,.08), transparent 55%);
  color: var(--paper);
  font-family: var(--sans);
  font-size: 16px;
  line-height: 1.68;
  padding-bottom: var(--pad);
}
img { max-width: 100%; height: auto; display: block; }
a { color: var(--vio-2); text-decoration: none; }
a:hover { text-decoration: underline; }
:focus-visible { outline: 3px dashed var(--vio-2); outline-offset: 3px; border-radius: 4px; }
.skip { position: absolute; top: 8px; left: 8px; z-index: 90; padding: 10px 16px; background: var(--pit); color: var(--paper); border: 1px solid var(--vio); border-radius: var(--r-sm); transform: translateY(-70px); }
.skip:focus { transform: none; }

/* khung */
.lounge-wrap { max-width: var(--wrap); margin-inline: auto; padding-inline: 20px; }
.lounge-zone { padding-block: 50px; border-bottom: 1px solid rgba(58,58,82,.45); }
.lounge-zonehead { display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 18px; margin-bottom: 26px; }
.lounge-zonehead h2 { font-family: var(--serif); font-size: 1.65rem; }
.lounge-zonehead p { color: var(--smoke); font-size: .92rem; }
.lounge-zonehead a { margin-left: auto; font-size: .88rem; }

/* header */
.lounge-top { position: sticky; top: 0; z-index: 50; background: rgba(21,21,30,.9); backdrop-filter: blur(12px); border-bottom: 1px solid var(--edge); }
.lounge-toprow { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 66px; }
.lounge-nav { display: flex; align-items: center; gap: 4px; flex-wrap: wrap; }
.lounge-nav a { padding: 9px 13px; border-radius: var(--r-sm); color: var(--smoke); font-weight: 600; font-size: .93rem; }
.lounge-nav a:hover { color: var(--paper); background: var(--vio-glow); text-decoration: none; }
.lounge-nav a[aria-current="page"] { color: var(--vio-2); background: var(--vio-glow); }
.lounge-burger { display: none; width: 44px; height: 40px; border: 1px solid var(--edge); background: none; border-radius: var(--r-sm); position: relative; cursor: pointer; }
.lounge-burger i, .lounge-burger i::before, .lounge-burger i::after { content: ""; position: absolute; width: 20px; height: 2px; background: var(--paper); left: 11px; border-radius: 2px; transition: .22s; }
.lounge-burger i { top: 19px; } .lounge-burger i::before { top: -7px; } .lounge-burger i::after { top: 7px; }
.lounge-burger[aria-expanded="true"] i { background: transparent; }
.lounge-burger[aria-expanded="true"] i::before { transform: translateY(7px) rotate(45deg); }
.lounge-burger[aria-expanded="true"] i::after { transform: translateY(-7px) rotate(-45deg); }

/* nút */
.lounge-btnrow { display: flex; gap: 10px; flex-wrap: wrap; align-items: center; }
.lounge-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 12px 24px; border: 0; border-radius: var(--r); font-weight: 700; font-size: .95rem; color: var(--btn-ink); cursor: pointer; box-shadow: 0 6px 16px rgba(0,0,0,.35); transition: transform .2s, filter .2s; }
.lounge-btn:hover { transform: translateY(-2px); filter: brightness(1.12); text-decoration: none; }
.lounge-btn--dl { background-image: var(--grad-dl); }
.lounge-btn--in { background-image: var(--grad-in); }
.lounge-btn--up { background-image: var(--grad-up); }
.lounge-btn--ghost { background: none; border: 1.5px solid var(--vio); color: var(--vio-2); box-shadow: none; }
.lounge-btn--ghost:hover { background: var(--vio-glow); }
.lounge-btn--sm { padding: 9px 18px; font-size: .87rem; }

/* hero */
.lounge-hero { position: relative; overflow: hidden; border-bottom: 1px solid var(--edge); }
.lounge-coins { position: absolute; inset: 0; pointer-events: none; z-index: 2; overflow: hidden; }
.lounge-coins i { position: absolute; display: block; width: 20px; height: 20px; border-radius: 50%; background: radial-gradient(circle at 32% 30%, #ffe9a8, #d4a017 60%, #8a5a00); box-shadow: 0 0 9px rgba(255,214,120,.5); }
.lounge-herogrid { position: relative; z-index: 1; display: grid; grid-template-columns: 1.05fr .95fr; gap: 34px; align-items: center; padding-block: 46px; }
.lounge-herotag { display: inline-block; padding: 6px 14px; border: 1px solid var(--vio); border-radius: 999px; color: var(--vio-2); font-size: .78rem; letter-spacing: .14em; text-transform: uppercase; margin-bottom: 14px; }
.lounge-herotitle { font-family: var(--serif); font-size: clamp(2rem, 4.4vw, 3.2rem); line-height: 1.15; margin-bottom: 12px; }
.lounge-herotitle b { color: var(--vio-2); font-weight: 700; }
.lounge-herosub { color: var(--smoke); max-width: 52ch; margin-bottom: 16px; }
.lounge-heroperks { display: flex; flex-wrap: wrap; gap: 8px 22px; margin-bottom: 22px; }
.lounge-heroperks li { list-style: none; font-size: .93rem; }
.lounge-heroperks li::before { content: "◆ "; color: var(--vio); font-size: .7rem; }

/* carousel */
.lounge-stagewrap { position: relative; min-height: 320px; border-radius: 20px; overflow: hidden; border: 1px solid var(--edge); box-shadow: 0 22px 55px rgba(0,0,0,.5); outline: none; }
.lounge-stage { position: absolute; inset: 0; opacity: 0; transition: opacity .55s ease; }
.lounge-stage.on { opacity: 1; }
.lounge-stage img { width: 100%; height: 100%; object-fit: cover; }
.lounge-stage figcaption { position: absolute; inset: auto 14px 14px; padding: 10px 14px; border-radius: var(--r); background: rgba(15,15,24,.8); font-size: .88rem; }
.lounge-dots { position: absolute; top: 14px; right: 14px; z-index: 3; display: flex; gap: 8px; }
.lounge-dots button { width: 11px; height: 11px; padding: 0; border: 1.5px solid var(--vio-2); border-radius: 50%; background: none; cursor: pointer; }
.lounge-dots button.on { background: var(--vio-2); }

/* thẻ */
.lounge-cards3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
.lounge-card { background: var(--pit); border: 1px solid var(--edge); border-radius: var(--r); overflow: hidden; transition: transform .22s, border-color .22s; }
.lounge-card:hover { transform: translateY(-4px); border-color: var(--vio); }
.lounge-card .lounge-cardbody { padding: 18px 20px 22px; }
.lounge-card h3 { font-family: var(--serif); font-size: 1.16rem; margin-bottom: 8px; }
.lounge-card p { color: var(--smoke); font-size: .92rem; }

/* game tiles */
.lounge-shelf { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
.lounge-tile { position: relative; background: var(--pit); border: 1px solid var(--edge); border-radius: var(--r); overflow: hidden; transition: transform .22s, box-shadow .22s; }
.lounge-tile:hover { transform: translateY(-5px) scale(1.01); box-shadow: 0 16px 36px var(--vio-glow); }
.lounge-tile .kind { position: absolute; top: 10px; left: 10px; z-index: 2; padding: 4px 10px; border-radius: 999px; background: rgba(15,15,24,.85); border: 1px solid var(--vio); color: var(--vio-2); font-size: .72rem; font-weight: 700; }
.lounge-tilefoot { display: flex; justify-content: space-between; align-items: center; gap: 10px; padding: 13px 15px; }
.lounge-tilefoot h3 { font-size: 1rem; font-family: var(--serif); }

/* bàn luận */
.lounge-forum { display: grid; gap: 14px; }
.lounge-filter { display: flex; gap: 8px; flex-wrap: wrap; }
.lounge-filter button { padding: 8px 16px; border-radius: 999px; border: 1px solid var(--edge); background: var(--pit); color: var(--smoke); font-size: .85rem; cursor: pointer; }
.lounge-filter button.on { background-image: var(--grad-dl); color: var(--btn-ink); border-color: transparent; font-weight: 700; }
.lounge-post { background: var(--pit); border: 1px solid var(--edge); border-radius: var(--r); padding: 17px 19px; }
.lounge-post[hidden] { display: none; }
.lounge-posthead { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-bottom: 8px; font-size: .85rem; color: var(--smoke); }
.lounge-posthead .av { width: 32px; height: 32px; border-radius: 50%; background: var(--vio-glow); border: 1px solid var(--vio); color: var(--vio-2); display: inline-flex; align-items: center; justify-content: center; font-weight: 800; flex: none; }
.lounge-posthead .tag { margin-left: auto; padding: 3px 10px; border-radius: 999px; background: var(--vio-glow); color: var(--vio-2); font-size: .73rem; }
.lounge-post h3 { font-size: 1.03rem; font-family: var(--serif); margin-bottom: 6px; }
.lounge-post > p { color: var(--smoke); font-size: .91rem; margin-bottom: 10px; }
.lounge-reply { border-left: 3px solid var(--vio); background: rgba(145,87,203,.07); padding: 8px 13px; border-radius: 0 var(--r-sm) var(--r-sm) 0; font-size: .89rem; margin-bottom: 8px; }
.lounge-reply b { color: var(--vio-2); }

/* bảng so sánh */
.lounge-tablebox { overflow-x: auto; border: 1px solid var(--edge); border-radius: var(--r); background: var(--pit); }
.lounge-tablebox table { width: 100%; min-width: 640px; font-size: .92rem; }
.lounge-tablebox caption { text-align: left; padding: 15px 20px 4px; color: var(--smoke); font-size: .85rem; }
.lounge-tablebox th, .lounge-tablebox td { padding: 11px 17px; text-align: left; border-bottom: 1px solid rgba(58,58,82,.5); }
.lounge-tablebox thead th { font-family: var(--serif); color: var(--vio-2); background: var(--vio-glow); }
.lounge-tablebox .y { color: #6fe27b; font-weight: 800; }
.lounge-tablebox .n { color: #e06585; font-weight: 800; }
.lounge-tablebox .m { color: #e0b565; font-weight: 800; }

/* quyền lợi */
.lounge-perks { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
.lounge-perk { position: relative; background: linear-gradient(155deg, var(--card), var(--pit) 62%); border: 1px solid var(--edge); border-radius: var(--r); padding: 24px 22px; overflow: hidden; transition: transform .2s; }
.lounge-perk:hover { transform: translateY(-4px); }
.lounge-perk .amount { display: block; font-family: var(--serif); font-size: 1.9rem; color: var(--vio-2); margin-bottom: 6px; }
.lounge-perk h3 { font-size: 1.06rem; margin-bottom: 6px; }
.lounge-perk p { color: var(--smoke); font-size: .9rem; margin-bottom: 12px; }
.lounge-perk .until { display: block; border-top: 1px dashed var(--edge); padding-top: 10px; font-size: .78rem; color: var(--smoke); }
.lounge-perk.dead { display: none; }

/* code tab */
.lounge-code { border: 1px solid var(--edge); border-radius: var(--r); overflow: hidden; background: #100d17; }
.lounge-codetabs { display: flex; align-items: center; background: var(--pit); border-bottom: 1px solid var(--edge); }
.lounge-codetabs [role="tab"] { padding: 11px 20px; border: 0; background: none; color: var(--smoke); font-family: Consolas, monospace; font-size: .86rem; cursor: pointer; border-bottom: 3px solid transparent; }
.lounge-codetabs [role="tab"][aria-selected="true"] { color: var(--vio-2); border-bottom-color: var(--vio); background: var(--vio-glow); }
.lounge-codetabs .cp { margin-left: auto; margin-right: 12px; padding: 6px 14px; border-radius: 999px; border: 1px solid var(--vio); color: var(--vio-2); background: none; font-size: .8rem; cursor: pointer; }
.lounge-code pre { display: none; padding: 20px 22px; overflow-x: auto; font-family: Consolas, monospace; font-size: .86rem; line-height: 1.75; color: #d9d3ec; }
.lounge-code pre.on { display: block; }
.lounge-code .c { color: #7a7295; } .lounge-code .k { color: #c186e4; } .lounge-code .s { color: #7be0a4; }

/* lộ trình */
.lounge-path { display: grid; grid-template-columns: repeat(5, 1fr); gap: 16px; counter-reset: step; }
.lounge-step { position: relative; counter-increment: step; background: var(--pit); border: 1px solid var(--edge); border-radius: var(--r); padding: 30px 18px 18px; }
.lounge-step::before { content: "0" counter(step); position: absolute; top: -13px; left: 16px; padding: 4px 12px; border-radius: 999px; background-image: var(--grad-dl); color: var(--btn-ink); font-weight: 800; font-size: .8rem; }
.lounge-step h3 { font-size: 1rem; margin-bottom: 6px; }
.lounge-step p { color: var(--smoke); font-size: .87rem; }

/* ảnh chụp */
.lounge-shots { display: grid; grid-auto-flow: column; grid-auto-columns: 215px; gap: 16px; overflow-x: auto; padding-bottom: 14px; scroll-snap-type: x mandatory; }
.lounge-shots figure { scroll-snap-align: center; border: 1px solid var(--edge); border-radius: var(--r); overflow: hidden; background: var(--pit); }
.lounge-shots figcaption { padding: 10px 13px; font-size: .81rem; color: var(--smoke); }

/* CTA cuối / footer / dock */
.lounge-lastcta { text-align: center; padding-block: 56px 64px; }
.lounge-lastcta h2 { font-family: var(--serif); font-size: clamp(1.7rem, 3.2vw, 2.3rem); margin-bottom: 10px; }
.lounge-lastcta p { color: var(--smoke); margin-bottom: 22px; }
.lounge-lastcta .lounge-btnrow { justify-content: center; }
.lounge-ground { border-top: 1px solid var(--edge); background: var(--pit); margin-top: 20px; }
.lounge-groundcols { display: grid; grid-template-columns: repeat(4, 1fr); gap: 26px; padding-block: 38px; }
.lounge-groundcols h2 { font-size: .9rem; letter-spacing: .14em; text-transform: uppercase; color: var(--smoke); margin-bottom: 11px; }
.lounge-groundcols li { list-style: none; margin-bottom: 7px; font-size: .92rem; }
.lounge-groundcols .note { color: var(--smoke); font-size: .9rem; max-width: 44ch; }
.lounge-groundfoot { border-top: 1px solid var(--edge); padding: 15px 0 17px; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px 20px; color: var(--smoke); font-size: .81rem; }
.lounge-dock { position: fixed; inset: auto 0 0 0; z-index: 55; display: none; background: rgba(21,21,30,.95); border-top: 1px solid var(--edge); padding: 10px 14px calc(10px + env(safe-area-inset-bottom)); }
.lounge-dock .lounge-btnrow { justify-content: space-around; }
.lounge-dock .lounge-btn { flex: 1; max-width: 210px; }

/* kênh / nội dung */
.lounge-crumbs { display: flex; flex-wrap: wrap; gap: 6px; padding-block: 15px 4px; font-size: .82rem; color: var(--smoke); }
.lounge-crumbs li { list-style: none; }
.lounge-crumbs li + li::before { content: "› "; color: var(--vio); }
.lounge-crumbs a { color: var(--smoke); } .lounge-crumbs a:hover { color: var(--vio-2); }
.lounge-crumbs [aria-current] { color: var(--vio-2); }
.lounge-chhero { display: grid; grid-template-columns: auto 1fr; gap: 26px; align-items: center; padding-block: 26px 30px; }
.lounge-chhero img { border-radius: 24px; border: 1px solid var(--edge); box-shadow: 0 14px 34px rgba(0,0,0,.4); }
.lounge-chhero h1 { font-family: var(--serif); font-size: clamp(1.65rem, 3.4vw, 2.4rem); line-height: 1.22; margin-bottom: 8px; }
.lounge-chhero .desc { color: var(--smoke); max-width: 62ch; margin-bottom: 15px; }
.lounge-toc { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; border: 1px solid var(--edge); border-radius: var(--r); background: var(--pit); padding: 13px 17px; margin-bottom: 34px; }
.lounge-toc b { font-size: .82rem; letter-spacing: .1em; text-transform: uppercase; color: var(--smoke); margin-right: 4px; }
.lounge-toc a { font-size: .86rem; padding: 6px 12px; border-radius: 999px; background: var(--vio-glow); color: var(--paper); }
.lounge-toc a:hover { background: var(--vio); color: var(--btn-ink); text-decoration: none; }
.lounge-getdeck { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
.lounge-get { display: grid; align-content: start; gap: 9px; background: var(--pit); border: 1px solid var(--edge); border-radius: var(--r); padding: 22px; transition: transform .2s, border-color .2s; }
.lounge-get:hover { transform: translateY(-4px); border-color: var(--vio); }
.lounge-get .os { font-size: 1.5rem; } .lounge-get h3 { font-family: var(--serif); font-size: 1.12rem; } .lounge-get p { color: var(--smoke); font-size: .9rem; }
.lounge-get .size { font-size: .77rem; color: var(--smoke); border-top: 1px dashed var(--edge); padding-top: 9px; }
.lounge-helptiles { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.lounge-help { background: var(--pit); border: 1px solid var(--edge); border-radius: var(--r); padding: 19px; transition: transform .2s, border-color .2s; }
.lounge-help:hover { transform: translateY(-3px); border-color: var(--vio); }
.lounge-help h3 { font-family: var(--serif); font-size: 1.05rem; margin-bottom: 7px; }
.lounge-help h3 a { color: var(--paper); } .lounge-help h3 a:hover { color: var(--vio-2); text-decoration: none; }
.lounge-help p { color: var(--smoke); font-size: .89rem; margin-bottom: 9px; }
.lounge-faqgroup { display: grid; gap: 11px; }
.lounge-faq { border: 1px solid var(--edge); border-radius: var(--r); background: var(--pit); }
.lounge-faq[open] { border-color: var(--vio); }
.lounge-faq summary { cursor: pointer; list-style: none; padding: 14px 17px; font-weight: 700; font-size: .96rem; display: flex; gap: 12px; align-items: center; }
.lounge-faq summary::-webkit-details-marker { display: none; }
.lounge-faq summary::after { content: "+"; margin-left: auto; color: var(--vio-2); font-size: 1.25rem; font-weight: 400; }
.lounge-faq[open] summary::after { content: "−"; }
.lounge-faq .ans { padding: 0 17px 15px; color: var(--smoke); font-size: .93rem; }
.lounge-faq .ans p + p { margin-top: 7px; }
.lounge-byline { display: flex; flex-wrap: wrap; gap: 8px 14px; align-items: center; padding: 11px 0 16px; margin-bottom: 22px; border-bottom: 1px solid var(--edge); font-size: .85rem; color: var(--smoke); }
.lounge-byline b { color: var(--paper); }
.lounge-byline .star { color: var(--vio-2); }
.lounge-article { max-width: 75ch; }
.lounge-article h2 { font-family: var(--serif); font-size: 1.42rem; margin: 28px 0 11px; line-height: 1.32; }
.lounge-article h3 { font-size: 1.08rem; margin: 20px 0 8px; color: var(--vio-2); }
.lounge-article p { margin-bottom: 13px; color: #cfccdb; }
.lounge-article ul, .lounge-article ol { margin-bottom: 13px; color: #cfccdb; }
.lounge-article li { margin-bottom: 5px; }
.lounge-article blockquote { border-left: 4px solid var(--vio); background: var(--vio-glow); padding: 13px 17px; border-radius: 0 var(--r) var(--r) 0; margin: 16px 0; font-style: italic; }
.lounge-article figure { margin: 20px 0; }
.lounge-article figcaption { font-size: .81rem; color: var(--smoke); margin-top: 7px; }
.lounge-srcbox { margin-top: 30px; border: 1px dashed var(--edge); border-radius: var(--r); background: var(--pit); padding: 15px 17px; font-size: .85rem; color: var(--smoke); }
.lounge-srcbox h2 { font-size: .94rem; color: var(--paper); margin: 0 0 7px; }
.lounge-srcbox p { margin-bottom: 5px; }
.lounge-guidehead { display: grid; grid-template-columns: 1fr 1.1fr; gap: 26px; align-items: start; padding-top: 22px; }
.lounge-guidehead img { border-radius: var(--r); border: 1px solid var(--edge); }
.lounge-guidehead h1 { font-family: var(--serif); font-size: clamp(1.6rem, 3.3vw, 2.25rem); line-height: 1.22; margin-bottom: 9px; }
.lounge-guidehead .gtag { display: inline-block; padding: 5px 13px; border-radius: 999px; background: var(--vio-glow); color: var(--vio-2); font-size: .79rem; margin-bottom: 11px; }
.lounge-guidehead p { color: var(--smoke); margin-bottom: 12px; }
.lounge-story { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.lounge-story figure { border: 1px solid var(--edge); border-radius: var(--r); overflow: hidden; }
.lounge-story figcaption { padding: 10px 13px; font-size: .83rem; color: var(--smoke); background: var(--pit); }
.lounge-searchbar { display: flex; gap: 12px; padding-top: 28px; }
.lounge-searchbar input { flex: 1; padding: 14px 18px; border: 1px solid var(--edge); border-radius: var(--r); background: var(--pit); color: var(--paper); font-size: 1rem; }
.lounge-searchbar input:focus { border-color: var(--vio); outline: none; }
.lounge-results { display: grid; gap: 11px; padding-top: 24px; }
.lounge-results li { list-style: none; border: 1px solid var(--edge); border-radius: var(--r); background: var(--pit); padding: 13px 17px; }
.lounge-results a { font-weight: 700; } .lounge-results p { font-size: .87rem; color: var(--smoke); margin-top: 3px; }
.lounge-noresult { color: var(--smoke); padding-top: 24px; }

@media (max-width: 768px) {
  body { font-size: 15.5px; padding-bottom: calc(var(--pad) + 6px); }
  .lounge-toprow { flex-wrap: wrap; min-height: 0; padding-block: 10px; }
  .lounge-burger { display: inline-flex; order: 3; }
  .lounge-nav { display: none; order: 4; width: 100%; flex-direction: column; align-items: stretch; gap: 2px; padding-bottom: 8px; }
  .lounge-nav.open { display: flex; }
  .lounge-nav a { padding: 12px 14px; border-bottom: 1px dashed rgba(58,58,82,.4); }
  .lounge-toprow .lounge-btnrow { order: 2; }
  .lounge-herogrid { grid-template-columns: 1fr; padding-block: 28px; }
  .lounge-stagewrap { order: -1; min-height: 225px; }
  .lounge-cards3, .lounge-perks, .lounge-getdeck, .lounge-helptiles { grid-template-columns: 1fr; }
  .lounge-shelf, .lounge-path { grid-template-columns: repeat(2, 1fr); }
  .lounge-groundcols { grid-template-columns: repeat(2, 1fr); gap: 16px; }
  .lounge-chhero, .lounge-guidehead { grid-template-columns: 1fr; }
  .lounge-dock { display: block; }
}
@media (max-width: 600px) {
  .lounge-shelf, .lounge-path, .lounge-story { grid-template-columns: 1fr; }
  .lounge-groundcols { grid-template-columns: 1fr; }
  .lounge-zonehead a { margin-left: 0; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation: none !important; transition: none !important; }
}