/* Point 5: Home-only composition. Shared tokens/components live in era1-design-system.css. */
.tracce-home{position:relative;min-height:100svh;overflow:hidden;isolation:isolate;background:var(--skin-c002)}
.world-layer{position:absolute;inset:-2.5%;z-index:0;transform:translate3d(calc(var(--mx,0) * -7px),calc(var(--my,0) * -4px),0) scale(1.045);transition:transform .34s ease-out;will-change:transform}
.world-layer img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 50%;filter:saturate(1.13) contrast(1.07) brightness(.94)}
.world-layer::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 51% 47%,transparent 0 27%,var(--skin-c131) 48%,var(--skin-c132) 100%),linear-gradient(90deg,var(--skin-c133),transparent 26%,transparent 73%,var(--skin-c134)),linear-gradient(180deg,var(--skin-c135),transparent 48%,var(--skin-c136));pointer-events:none}
.ambient-grain{position:absolute;inset:0;z-index:2;pointer-events:none;opacity:.12;background-image:repeating-radial-gradient(circle at 0 0,transparent 0,var(--skin-c137) .45px,transparent .9px);background-size:4px 4px;mix-blend-mode:soft-light}
.sun-flare{position:absolute;z-index:1;left:50.2%;top:29%;width:26vw;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,var(--skin-c138),var(--skin-c139) 32%,transparent 67%);filter:blur(13px);pointer-events:none;animation:sunBreath 8s ease-in-out infinite}
.highlight-glow{position:absolute;z-index:1;left:51.8%;top:71.5%;width:21vw;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,var(--skin-c140),var(--skin-c141) 35%,transparent 69%);filter:blur(13px);pointer-events:none;animation:highlightPulse 2.8s ease-in-out infinite}
@keyframes sunBreath{50%{opacity:.72;transform:translate(-50%,-50%) scale(1.07)}}
@keyframes highlightPulse{50%{opacity:.76;transform:translate(-50%,-50%) scale(1.13)}}

