/* ============================================================
   okgame.homes — compact canvas stylesheet
   Phone-canvas-first styles. All classes use the view95f58- prefix.
   Palette: #1B263B base / #FFFACD ink / #F0E68C soft / #FFCC33 gold
   Direction: mono accents + near-square tool corners, grouped
   cover-card shelves, sliding focus indicators, scale taps.
   ============================================================ */

:root{
  --view95f58-bg:#1B263B;
  --view95f58-deep:#141C2E;
  --view95f58-panel:#202C49;
  --view95f58-panel2:#1E2A45;
  --view95f58-line:#33436A;
  --view95f58-hair:rgba(240,230,140,.16);
  --view95f58-ink:#FFFACD;
  --view95f58-soft:#F0E68C;
  --view95f58-gold:#FFCC33;
  --view95f58-mute:rgba(255,250,205,.64);
  --view95f58-mono:"JetBrains Mono","SFMono-Regular",ui-monospace,Menlo,Consolas,"Liberation Mono",monospace;
  --view95f58-sans:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --view95f58-r:2px;
  --view95f58-r2:3px;
  --view95f58-dock-h:74px;
}

*,*::before,*::after{box-sizing:border-box;}

html{
  -webkit-text-size-adjust:100%;
  scroll-behavior:smooth;
}

html,body{
  margin:0;
  padding:0;
  max-width:100%;
  overflow-x:hidden;
}

body{
  background:#0B111E;
  color:var(--view95f58-ink);
  font-family:var(--view95f58-sans);
  font-size:14px;
  line-height:1.62;
}

img{max-width:100%;height:auto;display:block;}

a{color:var(--view95f58-soft);}
a:focus-visible,button:focus-visible,summary:focus-visible{
  outline:2px solid var(--view95f58-gold);
  outline-offset:2px;
  border-radius:var(--view95f58-r);
}

button{
  font:inherit;
  color:inherit;
  background:none;
  border:0;
  padding:0;
  cursor:pointer;
}

/* ---------- phone canvas: 430px max, centered on wide screens ---------- */

.view95f58-canvas{
  position:relative;
  width:100%;
  max-width:430px; /* phone canvas width */
  margin:0 auto;
  min-height:100vh;
  min-height:100dvh;
  background:var(--view95f58-bg);
  box-shadow:0 0 0 1px rgba(240,230,140,.10),0 0 48px rgba(0,0,0,.55);
  display:flex;
  flex-direction:column;
}

.view95f58-main{
  flex:1 1 auto;
  width:100%;
  padding-bottom:30px;
}

/* ---------- layered sticky top bar ---------- */

.view95f58-topbar{
  position:sticky;
  top:0;
  z-index:60;
  background:linear-gradient(180deg,#243253 0%,var(--view95f58-bg) 100%);
  border-bottom:1px solid var(--view95f58-line);
}

.view95f58-topbar-row{
  display:flex;
  align-items:center;
  gap:8px;
  min-height:58px;
  padding:7px 10px;
}

.view95f58-brand{
  display:flex;
  align-items:center;
  gap:9px;
  flex:1 1 auto;
  min-width:0;
  text-decoration:none;
  color:var(--view95f58-ink);
}

.view95f58-logo{
  width:36px;
  height:36px;
  flex:0 0 auto;
  border:1px solid var(--view95f58-gold);
  border-radius:var(--view95f58-r);
  background:#0F1626;
  padding:2px;
  object-fit:contain;
}

.view95f58-brand-name{
  font-family:var(--view95f58-mono);
  font-size:18px;
  font-weight:700;
  letter-spacing:.05em;
  color:var(--view95f58-gold);
  white-space:nowrap;
}

.view95f58-actions{
  display:flex;
  align-items:center;
  gap:7px;
  flex:0 0 auto;
}

.view95f58-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:9px 14px;
  border-radius:var(--view95f58-r);
  font-family:var(--view95f58-mono);
  font-size:12.5px;
  font-weight:700;
  letter-spacing:.03em;
  text-decoration:none;
  transition:transform .12s ease,background-color .15s ease,color .15s ease;
  -webkit-tap-highlight-color:transparent;
}

