/* ============================================================
   SugarPlay Slot - mobile surface stylesheet
   Canvas: 320-430px phone frame, centered on wide screens
   Prefix: ui108ae-  (all classes and CSS variables)
   ============================================================ */

:root{
  --ui108ae-bg:#0E1621;
  --ui108ae-panel:#141F2E;
  --ui108ae-panel-2:#1A2739;
  --ui108ae-line:#24344A;
  --ui108ae-ink:#EAF2FF;
  --ui108ae-ink-dim:#A9BBD4;
  --ui108ae-violet:#CC99FF;
  --ui108ae-cyan:#00B8D4;
  --ui108ae-blue:#1E90FF;
  --ui108ae-good:#5EE6C8;
  --ui108ae-warn:#FFC46B;
  --ui108ae-radius:8px;
  --ui108ae-radius-lg:12px;
  --ui108ae-gap:10px;
  --ui108ae-tabbar-h:62px;
  --ui108ae-topbar-h:56px;
  --ui108ae-font-head:'Trebuchet MS','Segoe UI',Verdana,system-ui,sans-serif;
  --ui108ae-font-body:system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
}

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

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

body{
  margin:0;
  background:#080D14;
  color:var(--ui108ae-ink);
  font-family:var(--ui108ae-font-body);
  font-size:14px;
  line-height:1.55;
  overflow-x:hidden;
}

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

/* Centered phone canvas; on wide screens keep the 430px frame */
.ui108ae-canvas{
  position:relative;
  width:100%;
  max-width:430px;
  min-height:100vh;
  margin:0 auto;
  background:var(--ui108ae-bg);
  overflow-x:hidden;
}
@media (min-width:431px){
  .ui108ae-canvas{
    box-shadow:0 0 0 1px var(--ui108ae-line),0 18px 60px rgba(0,0,0,.55);
  }
}

a{color:var(--ui108ae-cyan);text-decoration:none;}
a:hover{text-decoration:underline;}
:focus-visible{outline:2px solid var(--ui108ae-violet);outline-offset:2px;border-radius:4px;}

.ui108ae-sr-only{
  position:absolute;width:1px;height:1px;margin:-1px;
  clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;
}

/* ------------------------------------------------------------
   Top action band: minimal title strip + right-side actions
   ------------------------------------------------------------ */