.brand-plaque{position:absolute;z-index:6;left:2.7%;top:2.2%;width:min(30.5vw,590px);min-height:94px;padding:13px 34px 15px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;background:linear-gradient(var(--skin-c142),var(--skin-c143)),url("../../theme/assets/surface-secondary.jpg") center/cover;border:1px solid var(--skin-c144);border-radius:44% 39% 45% 36%/27% 24% 21% 26%;box-shadow:0 13px 30px var(--skin-c145),inset 0 1px var(--skin-c146),inset 0 -7px 18px var(--skin-c147);transform:rotate(-.4deg)}
.brand-plaque::before,.brand-plaque::after{content:"";position:absolute;width:10px;height:118%;top:-9%;background:linear-gradient(90deg,var(--skin-c148),var(--skin-c149) 38%,var(--skin-c150) 70%,var(--skin-c151));border-radius:50%;box-shadow:0 4px 7px var(--skin-c152)}
.brand-plaque::before{left:4.2%}.brand-plaque::after{right:4.2%}
.brand-glyphs{height:17px;width:44%;margin-bottom:3px;color:var(--skin-c031);opacity:.74}.brand-glyphs svg{display:block;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.brand-title{font:900 clamp(22px,1.78vw,36px)/.94 var(--display);letter-spacing:.12em;color:var(--skin-c153);text-shadow:0 3px 3px var(--skin-c152),0 0 18px var(--skin-c154)}
.brand-sub{margin-top:.55em;font:900 clamp(8px,.63vw,12px)/1.1 var(--ui);letter-spacing:.30em;text-transform:uppercase;color:var(--skin-c155);text-shadow:0 2px 2px var(--skin-c152)}

.surface-secondary-panel{position:absolute;z-index:7;left:2.9%;top:15.3%;width:min(29.3vw,565px);height:53.5vh;min-height:500px;padding:28px 38px 27px;display:flex;flex-direction:column;align-items:center;text-align:center;color:var(--ink);background:linear-gradient(var(--skin-c156),var(--skin-c114)),url("../../theme/assets/surface-primary.jpg") center/cover;border:1px solid var(--skin-c157);border-radius:9% 7% 8% 6%/5% 7% 5% 8%;box-shadow:0 24px 62px var(--skin-c158),inset 0 0 52px var(--skin-c159),inset 0 1px var(--skin-c160);filter:drop-shadow(0 4px 2px var(--skin-c102))}
.surface-secondary-panel::before{content:"";position:absolute;inset:-14px -13px;z-index:-1;border-radius:10% 8% 9% 7%;background:linear-gradient(90deg,var(--skin-c161) 0 2%,transparent 2% 98%,var(--skin-c161) 98%),linear-gradient(var(--skin-c161) 0 2%,transparent 2% 98%,var(--skin-c161) 98%);box-shadow:inset 0 0 0 4px var(--skin-c162),0 10px 22px var(--skin-c163)}
.surface-secondary-panel::after{content:"";position:absolute;inset:10px;pointer-events:none;border:1px solid var(--skin-c164);border-radius:7%;box-shadow:inset 0 0 22px var(--skin-c165)}
.surface-secondary-lashing{position:absolute;z-index:3;width:34px;height:15px;border-radius:50%;border-top:4px solid var(--skin-c166);border-bottom:3px solid var(--skin-c017);box-shadow:0 2px 3px var(--skin-c167);transform:rotate(-7deg)}
.lashing-a{left:-18px;top:18%}.lashing-b{right:-18px;bottom:19%;transform:rotate(8deg)}
.panel-mark{width:43px;height:43px;display:grid;place-items:center;margin:0 auto 6px;color:var(--skin-c018);opacity:.88;position:relative;z-index:1}.panel-mark svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round}
.panel-eyebrow{position:relative;z-index:1;margin:0 0 7px;font:900 clamp(9px,.66vw,13px)/1.2 var(--ui);letter-spacing:.24em;text-transform:uppercase;color:var(--skin-c168)}
.panel-title{position:relative;z-index:1;margin:0;font:900 clamp(39px,3.35vw,66px)/.9 var(--display);letter-spacing:-.035em;color:var(--skin-c169);text-shadow:0 1px var(--skin-c170),0 2px 8px var(--skin-c171)}
.panel-subtitle{position:relative;z-index:1;margin:9px 0 0;font:900 clamp(15px,1.16vw,23px)/1.02 var(--display);letter-spacing:.14em;text-transform:uppercase;color:var(--skin-c016)}
.panel-divider{position:relative;z-index:1;width:68%;height:12px;margin:10px auto 10px}.panel-divider::before,.panel-divider::after{content:"";position:absolute;top:50%;width:43%;height:1px;background:linear-gradient(90deg,transparent,var(--skin-c172))}.panel-divider::before{left:0}.panel-divider::after{right:0;transform:scaleX(-1)}.panel-divider span{position:absolute;left:50%;top:50%;width:7px;height:7px;background:var(--skin-c173);transform:translate(-50%,-50%) rotate(45deg);box-shadow:0 0 0 3px var(--skin-c174)}
.panel-body{position:relative;z-index:1;width:100%;max-height:205px;overflow:auto;padding:1px 2px 2px;scrollbar-width:thin;scrollbar-color:var(--skin-c175) transparent}
.story-copy{margin:0 auto;max-width:96%;font:700 clamp(12px,.91vw,18px)/1.43 var(--serif);color:var(--skin-c036);text-shadow:0 1px var(--skin-c176)}
.story-detail{margin:11px 0 0;padding:0;list-style:none;display:grid;gap:5px;font:900 clamp(9px,.63vw,12px)/1.18 var(--ui);color:var(--skin-c177)}
.story-detail li::before{content:"◆";font-size:.55em;color:var(--skin-c178);margin-right:.60em;vertical-align:.12em}
.panel-actions{position:relative;z-index:2;margin-top:auto;padding-top:13px;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:8px}
.panel-footnote{position:relative;z-index:1;margin-top:9px;font:900 clamp(7px,.48vw,9px)/1 var(--ui);letter-spacing:.19em;color:var(--skin-c179);opacity:.82}
.menu-column{position:absolute;z-index:8;right:2.4%;top:8.1%;width:min(28.5vw,548px);height:75.4vh;display:grid;grid-template-rows:repeat(5,1fr);gap:11px}
.menu-card{position:relative;display:flex;align-items:center;justify-content:center;min-height:92px;padding:10px 74px;border:1px solid var(--skin-c180);border-radius:7% 5% 8% 6%/16% 14% 17% 12%;background:linear-gradient(90deg,var(--skin-c181),var(--skin-c182) 50%,var(--skin-c183)),url("../../theme/assets/surface-primary.jpg") center/cover;color:var(--skin-c184);box-shadow:0 13px 28px var(--skin-c185),inset 0 1px var(--skin-c186),inset 0 -5px 14px var(--skin-c187);text-shadow:0 1px var(--skin-c188);transition:transform .2s ease,filter .2s ease,box-shadow .2s ease;transform-origin:right center;overflow:visible}
.menu-card::before{content:"";position:absolute;left:-14px;right:-11px;top:-7px;bottom:-7px;z-index:-1;border-top:5px solid var(--skin-c107);border-bottom:5px solid var(--skin-c107);border-radius:12px;box-shadow:0 3px 5px var(--skin-c189),inset 0 1px var(--skin-c109)}
.menu-card:hover{transform:translateX(-8px) rotate(-.12deg);filter:brightness(1.045) saturate(1.04);box-shadow:0 17px 36px var(--skin-c190),0 0 22px var(--skin-c191)}
.menu-card.active{filter:brightness(1.07) saturate(1.08);box-shadow:0 18px 40px var(--skin-c192),0 0 0 2px var(--skin-c193),0 0 27px var(--skin-c194)}
.menu-card.active::after{content:"";position:absolute;left:31%;right:13%;bottom:15%;height:2px;background:linear-gradient(90deg,transparent,var(--skin-c195) 20%,var(--skin-c195) 80%,transparent);box-shadow:0 0 8px var(--skin-c196)}
.menu-icon{position:absolute;left:19px;top:50%;transform:translateY(-50%);width:58px;height:58px;display:grid;place-items:center;color:var(--skin-c197);opacity:.91}
.menu-icon svg{width:52px;height:52px;stroke:currentColor;stroke-width:2.2;fill:none;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 1px var(--skin-c198))}
.menu-copy{text-align:center;min-width:0;max-width:100%}
.menu-title{display:block;font:900 clamp(18px,1.52vw,30px)/.94 var(--display);letter-spacing:.055em;text-transform:uppercase;color:var(--skin-c199)}
.menu-meta{display:block;margin-top:6px;font:900 clamp(8px,.58vw,11px)/1.05 var(--ui);letter-spacing:.15em;text-transform:uppercase;color:var(--skin-c200)}
.menu-knot{position:absolute;right:21px;top:50%;width:18px;height:18px;transform:translateY(-50%) rotate(45deg);border:3px solid var(--skin-c201);border-radius:46% 54% 52% 48%;box-shadow:inset 0 0 0 2px var(--skin-c202),0 2px 3px var(--skin-c203)}
.menu-card.active .menu-title{color:var(--skin-c204)}.menu-card.active .menu-knot{border-color:var(--skin-c205);box-shadow:inset 0 0 0 2px var(--skin-c206),0 0 12px var(--skin-c207)}