.view95f58-btn:active{transform:scale(.94);}

.view95f58-btn--solid{
  background:var(--view95f58-gold);
  color:#1B263B;
  border:1px solid var(--view95f58-gold);
}

.view95f58-btn--ghost{
  background:transparent;
  color:var(--view95f58-soft);
  border:1px solid rgba(240,230,140,.55);
}

.view95f58-btn--wide{width:100%;}

.view95f58-burger{
  width:44px;
  height:44px;
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid var(--view95f58-line);
  border-radius:var(--view95f58-r);
  color:var(--view95f58-soft);
  transition:transform .12s ease,border-color .15s ease;
}

.view95f58-burger:active{transform:scale(.9);}
.view95f58-burger svg{width:20px;height:20px;display:block;}

/* ---------- layered dropdown drawer ---------- */

.view95f58-drawer{
  max-height:0;
  overflow:hidden;
  background:#16203A;
  border-top:0 solid transparent;
  transition:max-height .3s ease;
}

.view95f58-drawer.is-open{max-height:620px;}

.view95f58-drawer-layer{
  padding:9px 12px 13px;
  border-top:1px dashed var(--view95f58-hair);
}

.view95f58-drawer-layer:first-child{border-top:0;}

.view95f58-drawer-cap{
  margin:0 0 8px;
  font-family:var(--view95f58-mono);
  font-size:9.5px;
  font-weight:700;
  letter-spacing:.22em;
  text-transform:uppercase;
  color:var(--view95f58-soft);
}

.view95f58-drawer-list{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:6px;
}

.view95f58-drawer-list a{
  position:relative;
  display:flex;
  align-items:center;
  min-height:44px;
  padding:9px 10px 9px 13px;
  border:1px solid var(--view95f58-line);
  border-radius:var(--view95f58-r);
  background:var(--view95f58-bg);
  color:var(--view95f58-ink);
  text-decoration:none;
  font-family:var(--view95f58-mono);
  font-size:11.5px;
  line-height:1.3;
  overflow-wrap:anywhere;
}

.view95f58-drawer-list a::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:2px;
  background:transparent;
  transition:background-color .18s ease;
}

.view95f58-drawer-list a:hover::before,
.view95f58-drawer-list a:focus-visible::before,
.view95f58-drawer-list a[aria-current="page"]::before{
  background:var(--view95f58-gold);
}

.view95f58-drawer-list a:active{transform:scale(.97);}

/* ---------- hero ---------- */