.ui108ae-topbar{
  position:fixed;
  top:0;left:50%;transform:translateX(-50%);
  width:100%;max-width:430px;
  height:var(--ui108ae-topbar-h);
  display:flex;align-items:center;gap:8px;
  padding:0 10px;
  background:rgba(14,22,33,.94);
  border-bottom:1px solid var(--ui108ae-line);
  z-index:60;
  backdrop-filter:blur(8px);
}
.ui108ae-brand{
  display:flex;align-items:center;gap:8px;
  min-width:0;flex:1;
}
.ui108ae-logo{
  width:34px;height:34px;flex:0 0 34px;
  border-radius:var(--ui108ae-radius);
  object-fit:cover;
  border:1px solid var(--ui108ae-line);
  background:var(--ui108ae-panel);
}
.ui108ae-wordmark{
  font-family:var(--ui108ae-font-head);
  font-size:17px;font-weight:700;letter-spacing:.2px;
  color:var(--ui108ae-ink);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.ui108ae-wordmark em{
  font-style:normal;color:var(--ui108ae-violet);
}
.ui108ae-actions{display:flex;align-items:center;gap:6px;flex:0 0 auto;}

/* CTA shapes: primary is large and solid, secondary is compact and outlined */
.ui108ae-btn{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:44px;
  border:0;border-radius:var(--ui108ae-radius);
  font-family:var(--ui108ae-font-head);
  font-weight:700;cursor:pointer;
  transition:transform .15s ease,filter .15s ease,background-color .15s ease;
}
.ui108ae-btn:active{transform:scale(.96);}
.ui108ae-btn--primary{
  padding:0 18px;font-size:15px;
  background:linear-gradient(135deg,var(--ui108ae-violet),var(--ui108ae-blue));
  color:#12141D;
  box-shadow:0 4px 14px rgba(204,153,255,.35);
}
.ui108ae-btn--ghost{
  padding:0 12px;font-size:12.5px;
  background:transparent;color:var(--ui108ae-ink);
  border:1px solid var(--ui108ae-line);
}
.ui108ae-btn--ghost:hover{border-color:var(--ui108ae-cyan);}
.ui108ae-menu-btn{
  width:44px;height:44px;flex:0 0 44px;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;
  background:var(--ui108ae-panel);
  border:1px solid var(--ui108ae-line);
  border-radius:var(--ui108ae-radius);
  cursor:pointer;
}
.ui108ae-menu-btn span{
  display:block;width:18px;height:2px;border-radius:2px;
  background:var(--ui108ae-ink);transition:transform .2s ease,opacity .2s ease;
}
.ui108ae-menu-btn[aria-expanded="true"] span:nth-child(1){transform:translateY(6px) rotate(45deg);}
.ui108ae-menu-btn[aria-expanded="true"] span:nth-child(2){opacity:0;}
.ui108ae-menu-btn[aria-expanded="true"] span:nth-child(3){transform:translateY(-6px) rotate(-45deg);}

/* ------------------------------------------------------------
   Slide-up route panel
   ------------------------------------------------------------ */
.ui108ae-scrim{
  position:fixed;inset:0;z-index:70;
  background:rgba(4,8,13,.66);
  opacity:0;pointer-events:none;
  transition:opacity .2s ease;
}
.ui108ae-scrim.is-shown{opacity:1;pointer-events:auto;}
.ui108ae-drawer{
  position:fixed;
  left:50%;transform:translate(-50%,105%);
  bottom:0;width:100%;max-width:430px;
  max-height:72vh;overflow-y:auto;
  background:var(--ui108ae-panel);
  border-top:1px solid var(--ui108ae-line);
  border-radius:16px 16px 0 0;
  padding:14px 14px calc(18px + env(safe-area-inset-bottom));
  z-index:80;
  transition:transform .26s ease;
}
.ui108ae-drawer.is-open{transform:translate(-50%,0);}
.ui108ae-drawer-head{
  display:flex;align-items:center;justify-content:space-between;
  margin-bottom:10px;
}
.ui108ae-drawer-title{
  font-family:var(--ui108ae-font-head);
  font-size:15px;font-weight:700;color:var(--ui108ae-violet);
  margin:0;
}
.ui108ae-drawer-close{
  min-width:44px;min-height:44px;
  background:var(--ui108ae-panel-2);
  border:1px solid var(--ui108ae-line);border-radius:var(--ui108ae-radius);
  color:var(--ui108ae-ink);font-size:18px;line-height:1;cursor:pointer;
}
.ui108ae-drawer-group{margin-bottom:12px;}
.ui108ae-drawer-label{
  font-size:11px;letter-spacing:1.2px;text-transform:uppercase;
  color:var(--ui108ae-ink-dim);margin:0 0 6px;
}
.ui108ae-drawer-links{display:grid;grid-template-columns:1fr 1fr;gap:6px;}
.ui108ae-drawer-links a{
  display:flex;align-items:center;min-height:44px;
  padding:8px 10px;
  background:var(--ui108ae-panel-2);
  border:1px solid var(--ui108ae-line);
  border-radius:var(--ui108ae-radius);
  color:var(--ui108ae-ink);font-size:13px;
}
.ui108ae-drawer-links a:hover{text-decoration:none;border-color:var(--ui108ae-cyan);}
.ui108ae-drawer-links a.is-here{
  border-color:var(--ui108ae-violet);
  background:linear-gradient(135deg,rgba(204,153,255,.16),rgba(30,144,255,.10));
}

/* ------------------------------------------------------------
   Main column
   ------------------------------------------------------------ */
.ui108ae-main{
  padding:calc(var(--ui108ae-topbar-h) + 12px) 12px calc(var(--ui108ae-tabbar-h) + 26px + env(safe-area-inset-bottom));
}

.ui108ae-hero-title{
  font-family:var(--ui108ae-font-head);
  font-size:26px;line-height:1.2;font-weight:800;
  margin:6px 0 10px;
  color:var(--ui108ae-ink);
}
.ui108ae-hero-title b{color:var(--ui108ae-violet);}
.ui108ae-lead{margin:0 0 14px;color:var(--ui108ae-ink-dim);font-size:13.5px;}
.ui108ae-lead strong{color:var(--ui108ae-ink);}
.ui108ae-lead a{color:var(--ui108ae-cyan);font-weight:600;}

/* Fact chips: quick summary line above details */
.ui108ae-chiprow{
  display:flex;gap:6px;flex-wrap:wrap;margin:0 0 14px;
}
.ui108ae-chip{
  display:inline-flex;align-items:center;gap:5px;
  padding:5px 9px;font-size:11.5px;
  background:var(--ui108ae-panel);
  border:1px solid var(--ui108ae-line);
  border-radius:999px;color:var(--ui108ae-ink-dim);
}
.ui108ae-chip i{
  width:6px;height:6px;border-radius:50%;
  background:var(--ui108ae-good);font-style:normal;
}

/* ------------------------------------------------------------
   Promo carousel
   ------------------------------------------------------------ */
.ui108ae-hero{
  position:relative;
  border-radius:var(--ui108ae-radius-lg);
  overflow:hidden;
  border:1px solid var(--ui108ae-line);
  background:var(--ui108ae-panel);
  margin:0 0 16px;
}
.ui108ae-hero-track{
  display:flex;
  width:100%;
  transition:transform .35s ease;
}
.ui108ae-hero-slide{
  position:relative;flex:0 0 100%;
  cursor:pointer;border:0;padding:0;
  background:var(--ui108ae-panel);
  text-align:left;
  font-family:inherit;
}
.ui108ae-hero-slide img{
  width:100%;aspect-ratio:16/9;object-fit:cover;
}
.ui108ae-hero-cap{
  position:absolute;left:0;right:0;bottom:0;
  padding:26px 12px 12px;
  background:linear-gradient(180deg,rgba(14,22,33,0),rgba(14,22,33,.92));
  color:var(--ui108ae-ink);
}
.ui108ae-hero-cap b{
  display:block;
  font-family:var(--ui108ae-font-head);
  font-size:16px;font-weight:800;
  color:var(--ui108ae-violet);
}
.ui108ae-hero-cap small{font-size:12px;color:var(--ui108ae-ink-dim);}
.ui108ae-dots{
  position:absolute;bottom:8px;right:10px;
  display:flex;gap:5px;
}
.ui108ae-dot{
  width:7px;height:7px;border-radius:50%;
  border:0;padding:0;cursor:pointer;
  background:rgba(234,242,255,.35);
  transition:width .2s ease,background-color .2s ease;
}
.ui108ae-dot.is-on{width:18px;border-radius:999px;background:var(--ui108ae-cyan);}

/* ------------------------------------------------------------
   Game sections
   ------------------------------------------------------------ */
.ui108ae-sec{margin:0 0 20px;}
.ui108ae-sec-head{
  display:flex;align-items:baseline;justify-content:space-between;
  gap:8px;margin-bottom:8px;
}
.ui108ae-sec-title{
  font-family:var(--ui108ae-font-head);
  font-size:17.5px;line-height:1.25;font-weight:800;
  margin:0;color:var(--ui108ae-ink);
}
.ui108ae-sec-title::before{
  content:"";display:inline-block;
  width:4px;height:15px;margin-right:7px;
  border-radius:3px;
  background:linear-gradient(180deg,var(--ui108ae-violet),var(--ui108ae-cyan));
}
.ui108ae-sec-note{
  margin:0 0 10px;font-size:12.5px;color:var(--ui108ae-ink-dim);
}
.ui108ae-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:7px;
}
@media (min-width:375px){
  .ui108ae-grid{gap:8px;}
}
.ui108ae-game{
  display:flex;flex-direction:column;align-items:center;
  padding:0;border:1px solid var(--ui108ae-line);
  border-radius:var(--ui108ae-radius);
  background:var(--ui108ae-panel);
  cursor:pointer;overflow:hidden;
  font-family:inherit;
  transition:border-color .15s ease,transform .15s ease;
  -webkit-tap-highlight-color:transparent;
}
.ui108ae-game:hover{border-color:var(--ui108ae-violet);text-decoration:none;}
.ui108ae-game:active{transform:scale(.95);}
.ui108ae-game img{
  width:100%;aspect-ratio:1/1;object-fit:cover;
  background:var(--ui108ae-panel-2);
}
.ui108ae-game-name{
  width:100%;
  padding:5px 4px 6px;
  font-size:10.5px;line-height:1.25;font-weight:600;
  text-align:center;color:var(--ui108ae-ink);
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;
  overflow:hidden;
  min-height:32px;
}
.ui108ae-sec-links{
  display:flex;flex-wrap:wrap;gap:6px;
  margin-top:10px;
}
.ui108ae-sec-links span{
  font-size:11px;color:var(--ui108ae-ink-dim);
  align-self:center;
}
.ui108ae-pill{
  display:inline-flex;align-items:center;
  min-height:36px;padding:4px 11px;
  border-radius:999px;
  border:1px solid var(--ui108ae-line);
  background:var(--ui108ae-panel);
  font-size:12px;color:var(--ui108ae-cyan);
}
.ui108ae-pill:hover{border-color:var(--ui108ae-cyan);text-decoration:none;}