.stats-panel{position:absolute;z-index:8;left:2.5%;bottom:2.8%;width:min(35.2vw,680px);min-height:152px;padding:29px 38px 20px;display:grid;grid-template-columns:repeat(3,1fr);align-items:center;background:linear-gradient(var(--skin-c208),var(--skin-c209)),url("../../theme/assets/surface-secondary.jpg") center/cover;border:1px solid var(--skin-c210);border-radius:43% 35% 38% 28%/27% 21% 33% 23%;box-shadow:0 15px 36px var(--skin-c211),inset 0 2px var(--skin-c212),inset 0 -8px 20px var(--skin-c213);transform:rotate(.35deg);color:var(--skin-c214);text-shadow:0 2px 2px var(--skin-c152),0 0 8px var(--skin-c215);overflow:hidden}
.stats-panel::after{content:"";position:absolute;inset:9px;border:1px solid var(--skin-c216);border-radius:inherit;pointer-events:none}
.stat{position:relative;z-index:1;text-align:center;border-right:1px solid var(--skin-c217);padding:0 10px}.stat:last-of-type{border:0}.stat strong{display:block;font:900 clamp(29px,2.75vw,54px)/.88 var(--display);color:var(--skin-c218)}.stat span{display:block;margin-top:9px;font:900 clamp(8px,.59vw,11px)/1.05 var(--ui);letter-spacing:.15em;text-transform:uppercase;color:var(--skin-c219)}
.panel-scratch{position:absolute;height:1px;background:var(--skin-c220);transform-origin:center}.scratch-a{width:88px;left:8%;top:19%;transform:rotate(-13deg)}.scratch-b{width:70px;right:6%;bottom:18%;transform:rotate(17deg)}