.view95f58-hero{
  padding:26px 14px 22px;
  background:
    radial-gradient(120% 90% at 85% -10%,rgba(255,204,51,.14) 0%,rgba(255,204,51,0) 55%),
    linear-gradient(180deg,#1D2B4A 0%,var(--view95f58-bg) 100%);
  border-bottom:1px solid var(--view95f58-line);
}

.view95f58-kicker{
  display:inline-block;
  margin:0 0 9px;
  padding:4px 8px;
  border:1px solid var(--view95f58-hair);
  border-radius:var(--view95f58-r);
  font-family:var(--view95f58-mono);
  font-size:9.5px;
  font-weight:700;
  letter-spacing:.2em;
  text-transform:uppercase;
  color:var(--view95f58-soft);
}

.view95f58-hero-title{
  margin:0 0 10px;
  font-family:var(--view95f58-sans);
  font-size:23px;
  line-height:1.22;
  font-weight:800;
  letter-spacing:-.01em;
  color:var(--view95f58-ink);
}

.view95f58-hero-text{
  margin:0 0 16px;
  font-size:13.5px;
  color:rgba(255,250,205,.86);
}

.view95f58-cta-row{
  display:flex;
  flex-wrap:wrap;
  gap:9px;
}

.view95f58-cta-row .view95f58-btn{flex:1 1 150px;}

/* ---------- promo carousel ---------- */

.view95f58-carousel{
  position:relative;
  background:var(--view95f58-deep);
  border-bottom:1px solid var(--view95f58-line);
  overflow:hidden;
}

.view95f58-track{
  display:flex;
  transition:transform .45s cubic-bezier(.22,.61,.36,1);
}

.view95f58-slide{
  position:relative;
  flex:0 0 100%;
  display:block;
  width:100%;
  text-align:left;
  -webkit-tap-highlight-color:transparent;
}

.view95f58-slide:active .view95f58-slide-img{transform:scale(.985);}

.view95f58-slide-img{
  width:100%;
  aspect-ratio:16/7;
  object-fit:cover;
  transition:transform .3s ease;
}

.view95f58-slide-cap{
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  padding:22px 12px 9px;
  background:linear-gradient(180deg,rgba(20,28,46,0) 0%,rgba(20,28,46,.94) 78%);
}

.view95f58-slide-txt{
  font-family:var(--view95f58-mono);
  font-size:10.5px;
  line-height:1.4;
  color:var(--view95f58-ink);
}

.view95f58-slide-chip{
  flex:0 0 auto;
  padding:5px 9px;
  border:1px solid var(--view95f58-gold);
  border-radius:var(--view95f58-r);
  font-family:var(--view95f58-mono);
  font-size:9.5px;
  font-weight:700;
  letter-spacing:.08em;
  color:var(--view95f58-gold);
  white-space:nowrap;
}

.view95f58-dots{
  position:absolute;
  top:9px;
  right:10px;
  display:flex;
  gap:4px;
  padding:4px 5px;
  border:1px solid rgba(240,230,140,.28);
  border-radius:var(--view95f58-r2);
  background:rgba(20,28,46,.66);
}

.view95f58-dot{
  position:relative;
  width:22px;
  height:22px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}

.view95f58-dot::before{
  content:"";
  width:7px;
  height:7px;
  border-radius:50%;
  background:rgba(255,250,205,.38);
  transition:transform .18s ease,background-color .18s ease;
}

.view95f58-dot.is-on::before{
  background:var(--view95f58-gold);
  transform:scale(1.25);
}

/* ---------- game shelves (grouped cover-card grids) ---------- */

.view95f58-shelf{
  padding:20px 12px 4px;
}

.view95f58-shelf-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
  margin-bottom:7px;
  padding-left:9px;
  border-left:3px solid var(--view95f58-gold);
}

.view95f58-shelf-title{
  margin:0;
  font-size:17px;
  line-height:1.28;
  font-weight:800;
  color:var(--view95f58-ink);
}

.view95f58-shelf-tag{
  display:block;
  margin-top:3px;
  font-family:var(--view95f58-mono);
  font-size:9.5px;
  font-weight:700;
  letter-spacing:.18em;
  color:var(--view95f58-soft);
  text-transform:uppercase;
}

.view95f58-shelf-note{
  margin:0 0 11px;
  font-size:12.5px;
  line-height:1.6;
  color:var(--view95f58-mute);
}

.view95f58-shelf-note a{
  color:var(--view95f58-soft);
  text-decoration:underline;
  text-underline-offset:3px;
}

.view95f58-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:1px;
  background:var(--view95f58-line);
  border:1px solid var(--view95f58-line);
  border-radius:var(--view95f58-r);
  overflow:hidden;
}

/* 390-430px window keeps the same canvas with a 5th column */
@media (min-width:390px){
  .view95f58-grid{grid-template-columns:repeat(5,1fr);}
}

.view95f58-tile{
  display:flex;
  flex-direction:column;
  padding:6px 6px 7px;
  background:var(--view95f58-panel2);
  text-align:center;
  transition:transform .12s ease,background-color .15s ease;
  -webkit-tap-highlight-color:transparent;
}

.view95f58-tile:active{
  transform:scale(.95);
  background:#26334F;
}

.view95f58-tile-img{
  width:100%;
  aspect-ratio:1/1;
  object-fit:cover;
  border:1px solid rgba(240,230,140,.18);
  border-radius:var(--view95f58-r);
  background:#0F1626;
}

