/* VOLCANO MILLIONS — style.css */

*, *::before, *::after { margin:0; padding:0; box-sizing:border-box; -webkit-tap-highlight-color:transparent; }
html { -webkit-text-size-adjust:100%; scroll-behavior:smooth; }
body {
  font-family:'Noto Sans Bengali','Inter','Segoe UI',Arial,sans-serif;
  background:#140603; color:#f5deb0;
  min-height:100dvh; overflow-x:hidden; -webkit-font-smoothing:antialiased;
}

/* ── BG ─── */
.page-bg {
  position:fixed; inset:0; z-index:0; pointer-events:none;
  background:
    radial-gradient(ellipse 80% 50% at 50% 20%, rgba(180,60,0,0.28) 0%, transparent 65%),
    radial-gradient(ellipse 100% 40% at 50% 100%, rgba(120,30,0,0.5) 0%, transparent 60%),
    linear-gradient(175deg, #240c07 0%, #140603 50%, #060200 100%);
}
.page-rays {
  position:fixed; inset:0; z-index:0; pointer-events:none;
  background:conic-gradient(from 270deg at 50% -5%,
    transparent 0deg,rgba(255,100,0,0.04) 6deg,
    transparent 12deg,rgba(255,150,0,0.03) 20deg,transparent 28deg);
}

/* ── HEADER ─── */
header {
  position:sticky; top:0; z-index:100;
  display:flex; align-items:center; justify-content:space-between;
  height:56px; padding:0 24px;
  background:rgba(10,3,0,0.96);
  border-bottom:2px solid rgba(255,90,0,0.35);
  backdrop-filter:blur(20px); -webkit-backdrop-filter:blur(20px);
}
header::after {
  content:''; position:absolute; bottom:-2px; left:0; right:0; height:2px;
  background:linear-gradient(90deg,transparent,#ff7849,#ffe08a,#ff7849,transparent);
}
.logo {
  display:flex; align-items:center; gap:10px;
  font-family:'Cinzel','Noto Sans Bengali',serif;
  font-size:clamp(1rem,3vw,1.45rem); font-weight:900; letter-spacing:2px;
  background:linear-gradient(180deg,#ffe08a 0%,#ff7849 60%,#cc2200 100%);
  -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text;
}
.logo-icon { font-size:1.5rem; -webkit-text-fill-color:initial; filter:drop-shadow(0 0 8px rgba(255,100,0,0.9)); }
nav { display:flex; align-items:center; gap:2px; }
nav a { font-size:.8rem; font-weight:600; color:rgba(245,220,176,0.6); text-decoration:none; padding:6px 11px; border-radius:8px; transition:all .18s; }
nav a:hover { color:#ffe08a; background:rgba(255,150,0,0.1); }
#lang-switcher { position:relative; margin-left:4px; }
#lang-btn { display:flex; align-items:center; gap:4px; font-size:.8rem; font-weight:600; color:rgba(245,220,176,0.6); background:none; border:none; padding:6px 10px; border-radius:8px; cursor:pointer; transition:all .18s; }
#lang-btn:hover { color:#ffe08a; background:rgba(255,150,0,0.1); }
#lang-btn .arrow { font-size:10px; opacity:.6; transition:transform .18s; }
#lang-btn.open .arrow { transform:rotate(180deg); }
#lang-dropdown { display:none; position:absolute; top:calc(100% + 6px); right:0; background:#240c07; border:1px solid rgba(255,100,0,0.3); border-radius:14px; overflow:hidden; z-index:200; min-width:160px; box-shadow:0 8px 32px rgba(0,0,0,.8); }
#lang-dropdown.open { display:block; }
.lang-option { display:flex; align-items:center; gap:10px; padding:11px 15px; font-size:.85rem; font-weight:600; color:rgba(245,220,176,0.65); cursor:pointer; transition:background .12s; }
.lang-option:not(:last-child) { border-bottom:1px solid rgba(255,100,0,0.1); }
.lang-option:hover { background:rgba(255,100,0,0.12); color:#ffe08a; }
.lang-option.active { color:#ffe08a; font-weight:700; }
.lang-flag { font-size:17px; }

/* ── GAME SECTION ─── */
#game-section { position:relative; z-index:1; display:flex; flex-direction:column; align-items:center; padding:20px 14px 72px; gap:14px; }

/* ── HUD ─── */
#hud { display:flex; align-items:stretch; width:100%; max-width:700px; background:rgba(20,6,0,0.94); border:1px solid rgba(255,100,0,0.28); border-radius:18px; overflow:hidden; box-shadow:0 2px 20px rgba(0,0,0,.65); }
.hud-cell { flex:1; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:2px; padding:10px 4px; border-right:1px solid rgba(255,100,0,0.1); }
.hud-cell:last-child { border-right:none; }
.hud-label { font-family:'Cinzel',serif; font-size:.46rem; font-weight:700; letter-spacing:2px; text-transform:uppercase; color:rgba(255,150,0,0.45); }
.hud-val { font-family:'Cinzel',serif; font-size:1.12rem; font-weight:700; color:#ffe08a; letter-spacing:.5px; text-shadow:0 0 10px rgba(255,215,0,0.4); }
#hud-mult-val { color:#ff7849; font-size:1.3rem; }
#hud-win-val  { color:#68c975; }
#hud-controls { display:flex; align-items:center; gap:5px; padding:0 10px; border-left:1px solid rgba(255,100,0,0.1); flex-shrink:0; }
.diff-btn { font-family:'Cinzel',serif; font-size:.62rem; font-weight:700; padding:5px 9px; border-radius:20px; background:none; border:1px solid rgba(255,100,0,0.22); color:rgba(245,220,176,0.5); cursor:pointer; transition:all .18s; }
.diff-btn.active,.diff-btn:hover { background:linear-gradient(135deg,#6d3b20,#ff7849); color:#fff; border-color:#ff7849; box-shadow:0 0 12px rgba(255,80,0,0.4); }

/* ── BET ROW ─── */
#bet-row { display:flex; align-items:center; justify-content:center; gap:10px; width:100%; max-width:700px; background:rgba(20,6,0,0.88); border:1px solid rgba(255,100,0,0.18); border-radius:14px; padding:10px 18px; flex-wrap:wrap; }
.bet-label-txt { font-family:'Cinzel',serif; font-size:.6rem; font-weight:700; letter-spacing:2px; text-transform:uppercase; color:rgba(255,150,0,0.45); }
.bet-btn { width:28px; height:28px; border-radius:50%; background:rgba(255,100,0,0.12); border:1px solid rgba(255,100,0,0.3); color:#ffe08a; font-size:1.1rem; cursor:pointer; transition:background .15s; display:flex; align-items:center; justify-content:center; line-height:1; }
.bet-btn:hover { background:rgba(255,100,0,0.26); }
#bet-display { font-family:'Cinzel',serif; font-size:1.1rem; font-weight:700; color:#ffe08a; min-width:80px; text-align:center; }
.bet-step-row { display:flex; gap:5px; flex-wrap:wrap; justify-content:center; }
.bet-step { font-size:.65rem; font-weight:700; padding:4px 9px; border-radius:8px; background:rgba(255,100,0,0.08); border:1px solid rgba(255,100,0,0.2); color:rgba(245,220,176,0.55); cursor:pointer; transition:all .15s; }
.bet-step:hover { background:rgba(255,100,0,0.2); color:#ffe08a; }

/* ── START BTN ─── */
#start-btn { font-family:'Cinzel','Noto Sans Bengali',serif; font-size:1rem; font-weight:700; padding:12px 32px; letter-spacing:1px; background:linear-gradient(135deg,#6d3b20,#b84b24,#ff7849); color:#fff; border:none; border-radius:14px; cursor:pointer; box-shadow:0 4px 0 #5a1500,0 6px 20px rgba(255,80,0,0.45); transition:all .12s; }
#start-btn:hover { transform:translateY(-2px); box-shadow:0 6px 0 #5a1500,0 10px 28px rgba(255,80,0,0.55); }
#start-btn:active { transform:translateY(2px); box-shadow:0 2px 0 #5a1500; }

/* ── BOARD ─── */
#board-section { width:100%; max-width:700px; display:flex; flex-direction:column; gap:10px; }

/* progress */
#progress-wrap { display:flex; align-items:center; gap:8px; padding:8px 14px; background:rgba(20,6,0,0.88); border:1px solid rgba(255,100,0,0.18); border-radius:12px; }
.progress-label { font-family:'Cinzel',serif; font-size:.6rem; font-weight:700; letter-spacing:2px; text-transform:uppercase; color:rgba(255,150,0,0.5); white-space:nowrap; }
.progress-bar-track { flex:1; height:8px; background:rgba(255,100,0,0.1); border:1px solid rgba(255,100,0,0.18); border-radius:8px; overflow:hidden; }
#progress-bar-fill { height:100%; width:0%; background:linear-gradient(90deg,#cc3300,#ff7849,#ffe08a); border-radius:8px; transition:width .4s cubic-bezier(.34,1.56,.64,1); box-shadow:0 0 8px rgba(255,150,0,0.6); }
.progress-mult { font-family:'Cinzel',serif; font-size:.9rem; font-weight:700; color:#ff7849; min-width:44px; text-align:right; }

/* rows */
#rows-container { display:flex; flex-direction:column; gap:8px; }
.level-row { display:flex; align-items:center; gap:8px; padding:10px 12px; background:rgba(16,5,0,0.82); border:1px solid rgba(255,100,0,0.14); border-radius:16px; transition:border-color .3s,background .3s; position:relative; overflow:hidden; }
.level-row.active { border-color:rgba(255,150,0,0.55); background:rgba(26,8,0,0.95); box-shadow:0 0 18px rgba(255,80,0,0.18); }
.level-row.active::before { content:''; position:absolute; left:0; top:0; bottom:0; width:3px; background:linear-gradient(180deg,#ffe08a,#ff7849); border-radius:3px 0 0 3px; }
.level-row.past { opacity:.55; border-color:rgba(255,100,0,0.08); }
.level-row.locked { opacity:.3; pointer-events:none; }
.row-label { font-family:'Cinzel',serif; font-size:.62rem; font-weight:700; letter-spacing:1.5px; text-transform:uppercase; color:rgba(255,150,0,0.55); white-space:nowrap; min-width:52px; }
.row-label.active-label { color:#ffe08a; }
.mountains-row { display:flex; gap:8px; flex:1; justify-content:center; flex-wrap:wrap; }

/* mountain card */
.mountain-card { position:relative; width:88px; height:88px; border-radius:14px; cursor:pointer; border:2px solid rgba(255,100,0,0.2); background:rgba(10,3,0,0.7); transition:transform .15s,border-color .2s,box-shadow .2s; overflow:hidden; display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.mountain-card img { width:80px; height:80px; object-fit:contain; pointer-events:none; display:block; transition:transform .2s; }
.mountain-card.clickable:hover { transform:translateY(-3px) scale(1.04); border-color:rgba(255,200,0,0.6); box-shadow:0 6px 24px rgba(255,100,0,0.35); }
.mountain-card.clickable:hover img { transform:scale(1.06); }
.mountain-card.clickable:active { transform:scale(.97); }
.mountain-card.revealed-safe { border-color:rgba(80,200,80,0.7); box-shadow:0 0 18px rgba(80,220,80,0.35); cursor:default; }
.mountain-card.revealed-volcano { border-color:rgba(255,60,0,0.9); box-shadow:0 0 24px rgba(255,60,0,0.6); cursor:default; animation:shakeCard .4s ease; }
.mountain-card.not-chosen { opacity:.45; cursor:default; filter:grayscale(.4); }
.mountain-card.not-chosen.reveal-vol { opacity:.7; border-color:rgba(255,60,0,0.4); }
@keyframes shakeCard { 0%,100%{transform:translateX(0)} 20%{transform:translateX(-6px)} 40%{transform:translateX(6px)} 60%{transform:translateX(-4px)} 80%{transform:translateX(4px)} }
.card-label { position:absolute; bottom:4px; left:0; right:0; text-align:center; font-family:'Cinzel',serif; font-size:.58rem; font-weight:700; letter-spacing:1px; padding:2px 0; opacity:0; transition:opacity .25s; }
.mountain-card.revealed-safe    .card-label { color:#68c975; opacity:1; }
.mountain-card.revealed-volcano .card-label { color:#b84b24; opacity:1; }
.row-mult-badge { font-family:'Cinzel',serif; font-size:.78rem; font-weight:700; color:rgba(255,150,0,0.5); min-width:40px; text-align:center; white-space:nowrap; }
.row-mult-badge.won { color:#ffe08a; text-shadow:0 0 8px rgba(255,215,0,0.6); }

/* cashout */
#cashout-wrap { display:flex; justify-content:center; padding-top:4px; }
#cashout-btn { font-family:'Cinzel','Noto Sans Bengali',serif; font-size:1.05rem; font-weight:700; padding:14px 44px; letter-spacing:1.5px; background:linear-gradient(135deg,#155a1a,#228822,#55cc55); color:#fff; border:none; border-radius:18px; cursor:pointer; box-shadow:0 4px 0 #0a3510,0 6px 24px rgba(40,180,40,0.45); transition:all .12s; display:none; }
#cashout-btn.visible { display:inline-block; }
#cashout-btn:hover { transform:translateY(-2px); box-shadow:0 6px 0 #0a3510,0 10px 32px rgba(40,200,40,0.55); }
#cashout-btn:active { transform:translateY(2px); }
#cashout-btn .win-preview { font-size:.75rem; opacity:.85; display:block; margin-top:2px; }

/* result overlay */
#result-overlay { position:fixed; inset:0; z-index:200; display:flex; align-items:center; justify-content:center; background:rgba(5,1,0,0.85); backdrop-filter:blur(10px); opacity:0; pointer-events:none; transition:opacity .3s; }
#result-overlay.show { opacity:1; pointer-events:all; }
.result-box { background:rgba(20,6,0,0.97); border:2px solid rgba(255,100,0,0.45); border-radius:24px; padding:36px 44px; text-align:center; max-width:380px; width:90%; box-shadow:0 0 60px rgba(255,60,0,0.25); display:flex; flex-direction:column; align-items:center; gap:12px; }
.result-box.win-box { border-color:rgba(80,220,80,0.55); box-shadow:0 0 60px rgba(40,200,40,0.2); }
.result-icon { font-size:4rem; filter:drop-shadow(0 0 16px rgba(255,100,0,0.7)); animation:ol-float 3s ease-in-out infinite; }
.result-icon.green { filter:drop-shadow(0 0 16px rgba(80,220,80,0.7)); }
@keyframes ol-float { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-8px)} }
.result-title { font-family:'Cinzel','Noto Sans Bengali',serif; font-size:clamp(1.5rem,5vw,2.2rem); font-weight:900; letter-spacing:3px; color:#b84b24; text-shadow:0 0 24px rgba(255,60,0,0.8); }
.result-title.win { color:#68c975; text-shadow:0 0 24px rgba(80,220,80,0.8); }
.result-sub { font-family:'Noto Sans Bengali','Inter',sans-serif; font-size:1rem; color:rgba(245,220,176,0.75); }
.result-amount { font-family:'Cinzel',serif; font-size:clamp(1.8rem,6vw,3rem); font-weight:900; color:#ffe08a; text-shadow:0 0 28px rgba(255,215,0,0.8); animation:amtPulse 1.4s ease-in-out infinite alternate; }
@keyframes amtPulse { from{text-shadow:0 0 16px rgba(255,215,0,0.6)} to{text-shadow:0 0 40px rgba(255,215,0,1),0 0 60px rgba(255,100,0,0.4)} }
.result-new-best { font-family:'Cinzel',serif; font-size:.8rem; font-weight:700; letter-spacing:1px; padding:5px 14px; border-radius:20px; background:rgba(255,215,0,0.12); border:1px solid rgba(255,215,0,0.35); color:#ffe08a; }
.result-btn { font-family:'Cinzel','Noto Sans Bengali',serif; font-size:1rem; font-weight:700; padding:13px 40px; margin-top:4px; letter-spacing:1px; background:linear-gradient(135deg,#6d3b20,#b84b24,#ff7849); color:#fff; border:none; border-radius:18px; cursor:pointer; box-shadow:0 4px 0 #5a1500,0 6px 20px rgba(255,80,0,0.4); transition:all .15s; }
.result-btn:hover { transform:translateY(-2px); }

/* intro overlay */
#intro-overlay { position:fixed; inset:0; z-index:150; display:flex; align-items:center; justify-content:center; background:rgba(5,1,0,0.9); backdrop-filter:blur(12px); opacity:0; pointer-events:none; transition:opacity .3s; }
#intro-overlay.show { opacity:1; pointer-events:all; }
.intro-box { background:rgba(20,6,0,0.98); border:2px solid rgba(255,100,0,0.4); border-radius:24px; padding:36px 40px; text-align:center; max-width:400px; width:92%; box-shadow:0 0 60px rgba(255,60,0,0.2); display:flex; flex-direction:column; align-items:center; gap:14px; }
.intro-icon { font-size:4rem; animation:ol-float 3s ease-in-out infinite; }
.intro-rule { display:flex; align-items:center; gap:10px; width:100%; justify-content:center; }
.intro-line  { flex:1; max-width:60px; height:1px; background:linear-gradient(90deg,transparent,#ff7849); }
.intro-line.r{ background:linear-gradient(90deg,#ff7849,transparent); }
.intro-deco  { font-size:.9rem; color:rgba(255,100,0,0.5); }
.intro-title { font-family:'Cinzel','Noto Sans Bengali',serif; font-size:clamp(1.4rem,4.5vw,2rem); font-weight:900; letter-spacing:3px; background:linear-gradient(180deg,#ffe08a 0%,#ff7849 60%,#cc2200 100%); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }
.intro-sub { font-size:.75rem; letter-spacing:2px; text-transform:uppercase; color:rgba(255,150,0,0.5); }
.intro-body { font-family:'Noto Sans Bengali','Inter',sans-serif; font-size:.9rem; color:rgba(245,220,176,0.7); line-height:1.68; max-width:320px; }
.intro-diff { display:flex; gap:8px; justify-content:center; }
.intro-btn { font-family:'Cinzel','Noto Sans Bengali',serif; font-size:1.05rem; font-weight:700; padding:14px 44px; letter-spacing:1px; background:linear-gradient(135deg,#6d3b20,#b84b24,#ff7849); color:#fff; border:none; border-radius:18px; cursor:pointer; box-shadow:0 4px 0 #5a1500,0 6px 20px rgba(255,80,0,0.45); transition:all .15s; }
.intro-btn:hover { transform:translateY(-2px); }

/* footer */
.site-footer { position:relative; z-index:1; background:rgba(6,2,0,0.98); border-top:1px solid rgba(255,100,0,0.1); padding:44px 24px 38px; margin-top:48px; }
.footer-inner { max-width:580px; margin:0 auto; display:flex; flex-direction:column; align-items:center; gap:18px; text-align:center; }
.footer-logo-row { display:flex; align-items:center; gap:10px; }
.footer-logo-icon { font-size:1.3rem; }
.footer-logo-name { font-family:'Cinzel','Noto Sans Bengali',serif; font-size:1.05rem; font-weight:700; color:#ff7849; }
.footer-nav { display:flex; align-items:center; gap:8px; font-size:.84rem; }
.footer-nav a { color:#6d3b20; text-decoration:none; transition:color .18s; }
.footer-nav a:hover { color:#ffe08a; }
.footer-dot { color:#4A1800; }
.footer-badge-row { display:flex; justify-content:center; }
.age-badge { display:inline-flex; align-items:center; justify-content:center; width:46px; height:46px; border-radius:50%; border:2.5px solid rgba(255,100,0,0.45); font-family:'Cinzel',serif; font-size:.9rem; font-weight:700; color:rgba(255,150,0,0.85); }
.footer-disc { font-size:.76rem; line-height:1.72; color:#bf8459; max-width:490px; }
.footer-copy { font-size:.72rem; color:#6d3b20; margin-top:4px; }
.footer-owner { margin:2px 0 0; color:#d69662; font-size:.78rem; font-weight:700; }
.footer-address { max-width:620px; margin:-10px 0 0; color:#bf8459; font-size:.72rem; line-height:1.6; overflow-wrap:anywhere; }

.site-info-grid { position:relative; z-index:1; width:min(1120px,calc(100% - 32px)); margin:54px auto 0; display:grid; grid-template-columns:1fr 1fr .8fr; border-top:1px solid rgba(255,100,0,.25); border-bottom:1px solid rgba(255,100,0,.18); }
.site-info-grid article,.site-info-grid aside { min-width:0; padding:32px clamp(20px,3vw,38px); border-right:1px solid rgba(255,100,0,.16); }
.site-info-grid > :last-child { border-right:0; }
.info-index { color:#ff7a22; font-size:.68rem; font-weight:800; letter-spacing:2px; }
.site-info-grid h2 { margin:12px 0; color:#ffd09a; font-family:Georgia,'Times New Roman',serif; font-size:1.35rem; letter-spacing:0; }
.site-info-grid p { margin:0; color:#b98262; line-height:1.75; }
.site-info-grid aside { display:flex; flex-direction:column; align-items:flex-start; }
.site-info-grid aside a { margin:5px 0; color:#ff9b55; text-decoration-color:#6f2f10; text-underline-offset:4px; overflow-wrap:anywhere; }

/* legal */
.legal-page { display:flex; flex-direction:column; min-height:100dvh; }
.legal-hdr { background:rgba(6,2,0,0.97); border-bottom:1px solid rgba(255,100,0,0.18); padding:20px 24px; text-align:center; position:relative; z-index:1; }
.legal-hdr-link { display:inline-flex; align-items:center; gap:10px; text-decoration:none; }
.legal-hdr-icon { font-size:1.3rem; }
.legal-hdr-name { font-family:'Cinzel','Noto Sans Bengali',serif; font-size:1.1rem; font-weight:700; color:#ff7849; }
.legal-back-link { display:inline-flex; align-items:center; gap:5px; margin-top:10px; font-size:.82rem; font-weight:600; color:#6d3b20; text-decoration:none; transition:color .18s; }
.legal-back-link:hover { color:#ffe08a; }
.legal-tools { display:flex; align-items:center; justify-content:center; gap:16px; margin-top:10px; }
.legal-tools .legal-back-link { margin-top:0; }
.legal-tools #lang-dropdown { top:42px; }
.legal-body-wrap { flex:1; position:relative; z-index:1; max-width:720px; margin:0 auto; padding:50px 24px 72px; width:100%; }
.legal-body-wrap h1 { font-family:'Cinzel','Noto Sans Bengali',serif; font-size:clamp(1.6rem,4vw,2.3rem); font-weight:900; letter-spacing:2px; color:#ff7849; margin-bottom:6px; }
.legal-updated { font-size:.82rem; color:#6B3010; margin-bottom:42px; }
.legal-body-wrap h3 { font-family:'Cinzel','Noto Sans Bengali',serif; font-size:.92rem; font-weight:700; letter-spacing:1px; color:#b84b24; margin:34px 0 10px; }
.legal-body-wrap h3:first-of-type { margin-top:0; }
.legal-body-wrap p { font-family:'Noto Sans Bengali','Inter',sans-serif; font-size:.92rem; line-height:1.82; color:#C8A85A; }
.legal-lead { margin:18px 0 38px; padding:18px 20px; border-left:3px solid #ff7849; background:rgba(255,90,0,.06); }
.terms-layers { display:grid; }
.terms-layers article { display:grid; grid-template-columns:86px minmax(0,1fr); gap:24px; padding:26px 0; border-bottom:1px solid rgba(255,100,0,.16); }
.terms-layers article > span { color:#ff7a22; font-size:.68rem; font-weight:800; letter-spacing:2px; text-transform:uppercase; }
.terms-layers h3,.privacy-stations h3 { margin:0 0 8px; color:#e98a46; font-size:1rem; letter-spacing:0; }
.terms-layers p,.privacy-stations p { margin:0; }
.privacy-stations { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); border-top:1px solid rgba(255,100,0,.22); border-left:1px solid rgba(255,100,0,.16); }
.privacy-stations article { min-width:0; padding:26px; border-right:1px solid rgba(255,100,0,.16); border-bottom:1px solid rgba(255,100,0,.16); }
.station-no { display:block; margin-bottom:18px; color:#ff7a22; font-size:.68rem; font-weight:800; letter-spacing:2px; }
.about-panels { display:grid; grid-template-columns:1fr 1fr; border-top:1px solid rgba(255,100,0,.2); border-left:1px solid rgba(255,100,0,.15); }
.about-panels article { padding:28px; border-right:1px solid rgba(255,100,0,.15); border-bottom:1px solid rgba(255,100,0,.15); }
.about-panels h3 { margin-top:0; }
.contact-grid { display:grid; grid-template-columns:1fr 1fr; margin-top:38px; border:1px solid rgba(255,100,0,.2); }
.contact-grid a { min-width:0; min-height:180px; display:flex; flex-direction:column; justify-content:space-between; gap:16px; padding:26px; border-right:1px solid rgba(255,100,0,.16); border-bottom:1px solid rgba(255,100,0,.16); text-decoration:none; }
.contact-grid a:nth-child(2n) { border-right:0; }
.contact-grid span,.contact-business span { color:#ff7a22; font-size:.68rem; font-weight:800; letter-spacing:2px; text-transform:uppercase; }
.contact-grid strong { color:#ffd09a; overflow-wrap:anywhere; }
.contact-grid small { color:#a76c4b; line-height:1.6; }
.contact-business { display:grid; grid-template-columns:.65fr 1.35fr auto; gap:24px; align-items:center; margin-top:34px; padding:25px; border-left:4px solid #ff7849; background:rgba(35,10,0,.8); }
.contact-business strong,.contact-business span { display:block; }
.contact-business p { margin:4px 0 0; }
.contact-business a { color:#ff9b55; }

/* responsive */
@media (max-width:680px) {
  header { padding:0 12px; } nav a { display:none; } nav a.always { display:block; }
  .mountain-card { width:72px; height:72px; border-radius:12px; }
  .mountain-card img { width:64px; height:64px; }
  .level-row { padding:8px 10px; gap:6px; } .row-label { min-width:40px; font-size:.55rem; }
  .site-info-grid { grid-template-columns:1fr; }
  .site-info-grid article,.site-info-grid aside { border-right:0; border-bottom:1px solid rgba(255,100,0,.16); }
  .legal-tools { flex-wrap:wrap; }
  .terms-layers article { grid-template-columns:1fr; gap:8px; }
  .privacy-stations,.about-panels,.contact-grid { grid-template-columns:1fr; }
  .contact-grid a { border-right:0; }
  .contact-business { grid-template-columns:1fr; }
}
@media (max-width:480px) {
  .mountain-card { width:60px; height:60px; } .mountain-card img { width:54px; height:54px; } .mountains-row { gap:5px; }
}
@media (max-width:360px) { .mountain-card { width:50px; height:50px; } .mountain-card img { width:44px; height:44px; } }