.scene-caption{position:absolute;z-index:5;left:39%;right:34%;bottom:9.2%;display:flex;align-items:center;justify-content:center;gap:10px;color:var(--skin-c221);text-shadow:0 2px 8px var(--skin-c152);font:900 clamp(7px,.47vw,9px)/1 var(--ui);letter-spacing:.13em;text-transform:uppercase;text-align:center}.scene-caption i{width:4px;height:4px;transform:rotate(45deg);background:var(--skin-c020);box-shadow:0 0 7px var(--skin-c222);flex:0 0 auto}
.utility-strip{position:absolute;z-index:10;left:50%;bottom:2%;transform:translateX(-50%);display:flex;align-items:center;gap:10px;padding:8px 12px;border:1px solid var(--skin-c223);border-radius:999px;background:var(--skin-c224);backdrop-filter:blur(8px);box-shadow:0 8px 24px var(--skin-c225)}
.progress-note{font:900 clamp(8px,.52vw,10px)/1 var(--ui);letter-spacing:.10em;text-transform:uppercase;color:var(--skin-c226);text-shadow:0 2px 5px var(--skin-c152);white-space:nowrap}.utility-divider{width:1px;height:15px;background:var(--skin-c227)}
.tiny-control{border:1px solid var(--skin-c228);background:var(--skin-c229);color:var(--skin-c230);border-radius:999px;padding:.62em .94em;font:900 clamp(8px,.51vw,10px)/1 var(--ui);letter-spacing:.11em;text-transform:uppercase}.tiny-control:hover{background:var(--skin-c231);color:var(--skin-c232)}

.compact-list{width:100%;display:grid;gap:3px;margin-top:3px}.compact-row{text-decoration:none;cursor:pointer;touch-action:manipulation;display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;padding:6px 8px;border-bottom:1px solid var(--skin-c233);font:900 clamp(9px,.61vw,12px)/1.15 var(--ui);text-align:left;color:var(--skin-c234)}.compact-row:last-child{border-bottom:0}.compact-row .state{font-size:.84em;letter-spacing:.08em;text-transform:uppercase;color:var(--skin-c235)}.compact-row.completed .state{color:var(--skin-c027)}.compact-row.current .state{color:var(--skin-c236)}.compact-row.locked{opacity:.58}.chips{display:flex;flex-wrap:wrap;justify-content:center;gap:5px;margin-top:10px}.chips span{padding:5px 7px;border:1px solid var(--skin-c123);background:var(--skin-c125);font:900 clamp(8px,.53vw,10px)/1 var(--ui);letter-spacing:.06em;text-transform:uppercase;color:var(--skin-c124)}.case-status{margin-top:9px;font:900 clamp(9px,.62vw,12px)/1.2 var(--ui);letter-spacing:.12em;text-transform:uppercase;color:var(--skin-c237)}
.spark{position:absolute;z-index:3;width:3px;height:3px;border-radius:50%;background:var(--skin-c238);box-shadow:0 0 10px var(--skin-c239);pointer-events:none;animation:sparkRise var(--dur) linear forwards}@keyframes sparkRise{0%{transform:translate(0,0) scale(.5);opacity:0}10%{opacity:.78}72%{opacity:.28}100%{transform:translate(var(--dx),-32vh) scale(.08);opacity:0}}
.fade-in{animation:fadeIn .27s ease both}@keyframes fadeIn{from{opacity:.12;transform:translateY(5px)}to{opacity:1;transform:none}}