.view95f58-tile-name{
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden;
  margin-top:5px;
  min-height:26px;
  font-family:var(--view95f58-mono);
  font-size:9.8px;
  line-height:1.3;
  color:var(--view95f58-ink);
  overflow-wrap:anywhere;
}

/* ---------- mono fact strip under the hero ---------- */

.view95f58-facts{
  display:flex;
  gap:6px;
  overflow-x:auto;
  padding:12px 12px 10px;
  border-bottom:1px solid var(--view95f58-line);
  background:var(--view95f58-deep);
  scrollbar-width:thin;
}

.view95f58-fact{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  gap:7px;
  min-height:34px;
  padding:6px 10px;
  border:1px solid var(--view95f58-line);
  border-radius:var(--view95f58-r);
  background:var(--view95f58-panel2);
  font-family:var(--view95f58-mono);
  font-size:10px;
  font-weight:700;
  letter-spacing:.08em;
  color:var(--view95f58-soft);
  white-space:nowrap;
}

.view95f58-fact::before{
  content:"";
  width:6px;
  height:6px;
  background:var(--view95f58-gold);
}

/* ---------- editorial modules ---------- */

.view95f58-module{
  padding:22px 14px 8px;
  border-top:1px solid var(--view95f58-line);
  margin-top:18px;
}

.view95f58-module:first-of-type{margin-top:20px;}

.view95f58-module-title{
  margin:0 0 4px;
  font-size:17.5px;
  line-height:1.3;
  font-weight:800;
  color:var(--view95f58-ink);
}

.view95f58-module-tag{
  display:block;
  margin:0 0 10px;
  font-family:var(--view95f58-mono);
  font-size:9.5px;
  font-weight:700;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--view95f58-soft);
}

.view95f58-module p{
  margin:0 0 12px;
  font-size:13.5px;
  color:rgba(255,250,205,.87);
}

.view95f58-module p:last-child{margin-bottom:4px;}

.view95f58-h3{
  margin:16px 0 7px;
  font-size:14.5px;
  line-height:1.35;
  font-weight:800;
  color:var(--view95f58-ink);
}

.view95f58-module a{
  color:var(--view95f58-soft);
  text-decoration:underline;
  text-underline-offset:3px;
}

/* numbered tool list */
.view95f58-steps{
  counter-reset:view95f58-step;
  list-style:none;
  margin:4px 0 14px;
  padding:0;
  border:1px solid var(--view95f58-line);
  border-radius:var(--view95f58-r);
  background:var(--view95f58-panel2);
}

.view95f58-steps li{
  position:relative;
  display:block;
  padding:11px 12px 11px 44px;
  border-top:1px dashed var(--view95f58-hair);
  font-size:12.8px;
  line-height:1.58;
  color:rgba(255,250,205,.87);
}

.view95f58-steps li:first-child{border-top:0;}

.view95f58-steps li::before{
  counter-increment:view95f58-step;
  content:counter(view95f58-step,decimal-leading-zero);
  position:absolute;
  left:12px;
  top:12px;
  font-family:var(--view95f58-mono);
  font-size:11px;
  font-weight:700;
  color:var(--view95f58-gold);
}

/* checklist rows with mono verdict rail */
.view95f58-checklist{
  list-style:none;
  margin:4px 0 14px;
  padding:0;
  border:1px solid var(--view95f58-line);
  border-radius:var(--view95f58-r);
}

.view95f58-checklist li{
  padding:10px 12px;
  border-top:1px dashed var(--view95f58-hair);
  font-size:12.8px;
  line-height:1.58;
  color:rgba(255,250,205,.87);
}

.view95f58-checklist li:first-child{border-top:0;}

.view95f58-checklist b{
  display:block;
  margin-bottom:2px;
  font-family:var(--view95f58-mono);
  font-size:11px;
  font-weight:700;
  letter-spacing:.06em;
  color:var(--view95f58-soft);
}