/* ------------------------------------------------------------
   Prose modules
   ------------------------------------------------------------ */
.ui108ae-note{
  background:var(--ui108ae-panel);
  border:1px solid var(--ui108ae-line);
  border-radius:var(--ui108ae-radius-lg);
  padding:14px 13px;
  margin:0 0 16px;
}
.ui108ae-note h2{
  font-family:var(--ui108ae-font-head);
  font-size:16.5px;line-height:1.3;font-weight:800;
  margin:0 0 8px;color:var(--ui108ae-ink);
}
.ui108ae-note h3{
  font-family:var(--ui108ae-font-head);
  font-size:14px;font-weight:700;
  margin:14px 0 4px;color:var(--ui108ae-violet);
}
.ui108ae-note p{margin:0 0 9px;font-size:13px;color:var(--ui108ae-ink-dim);}
.ui108ae-note p:last-child{margin-bottom:0;}
.ui108ae-note p strong,.ui108ae-note li strong{color:var(--ui108ae-ink);}
.ui108ae-note a{color:var(--ui108ae-cyan);font-weight:600;}

.ui108ae-kicker{
  font-size:10.5px;letter-spacing:1.4px;text-transform:uppercase;
  color:var(--ui108ae-cyan);margin:0 0 4px;
}

.ui108ae-steps{
  margin:8px 0 10px;padding:0 0 0 20px;
  font-size:12.5px;color:var(--ui108ae-ink-dim);
}
.ui108ae-steps li{margin-bottom:6px;}
.ui108ae-steps li::marker{color:var(--ui108ae-violet);font-weight:700;}