@media (max-width:1280px){.brand-plaque{width:33vw}.surface-secondary-panel{width:32vw}.menu-column{width:31vw}.stats-panel{width:39vw}.scene-caption{display:none}}
@media (max-height:780px) and (min-width:901px){.brand-plaque{min-height:74px;padding:8px 28px}.brand-glyphs{display:none}.surface-secondary-panel{top:14.6%;height:55vh;min-height:430px;padding:20px 31px 21px}.panel-mark{width:32px;height:32px;margin-bottom:3px}.panel-title{font-size:42px}.panel-body{max-height:145px}.story-copy{font-size:13px}.story-detail{font-size:9px}.menu-column{top:7%;height:76vh}.menu-card{min-height:76px}.stats-panel{min-height:120px;padding:21px 31px 14px}.utility-strip{bottom:1.2%}}
@media (max-aspect-ratio:4/3),(max-width:900px){
  html,body{overflow:auto}.tracce-home{min-height:100vh;padding:58vh 4vw 5vh;background:var(--skin-c002)}.world-layer{inset:0;height:61vh;transform:none}.world-layer img{object-position:center 48%}.world-layer::after{background:linear-gradient(180deg,var(--skin-c240) 0 42%,var(--skin-c241) 62%,var(--skin-c002) 96%)}.sun-flare{top:20vh}.highlight-glow{top:45vh;width:36vw}
  .brand-plaque{top:17px;left:4vw;width:min(74vw,530px);min-height:70px;padding:10px 25px}.brand-title{font-size:22px}.brand-sub{font-size:8px}.brand-glyphs{display:none}
  .surface-secondary-panel,.menu-column,.stats-panel,.scene-caption,.utility-strip{position:relative;left:auto;right:auto;top:auto;bottom:auto;width:auto;height:auto;transform:none}
  .surface-secondary-panel{min-height:0;padding:30px 24px 25px;border-radius:24px}.surface-secondary-panel::before{inset:-7px}.surface-secondary-lashing{display:none}.panel-mark{width:38px;height:38px}.panel-title{font-size:48px}.panel-body{max-height:none}.story-copy{font-size:15px}.story-detail{font-size:11px}.panel-footnote{font-size:8px}
  .menu-column{margin-top:19px;display:grid;grid-template-columns:1fr;gap:10px}.menu-card{min-height:84px;padding:12px 70px;border-radius:16px}.menu-card::before{left:-5px;right:-5px}.menu-icon{left:18px}.menu-title{font-size:23px}.menu-meta{font-size:9px}.menu-knot{right:20px}
  .stats-panel{margin-top:19px;min-height:124px;padding:25px 18px;border-radius:24px}.stat strong{font-size:38px}.stat span{font-size:9px}
  .scene-caption{display:none}.utility-strip{margin:18px auto 0;display:flex;justify-content:center;flex-wrap:wrap;max-width:max-content}.spark{display:none}
}
@media (max-width:560px){
  .tracce-home{padding:52vh 14px 34px}.world-layer{height:55vh}.brand-plaque{left:14px;right:14px;width:auto}.brand-title{font-size:18px}.brand-sub{letter-spacing:.18em}.surface-secondary-panel{padding:26px 17px 22px}.panel-title{font-size:41px}.panel-subtitle{font-size:15px}.menu-card{padding:10px 58px 10px 60px}.menu-icon{left:10px;width:48px}.menu-icon svg{width:43px;height:43px}.menu-knot{right:13px;width:15px;height:15px}.stats-panel{grid-template-columns:repeat(3,1fr);padding:20px 8px}.stat{padding:0 5px}.stat strong{font-size:30px}.stat span{font-size:7px;letter-spacing:.08em}.progress-note{text-align:center;line-height:1.25;white-space:normal}.utility-divider{display:none}.utility-strip{border-radius:16px;max-width:94%;gap:7px}
}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.world-layer{transform:none!important}}