/* winner feed rows */
.view95f58-winboard{
  border:1px solid var(--view95f58-line);
  border-radius:var(--view95f58-r);
  background:var(--view95f58-deep);
  padding:2px 12px;
  margin:4px 0 12px;
}

.view95f58-winrow{
  display:grid;
  grid-template-columns:58px 1fr auto;
  gap:9px;
  align-items:baseline;
  padding:9px 0;
  border-top:1px dashed var(--view95f58-hair);
}

.view95f58-winrow:first-child{border-top:0;}

.view95f58-win-time{
  font-family:var(--view95f58-mono);
  font-size:10.5px;
  color:var(--view95f58-soft);
}

.view95f58-win-note{
  font-size:12.4px;
  line-height:1.5;
  color:rgba(255,250,205,.86);
}

.view95f58-win-note b{color:var(--view95f58-ink);}

.view95f58-win-amt{
  font-family:var(--view95f58-mono);
  font-size:11.5px;
  font-weight:700;
  color:var(--view95f58-gold);
  white-space:nowrap;
}

/* testimonials */
.view95f58-quote{
  margin:0 0 12px;
  padding:10px 12px;
  border:1px solid var(--view95f58-line);
  border-left:3px solid var(--view95f58-gold);
  border-radius:var(--view95f58-r);
  background:var(--view95f58-panel2);
}

.view95f58-quote p{
  margin:0 0 7px;
  font-size:12.8px;
  line-height:1.6;
  color:rgba(255,250,205,.88);
}

.view95f58-quote footer{
  font-family:var(--view95f58-mono);
  font-size:10.5px;
  letter-spacing:.06em;
  color:var(--view95f58-soft);
}

/* scenario branch cards */
.view95f58-branch{
  border:1px solid var(--view95f58-line);
  border-radius:var(--view95f58-r);
  background:var(--view95f58-panel2);
  margin:0 0 10px;
}

.view95f58-branch summary{
  display:flex;
  align-items:center;
  gap:9px;
  min-height:46px;
  padding:10px 12px;
  cursor:pointer;
  list-style:none;
  font-family:var(--view95f58-mono);
  font-size:12px;
  font-weight:700;
  color:var(--view95f58-ink);
}

.view95f58-branch summary::-webkit-details-marker{display:none;}

.view95f58-branch summary::before{
  content:"+";
  flex:0 0 auto;
  width:22px;
  height:22px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid var(--view95f58-gold);
  border-radius:var(--view95f58-r);
  color:var(--view95f58-gold);
  font-size:13px;
  transition:transform .18s ease;
}

.view95f58-branch[open] summary::before{transform:rotate(45deg);}

.view95f58-branch-body{
  padding:0 12px 11px;
  font-size:12.8px;
  line-height:1.6;
  color:rgba(255,250,205,.86);
}

.view95f58-branch-body p{margin:0;}

/* inline promo link inside prose */
.view95f58-plink{
  display:inline;
  padding:1px 2px;
  border:0;
  border-bottom:1px solid var(--view95f58-gold);
  font-family:inherit;
  font-size:inherit;
  font-weight:700;
  color:var(--view95f58-gold);
  text-decoration:none;
  cursor:pointer;
  -webkit-tap-highlight-color:transparent;
}

.view95f58-plink:active{transform:scale(.97);}

/* ---------- extended footer (homepage only) ---------- */

.view95f58-xfoot{
  margin-top:22px;
  border-top:3px solid var(--view95f58-gold);
  background:#16203A;
  padding:18px 14px 6px;
}

.view95f58-xfoot-brand{
  margin:0 0 14px;
  padding-bottom:12px;
  border-bottom:1px dashed var(--view95f58-hair);
  font-size:12.8px;
  line-height:1.62;
  color:rgba(255,250,205,.84);
}

.view95f58-xfoot-cap{
  display:block;
  margin:0 0 9px;
  font-family:var(--view95f58-mono);
  font-size:9.5px;
  font-weight:700;
  letter-spacing:.2em;
  text-transform:uppercase;
  color:var(--view95f58-soft);
}