.ui108ae-duo{display:grid;grid-template-columns:1fr;gap:10px;}
@media (min-width:375px){
  .ui108ae-duo{grid-template-columns:1fr 1fr;}
}
.ui108ae-duo-col{
  background:var(--ui108ae-panel-2);
  border:1px solid var(--ui108ae-line);
  border-radius:var(--ui108ae-radius);
  padding:10px;
}
.ui108ae-duo-col h3{
  margin:0 0 6px;font-size:13px;font-weight:700;
  font-family:var(--ui108ae-font-head);
}
.ui108ae-duo-col ul{margin:0;padding-left:18px;font-size:12px;color:var(--ui108ae-ink-dim);}
.ui108ae-duo-col li{margin-bottom:4px;}
.ui108ae-duo-col--good h3{color:var(--ui108ae-good);}
.ui108ae-duo-col--bad h3{color:var(--ui108ae-warn);}

/* Winner activity rows */
.ui108ae-winlist{margin:8px 0 6px;}
.ui108ae-winrow{
  display:flex;align-items:center;gap:9px;
  padding:8px 9px;
  border:1px solid var(--ui108ae-line);
  border-radius:var(--ui108ae-radius);
  background:var(--ui108ae-panel-2);
  margin-bottom:6px;
}
.ui108ae-winrow img{
  width:38px;height:38px;flex:0 0 38px;
  border-radius:var(--ui108ae-radius);
  object-fit:cover;
  background:var(--ui108ae-panel);
}
.ui108ae-win-meta{flex:1;min-width:0;}
.ui108ae-win-meta b{
  display:block;font-size:12.5px;color:var(--ui108ae-ink);
  font-family:var(--ui108ae-font-head);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.ui108ae-win-meta small{font-size:11px;color:var(--ui108ae-ink-dim);}
.ui108ae-win-amt{
  font-family:var(--ui108ae-font-head);
  font-size:13px;font-weight:800;color:var(--ui108ae-good);
  white-space:nowrap;
}

/* Inline promo link block */
.ui108ae-ctarow{
  display:flex;gap:8px;flex-wrap:wrap;align-items:center;
  margin:4px 0 10px;
}
.ui108ae-ctarow .ui108ae-btn{min-height:46px;}
.ui108ae-ctarow .ui108ae-btn--primary{flex:1 1 auto;padding:0 14px;}
.ui108ae-ctarow .ui108ae-btn--ghost{flex:0 0 auto;}
.ui108ae-textlink{
  background:none;border:0;padding:0;
  color:var(--ui108ae-cyan);font-size:13px;font-weight:600;
  text-decoration:underline;cursor:pointer;
  font-family:inherit;
}

/* ------------------------------------------------------------
   Extended footer: promotions > brand > directory > disclaimer
   ------------------------------------------------------------ */
.ui108ae-ext{
  margin:20px 0 0;
  border:1px solid var(--ui108ae-line);
  border-radius:var(--ui108ae-radius-lg);
  background:var(--ui108ae-panel);
  padding:14px 13px;
}
.ui108ae-ext h2{
  font-family:var(--ui108ae-font-head);
  font-size:16px;font-weight:800;margin:0 0 10px;
}
.ui108ae-ext-promos{
  display:grid;grid-template-columns:1fr 1fr;gap:7px;
  margin-bottom:14px;
}
.ui108ae-ext-promos .ui108ae-btn{
  min-height:46px;font-size:12.5px;padding:0 8px;
}
.ui108ae-ext-promos .ui108ae-btn--wide{grid-column:1 / -1;font-size:14px;}
.ui108ae-ext-brand{
  font-size:12.5px;color:var(--ui108ae-ink-dim);
  border-top:1px solid var(--ui108ae-line);
  padding-top:12px;margin-bottom:12px;
}
.ui108ae-ext-brand p{margin:0;}
.ui108ae-ext-dir{
  border-top:1px solid var(--ui108ae-line);
  padding-top:12px;
}
.ui108ae-ext-dir h3{
  font-size:11px;letter-spacing:1.2px;text-transform:uppercase;
  color:var(--ui108ae-ink-dim);margin:0 0 8px;
}
.ui108ae-dir-grid{
  display:grid;grid-template-columns:1fr 1fr;gap:5px;
}
.ui108ae-dir-grid a{
  display:flex;align-items:center;min-height:40px;
  padding:6px 9px;font-size:12px;
  color:var(--ui108ae-ink);
  background:var(--ui108ae-panel-2);
  border:1px solid var(--ui108ae-line);
  border-radius:var(--ui108ae-radius);
}
.ui108ae-dir-grid a:hover{border-color:var(--ui108ae-cyan);text-decoration:none;}
.ui108ae-ext-disc{
  border-top:1px solid var(--ui108ae-line);
  margin-top:12px;padding-top:10px;
  font-size:11px;line-height:1.5;color:var(--ui108ae-ink-dim);
}
.ui108ae-ext-disc strong{color:var(--ui108ae-warn);}

/* ------------------------------------------------------------
   Common footer (copyright only) + fixed segmented tab bar
   ------------------------------------------------------------ */
.ui108ae-foot{
  text-align:center;
  padding:14px 12px 6px;
  font-size:11.5px;color:var(--ui108ae-ink-dim);
}
.ui108ae-foot p{margin:0;}

.ui108ae-tabbar{
  position:fixed;
  bottom:0;left:50%;transform:translateX(-50%);
  width:100%;max-width:430px;
  height:calc(var(--ui108ae-tabbar-h) + env(safe-area-inset-bottom));
  padding-bottom:env(safe-area-inset-bottom);
  display:flex;
  background:rgba(14,22,33,.97);
  border-top:1px solid var(--ui108ae-line);
  z-index:50;
}
.ui108ae-tab{
  position:relative;
  flex:1 1 20%;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:3px;min-height:var(--ui108ae-tabbar-h);
  background:none;border:0;cursor:pointer;
  color:var(--ui108ae-ink-dim);
  font-family:var(--ui108ae-font-body);
  -webkit-tap-highlight-color:transparent;
}
.ui108ae-tab svg{width:22px;height:22px;}
.ui108ae-tab svg path,.ui108ae-tab svg circle,.ui108ae-tab svg rect{
  fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;
}
.ui108ae-tab-label{font-size:10px;font-weight:600;letter-spacing:.2px;}
.ui108ae-tab:hover{color:var(--ui108ae-ink);}
/* Active state: icon fills in and label brightens */
.ui108ae-tab.is-active{color:var(--ui108ae-violet);}
.ui108ae-tab.is-active svg path,.ui108ae-tab.is-active svg circle,.ui108ae-tab.is-active svg rect{
  fill:currentColor;stroke:var(--ui108ae-bg);stroke-width:1.2;
}
/* Sliding indicator under the active tab */
.ui108ae-tab-ink{
  position:absolute;top:0;left:0;
  width:20%;height:3px;
  border-radius:0 0 4px 4px;
  background:linear-gradient(90deg,var(--ui108ae-violet),var(--ui108ae-cyan));
  transition:transform .25s ease;
}
.ui108ae-tab--promo{color:var(--ui108ae-cyan);}
.ui108ae-tab--promo .ui108ae-tab-label{color:var(--ui108ae-cyan);}

/* ------------------------------------------------------------
   Motion budget: restrained fade feedback
   ------------------------------------------------------------ */
@keyframes ui108ae-rise{
  from{opacity:0;transform:translateY(8px);}
  to{opacity:1;transform:translateY(0);}
}
.ui108ae-note,.ui108ae-sec,.ui108ae-hero{
  animation:ui108ae-rise .32s ease both;
}
@media (prefers-reduced-motion:reduce){
  .ui108ae-note,.ui108ae-sec,.ui108ae-hero{animation:none;}
  .ui108ae-hero-track{transition:none;}
  .ui108ae-tab-ink{transition:none;}
}

/* ------------------------------------------------------------
   Help pages: safety ledger and tips panels
   ------------------------------------------------------------ */
.ui108ae-help p,.ui108ae-help li,.ui108ae-help td,.ui108ae-help h2,.ui108ae-help h3{
  overflow-wrap:break-word;
}
.ui108ae-help h2{
  font-family:var(--ui108ae-font-head);
  font-size:17px;line-height:1.3;font-weight:800;
  margin:0 0 8px;
}
.ui108ae-help h3{
  font-family:var(--ui108ae-font-head);
  font-size:14px;line-height:1.35;font-weight:700;
  margin:0 0 4px;color:var(--ui108ae-violet);
}
.ui108ae-help p{margin:0 0 10px;font-size:13px;color:var(--ui108ae-ink-dim);}
.ui108ae-help p strong{color:var(--ui108ae-ink);}
.ui108ae-help a{color:var(--ui108ae-cyan);font-weight:600;}
.ui108ae-block{margin:0 0 18px;}

.ui108ae-ledger{list-style:none;margin:0 0 10px;padding:0;}
.ui108ae-ledger li{
  display:grid;grid-template-columns:32px minmax(0,1fr);gap:8px;
  padding:8px 0;border-bottom:1px solid var(--ui108ae-line);
  font-size:13px;color:var(--ui108ae-ink-dim);
}
.ui108ae-ledger b{
  font-family:var(--ui108ae-font-head);color:var(--ui108ae-cyan);font-size:13px;
}

.ui108ae-branch{display:flex;flex-direction:column;gap:8px;margin:0 0 10px;}
.ui108ae-branch article{
  border-left:3px solid var(--ui108ae-cyan);
  background:var(--ui108ae-panel);
  border-radius:0 var(--ui108ae-radius) var(--ui108ae-radius) 0;
  padding:10px 10px 4px;
}
.ui108ae-payrow{
  display:grid;grid-template-columns:minmax(0,92px) minmax(0,1fr);gap:8px;
  padding:8px 0;border-bottom:1px solid var(--ui108ae-line);
  font-size:12.5px;color:var(--ui108ae-ink-dim);
}
.ui108ae-payrow b{color:var(--ui108ae-ink);font-size:12.5px;}
.ui108ae-miss{display:flex;flex-direction:column;gap:8px;margin:0 0 10px;}
.ui108ae-miss article{
  border:1px solid var(--ui108ae-line);border-radius:var(--ui108ae-radius);
  padding:10px 10px 2px;background:var(--ui108ae-panel);
}
.ui108ae-miss article h3{color:var(--ui108ae-warn);}
.ui108ae-split{display:grid;grid-template-columns:1fr;gap:8px;margin:0 0 10px;}
@media (min-width:360px){
  .ui108ae-split{grid-template-columns:1fr 1fr;}
}
.ui108ae-split article{
  background:var(--ui108ae-panel);border:1px solid var(--ui108ae-line);
  border-radius:var(--ui108ae-radius);padding:10px 10px 2px;
}
.ui108ae-split article:first-child h3{color:var(--ui108ae-good);}
.ui108ae-split article:last-child h3{color:var(--ui108ae-warn);}

.ui108ae-dim{display:flex;flex-direction:column;gap:8px;margin:0 0 10px;}
.ui108ae-dim article{
  background:var(--ui108ae-panel-2);border-radius:var(--ui108ae-radius);
  padding:10px 10px 2px;border:1px solid var(--ui108ae-line);
}
.ui108ae-dim article h3{color:var(--ui108ae-cyan);}
.ui108ae-ribbon{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px;margin:0 0 10px;}
.ui108ae-ribbon span{
  flex:0 0 auto;max-width:148px;
  background:var(--ui108ae-panel);border:1px solid var(--ui108ae-line);
  border-radius:var(--ui108ae-radius);padding:8px;
  font-size:12px;color:var(--ui108ae-ink-dim);
}
.ui108ae-ribbon b{display:block;color:var(--ui108ae-violet);margin-bottom:3px;}
.ui108ae-fault{
  border:1px solid var(--ui108ae-line);border-radius:var(--ui108ae-radius);
  background:var(--ui108ae-panel);margin:0 0 8px;padding:0 10px;
}
.ui108ae-fault summary{
  min-height:44px;display:flex;align-items:center;cursor:pointer;
  font-family:var(--ui108ae-font-head);font-weight:700;font-size:13.5px;color:var(--ui108ae-ink);
}
.ui108ae-device{display:grid;grid-template-columns:1fr;gap:8px;margin:0 0 10px;}
@media (min-width:375px){
  .ui108ae-device{grid-template-columns:1fr 1fr;}
}
.ui108ae-device article{
  border-top:3px solid var(--ui108ae-blue);
  background:var(--ui108ae-panel);border-radius:var(--ui108ae-radius);
  padding:10px 10px 2px;
}
.ui108ae-keep{margin:0 0 10px;padding:0;list-style:none;counter-reset:ui108ae-k;}
.ui108ae-keep li{
  counter-increment:ui108ae-k;
  display:grid;grid-template-columns:28px minmax(0,1fr);gap:8px;
  padding:8px 0;border-bottom:1px dashed var(--ui108ae-line);
  font-size:13px;color:var(--ui108ae-ink-dim);
}
.ui108ae-keep li::before{
  content:counter(ui108ae-k);
  font-family:var(--ui108ae-font-head);font-weight:800;color:var(--ui108ae-violet);
}
.ui108ae-qa{margin:0 0 10px;}
.ui108ae-qa dt{
  font-family:var(--ui108ae-font-head);font-weight:700;color:var(--ui108ae-ink);
  margin:10px 0 4px;
}
.ui108ae-qa dd{margin:0;font-size:13px;color:var(--ui108ae-ink-dim);}