/* POINT8 — READABILITY / CONTRAST PATCH
   Contrast-only overrides. No layout, content, logic, typography or asset changes. */
.surface-secondary-panel .panel-eyebrow,
.surface-secondary-panel .panel-subtitle,
.surface-secondary-panel .story-copy,
.surface-secondary-panel .story-detail,
.surface-secondary-panel .panel-footnote,
.surface-secondary-panel .compact-row,
.surface-secondary-panel .compact-row .state,
.surface-secondary-panel .compact-row.completed .state,
.surface-secondary-panel .compact-row.current .state,
.surface-secondary-panel .chips span,
.surface-secondary-panel .case-status,
.menu-card .menu-meta{
  color:var(--skin-c001);
}
.surface-secondary-panel .panel-footnote{opacity:1}
.surface-secondary-panel .panel-mark,
.surface-secondary-panel .story-detail li::before,
.menu-card .menu-icon,
.menu-card.active .menu-title{
  color:var(--skin-c242);
}
.surface-secondary-panel .btn.ghost{color:var(--skin-c001)}
.compact-row.locked{opacity:.90}


/* POINT8 — LIGHT TEXT VISIBILITY PATCH (2026-09-27)
   User-requested style direction: all interface text stays light and clearly visible,
   with semantic exceptions such as success=green and error=red. */
.brand-sub{color:var(--skin-c243)!important}
.surface-secondary-panel{
  background:
    linear-gradient(var(--skin-c244),var(--skin-c245)),
    linear-gradient(var(--skin-c246),var(--skin-c114)),
    url("../../theme/assets/surface-primary.jpg") center/cover!important;
}
.surface-secondary-panel .panel-mark,
.surface-secondary-panel .story-detail li::before,
.surface-secondary-panel .panel-divider::before,
.surface-secondary-panel .panel-divider::after,
.surface-secondary-panel .panel-divider span{color:var(--skin-c247)!important;background-color:var(--skin-c247)!important}
.surface-secondary-panel .panel-eyebrow{color:var(--skin-c248)!important}
.surface-secondary-panel .panel-title{color:var(--skin-c249)!important;text-shadow:0 2px 10px var(--skin-c250)!important}
.surface-secondary-panel .panel-subtitle{color:var(--skin-c251)!important}
.surface-secondary-panel .story-copy{color:var(--skin-c252)!important;text-shadow:0 1px 3px var(--skin-c253)!important}
.surface-secondary-panel .story-detail,
.surface-secondary-panel .compact-row,
.surface-secondary-panel .chips span,
.surface-secondary-panel .case-status,
.surface-secondary-panel .panel-footnote{color:var(--skin-c254)!important}
.surface-secondary-panel .compact-row{border-bottom-color:var(--skin-c255)!important}
.surface-secondary-panel .compact-row .state{color:var(--skin-c248)!important}
.surface-secondary-panel .compact-row.completed .state{color:var(--skin-c256)!important}
.surface-secondary-panel .compact-row.current .state{color:var(--skin-c257)!important}
.surface-secondary-panel .btn,
.surface-secondary-panel .btn.ghost{color:var(--skin-c258)!important}
.menu-card{
  background:
    linear-gradient(90deg,var(--skin-c259),var(--skin-c260) 50%,var(--skin-c259)),
    url("../../theme/assets/surface-primary.jpg") center/cover!important;
  text-shadow:0 2px 8px var(--skin-c261)!important;
}
.menu-card .menu-icon{color:var(--skin-c247)!important}
.menu-card .menu-title{color:var(--skin-c262)!important}
.menu-card .menu-meta{color:var(--skin-c263)!important}
.menu-card.active .menu-title{color:var(--skin-c264)!important}
.menu-card .menu-knot{border-color:var(--skin-c265)!important;box-shadow:inset 0 0 0 2px var(--skin-c266),0 2px 3px var(--skin-c267)!important}
.menu-card.active::after{background:linear-gradient(90deg,transparent,var(--skin-c247) 20%,var(--skin-c247) 80%,transparent)!important}
.stats-panel{
  background:linear-gradient(var(--skin-c268),var(--skin-c269)),url("../../theme/assets/surface-secondary.jpg") center/cover!important;
  color:var(--skin-c270)!important;
}
.stats-panel .stat strong{color:var(--skin-c258)!important}
.stats-panel .stat span{color:var(--skin-c248)!important}
.scene-caption{color:var(--skin-c271)!important}
.scene-caption i{background:var(--skin-c247)!important}
.progress-note{color:var(--skin-c272)!important}
.tiny-control{color:var(--skin-c232)!important}