.view95f58-xfoot-dir{
  list-style:none;
  margin:0 0 14px;
  padding:0;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:7px;
}

.view95f58-xfoot-dir a{
  display:block;
  min-height:52px;
  padding:8px 9px;
  border:1px solid var(--view95f58-line);
  border-radius:var(--view95f58-r);
  background:var(--view95f58-bg);
  text-decoration:none;
  transition:transform .12s ease;
}

.view95f58-xfoot-dir a:active{transform:scale(.96);}

.view95f58-xfoot-dir b{
  display:block;
  font-family:var(--view95f58-mono);
  font-size:11px;
  font-weight:700;
  color:var(--view95f58-ink);
  line-height:1.35;
}

.view95f58-xfoot-dir span{
  display:block;
  margin-top:2px;
  font-size:10.6px;
  line-height:1.42;
  color:var(--view95f58-mute);
}

.view95f58-xfoot-promos{
  display:flex;
  gap:7px;
  margin:0 0 14px;
  overflow-x:auto;
  padding-bottom:3px;
  scrollbar-width:thin;
}

.view95f58-xfoot-promos .view95f58-btn{
  flex:0 0 auto;
  min-width:118px;
  padding:9px 11px;
  font-size:10.8px;
  line-height:1.3;
}

.view95f58-xfoot-disc{
  margin:0 0 12px;
  padding-top:11px;
  border-top:1px dashed var(--view95f58-hair);
  font-size:11.2px;
  line-height:1.6;
  color:var(--view95f58-mute);
}

/* ---------- common footer ---------- */

.view95f58-foot{
  padding:14px 14px calc(var(--view95f58-dock-h) + 26px + env(safe-area-inset-bottom));
  border-top:1px solid var(--view95f58-line);
  text-align:center;
}

.view95f58-foot-copy{
  margin:0;
  font-family:var(--view95f58-mono);
  font-size:10.8px;
  line-height:1.6;
  color:var(--view95f58-mute);
}

/* ---------- fixed layered bottom dock ---------- */