/* 2026-10-01 — MOBILE HOME HAMBURGER MENU
   The five Home navigation cards are removed from the mobile page flow and opened from a classic hamburger button. */
.mobile-home-menu-toggle,
.mobile-home-menu-scrim{display:none}
@media (max-width:760px){
  html.mobile-home-menu-open,
  html.mobile-home-menu-open body{overflow:hidden!important}
  .brand-plaque{padding-right:62px!important}
  .mobile-home-menu-toggle{
    display:flex;
    position:absolute;
    z-index:64;
    right:13px;
    top:50%;
    width:42px;
    height:42px;
    padding:9px 8px;
    transform:translateY(-50%);
    flex-direction:column;
    justify-content:space-between;
    border:1px solid var(--skin-c273);
    border-radius:11px;
    background:var(--skin-c274);
    box-shadow:0 7px 18px var(--skin-c225),inset 0 1px var(--skin-c275);
    cursor:pointer;
  }
  .mobile-home-menu-toggle span{
    display:block;
    width:100%;
    height:3px;
    border-radius:999px;
    background:var(--skin-c276);
    box-shadow:0 1px 4px var(--skin-c192);
    transition:transform .18s ease,opacity .18s ease;
  }
  .tracce-home.mobile-menu-open .mobile-home-menu-toggle span:nth-child(1){transform:translateY(10px) rotate(45deg)}
  .tracce-home.mobile-menu-open .mobile-home-menu-toggle span:nth-child(2){opacity:0}
  .tracce-home.mobile-menu-open .mobile-home-menu-toggle span:nth-child(3){transform:translateY(-10px) rotate(-45deg)}
  .mobile-home-menu-scrim{
    position:fixed;
    z-index:59;
    inset:0;
    width:100%;
    height:100%;
    border:0;
    padding:0;
    background:var(--skin-c277);
    backdrop-filter:blur(4px);
  }
  .tracce-home.mobile-menu-open .mobile-home-menu-scrim{display:block}
  .tracce-home .menu-column{
    display:none!important;
    position:fixed!important;
    z-index:63!important;
    left:12px!important;
    right:12px!important;
    top:max(92px,calc(env(safe-area-inset-top) + 78px))!important;
    bottom:auto!important;
    width:auto!important;
    height:auto!important;
    max-height:calc(100dvh - 108px)!important;
    margin:0!important;
    padding:10px!important;
    grid-template-columns:1fr!important;
    grid-template-rows:none!important;
    gap:7px!important;
    overflow:auto!important;
    border:1px solid var(--skin-c278);
    border-radius:18px;
    background:linear-gradient(180deg,var(--skin-c279),var(--skin-c280));
    box-shadow:0 22px 54px var(--skin-c145),inset 0 1px var(--skin-c281);
  }
  .tracce-home.mobile-menu-open .menu-column{display:grid!important}
  .tracce-home .menu-column .menu-card{
    min-height:62px!important;
    margin:0!important;
    padding:8px 48px 8px 54px!important;
    border-radius:12px!important;
  }
  .tracce-home .menu-column .menu-card::before{left:-2px!important;right:-2px!important;top:-2px!important;bottom:-2px!important;border-width:2px!important}
  .tracce-home .menu-column .menu-icon{left:8px!important;width:40px!important;height:40px!important}
  .tracce-home .menu-column .menu-icon svg{width:34px!important;height:34px!important}
  .tracce-home .menu-column .menu-title{font-size:17px!important}
  .tracce-home .menu-column .menu-meta{margin-top:3px!important;font-size:8px!important}
  .tracce-home .menu-column .menu-knot{right:11px!important;width:13px!important;height:13px!important;border-width:2px!important}
}