.view95f58-dock{
  position:fixed;
  left:50%;
  bottom:0;
  transform:translateX(-50%);
  width:100%;
  max-width:430px; /* same phone canvas width */
  z-index:70;
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:2px;
  padding:7px 4px calc(7px + env(safe-area-inset-bottom));
  background:linear-gradient(180deg,#182238 0%,var(--view95f58-deep) 100%);
  border-top:1px solid var(--view95f58-line);
}

.view95f58-dock-item{
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  gap:4px;
  min-height:58px;
  min-width:44px;
  padding:2px 1px 0;
  text-decoration:none;
  color:var(--view95f58-mute);
  -webkit-tap-highlight-color:transparent;
  transition:transform .12s ease,color .15s ease;
}

.view95f58-dock-item::before{
  content:"";
  position:absolute;
  top:-8px;
  left:18%;
  right:18%;
  height:2px;
  background:transparent;
  transition:background-color .2s ease;
}

.view95f58-dock-item.is-active::before{background:var(--view95f58-gold);}

.view95f58-dock-item:active{transform:scale(.9);}

.view95f58-dock-ic{
  width:31px;
  height:31px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid var(--view95f58-line);
  border-radius:var(--view95f58-r);
  background:var(--view95f58-panel2);
  color:var(--view95f58-soft);
  transition:border-color .18s ease,color .18s ease,background-color .18s ease;
}

.view95f58-dock-ic svg{width:17px;height:17px;display:block;}

.view95f58-dock-item.is-active{color:var(--view95f58-ink);}
.view95f58-dock-item.is-active .view95f58-dock-ic{
  border-color:var(--view95f58-gold);
  background:#2A3550;
  color:var(--view95f58-gold);
}

.view95f58-dock-label{
  font-family:var(--view95f58-mono);
  font-size:9.3px;
  font-weight:700;
  letter-spacing:.04em;
  line-height:1.2;
  text-align:center;
}

/* ---------- small helpers ---------- */

.view95f58-hide{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;}

@media (max-width:359px){
  .view95f58-brand-name{font-size:15.5px;}
  .view95f58-btn{padding:8px 9px;font-size:11.3px;}
  .view95f58-xfoot-dir{grid-template-columns:1fr;}
}

@media (prefers-reduced-motion:reduce){
  .view95f58-track{transition:none;}
  *{animation:none!important;}
}

/* ---------- help-page instruments ---------- */
.view95f58-help-hero{
  padding:24px 14px 20px;
  background:radial-gradient(120% 80% at 10% 0%,rgba(240,230,140,.13),transparent 55%),linear-gradient(180deg,#223252 0%,var(--view95f58-bg) 100%);
  border-bottom:1px solid var(--view95f58-line);
}
.view95f58-help-hero h1{margin:0 0 10px;font-size:24px;line-height:1.2;letter-spacing:-.02em;}
.view95f58-help-hero p{margin:0 0 14px;color:rgba(255,250,205,.87);font-size:13.5px;}
.view95f58-help-stamp{display:inline-flex;align-items:center;gap:7px;margin-bottom:10px;color:var(--view95f58-soft);font:700 9.5px/1.2 var(--view95f58-mono);letter-spacing:.18em;text-transform:uppercase;}
.view95f58-help-stamp::before{content:"";width:9px;height:9px;background:var(--view95f58-gold);}
.view95f58-help-actions{display:flex;flex-wrap:wrap;gap:8px;}
.view95f58-help-actions .view95f58-btn{flex:1 1 145px;}
.view95f58-signal-board{margin:0;padding:10px 12px;display:grid;grid-template-columns:repeat(3,1fr);gap:6px;background:var(--view95f58-deep);border-bottom:1px solid var(--view95f58-line);}
.view95f58-signal{min-height:58px;padding:8px;border:1px solid var(--view95f58-line);background:var(--view95f58-panel2);}
.view95f58-signal b{display:block;margin-bottom:3px;color:var(--view95f58-gold);font:700 10px/1.2 var(--view95f58-mono);letter-spacing:.08em;}
.view95f58-signal span{display:block;color:var(--view95f58-mute);font-size:10.5px;line-height:1.35;}
.view95f58-faq-map{margin:5px 0 14px;border-top:1px solid var(--view95f58-line);}
.view95f58-faq-row{display:grid;grid-template-columns:74px 1fr;gap:10px;padding:11px 0;border-bottom:1px dashed var(--view95f58-hair);}
.view95f58-faq-row dt{color:var(--view95f58-gold);font:700 10px/1.35 var(--view95f58-mono);text-transform:uppercase;}
.view95f58-faq-row dd{margin:0;color:rgba(255,250,205,.86);font-size:12.8px;line-height:1.58;}
.view95f58-faq-row dd b{color:var(--view95f58-ink);}
.view95f58-device-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:5px 0 14px;}
.view95f58-device{padding:11px;border:1px solid var(--view95f58-line);background:linear-gradient(145deg,var(--view95f58-panel2),#18233D);}
.view95f58-device h3{margin:0 0 6px;color:var(--view95f58-soft);font:700 11px/1.3 var(--view95f58-mono);letter-spacing:.08em;text-transform:uppercase;}
.view95f58-device p{margin:0!important;font-size:12.2px!important;line-height:1.55!important;}
.view95f58-verify-stack{margin:5px 0 14px;border-left:2px solid var(--view95f58-gold);padding-left:12px;}
.view95f58-verify-card{position:relative;margin:0 0 9px;padding:10px 11px;border:1px solid var(--view95f58-line);background:var(--view95f58-panel2);}
.view95f58-verify-card::before{content:"";position:absolute;left:-19px;top:13px;width:7px;height:7px;background:var(--view95f58-gold);}
.view95f58-verify-card b{display:block;margin-bottom:3px;color:var(--view95f58-ink);font:700 11px/1.3 var(--view95f58-mono);}
.view95f58-verify-card p{margin:0!important;font-size:12.5px!important;}
.view95f58-answer{margin:6px 0 15px;padding:14px 13px;border:1px solid var(--view95f58-gold);background:rgba(255,204,51,.08);}
.view95f58-answer strong{display:block;margin-bottom:5px;color:var(--view95f58-gold);font:700 10px/1.3 var(--view95f58-mono);letter-spacing:.12em;text-transform:uppercase;}
.view95f58-answer p{margin:0!important;color:var(--view95f58-ink);font-size:13.2px!important;}
.view95f58-choice-list{display:grid;gap:7px;margin:6px 0 14px;padding:0;list-style:none;}
.view95f58-choice-list li{display:grid;grid-template-columns:24px 1fr;gap:9px;align-items:start;padding:10px;border:1px solid var(--view95f58-line);background:var(--view95f58-panel2);font-size:12.7px;line-height:1.55;color:rgba(255,250,205,.86);}
.view95f58-choice-list li::before{content:"✓";display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border:1px solid var(--view95f58-gold);color:var(--view95f58-gold);font:700 12px/1 var(--view95f58-mono);}
.view95f58-safety-grid{display:grid;gap:8px;margin:6px 0 15px;}
.view95f58-safety-card{padding:12px 12px 11px;border-left:3px solid var(--view95f58-soft);background:var(--view95f58-panel2);}
.view95f58-safety-card[data-level="stop"]{border-left-color:var(--view95f58-gold);}
.view95f58-safety-card h3{margin:0 0 5px;color:var(--view95f58-ink);font-size:14px;line-height:1.35;}
.view95f58-safety-card p{margin:0!important;font-size:12.7px!important;}
.view95f58-term-list{margin:6px 0 15px;border:1px solid var(--view95f58-line);}
.view95f58-term{display:grid;grid-template-columns:92px 1fr;gap:10px;padding:10px 11px;border-top:1px dashed var(--view95f58-hair);}
.view95f58-term:first-child{border-top:0;}
.view95f58-term dt{color:var(--view95f58-gold);font:700 10.5px/1.4 var(--view95f58-mono);text-transform:uppercase;}
.view95f58-term dd{margin:0;color:rgba(255,250,205,.86);font-size:12.5px;line-height:1.55;}
.view95f58-requirements{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin:6px 0 15px;background:var(--view95f58-line);border:1px solid var(--view95f58-line);}
.view95f58-requirement{padding:10px;background:var(--view95f58-panel2);}
.view95f58-requirement b{display:block;margin-bottom:3px;color:var(--view95f58-soft);font:700 10px/1.3 var(--view95f58-mono);letter-spacing:.06em;}
.view95f58-requirement span{display:block;color:rgba(255,250,205,.83);font-size:12px;line-height:1.5;}
.view95f58-scenario-rail{display:flex;gap:7px;overflow-x:auto;margin:6px 0 15px;padding:1px 1px 5px;scrollbar-width:thin;}
.view95f58-scenario{flex:0 0 178px;padding:11px;border-top:2px solid var(--view95f58-gold);background:var(--view95f58-panel2);}
.view95f58-scenario h3{margin:0 0 5px;font:700 11px/1.35 var(--view95f58-mono);color:var(--view95f58-ink);text-transform:uppercase;}
.view95f58-scenario p{margin:0!important;font-size:12.2px!important;line-height:1.52!important;}
.view95f58-help-close{margin:4px 14px 22px;padding:14px 13px;border-top:1px solid var(--view95f58-line);color:rgba(255,250,205,.84);font-size:13px;}
.view95f58-help-close p{margin:0 0 12px;}

@media (max-width:359px){
  .view95f58-signal-board{grid-template-columns:1fr;}
  .view95f58-device-grid,.view95f58-requirements{grid-template-columns:1fr;}
  .view95f58-faq-row{grid-template-columns:64px 1fr;gap:7px;}
  .view95f58-term{grid-template-columns:78px 1fr;gap:7px;}
}