/* TECNOMANCIA — estilos isolados do novo modo público de Treino */
.technomancia-layer{overflow:hidden;background:#070a0e;}
.technomancia-root{
  --tech-bg:#070a0e;
  --tech-panel:rgba(14,20,27,.96);
  --tech-panel-2:#101821;
  --tech-line:#2c3742;
  --tech-line-strong:#566675;
  --tech-text:#f2f6f9;
  --tech-muted:#8fa0ae;
  --tech-accent:#b9ff26;
  --tech-cyan:#63e8ff;
  --tech-pastel-blue:#9bb8cf;
  --tech-danger:#ff5b67;
  --tech-warning:#ffc247;
  --tech-radius:22px;
  width:100%;height:100%;min-height:0;overflow:hidden;
  color:var(--tech-text);
  background:radial-gradient(circle at 50% -18%,#182532 0%,#0a1016 38%,#06090d 78%);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
.technomancia-root *{box-sizing:border-box;}
.technomancia-root button,.technomancia-root img{-webkit-tap-highlight-color:transparent;}
.tech-screen{display:none;width:100%;height:100%;min-height:0;}
.tech-screen.is-active{display:flex;}
.tech-panel{background:linear-gradient(180deg,rgba(22,30,39,.96),rgba(10,15,21,.97));border:1px solid var(--tech-line);border-radius:var(--tech-radius);box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 20px 50px rgba(0,0,0,.22);}
.tech-kicker{display:block;color:#91a3b2;font-size:11px;font-weight:1000;letter-spacing:.14em;text-transform:uppercase;}
.tech-btn{border:1px solid transparent;min-height:50px;border-radius:15px;padding:0 20px;font-weight:1000;letter-spacing:.045em;cursor:pointer;transition:transform .13s ease,filter .13s ease,border-color .13s ease,box-shadow .13s ease;}
.tech-btn:hover{filter:brightness(1.08);}
.tech-btn:active{transform:scale(.978);}
.tech-btn-primary{background:var(--tech-accent);color:#071000;}
.tech-btn-secondary{background:#18222c;border-color:#394755;color:#f4f7fa;}
.tech-btn-risk{width:100%;background:linear-gradient(180deg,#172311,#10170d);border-color:#78a625;color:#e0ff9b;font-size:16px;}
.tech-btn-risk span{margin-left:10px;color:var(--tech-accent);}

/* landing */
.tech-landing{align-items:center;justify-content:center;padding:24px;overflow:auto;}
.tech-landing-card{width:min(680px,100%);text-align:center;padding:36px 30px;border:1px solid rgba(129,157,182,.22);border-radius:28px;background:linear-gradient(180deg,rgba(15,23,31,.92),rgba(8,13,18,.95));box-shadow:0 30px 80px rgba(0,0,0,.35);}
.tech-landing h1{margin:8px 0 4px;color:var(--tech-accent);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:clamp(48px,6.3vw,77px);font-weight:900;line-height:.9;letter-spacing:.02em;}
.tech-landing h2{margin:14px 0 8px;font-size:18px;letter-spacing:.12em;color:#dfe8ef;}
.tech-landing p{max-width:560px;margin:0 auto;color:#b5c1cb;line-height:1.55;font-size:16px;}
.tech-flow{display:flex;align-items:center;justify-content:center;gap:8px;margin:30px auto;}
.tech-flow b{width:48px;height:48px;display:grid;place-items:center;border:1px solid #465461;border-radius:50%;font-size:18px;}
.tech-flow b:last-child{border-color:var(--tech-accent);color:#071000;background:var(--tech-accent);}
.tech-flow i{display:block;width:34px;height:1px;background:#43515d;}
.tech-landing-actions{display:grid;grid-template-columns:1fr;gap:10px;width:min(300px,100%);margin:0 auto;}
.tech-local-note{display:block;margin-top:20px;color:#687783;}

/* game shell */
.tech-game{flex-direction:column;gap:10px;padding:12px 14px 14px;overflow:hidden;}
.tech-game-head{height:46px;flex:none;display:flex;align-items:center;justify-content:flex-end;gap:16px;padding:0 4px;}
.tech-mode-name{font-size:13px;font-weight:1000;letter-spacing:.1em;color:#e5edf3;}
.tech-mode-name small{display:block;margin-top:2px;color:var(--tech-accent);font-size:9px;letter-spacing:.13em;}
.tech-stats{display:flex;gap:16px;}
.tech-stats>div{min-width:70px;text-align:right;}
.tech-stats small{display:block;color:var(--tech-pastel-blue);font-size:9px;font-weight:1000;letter-spacing:.1em;}
.tech-stats strong{font-variant-numeric:tabular-nums;font-size:15px;}
.tech-progress{flex:none;display:grid;grid-template-columns:1fr auto;gap:5px 14px;align-items:center;padding:0 4px;}
.tech-progress-labels{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);gap:4px;color:#6c7b88;font-size:10px;font-weight:1000;letter-spacing:.11em;}
.tech-progress-labels span:nth-child(2),.tech-progress-labels span:nth-child(3){text-align:center;}
.tech-progress-labels span:last-child{text-align:right;}
.tech-progress-labels span.is-current,.tech-progress-labels span.is-done{color:var(--tech-accent);}
.tech-progress-line{height:5px;border-radius:99px;background:#18222b;overflow:hidden;}
.tech-progress-line>div{width:0;height:100%;background:linear-gradient(90deg,var(--tech-accent),var(--tech-cyan));transition:width .3s ease;}
.tech-progress-count{white-space:nowrap;color:#91a0ae;font-size:12px;}
.tech-progress-count strong{color:#f4f7f9;font-size:17px;}

/* Desktop: left 4x6 map, center hero, large right cards */
.tech-game-layout{flex:1;min-height:0;display:grid;grid-template-columns:minmax(300px,360px) minmax(440px,620px) minmax(300px,360px);justify-content:center;gap:12px;}
.tech-game-layout>.tech-panel{min-width:0;min-height:0;}
.tech-candidates-panel,.tech-filter-panel{padding:20px;overflow:hidden;}
.tech-panel-head h2,.tech-filter-panel h2{margin:6px 0 0;font-size:22px;}
.tech-panel-head h2 strong{font-size:28px;}
.tech-candidate-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:20px;}
.tech-candidate{aspect-ratio:1.1;display:grid;place-items:center;border:1px solid #40505e;border-radius:11px;background:#17212a;color:#f3f6f9;font-weight:1000;font-size:15px;font-variant-numeric:tabular-nums;transition:opacity .28s ease,transform .28s ease,border-color .28s ease,background .28s ease,color .28s ease;}
.tech-candidate.is-active{border-color:#718494;background:#1a2732;}
.tech-candidate.is-eliminated{opacity:.12;transform:scale(.86);}
.tech-candidate.is-final{border-color:var(--tech-accent);background:var(--tech-accent);color:#071000;box-shadow:0 0 25px rgba(185,255,38,.25);}
.tech-reduction{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:20px;color:#44525e;font-size:12px;}
.tech-reduction b{width:31px;height:31px;display:grid;place-items:center;border:1px solid #35424d;border-radius:50%;transition:.2s ease;}
.tech-reduction b.is-current{background:var(--tech-accent);border-color:var(--tech-accent);color:#071000;}

.tech-stimulus-panel{padding:18px 20px 16px;display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;gap:8px;text-align:center;align-items:stretch;}
.tech-stimulus-panel>.tech-kicker{text-align:center;}
.tech-stimulus-center{min-height:0;display:grid;place-items:center;padding:8px 0;}
.tech-stimulus-frame{width:min(74%,410px);aspect-ratio:1.05;display:grid;place-items:center;background:radial-gradient(circle,rgba(50,74,90,.27),transparent 65%);}
.tech-stimulus-frame img{width:90%;height:90%;object-fit:contain;user-select:none;-webkit-user-drag:none;filter:drop-shadow(0 18px 25px rgba(0,0,0,.36));}
.tech-signature-block{width:100%;}
.tech-signature-slots{display:flex;justify-content:center;align-items:center;gap:10px;margin:8px auto 10px;}
.tech-signature-slot{width:62px;height:66px;border:1px dashed #34434f;border-radius:12px;background:transparent;display:grid;place-items:center;color:#53616d;font-size:20px;}
.tech-signature-slot.is-filled{border-color:transparent;background:transparent;}
.tech-signature-slot img{width:58px;height:64px;object-fit:contain;}

.tech-filter-panel{display:flex;flex-direction:column;}
.tech-filter-copy p{margin:8px 0 18px;color:#9aabba;line-height:1.45;font-size:14px;}
.tech-filter-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-content:start;}
.tech-filter-options[data-options="3"]{grid-template-columns:repeat(3,minmax(0,1fr));}
.tech-filter-card{min-height:190px;border:1px solid transparent;border-radius:18px;background:transparent;color:#f3f6f8;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:8px 4px;cursor:pointer;transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease,background .14s ease;}
.tech-filter-card:hover{border-color:#33434f;background:rgba(8,13,18,.42);box-shadow:0 8px 25px rgba(0,0,0,.12);}
.tech-filter-card:focus-visible{outline:2px solid var(--tech-cyan);outline-offset:3px;}
.tech-filter-card:active{transform:scale(.975);}
.tech-filter-card:disabled{cursor:default;}
.tech-filter-card.is-selected{border-color:var(--tech-accent);background:rgba(185,255,38,.045);box-shadow:0 0 22px rgba(185,255,38,.08);}
.tech-filter-card img{width:min(148px,96%);height:148px;object-fit:contain;pointer-events:none;}
.tech-filter-card span{font-size:12px;font-weight:1000;letter-spacing:.055em;text-transform:uppercase;color:#c2cdd5;text-align:center;}
.tech-stage-foot{margin-top:18px;color:#657480;font-size:12px;}

/* feedback / summary */
.tech-feedback,.tech-summary{align-items:center;justify-content:center;padding:18px;overflow:auto;}
.tech-feedback-card,.tech-summary-card{width:min(860px,100%);padding:30px;}
.tech-feedback-card h1,.tech-summary-card h1{margin:5px 0 20px;font-size:38px;}
.tech-comparison{display:grid;grid-template-columns:1fr auto 1fr;gap:16px;align-items:center;text-align:center;}
.tech-comparison>div{padding:12px;border-radius:18px;border:1px solid #303b45;background:#091016;}
.tech-comparison small{display:block;color:#8796a3;font-size:10px;font-weight:1000;letter-spacing:.1em;}
.tech-comparison img{display:block;width:min(180px,100%);aspect-ratio:1.08;object-fit:contain;margin:4px auto;}
.tech-comparison strong{display:block;font-size:26px;}
.tech-versus{font-size:24px;color:#667581;}
.tech-result-banner{margin:14px 0;padding:12px;text-align:center;border-radius:14px;font-weight:1000;letter-spacing:.08em;}
.tech-result-banner.is-correct{background:var(--tech-accent);color:#071000;}
.tech-result-banner.is-wrong{background:#57242b;border:1px solid #9d3d49;color:#fff;}
.tech-property-feedback{display:grid;gap:7px;}
.tech-property-row{display:grid;grid-template-columns:1fr auto;align-items:center;padding:9px 12px;border:1px solid #2c3842;border-radius:11px;background:#0b1117;}
.tech-property-row span{font-weight:900;color:#c9d3da;font-size:12px;letter-spacing:.08em;}
.tech-property-row .is-ok{color:var(--tech-accent);}.tech-property-row .is-error{color:var(--tech-danger);}
.tech-round-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:16px 0;}
.tech-round-metrics>div,.tech-summary-stat{padding:11px;border:1px solid #2c3842;border-radius:12px;background:#091016;text-align:center;}
.tech-round-metrics small,.tech-summary-stat small{display:block;color:#778895;font-size:9px;font-weight:1000;letter-spacing:.08em;}
.tech-round-metrics strong,.tech-summary-stat strong{display:block;margin-top:3px;font-size:17px;}
.tech-feedback-card>.tech-btn{width:100%;}
.tech-summary-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:22px;}
.tech-summary-stat strong{font-size:21px;}
.tech-error-bars{display:grid;gap:10px;margin:10px 0 24px;}
.tech-error-row{display:grid;grid-template-columns:120px 1fr 30px;gap:10px;align-items:center;font-size:12px;font-weight:850;}
.tech-error-row>div{height:9px;border-radius:99px;background:#1b252e;overflow:hidden;}.tech-error-row i{display:block;height:100%;background:linear-gradient(90deg,#ff3d69,#ffbd42);}
.tech-summary-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.tech-summary-actions [data-tech-action="test-solo"]{grid-column:1/-1;}
.tech-summary-actions .tech-btn-tertiary{background:#10171e;border-color:#2b3742;color:#aebbc5;}

/* dialogs */
.technomancia-root .tech-dialog{border:0;background:transparent;color:var(--tech-text);padding:14px;max-width:none;}
.technomancia-root .tech-dialog::backdrop{background:rgba(0,0,0,.76);backdrop-filter:blur(5px);}
.tech-dialog-card{position:relative;width:min(720px,calc(100vw - 28px));max-height:88vh;overflow:auto;padding:22px;background:#101820;border:1px solid #3b4854;border-radius:22px;box-shadow:0 28px 90px rgba(0,0,0,.52);}
.tech-dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;}.tech-dialog-head h2{margin:5px 0 8px;}
.tech-dialog-card p,.tech-dialog-card li{color:#a3b0ba;line-height:1.55;}
.tech-dialog-close{width:40px;height:40px;border-radius:12px;border:1px solid #35424e;background:#17212a;color:#fff;font-size:24px;cursor:pointer;}
.tech-answer-choices{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:16px 0;}
.tech-answer-choice{min-height:52px;border:1px solid #3b4853;border-radius:14px;background:#091016;color:#fff;font-size:17px;font-weight:1000;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:8px;}.tech-answer-choice strong{font-size:18px;letter-spacing:.04em;}.tech-answer-choice:hover{border-color:var(--tech-accent);color:var(--tech-accent);}
.tech-dialog-card>.tech-btn{width:100%;}
.tech-fatal{padding:30px;color:#fff;background:#7d2732;}

@media (max-width:1450px){
  .tech-game-layout{grid-template-columns:minmax(280px,320px) minmax(400px,1fr) minmax(280px,320px);}
  .tech-filter-card{min-height:168px;}.tech-filter-card img{height:118px;width:min(118px,94%);}
  .tech-candidate-grid{gap:7px;}.tech-candidate{font-size:14px;}
  .tech-stimulus-frame{width:min(72%,380px);}
}
@media (max-width:1180px){
  .tech-game{overflow:auto;}
  .tech-game-layout{grid-template-columns:1fr 1fr;grid-template-rows:auto auto;overflow:visible;justify-content:stretch;}
  .tech-stimulus-panel{min-height:570px;order:1;}.tech-filter-panel{min-height:570px;order:2;}.tech-candidates-panel{grid-column:1/-1;order:3;overflow:visible;}
  .tech-candidate-grid{grid-template-columns:repeat(8,1fr);}
  .tech-filter-card{min-height:160px;}
}
@media (max-width:900px){
  .technomancia-layer{overflow:auto;}
  .technomancia-root{height:auto;min-height:100%;overflow:visible;}
  .tech-game{height:auto;min-height:100%;padding:8px 10px calc(12px + env(safe-area-inset-bottom));overflow:visible;gap:7px;}
  .tech-game-head{height:auto;min-height:40px;padding-top:2px;}
  .tech-stats{width:100%;justify-content:space-around;gap:8px;}.tech-stats>div{min-width:0;text-align:center;}
  .tech-stats small{font-size:8px;}.tech-stats strong{font-size:14px;}
  .tech-progress{gap:4px 8px;padding:0 2px;}.tech-progress-labels{font-size:8px;}.tech-progress-count{font-size:10px;}.tech-progress-count strong{font-size:14px;}
  .tech-game-layout{display:flex;flex-direction:column;gap:8px;}
  .tech-stimulus-panel{order:1;min-height:360px;padding:10px 12px;gap:4px;}
  .tech-candidates-panel{order:2;padding:10px 12px;overflow:visible;}
  .tech-filter-panel{order:3;min-height:0;padding:12px;}
  .tech-stimulus-frame{width:min(62vw,270px);}
  .tech-stimulus-center{padding:2px 0;}
  .tech-signature-slots{gap:7px;margin:4px auto 6px;}.tech-signature-slot{width:52px;height:54px;}.tech-signature-slot img{width:48px;height:52px;}
  .tech-btn-risk{min-height:46px;font-size:14px;}
  .tech-candidates-panel .tech-panel-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;}.tech-candidates-panel .tech-panel-head h2{font-size:16px;margin:0;}.tech-candidates-panel .tech-panel-head h2 strong{font-size:20px;}
  .tech-candidate-grid{grid-template-columns:repeat(6,1fr);gap:5px;margin-top:9px;}
  .tech-candidate{font-size:11px;border-radius:8px;min-height:34px;aspect-ratio:auto;}
  .tech-candidate-grid:not([data-active-count="24"]) .tech-candidate.is-eliminated{display:none;}
  .tech-candidate-grid[data-active-count="8"]{grid-template-columns:repeat(4,1fr);}
  .tech-candidate-grid[data-active-count="4"]{grid-template-columns:repeat(4,1fr);}
  .tech-candidate-grid[data-active-count="2"]{grid-template-columns:repeat(2,minmax(80px,120px));justify-content:center;}
  .tech-candidate-grid[data-active-count="1"]{grid-template-columns:minmax(90px,130px);justify-content:center;}
  .tech-candidate-grid[data-active-count="2"] .tech-candidate,.tech-candidate-grid[data-active-count="1"] .tech-candidate{min-height:48px;font-size:15px;}
  .tech-reduction{margin-top:8px;gap:5px;}.tech-reduction b{width:26px;height:26px;font-size:10px;}
  .tech-filter-copy p{margin:5px 0 9px;font-size:13px;}.tech-filter-options{gap:7px;}
  .tech-filter-card{min-height:130px;border-radius:14px;padding:4px;gap:6px;}.tech-filter-card img{height:92px;width:min(92px,94%);}.tech-filter-card span{font-size:10px;}
  .tech-stage-foot{margin-top:8px;font-size:10px;}
  .tech-feedback-card,.tech-summary-card{padding:18px;}.tech-feedback-card h1,.tech-summary-card h1{font-size:28px;}
  .tech-answer-choices{grid-template-columns:repeat(3,minmax(0,1fr));}
}

/* POLIMENTO-FISICO-01/E: o progresso superior já nomeia cada uma das quatro
   etapas. Remove apenas o eyebrow duplicado da janela direita; PREP e
   REVELAÇÃO preservam sua hierarquia original. */
.tech-guided:is(.is-class,.is-orientation,.is-position,.is-nature)
  .tech-guided-copy > [data-tech-guided="kicker"]{
  display:none;
}
@media (max-width:560px){
  .tech-landing{padding:12px;}.tech-landing-card{padding:26px 16px;}.tech-landing-actions{grid-template-columns:1fr;width:min(280px,100%);}
  .tech-landing h1{font-size:clamp(44px,16vw,68px);}.tech-landing h2{font-size:14px;}.tech-landing p{font-size:14px;}
  .tech-flow{margin:22px auto;}.tech-flow b{width:38px;height:38px;font-size:13px;}.tech-flow i{width:14px;}
  .tech-game{padding-inline:7px;}
  .tech-stimulus-panel{min-height:330px;padding:8px 9px;}
  .tech-stimulus-frame{width:min(58vw,235px);}
  .tech-signature-slot{width:46px;height:48px;border-radius:9px;font-size:17px;}.tech-signature-slot img{width:43px;height:47px;}
  .tech-btn-risk{min-height:44px;padding:0 10px;font-size:13px;}.tech-btn-risk span{margin-left:5px;}
  .tech-filter-options{gap:5px;}.tech-filter-card{min-height:112px;border-radius:12px;padding:3px 2px;}.tech-filter-card img{height:78px;width:min(78px,95%);}.tech-filter-card span{font-size:8.5px;}
  .tech-candidate-grid{grid-template-columns:repeat(6,1fr);gap:4px;}.tech-candidate{font-size:9px;min-height:28px;}
  .tech-candidate-grid[data-active-count="8"]{grid-template-columns:repeat(4,1fr);}.tech-candidate-grid[data-active-count="4"]{grid-template-columns:repeat(4,1fr);}.tech-candidate-grid[data-active-count="2"]{grid-template-columns:repeat(2,minmax(72px,105px));}.tech-candidate-grid[data-active-count="1"]{grid-template-columns:minmax(82px,115px);}
  .tech-summary-stats{grid-template-columns:repeat(2,1fr);}.tech-summary-actions{grid-template-columns:1fr;}.tech-summary-actions [data-tech-action="test-solo"]{grid-column:auto;}.tech-round-metrics{grid-template-columns:repeat(2,1fr);}
  .tech-comparison img{width:112px;}.tech-comparison strong{font-size:19px;}.tech-comparison{gap:7px;}
  .tech-answer-choices{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;}.tech-answer-choice{min-height:48px;}
  .tech-error-row{grid-template-columns:90px 1fr 25px;}
  .tech-dialog-card{padding:18px 14px;}
}

/* Dev-only QA: enabled only through window.__HYPERCUBO_STRUCTURE_QA__ === true. */
.tech-guided.is-structure-qa .tech-piece-structure-svg #structure>path{stroke:rgba(255,255,255,.72)!important;fill:rgba(255,255,255,.025)!important;}
.tech-guided.is-structure-qa .tech-piece-structure-svg #stones>path{stroke:rgba(255,214,92,.9)!important;fill:rgba(255,214,92,.035)!important;}
.tech-guided.is-structure-qa .tech-piece-structure-svg #symbols>path{stroke:rgba(99,232,255,.95)!important;}
.tech-guided.is-structure-qa .tech-piece-structure-svg #guides circle{fill:#ff59d6!important;stroke:#ff59d6!important;opacity:1!important;}
.tech-guided.is-structure-qa .tech-piece-structure-svg #orientation-path{stroke:rgba(255,89,214,.9)!important;opacity:1!important;}
@media (prefers-reduced-motion:reduce){.technomancia-root *,.technomancia-root *::before,.technomancia-root *::after{animation-duration:.001ms!important;transition-duration:.001ms!important;}}

/* === PATCH 2026-09-01 — TECNOMANCIA landing mobile overflow correction ===
   Scope: landing screen only. Mechanics and gameplay layout remain unchanged. */
@media (max-width:560px){
  .tech-landing{
    padding:
      12px
      max(12px, env(safe-area-inset-right, 0px))
      12px
      max(12px, env(safe-area-inset-left, 0px));
    overflow-x:hidden;
  }
  .tech-landing-card{
    width:100%;
    max-width:100%;
    min-width:0;
    padding:24px clamp(12px,4vw,16px);
  }
  .tech-landing h1{
    display:block;
    width:100%;
    max-width:100%;
    margin:8px auto 4px;
    font-size:clamp(34px,10.5vw,48px);
    line-height:.96;
    letter-spacing:-.05em;
    white-space:nowrap;
    text-align:center;
  }
  .tech-landing h2{
    max-width:100%;
    margin-inline:auto;
    line-height:1.35;
  }
  .tech-landing p{
    width:min(100%, 34rem);
    max-width:100%;
    margin-inline:auto;
  }
  .tech-flow{
    width:100%;
    max-width:100%;
    gap:clamp(4px,1.6vw,7px);
    margin:24px auto;
  }
  .tech-flow b{
    flex:0 0 auto;
    width:clamp(34px,10.5vw,40px);
    height:clamp(34px,10.5vw,40px);
    font-size:12px;
  }
  .tech-flow i{
    flex:1 1 14px;
    width:auto;
    min-width:6px;
    max-width:18px;
  }
  .tech-landing-actions{
    width:min(88%, 300px);
    max-width:100%;
  }
  .tech-local-note{
    max-width:100%;
    margin-inline:auto;
  }
}

@media (max-width:360px){
  .tech-landing-card{padding-inline:11px;}
  .tech-landing h1{font-size:clamp(32px,10vw,36px);}
  .tech-landing h2{font-size:13px;letter-spacing:.09em;}
  .tech-landing p{font-size:13.5px;}
  .tech-flow{gap:4px;}
  .tech-flow b{width:34px;height:34px;font-size:11px;}
  .tech-flow i{max-width:12px;}
}


/* =========================================================
   PATCH MOBILE UX PRO — 2026-09-02
   Compactação vertical controlada da Tecnomancia.
   O título mobile já aprovado não é redimensionado aqui.
   ========================================================= */
@media (max-width:560px){
  .tech-game{gap:5px;padding-top:6px;}
  .tech-game-layout{gap:6px;}
  .tech-stimulus-panel{
    min-height:294px;
    padding:7px 9px;
    gap:2px;
  }
  .tech-stimulus-frame{width:min(52vw,212px);}
  .tech-stimulus-center{padding:0;}
  .tech-signature-block{margin-top:0;}
  .tech-signature-slots{gap:5px;margin:2px auto 4px;}
  .tech-signature-slot{width:43px;height:45px;}
  .tech-signature-slot img{width:40px;height:44px;}
  .tech-btn-risk{min-height:42px;padding:0 9px;}
  .tech-candidates-panel{padding:8px 10px;}
  .tech-candidate-grid{margin-top:6px;}
  .tech-reduction{margin-top:6px;}
  .tech-filter-panel{padding:9px 10px 10px;}
  .tech-filter-copy p{margin:4px 0 7px;line-height:1.35;}
  .tech-stage-foot{margin-top:6px;}
  .tech-local-note{color:#8795a2;}
}

@media (max-width:360px){
  .tech-stimulus-panel{min-height:282px;}
  .tech-stimulus-frame{width:min(51vw,184px);}
  .tech-signature-slot{width:41px;height:43px;}
  .tech-signature-slot img{width:38px;height:42px;}
}


/* =========================================================
   PATCH 2026-09-02B — TECNOMANCIA MOBILE + ORIENTAÇÃO/NATUREZA
   Objetivos:
   1) fazer a tela inicial caber com mais segurança no mobile;
   2) compactar o Espaço de Possibilidades no mobile sem alterar a lógica;
   3) ampliar a leitura visual das cartas de Orientação e Natureza em mobile e desktop.
   ========================================================= */
@media (max-width:560px){
  .tech-landing{
    align-items:flex-start;
    justify-content:flex-start;
    padding:
      max(10px,env(safe-area-inset-top,0px))
      max(10px,env(safe-area-inset-right,0px))
      max(10px,env(safe-area-inset-bottom,0px))
      max(10px,env(safe-area-inset-left,0px));
  }
  .tech-landing-card{
    margin:auto;
    padding:20px 14px 18px;
    border-radius:24px;
  }
  .tech-landing h1{
    font-size:clamp(32px,9.8vw,42px);
    margin:4px 0 2px;
    line-height:.96;
  }
  .tech-landing h2{
    margin:10px 0 6px;
    font-size:13px;
    line-height:1.25;
    letter-spacing:.09em;
  }
  .tech-landing p{
    font-size:13.5px;
    line-height:1.45;
  }
  .tech-flow{
    margin:16px auto 18px;
    gap:4px;
  }
  .tech-flow b{
    width:34px;
    height:34px;
    font-size:11px;
  }
  .tech-flow i{max-width:12px;}
  .tech-btn{min-height:46px;}
  .tech-landing-actions{width:min(100%,280px);}
  .tech-local-note{
    margin-top:14px;
    font-size:12px;
    line-height:1.35;
  }

  .tech-candidates-panel{
    padding:8px 10px 10px;
  }
  .tech-candidates-panel .tech-panel-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:8px;
  }
  .tech-candidates-panel .tech-kicker{
    font-size:10px;
    letter-spacing:.11em;
  }
  .tech-candidates-panel .tech-panel-head h2{
    margin:0;
    font-size:15px;
  }
  .tech-candidates-panel .tech-panel-head h2 strong{font-size:18px;}
  .tech-candidate-grid{
    margin-top:8px;
    gap:4px;
  }
  .tech-candidate{
    min-height:30px;
    font-size:10px;
    border-radius:8px;
  }
  .tech-reduction{margin-top:6px;}

  .tech-filter-copy .tech-kicker{font-size:10px;}
  .tech-filter-panel h2{
    margin:2px 0 0;
    font-size:18px;
  }
  .tech-filter-copy p{
    margin:4px 0 8px;
    font-size:12px;
    line-height:1.3;
  }
  .tech-filter-options[data-filter-key="orientation"],
  .tech-filter-options[data-filter-key="nature"]{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
  }
  .tech-filter-options[data-filter-key="orientation"] .tech-filter-card,
  .tech-filter-options[data-filter-key="nature"] .tech-filter-card{
    min-height:148px;
    padding:6px 4px 8px;
  }
  .tech-filter-options[data-filter-key="orientation"] .tech-filter-card img,
  .tech-filter-options[data-filter-key="nature"] .tech-filter-card img{
    width:min(116px,92%);
    height:108px;
  }
  .tech-filter-options[data-filter-key="orientation"] .tech-filter-card span,
  .tech-filter-options[data-filter-key="nature"] .tech-filter-card span{
    font-size:9px;
    line-height:1.18;
    letter-spacing:.04em;
  }
}

@media (min-width:561px) and (max-width:900px){
  .tech-filter-options[data-filter-key="orientation"] .tech-filter-card,
  .tech-filter-options[data-filter-key="nature"] .tech-filter-card{
    min-height:170px;
    padding:8px 5px 10px;
  }
  .tech-filter-options[data-filter-key="orientation"] .tech-filter-card img,
  .tech-filter-options[data-filter-key="nature"] .tech-filter-card img{
    width:min(132px,96%);
    height:132px;
  }
  .tech-filter-options[data-filter-key="orientation"] .tech-filter-card span,
  .tech-filter-options[data-filter-key="nature"] .tech-filter-card span{
    font-size:11px;
    line-height:1.2;
  }
}

@media (min-width:901px){
  .tech-filter-options[data-filter-key="orientation"] .tech-filter-card,
  .tech-filter-options[data-filter-key="nature"] .tech-filter-card{
    min-height:220px;
    padding:10px 6px 12px;
  }
  .tech-filter-options[data-filter-key="orientation"] .tech-filter-card img,
  .tech-filter-options[data-filter-key="nature"] .tech-filter-card img{
    width:min(172px,100%);
    height:172px;
  }
  .tech-filter-options[data-filter-key="orientation"] .tech-filter-card span,
  .tech-filter-options[data-filter-key="nature"] .tech-filter-card span{
    font-size:13px;
    line-height:1.2;
  }
}


/* =========================================================
   PATCH 2026-09-02C — TECNOMANCIA CONSOLIDADA
   Mobile: conteúdo essencial acima da dobra, sem redundâncias.
   Desktop: cartas de Orientação/Natureza maiores e alinhadas.
   ========================================================= */

/* HUD: leitura imediata e separação entre RODADA / SCORE / TEMPO. */
.tech-stats{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:0;
  min-width:min(360px,100%);
}
.tech-stats>div{
  min-width:0;
  padding:0 15px;
  text-align:center;
  border-right:1px solid rgba(155,184,207,.16);
}
.tech-stats>div:last-child{border-right:0;}

/* Desktop: os cartões visuais são o foco; remover instrução redundante abaixo deles. */
@media (min-width:901px){
  .tech-filter-panel{padding:20px 18px;}
  .tech-filter-options[data-filter-key="orientation"],
  .tech-filter-options[data-filter-key="nature"]{
    width:100%;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:14px;
    align-items:start;
    justify-content:center;
  }
  .tech-filter-options[data-filter-key="orientation"] .tech-filter-card,
  .tech-filter-options[data-filter-key="nature"] .tech-filter-card{
    min-height:270px;
    padding:8px 2px 10px;
    justify-content:center;
    gap:8px;
  }
  .tech-filter-options[data-filter-key="orientation"] .tech-filter-card img,
  .tech-filter-options[data-filter-key="nature"] .tech-filter-card img{
    width:100%;
    max-width:154px;
    height:212px;
    object-fit:contain;
  }
  .tech-filter-options[data-filter-key="orientation"] .tech-filter-card span,
  .tech-filter-options[data-filter-key="nature"] .tech-filter-card span{
    width:100%;
    font-size:11px;
    line-height:1.12;
    letter-spacing:.025em;
    white-space:nowrap;
  }
  .tech-stage-foot{display:none;}
}

@media (max-width:900px){
  .tech-game-head{min-height:36px;}
  .tech-stats{width:100%;min-width:0;}
  .tech-stats>div{padding:0 10px;}

  /* O progresso superior já informa estágio e total de possibilidades.
     Portanto, o cabeçalho duplicado e o segundo funil 24→8→4→2→1 são removidos no mobile. */
  .tech-candidates-panel .tech-panel-head{display:none!important;}
  .tech-candidates-panel .tech-reduction{display:none!important;}
  .tech-candidates-panel{padding:7px 9px!important;}
  .tech-candidate-grid{margin-top:0!important;}

  /* O topo já comunica CLASSE/ORIENTAÇÃO/POSIÇÃO/NATUREZA.
     No painel de escolha, manter apenas o nome da operação e os cartões clicáveis. */
  .tech-filter-copy .tech-kicker,
  .tech-filter-copy p,
  .tech-stage-foot{display:none!important;}
  .tech-filter-panel{padding:8px 10px 10px!important;}
  .tech-filter-panel h2{
    margin:0 0 7px!important;
    font-size:18px!important;
    line-height:1.05!important;
  }

  .tech-filter-options[data-filter-key="orientation"],
  .tech-filter-options[data-filter-key="nature"]{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
    align-items:start;
  }
  .tech-filter-options[data-filter-key="orientation"] .tech-filter-card,
  .tech-filter-options[data-filter-key="nature"] .tech-filter-card{
    min-height:154px!important;
    padding:4px 2px 7px!important;
    gap:5px!important;
  }
  .tech-filter-options[data-filter-key="orientation"] .tech-filter-card img,
  .tech-filter-options[data-filter-key="nature"] .tech-filter-card img{
    width:100%!important;
    max-width:116px!important;
    height:116px!important;
    object-fit:contain!important;
  }
  .tech-filter-options[data-filter-key="orientation"] .tech-filter-card span,
  .tech-filter-options[data-filter-key="nature"] .tech-filter-card span{
    font-size:9px!important;
    line-height:1.1!important;
    letter-spacing:.025em!important;
  }
}

@media (max-width:560px){
  /* Landing: TECNOMANCIA deixa de competir visualmente com a marca HYPERCUBE. */
  .tech-landing{
    padding:
      max(8px,env(safe-area-inset-top,0px))
      max(9px,env(safe-area-inset-right,0px))
      max(8px,env(safe-area-inset-bottom,0px))
      max(9px,env(safe-area-inset-left,0px));
  }
  .tech-landing-card{
    padding:16px 12px 14px!important;
    border-radius:22px!important;
  }
  .tech-landing h1{
    margin:2px auto 1px!important;
    font-size:clamp(24px,7.8vw,30px)!important;
    line-height:1!important;
    letter-spacing:-.035em!important;
  }
  .tech-landing h2{
    margin:7px 0 4px!important;
    font-size:12px!important;
    line-height:1.2!important;
    letter-spacing:.075em!important;
  }
  .tech-landing p{
    font-size:12.5px!important;
    line-height:1.35!important;
  }
  .tech-flow{
    margin:12px auto 14px!important;
    gap:3px!important;
  }
  .tech-flow b{
    width:30px!important;
    height:30px!important;
    font-size:10px!important;
  }
  .tech-flow i{max-width:10px!important;}
  .tech-landing .tech-btn{min-height:42px!important;}
  .tech-local-note{
    margin-top:10px!important;
    font-size:10.5px!important;
    line-height:1.25!important;
  }

  /* Segunda tela: reduzir altura acumulada sem reduzir a peça a um thumbnail. */
  .tech-game{gap:4px!important;padding-top:4px!important;}
  .tech-game-head{min-height:32px!important;}
  .tech-stats small{font-size:7.5px!important;}
  .tech-stats strong{font-size:13px!important;}
  .tech-stats>div{padding:0 7px!important;}
  .tech-progress{gap:3px 6px!important;}
  .tech-progress-labels{font-size:7.5px!important;}
  .tech-progress-count{font-size:9px!important;}
  .tech-progress-count strong{font-size:13px!important;}

  .tech-stimulus-panel{
    min-height:276px!important;
    padding:6px 8px!important;
  }
  .tech-stimulus-frame{width:min(49vw,198px)!important;}
  .tech-signature-slots{margin:1px auto 3px!important;}
  .tech-signature-slot{width:40px!important;height:42px!important;}
  .tech-signature-slot img{width:37px!important;height:41px!important;}
  .tech-btn-risk{min-height:40px!important;}

  .tech-candidate-grid{gap:3px!important;}
  .tech-candidate{min-height:27px!important;font-size:9px!important;}
  .tech-candidate-grid[data-active-count="8"] .tech-candidate,
  .tech-candidate-grid[data-active-count="4"] .tech-candidate{min-height:32px!important;font-size:10px!important;}
  .tech-candidate-grid[data-active-count="2"] .tech-candidate,
  .tech-candidate-grid[data-active-count="1"] .tech-candidate{min-height:43px!important;font-size:14px!important;}

  .tech-filter-panel h2{font-size:17px!important;margin-bottom:5px!important;}
}

@media (max-width:360px), (max-height:700px) and (max-width:560px){
  .tech-landing-card{padding-block:12px!important;}
  .tech-landing h1{font-size:24px!important;}
  .tech-landing h2{font-size:11px!important;}
  .tech-landing p{font-size:11.5px!important;}
  .tech-flow{margin:9px auto 10px!important;}
  .tech-flow b{width:28px!important;height:28px!important;}
  .tech-local-note{margin-top:8px!important;font-size:10px!important;}

  .tech-stimulus-panel{min-height:258px!important;}
  .tech-stimulus-frame{width:min(46vw,176px)!important;}
  .tech-candidate{min-height:25px!important;}
  .tech-filter-options[data-filter-key="orientation"] .tech-filter-card,
  .tech-filter-options[data-filter-key="nature"] .tech-filter-card{min-height:140px!important;}
  .tech-filter-options[data-filter-key="orientation"] .tech-filter-card img,
  .tech-filter-options[data-filter-key="nature"] .tech-filter-card img{height:104px!important;max-width:104px!important;}
}


/* =========================================================
   PATCH 2026-09-02D — TECNOMANCIA FINAL PROPORTIONAL POLISH
   Mobile: centered landing, clearer HUD hierarchy, larger filter cards.
   Desktop: breathable result screen + larger orientation/nature cards.
   ========================================================= */

/* Desktop result: keep visible air on all four sides and never force page scroll. */
@media (min-width:901px){
  .tech-feedback{
    padding:24px clamp(28px,3vw,44px)!important;
    overflow:hidden!important;
  }
  .tech-feedback-card{
    width:min(780px,calc(100% - 12px))!important;
    max-height:100%!important;
    padding:20px 24px!important;
    overflow-y:auto!important;
    overscroll-behavior:contain;
    scrollbar-gutter:stable;
  }
  .tech-feedback-card h1{
    margin:3px 0 10px!important;
    font-size:30px!important;
    line-height:1!important;
  }
  .tech-comparison{gap:12px!important;}
  .tech-comparison>div{padding:8px 10px!important;}
  .tech-comparison img{width:min(138px,100%)!important;margin:2px auto!important;}
  .tech-comparison strong{font-size:21px!important;}
  .tech-result-banner{margin:8px 0!important;padding:9px!important;}
  .tech-property-feedback{gap:5px!important;}
  .tech-property-row{padding:6px 10px!important;}
  .tech-round-metrics{gap:7px!important;margin:10px 0!important;}
  .tech-round-metrics>div{padding:8px!important;}
  .tech-feedback-card>.tech-btn{min-height:46px!important;}

  /* Use the available desktop panel instead of leaving the visual cards undersized. */
  .tech-filter-options[data-filter-key="orientation"] .tech-filter-card,
  .tech-filter-options[data-filter-key="nature"] .tech-filter-card{
    min-height:286px!important;
  }
  .tech-filter-options[data-filter-key="orientation"] .tech-filter-card img,
  .tech-filter-options[data-filter-key="nature"] .tech-filter-card img{
    max-width:166px!important;
    height:226px!important;
  }
}

@media (max-width:900px){
  /* Metrics and progress are related but distinct layers of information. */
  .tech-game-head{
    min-height:38px!important;
    padding:0 0 7px!important;
    margin-bottom:3px!important;
    border-bottom:1px solid rgba(155,184,207,.18);
  }
  .tech-stats>div{
    min-height:30px;
    display:grid;
    align-content:center;
  }
  .tech-progress{
    padding-top:4px!important;
  }

  /* Slightly larger lower interaction cards after redundant copy was removed. */
  .tech-filter-card{
    min-height:140px!important;
    padding:5px 3px 7px!important;
  }
  .tech-filter-card img{
    width:min(104px,94%)!important;
    height:104px!important;
  }
  .tech-filter-card span{
    font-size:10px!important;
    line-height:1.15!important;
  }
  .tech-filter-options[data-filter-key="orientation"] .tech-filter-card,
  .tech-filter-options[data-filter-key="nature"] .tech-filter-card{
    min-height:166px!important;
  }
  .tech-filter-options[data-filter-key="orientation"] .tech-filter-card img,
  .tech-filter-options[data-filter-key="nature"] .tech-filter-card img{
    width:min(126px,96%)!important;
    max-width:126px!important;
    height:126px!important;
  }
  .tech-filter-options[data-filter-key="orientation"] .tech-filter-card span,
  .tech-filter-options[data-filter-key="nature"] .tech-filter-card span{
    font-size:9.5px!important;
  }
}

@media (max-width:560px){
  /* Landing is centered in the actual mode viewport, not pinned toward the top. */
  .tech-landing{
    align-items:center!important;
    justify-content:center!important;
    min-height:100%!important;
    padding:
      max(10px,env(safe-area-inset-top,0px))
      max(9px,env(safe-area-inset-right,0px))
      max(10px,env(safe-area-inset-bottom,0px))
      max(9px,env(safe-area-inset-left,0px))!important;
  }
  .tech-landing-card{
    margin:auto!important;
  }
  .tech-landing p br{display:block;}

  /* Preserve proportional rhythm in narrow phones. */
  .tech-game-layout{gap:7px!important;}
  .tech-candidates-panel{padding-block:8px!important;}
  .tech-filter-panel{padding-top:9px!important;}
}

/* Short phones need the same hierarchy without reintroducing clipping. */
@media (max-width:900px) and (min-height:701px){
  .tech-guided-visual{min-height:290px;}
  .tech-guide-callout-layer[data-structure-callouts="true"] [data-tech-callout="notch"] .tech-guide-label{font-size:10.5px;letter-spacing:.07em;padding-left:4px;padding-right:4px;}
}

@media (max-width:560px) and (max-height:700px){
  .tech-game-head{padding-bottom:5px!important;margin-bottom:1px!important;}
  .tech-progress{padding-top:2px!important;}
  .tech-filter-card{min-height:128px!important;}
  .tech-filter-card img{height:94px!important;max-width:94px!important;}
  .tech-filter-options[data-filter-key="orientation"] .tech-filter-card,
  .tech-filter-options[data-filter-key="nature"] .tech-filter-card{min-height:146px!important;}
  .tech-filter-options[data-filter-key="orientation"] .tech-filter-card img,
  .tech-filter-options[data-filter-key="nature"] .tech-filter-card img{height:108px!important;max-width:108px!important;}
}


/* =========================================================
   PATCH 2026-09-02E — TECNOMANCIA LANDING REFINED
   Mobile-only visual hierarchy refinement.
   - card moves lower in the usable viewport
   - title ~10% smaller
   - subtitle ~5% larger
   - more deliberate vertical rhythm
   ========================================================= */
@media (max-width:560px){
  .tech-landing{
    align-items:flex-start!important;
    justify-content:flex-start!important;
    min-height:100%!important;
    padding:
      clamp(28px,6dvh,52px)
      max(9px,env(safe-area-inset-right,0px))
      max(14px,env(safe-area-inset-bottom,0px))
      max(9px,env(safe-area-inset-left,0px))!important;
  }

  .tech-landing-card{
    width:100%!important;
    margin:0 auto!important;
    padding:22px 14px 20px!important;
    border-radius:22px!important;
  }

  .tech-landing h1{
    margin:0 auto 8px!important;
    font-size:clamp(22px,7vw,27px)!important;
    line-height:1!important;
    letter-spacing:.01em!important;
  }

  .tech-landing h2{
    margin:0 0 11px!important;
    font-size:12.6px!important;
    line-height:1.22!important;
    letter-spacing:.078em!important;
  }

  .tech-landing p{
    margin:0 auto!important;
    font-size:12.5px!important;
    line-height:1.48!important;
  }

  .tech-flow{
    margin:19px auto 21px!important;
    gap:4px!important;
  }

  .tech-landing-actions{
    margin:0 auto!important;
  }

  .tech-local-note{
    margin-top:16px!important;
    font-size:10.5px!important;
    line-height:1.3!important;
  }
}

/* Short-phone fallback: preserve the new hierarchy without recreating clipping. */
@media (max-width:900px) and (min-height:701px){
  .tech-guided-visual{min-height:290px;}
  .tech-guide-callout-layer[data-structure-callouts="true"] [data-tech-callout="notch"] .tech-guide-label{font-size:10.5px;letter-spacing:.07em;padding-left:4px;padding-right:4px;}
}

@media (max-width:560px) and (max-height:700px){
  .tech-landing{
    padding-top:clamp(18px,3.5dvh,26px)!important;
    padding-bottom:max(9px,env(safe-area-inset-bottom,0px))!important;
  }

  .tech-landing-card{
    padding:16px 12px 15px!important;
  }

  .tech-landing h1{
    margin-bottom:6px!important;
    font-size:23px!important;
  }

  .tech-landing h2{
    margin-bottom:8px!important;
    font-size:11.6px!important;
  }

  .tech-landing p{
    font-size:11.5px!important;
    line-height:1.4!important;
  }

  .tech-flow{
    margin:13px auto 14px!important;
  }

  .tech-local-note{
    margin-top:10px!important;
    font-size:10px!important;
  }
}


/* =========================================================
   PATCH 2026-09-02F — TECNOMANCIA RESULT HEADER MINIMAL
   One semantic centered title; removes redundant "Leitura concluída".
   ========================================================= */
.tech-feedback-card .tech-feedback-title{
  margin:0 0 14px!important;
  color:#fff!important;
  font-size:13px!important;
  line-height:1.2!important;
  font-weight:1000!important;
  letter-spacing:.16em!important;
  text-transform:uppercase!important;
  text-align:center!important;
}
@media (max-width:900px){
  .tech-feedback-card .tech-feedback-title{
    margin-bottom:12px!important;
    font-size:12px!important;
    letter-spacing:.14em!important;
  }
}


/* =========================================================
   LOTE A — RC CLOSEOUT: short-phone vertical fit
   Scope: Tecnomancia gameplay only; no global scroll changes.
   Keeps the current hierarchy while removing non-functional height
   so 360x640 can reach the active filter without page scrolling.
   ========================================================= */
@media (max-width:900px) and (min-height:701px){
  .tech-guided-visual{min-height:290px;}
  .tech-guide-callout-layer[data-structure-callouts="true"] [data-tech-callout="notch"] .tech-guide-label{font-size:10.5px;letter-spacing:.07em;padding-left:4px;padding-right:4px;}
}

@media (max-width:560px) and (max-height:700px){
  .technomancia-root{
    height:100%!important;
    min-height:0!important;
    overflow:hidden!important;
  }
  .tech-game,
  .tech-feedback,
  .tech-summary{
    height:100%!important;
    min-height:0!important;
    overflow-y:auto!important;
    overscroll-behavior:contain;
  }
  .tech-game{
    gap:2px!important;
    padding:2px 7px 6px!important;
  }
  .tech-game-head{
    height:32px!important;
    min-height:32px!important;
    padding:0 0 3px!important;
    margin:0!important;
  }
  .tech-progress{
    gap:2px 5px!important;
    padding-top:0!important;
  }
  .tech-game-layout{gap:4px!important;}

  .tech-stimulus-panel{
    min-height:0!important;
    padding:4px 7px!important;
    gap:1px!important;
  }
  .tech-stimulus-frame{width:min(37vw,134px)!important;}
  .tech-signature-slots{gap:6px!important;margin:0 auto 2px!important;}
  .tech-signature-slot{width:34px!important;height:36px!important;border-radius:9px!important;}
  .tech-signature-slot img{width:31px!important;height:35px!important;}

  .tech-candidates-panel{padding:5px 8px!important;}
  .tech-candidate-grid{gap:2px!important;}
  .tech-candidate{min-height:20px!important;font-size:8px!important;}
  .tech-candidate-grid[data-active-count="8"] .tech-candidate,
  .tech-candidate-grid[data-active-count="4"] .tech-candidate{min-height:22px!important;font-size:8.5px!important;}
  .tech-candidate-grid[data-active-count="2"] .tech-candidate,
  .tech-candidate-grid[data-active-count="1"] .tech-candidate{min-height:26px!important;font-size:10px!important;}

  .tech-filter-panel{padding:6px 10px 7px!important;}
  .tech-filter-panel h2{font-size:16px!important;margin-bottom:3px!important;}
  .tech-filter-card{min-height:110px!important;padding:4px 3px 5px!important;}
  .tech-filter-card img{height:78px!important;max-width:78px!important;}
  .tech-filter-options[data-filter-key="orientation"] .tech-filter-card,
  .tech-filter-options[data-filter-key="nature"] .tech-filter-card{min-height:118px!important;}
  .tech-filter-options[data-filter-key="orientation"] .tech-filter-card img,
  .tech-filter-options[data-filter-key="nature"] .tech-filter-card img{height:86px!important;max-width:86px!important;}
}

/* =========================================================
   RODADA 0 — PRIMEIRO CONTATO GUIADO
   Camada tutorial independente dos assets canônicos.
   ========================================================= */
.tech-guided{
  flex-direction:column;
  gap:10px;
  padding:10px 14px 12px;
  overflow:hidden;
}
.tech-guided-head{
  flex:none;
  min-height:42px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:0 4px;
}
.tech-guided-head small,.tech-guided-count span{
  display:block;
  color:#8fa0ae;
  font-size:9px;
  font-weight:1000;
  letter-spacing:.13em;
}
.tech-guided-head>div:first-child strong{
  display:block;
  margin-top:3px;
  color:#f2f6f9;
  font-size:14px;
  letter-spacing:.08em;
}
.tech-guided-count{text-align:right;white-space:nowrap;min-width:92px;opacity:1;transform:translateY(0);transition:opacity 180ms ease,transform 180ms ease;}
.tech-guided.is-prep .tech-guided-count{visibility:hidden;opacity:0;transform:translateY(2px);}
.tech-guided-count strong{font-size:22px;font-variant-numeric:tabular-nums;color:var(--tech-accent);}
.tech-guided-layout{
  flex:1;
  min-height:0;
  display:grid;
  grid-template-columns:minmax(420px,1.15fr) minmax(330px,.85fr);
  gap:12px;
  align-items:stretch;
}
.tech-guided-visual,.tech-guided-copy{
  min-width:0;
  min-height:0;
  border:1px solid var(--tech-line);
  border-radius:var(--tech-radius);
  background:linear-gradient(180deg,rgba(22,30,39,.96),rgba(10,15,21,.97));
}
.tech-guided-visual{
  position:relative;
  display:grid;
  grid-template-rows:minmax(0,1fr) auto;
  place-items:center;
  padding:12px 14px 10px;
  overflow:hidden;
}
.tech-guided-single{display:grid;place-items:center;width:100%;height:100%;min-height:0;}
.tech-guided-single[hidden]{display:none!important;}
.tech-guided-piece{position:relative;display:grid;place-items:center;width:100%;height:100%;min-height:0;}
.tech-guided-rotator{
  position:relative;
  width:min(72%,430px);
  aspect-ratio:603/532;
  transform-origin:50% 50%;
  transition:transform 260ms cubic-bezier(.35,0,.20,1);
}
.tech-guided-piece-shell>img,.tech-guided-compare-media>img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  user-select:none;
  -webkit-user-drag:none;
  filter:drop-shadow(0 18px 25px rgba(0,0,0,.38));
}
.tech-guided-piece-shell{position:absolute;inset:0;display:block;overflow:visible;}
.tech-guided-piece-shell>img{position:absolute;inset:0;z-index:1;}
.tech-guided [data-tech-guided="target-image"]{pointer-events:none;}
.tech-guided.is-prep [data-tech-guided="target-rotator"],
.tech-guided.is-prep [data-tech-guided="piece-shell"]{pointer-events:none;}
.tech-piece-structure-host{position:absolute;inset:0;z-index:2;width:100%;height:100%;pointer-events:none;overflow:visible;opacity:0;}
.tech-guided.is-piece-composition-ready .tech-piece-structure-host{opacity:1;}
.tech-guided:not(.is-piece-composition-ready) .tech-guide-callout-layer>[data-tech-callout]{opacity:0!important;}
.tech-guided:not(.is-piece-composition-ready) .tech-guided-piece-shell>.tech-guide-scaffold{opacity:0!important;}
.tech-piece-structure-svg{display:block;width:100%;height:100%;overflow:visible;pointer-events:none;}
.tech-piece-structure-svg path,.tech-piece-structure-svg circle{fill:transparent;stroke:transparent;pointer-events:none;transition:stroke 170ms ease,fill 170ms ease,opacity 170ms ease;}
.tech-piece-structure-svg .is-structure-secondary{fill:rgba(99,232,255,.03);stroke:rgba(99,232,255,.56);stroke-width:1.3;vector-effect:non-scaling-stroke;}
.tech-piece-structure-svg .is-structure-primary{fill:rgba(99,232,255,.045);stroke:rgba(99,232,255,.72);stroke-width:1.35;vector-effect:non-scaling-stroke;}
.tech-piece-structure-svg .is-structure-symbol{fill:rgba(99,232,255,.04);stroke:rgba(99,232,255,.78);stroke-width:1.3;vector-effect:non-scaling-stroke;}
.tech-piece-structure-svg .is-structure-scale{fill:rgba(99,232,255,.01);stroke:rgba(99,232,255,.12);stroke-width:1.1;vector-effect:non-scaling-stroke;}
.tech-piece-structure-svg #orientation-path.is-structure-route{fill:none;stroke:rgba(99,232,255,.52);stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;opacity:1;}
.tech-piece-structure-svg .tech-structure-chevron{fill:none;stroke:transparent;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;}
.tech-guided.is-orientation.has-structural-svg .tech-piece-structure-svg .tech-structure-chevron{stroke:rgba(99,232,255,.78);}
.tech-guided.is-orientation.has-structural-svg .tech-piece-structure-svg .is-structure-scale{stroke:rgba(99,232,255,.12);}
.tech-guided.is-orientation.has-structural-svg .tech-piece-structure-host.is-orientation-reveal #orientation-path{stroke-dasharray:1;stroke-dashoffset:1;animation:techStructurePathDraw .22s cubic-bezier(.35,0,.20,1) forwards;}
.tech-guided.is-orientation.has-structural-svg .tech-piece-structure-host.is-orientation-reveal .tech-structure-chevron{opacity:0;animation:techGuideFadeIn .09s ease-out both;}
.tech-guided.is-orientation.has-structural-svg .tech-piece-structure-host.is-orientation-reveal [data-tech-structure-chevron="1"]{animation-delay:60ms;}
.tech-guided.is-orientation.has-structural-svg .tech-piece-structure-host.is-orientation-reveal [data-tech-structure-chevron="2"]{animation-delay:90ms;}
.tech-guided.is-orientation.has-structural-svg .tech-piece-structure-host.is-orientation-reveal [data-tech-structure-chevron="3"]{animation-delay:120ms;}
@keyframes techStructurePathDraw{to{stroke-dashoffset:0}}
.tech-guided.has-structural-svg .tech-guide-scaffold{display:none;}
.tech-guided.is-prep .tech-guide-callout-layer,
.tech-guided.is-prep .tech-guide-scaffold{display:none!important;}
.tech-guided-overlay{position:absolute;inset:0;pointer-events:none;overflow:visible;}
.tech-guided.is-structure-fallback .tech-guide-callout-layer{
  inset:auto;
  left:50%;top:50%;
  width:min(72%,430px);
  aspect-ratio:603/532;
  transform:translate(-50%,-50%) rotate(var(--guided-fallback-rotation,0deg));
  transform-origin:50% 50%;
}
/* Rodada 0 — callouts técnicos externos. O terminal aponta a região; texto permanece fora do asset. */
.tech-guide-callout{
  position:absolute;
  z-index:4;
  width:0;
  height:0;
  opacity:0;
  pointer-events:none;
  transition:opacity .18s ease;
  --callout-line:rgba(155,184,207,.72);
  --callout-terminal:rgba(99,232,255,.9);
}
.tech-guide-terminal{
  position:absolute;
  left:0;top:0;
  width:4px;height:4px;
  transform:translate(-50%,-50%);
  border:0;
  border-radius:50%;
  background:var(--callout-terminal);
  box-shadow:none;
}
.tech-guide-leader{
  position:absolute;
  left:0;top:0;
  width:var(--leader-length,42px);
  height:1.25px;
  transform-origin:0 50%;
  transform:rotate(var(--leader-angle,180deg)) scaleX(.08);
  background:linear-gradient(90deg,var(--callout-terminal),var(--callout-line));
  opacity:.6;
  transition:transform 140ms cubic-bezier(.35,0,.20,1) 20ms,opacity 120ms ease 20ms;
}
.tech-guide-label{
  position:absolute;
  display:block;
  max-width:92px;
  padding:3px 5px;
  border-radius:4px;
  background:rgba(5,10,15,.68);
  color:#dce6ed;
  font-size:clamp(11.5px,.82vw,12.5px);
  font-weight:600;
  line-height:1.18;
  letter-spacing:.09em;
  white-space:normal;
  text-wrap:balance;
  box-shadow:0 1px 0 rgba(255,255,255,.04);
  transform:rotate(var(--guided-counter-rotation,0deg));
  transform-origin:center;
}

.tech-guide-terminal{opacity:0;transition:opacity 100ms ease;}
.tech-guide-label{opacity:0;transition:opacity 120ms ease 70ms;}
.callout-base{left:50%;top:91%;--leader-length:28px;--leader-angle:90deg;}
.callout-base .tech-guide-label{left:-24px;top:31px;min-width:48px;text-align:center;}
.callout-notch{left:6%;top:73%;--leader-length:38px;--leader-angle:180deg;}
.callout-notch .tech-guide-label{right:43px;top:-9px;text-align:right;}
.callout-dominant{left:18%;top:37%;--leader-length:35px;--leader-angle:198deg;}
.callout-dominant .tech-guide-label{right:39px;top:-18px;width:84px;text-align:right;}
.tech-guide-callout-layer[data-structure-callouts="true"] .tech-guide-callout{--leader-length:34px;}
.tech-guide-callout-layer[data-structure-callouts="true"] .tech-guide-callout[data-callout-side="left"]{--leader-angle:180deg;}
.tech-guide-callout-layer[data-structure-callouts="true"] .tech-guide-callout[data-callout-side="right"]{--leader-angle:0deg;}
.tech-guide-callout-layer[data-structure-callouts="true"] .tech-guide-callout[data-callout-side="top"]{--leader-angle:-90deg;}
.tech-guide-callout-layer[data-structure-callouts="true"] .tech-guide-callout[data-callout-side="bottom"]{--leader-angle:90deg;}
.tech-guide-callout-layer[data-structure-callouts="true"] .tech-guide-callout[data-callout-side="left"] .tech-guide-label{right:40px;left:auto;top:-9px;width:max-content;max-width:92px;text-align:right;}
.tech-guide-callout-layer[data-structure-callouts="true"] .tech-guide-callout[data-callout-side="right"] .tech-guide-label{left:40px;right:auto;top:-9px;width:max-content;max-width:92px;text-align:left;}
.tech-guide-callout-layer[data-structure-callouts="true"] .tech-guide-callout[data-callout-side="top"] .tech-guide-label{left:-46px;right:auto;top:-60px;width:92px;text-align:center;}
.tech-guide-callout-layer[data-structure-callouts="true"] .tech-guide-callout[data-callout-side="bottom"] .tech-guide-label{left:-46px;right:auto;top:40px;width:92px;text-align:center;}
.tech-guided.is-class [data-tech-callout="notch"],
.tech-guided.is-class [data-tech-callout="dominant"],
.tech-guided.is-orientation [data-tech-callout="base"],
.tech-guided.is-orientation [data-tech-callout="notch"],
.tech-guided.is-position [data-tech-callout="base"],
.tech-guided.is-position [data-tech-callout="dominant"]{opacity:1;}
.tech-guided.is-class [data-tech-callout="notch"] .tech-guide-terminal,
.tech-guided.is-class [data-tech-callout="dominant"] .tech-guide-terminal,
.tech-guided.is-orientation [data-tech-callout="base"] .tech-guide-terminal,
.tech-guided.is-orientation [data-tech-callout="notch"] .tech-guide-terminal,
.tech-guided.is-position [data-tech-callout="base"] .tech-guide-terminal,
.tech-guided.is-position [data-tech-callout="dominant"] .tech-guide-terminal{opacity:1;}
.tech-guided.is-class [data-tech-callout="notch"] .tech-guide-label,
.tech-guided.is-class [data-tech-callout="dominant"] .tech-guide-label,
.tech-guided.is-orientation [data-tech-callout="base"] .tech-guide-label,
.tech-guided.is-orientation [data-tech-callout="notch"] .tech-guide-label,
.tech-guided.is-position [data-tech-callout="base"] .tech-guide-label,
.tech-guided.is-position [data-tech-callout="dominant"] .tech-guide-label{opacity:1;}
.tech-guided.is-class [data-tech-callout="notch"] .tech-guide-leader,
.tech-guided.is-class [data-tech-callout="dominant"] .tech-guide-leader,
.tech-guided.is-orientation [data-tech-callout="base"] .tech-guide-leader,
.tech-guided.is-orientation [data-tech-callout="notch"] .tech-guide-leader,
.tech-guided.is-position [data-tech-callout="base"] .tech-guide-leader,
.tech-guided.is-position [data-tech-callout="dominant"] .tech-guide-leader{transform:rotate(var(--leader-angle,180deg)) scaleX(1);}
.tech-guide-scaffold,.tech-guide-swap-path{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;}
.tech-guide-scaffold[data-tech-guided="orientation-fallback"]{z-index:3;}
.tech-guide-scaffold path,.tech-guide-swap-path path{
  fill:none;
  stroke:rgba(155,184,207,.72);
  stroke-width:1.25;
  stroke-linecap:round;
  stroke-linejoin:round;
  vector-effect:non-scaling-stroke;
  opacity:0;
}
.tech-guide-scaffold .tech-guide-route{stroke:rgba(99,232,255,.52);filter:none;}
.tech-guide-scaffold .tech-guide-chevron{stroke:rgba(99,232,255,.78);stroke-width:1.4;}
.tech-guided.is-orientation .tech-guide-scaffold .tech-guide-route{opacity:.5;}
.tech-guided.is-orientation .tech-guide-scaffold .tech-guide-chevron{opacity:.75;}
.tech-guided.is-orientation.is-scaffold-pulse .tech-guide-scaffold .tech-guide-route{
  opacity:.55;
  stroke-dasharray:1;
  stroke-dashoffset:1;
  animation:techGuideDraw .21s cubic-bezier(.35,0,.20,1) 1 forwards;
}
.tech-guided.is-orientation.is-scaffold-pulse .tech-guide-scaffold .tech-guide-chevron{opacity:.78;animation:techGuideFadeIn .09s ease-out both;}
.tech-guided.is-orientation.is-scaffold-pulse  .tech-guide-scaffold [data-tech-chevron="1"]{animation-delay:70ms;}
.tech-guided.is-orientation.is-scaffold-pulse  .tech-guide-scaffold [data-tech-chevron="2"]{animation-delay:95ms;}
.tech-guided.is-orientation.is-scaffold-pulse  .tech-guide-scaffold [data-tech-chevron="3"]{animation-delay:120ms;}
@keyframes techGuideDraw{to{stroke-dashoffset:0}}
@keyframes techGuideFadeIn{from{opacity:0}to{opacity:.88}}
.tech-guided.is-orientation.is-scaffold-pulse [data-tech-callout="notch"] .tech-guide-terminal{animation:techGuideEndpointLift 70ms ease-out 145ms both;}
@keyframes techGuideEndpointLift{0%,100%{filter:none}50%{filter:brightness(1.65)}}
.tech-guide-swap{
  position:absolute;
  width:15%;
  aspect-ratio:1;
  border:1px solid rgba(99,232,255,.72);
  border-radius:50%;
  opacity:0;
  transition:opacity .18s ease,transform .2s ease;
  box-shadow:none;
}
.tech-guide-swap.swap-a{left:57.5%;top:25.5%;}
.tech-guide-swap.swap-b{left:57%;top:59%;}
.tech-guided.is-aligned [data-tech-callout="base"] .tech-guide-terminal{animation:techGuideTerminalPulse .34s ease-out 1;}
.tech-guided.is-aligned [data-tech-callout="base"] .tech-guide-leader{filter:drop-shadow(0 0 4px rgba(99,232,255,.28));}
@keyframes techGuideTerminalPulse{50%{transform:translate(-50%,-50%) scale(1.7);box-shadow:0 0 13px rgba(99,232,255,.55)}100%{transform:translate(-50%,-50%) scale(1)}}

.tech-guided-rotate{
  display:grid;
  grid-template-columns:46px auto 46px;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-height:48px;
  margin-top:4px;
}
.tech-guided-rotate[hidden]{display:none!important;}
.tech-guided-rotate button{
  width:46px;
  height:46px;
  border:1px solid #465766;
  border-radius:13px;
  background:#111b24;
  color:#fff;
  font-size:29px;
  cursor:pointer;
  touch-action:manipulation;
}
.tech-guided-rotate button:focus-visible,.tech-guided-option:focus-visible{outline:2px solid #fff;outline-offset:3px;}
.tech-guided-rotate button:disabled{opacity:.45;cursor:default;}
.tech-guided-rotate div{text-align:center;}
.tech-guided-rotate small{display:block;color:#82919d;font-size:8px;font-weight:1000;letter-spacing:.12em;}
.tech-guided-rotate strong{display:block;margin-top:2px;font-size:12px;letter-spacing:.1em;}

.tech-guided-copy{
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:clamp(18px,3vw,34px);
}
.tech-guided-copy h1{margin:7px 0 11px;font-size:clamp(24px,2.4vw,36px);line-height:1.02;letter-spacing:.02em;}
.tech-guided-instruction{margin:0;color:#b7c4ce;font-size:clamp(14px,1.2vw,17px);line-height:1.52;}
.tech-guided-instruction strong{display:block;margin-top:3px;color:#eef4f8;font-weight:850;}
.tech-guided-status{min-height:34px;margin-top:10px;color:var(--tech-accent);font-size:13px;font-weight:850;line-height:1.35;}
.tech-guided-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:8px;}
.tech-guided-options[data-options="3"]{grid-template-columns:repeat(3,minmax(0,1fr));}
.tech-guided-options[hidden]{display:none!important;}
.tech-guided-option{
  min-height:48px;
  padding:8px 9px;
  border:1px solid #40505e;
  border-radius:13px;
  background:#111a22;
  color:#eef4f8;
  font-size:12px;
  font-weight:1000;
  letter-spacing:.055em;
  cursor:pointer;
  touch-action:manipulation;
  transition:transform .1s ease,border-color .12s ease,background .12s ease;
}
.tech-guided-option:active{transform:scale(.975);}
.tech-guided-option.is-wrong{border-color:#ff5b67;background:rgba(255,91,103,.08);}
.tech-guided-option.is-correct{border-color:var(--tech-accent);background:rgba(185,255,38,.08);color:#efffc9;}
.tech-guided-option:disabled{cursor:default;}
.tech-guided-footer{
  flex:none;
  min-height:62px;
  display:grid;
  grid-template-columns:minmax(0,1.45fr) minmax(260px,.55fr);
  gap:10px;
}
.tech-guided-candidates,.tech-guided-reading{
  min-width:0;
  padding:8px 12px;
  border:1px solid #2a3640;
  border-radius:14px;
  background:rgba(10,15,21,.88);
}
.tech-guided-candidates[hidden]{display:none!important;}
.tech-guided-candidate-tray{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:5px;margin-top:5px;}
.tech-guided-candidate{
  min-width:0;
  padding:6px 4px;
  border:1px solid #354652;
  border-radius:8px;
  color:#d9e4eb;
  font-size:10px;
  font-weight:900;
  text-align:center;
  white-space:nowrap;
}
.tech-guided-reading{display:flex;flex-direction:column;justify-content:center;}
.tech-guided-reading strong{display:block;margin-top:4px;color:#f4f8fa;font-size:13px;line-height:1.3;overflow-wrap:anywhere;}

.tech-guided-compare{
  position:relative;
  width:100%;
  min-height:0;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  grid-template-rows:minmax(0,1fr) auto;
  align-items:center;
  gap:6px 14px;
}
.tech-guided-compare[hidden]{display:none!important;}
.tech-guided-compare-piece{min-width:0;margin:0;display:grid;justify-items:center;align-self:center;gap:6px;}
.tech-guided-compare-piece:first-child{opacity:1;}
.tech-guided-compare-piece:nth-child(2){opacity:.92;}
.tech-guided-compare-piece figcaption{color:#d9e3ea;font-size:10px;font-weight:800;letter-spacing:.15em;}
.tech-guided-compare-media{position:relative;width:min(82%,280px);aspect-ratio:603/532;overflow:visible;}
/* Natureza: símbolos externos correspondentes substituem labels sobre as cartas. */
.compare-overlay .tech-guide-callout{opacity:0;}
.compare-overlay .tech-guide-label{display:none;}
.compare-overlay .tech-guide-symbol{
  position:absolute;
  display:block;
  width:8px;height:8px;
  background:#0a1219;
  border:1px solid rgba(207,220,229,.8);
  opacity:.92;
}
.compare-overlay .callout-base{--leader-length:18px;}
.compare-overlay .callout-base .tech-guide-symbol{left:-4px;top:20px;border-radius:50%;}
.compare-overlay .callout-notch{--leader-length:18px;}
.compare-overlay .callout-notch .tech-guide-symbol{right:21px;top:-4px;transform:rotate(45deg);}
.compare-overlay .callout-dominant{--leader-length:18px;--leader-angle:180deg;}
.compare-overlay .callout-dominant .tech-guide-symbol{right:21px;top:-4px;border-radius:1px;}
.tech-guided-analysis-note{
  grid-column:1/-1;
  display:grid;
  justify-items:center;
  gap:3px;
  min-height:26px;
  padding:1px 8px 0;
  color:#aab8c3;
  text-align:center;
  pointer-events:none;
}
.tech-guided-preserved-note,.tech-guided-swap-note{display:none;align-items:center;justify-content:center;gap:6px;}
.tech-guided-preserved-note{flex-wrap:wrap;}
.tech-guided-preserved-note strong{
  color:#dce6ed;
  font-size:9.5px;
  font-weight:800;
  letter-spacing:.12em;
  line-height:1.15;
}
.tech-guided-preserved-note>span{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:center;
  gap:4px;
  color:#8494a0;
  font-size:8.5px;
  font-weight:700;
  letter-spacing:.055em;
  line-height:1.2;
}
.tech-legend-symbol{display:inline-block;width:6px;height:6px;margin-left:3px;border:1px solid #a9bac6;background:transparent;}
.tech-legend-symbol.symbol-base{border-radius:50%;}
.tech-legend-symbol.symbol-notch{transform:rotate(45deg);}
.tech-legend-symbol.symbol-dominant{border-radius:1px;}
.tech-guided-swap-note{
  color:#aebdca;
  font-size:9.5px;
  font-weight:800;
  letter-spacing:.095em;
  line-height:1.2;
}
.tech-guided[data-nature-phase="invariants"] .compare-overlay .tech-guide-callout,
.tech-guided[data-nature-phase="ready-reduced"] .compare-overlay .tech-guide-callout{opacity:1;}
.tech-guided[data-nature-phase="invariants"] .compare-overlay .tech-guide-leader,
.tech-guided[data-nature-phase="ready-reduced"] .compare-overlay .tech-guide-leader{transform:rotate(var(--leader-angle,180deg)) scaleX(1);}
.tech-guided[data-nature-phase="invariants"] .tech-guided-preserved-note,
.tech-guided[data-nature-phase="ready-reduced"] .tech-guided-preserved-note{display:flex;}
.tech-guided[data-nature-phase="swap"] .tech-guide-swap,
.tech-guided[data-nature-phase="ready"] .tech-guide-swap,
.tech-guided[data-nature-phase="ready-reduced"] .tech-guide-swap{opacity:1;}
.tech-guided[data-nature-phase="swap"] .tech-guide-swap.swap-a{animation:techNatureEmphasis 110ms ease-out both;}
.tech-guided[data-nature-phase="swap"] .tech-guide-swap.swap-b{animation:techNatureEmphasis 110ms ease-out 50ms both;}
@keyframes techNatureEmphasis{from{opacity:.25;transform:scale(.92)}to{opacity:1;transform:scale(1)}}
.tech-guided[data-nature-phase="swap"] .tech-guide-swap-path path,
.tech-guided[data-nature-phase="ready"] .tech-guide-swap-path path,
.tech-guided[data-nature-phase="ready-reduced"] .tech-guide-swap-path path{opacity:.72;}
.tech-guided[data-nature-phase="swap"] .tech-guide-swap-path path{
  stroke-dasharray:1;
  stroke-dashoffset:1;
  animation:techGuideDraw .22s ease-out 1 forwards;
}
.tech-guided[data-nature-phase="swap"] .tech-guided-swap-note,
.tech-guided[data-nature-phase="ready"] .tech-guided-swap-note,
.tech-guided[data-nature-phase="ready-reduced"] .tech-guided-swap-note{display:flex;}

.tech-guided-reveal[hidden]{display:none!important;}
.tech-guided-reveal{display:grid;justify-items:start;gap:10px;margin-top:3px;}
.tech-guided-reveal>strong{font-size:clamp(25px,3vw,38px);color:var(--tech-accent);letter-spacing:.04em;}
.tech-guided-reveal .tech-btn{min-width:190px;}
.tech-guided.is-reveal .tech-guided-overlay{display:none;}
.tech-guided.is-reveal .tech-guided-rotator{transform:rotate(0deg)!important;}

@media (max-width:900px){
  .tech-guided{gap:6px;padding:6px 8px max(7px,env(safe-area-inset-bottom,0px));}
  .tech-guided-head{min-height:34px;padding:0 2px;}
  .tech-guided-head small,.tech-guided-count span{font-size:7.5px;}
  .tech-guided-head>div:first-child strong{font-size:11px;margin-top:1px;}
  .tech-guided-count strong{font-size:18px;}
  .tech-guided-layout{display:flex;flex-direction:column;gap:6px;}
  .tech-guided-visual{flex:1 1 auto;min-height:188px;padding:5px 8px 4px;border-radius:16px;}
  .tech-guided-rotator{width:min(56vw,240px);}
  .tech-guided.is-structure-fallback .tech-guide-callout-layer{width:min(56vw,240px);}
  .tech-guide-leader{height:1.5px;}
  .tech-guide-callout-layer[data-structure-callouts="true"] .tech-guide-callout{--leader-length:28px;}
  .tech-guide-callout-layer[data-structure-callouts="true"] .tech-guide-callout[data-callout-side="left"] .tech-guide-label{right:27px;}
  .tech-guide-callout-layer[data-structure-callouts="true"] .tech-guide-callout[data-callout-side="right"] .tech-guide-label{left:30px;}
  .tech-guide-callout-layer[data-structure-callouts="true"] .tech-guide-callout[data-callout-side="top"] .tech-guide-label{top:-54px;}
  .tech-guide-callout-layer[data-structure-callouts="true"] .tech-guide-callout[data-callout-side="bottom"] .tech-guide-label{top:34px;}
  .tech-guide-label{font-size:11px;font-weight:600;letter-spacing:.08em;}
  .callout-notch .tech-guide-label{right:30px;}
  .callout-dominant .tech-guide-label{width:76px;}
  .tech-guided-rotate{grid-template-columns:44px auto 44px;min-height:44px;gap:8px;margin-top:0;}
  .tech-guided-rotate button{width:44px;height:44px;border-radius:11px;}
  .tech-guided-copy{flex:none;padding:10px 12px;border-radius:16px;}
  .tech-guided-copy .tech-kicker{font-size:8px;}
  .tech-guided-copy h1{margin:3px 0 5px;font-size:18px;}
  .tech-guided-instruction{font-size:12px;line-height:1.35;}
  .tech-guided-status{min-height:19px;margin-top:5px;font-size:11px;}
  .tech-guided-options{gap:5px;margin-top:4px;}
  .tech-guided-option{min-height:44px;padding:5px;font-size:10px;border-radius:10px;}
  .tech-guided-footer{min-height:48px;grid-template-columns:1fr;gap:5px;}
  .tech-guided-candidates,.tech-guided-reading{padding:5px 8px;border-radius:11px;}
  .tech-guided-candidates .tech-kicker,.tech-guided-reading .tech-kicker{font-size:7px;}
  .tech-guided-candidate-tray{grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;margin-top:3px;}
  .tech-guided-candidate{padding:3px 2px;font-size:8px;}
  .tech-guided-reading strong{margin-top:2px;font-size:10.5px;}
  .tech-guided-compare{gap:3px 8px;}
  .tech-guided-compare-piece{gap:3px;}
  .tech-guided-compare-piece figcaption{font-size:8.5px;}
  .tech-guided-compare-media{width:min(36vw,154px);}
  .tech-guided-analysis-note{min-height:25px;padding:0 3px;}
  .tech-guided-preserved-note strong,.tech-guided-swap-note{font-size:9px;}
  .tech-guided-preserved-note>span{font-size:8.5px;}
  .tech-guided-reveal{gap:5px;margin-top:0;}
  .tech-guided-reveal>strong{font-size:20px;}
  .tech-guided-reveal .tech-btn{min-width:160px;min-height:44px;}
}

@media (max-width:900px) and (min-height:701px){
  .tech-guided-visual{min-height:290px;}
  .tech-guide-callout-layer[data-structure-callouts="true"] [data-tech-callout="notch"] .tech-guide-label{font-size:10.5px;letter-spacing:.07em;padding-left:4px;padding-right:4px;}
}

@media (max-width:560px) and (max-height:700px){
  .technomancia-root{height:100%!important;min-height:0!important;overflow:hidden!important;}
  .tech-guided{height:100%!important;min-height:0!important;overflow:hidden!important;gap:4px!important;padding:3px 7px 5px!important;}
  .tech-guided-head{min-height:30px!important;}
  .tech-guided-layout{min-height:0!important;gap:4px!important;}
  .tech-guided-visual{min-height:158px!important;padding:3px 6px!important;}
  .tech-guided-rotator{width:min(48vw,178px)!important;}
  .tech-guided.is-structure-fallback .tech-guide-callout-layer{width:min(48vw,178px)!important;}
  .tech-guided-rotate{grid-template-columns:44px auto 44px!important;min-height:44px!important;}
  .tech-guided-copy{padding:7px 9px!important;}
  .tech-guided-copy h1{font-size:16px!important;margin:2px 0 3px!important;}
  .tech-guided-instruction{font-size:10.5px!important;line-height:1.28!important;}
  .tech-guided-status{min-height:16px!important;margin-top:3px!important;font-size:9.5px!important;}
  .tech-guided-option{min-height:44px!important;font-size:9px!important;}
  .tech-guided-footer{min-height:40px!important;gap:3px!important;}
  .tech-guided-candidates,.tech-guided-reading{padding:4px 7px!important;}
  .tech-guided-candidate{font-size:7.5px!important;padding:2px!important;}
  .tech-guided-compare-media{width:min(35vw,126px)!important;}
  .tech-guided-analysis-note{min-height:24px!important;padding:0 2px!important;}
  .tech-guided-preserved-note strong,.tech-guided-swap-note{font-size:8.5px!important;}
  .tech-guided-preserved-note>span{font-size:8px!important;}
  .tech-guide-label{font-size:10.5px!important;max-width:86px!important;}
  .callout-dominant .tech-guide-label{width:76px!important;}
  .tech-guided-reveal>strong{font-size:18px!important;}
}

@media (prefers-reduced-motion:reduce){
  .tech-guided *,.tech-guided *::before,.tech-guided *::after{animation:none!important;transition:none!important;}
  .tech-guided[data-nature-phase="swap"] .tech-guide-swap-path path,
  .tech-guided[data-nature-phase="ready-reduced"] .tech-guide-swap-path path,
  .tech-guided.is-orientation.is-scaffold-pulse .tech-guide-scaffold .tech-guide-route{stroke-dasharray:none!important;stroke-dashoffset:0!important;}
  .tech-guided.is-orientation .tech-guide-scaffold .tech-guide-chevron{opacity:.72!important;}
  .tech-guided.is-orientation.has-structural-svg .tech-piece-structure-svg #orientation-path{stroke-dasharray:none!important;stroke-dashoffset:0!important;}
  .tech-guided.is-orientation.has-structural-svg .tech-piece-structure-svg .tech-structure-chevron{opacity:.78!important;}
}

/* =========================================================
   TECNOMANCIA — FECHAMENTO: AUTONOMIA + RECURSOS + DESEMPENHO
   Estado econômico apenas em memória da sessão.
   ========================================================= */
.tech-autonomy{
  align-items:center;
  justify-content:center;
  padding:24px;
  background:radial-gradient(circle at 50% 46%,rgba(99,232,255,.07),transparent 34%);
}
.tech-autonomy-card{text-align:center;pointer-events:none;}
.tech-autonomy-card h1{
  margin:0;
  color:#eef5f8;
  font-size:clamp(30px,4.2vw,58px);
  line-height:1;
  letter-spacing:.09em;
  font-weight:900;
  animation:techAutonomyIn .22s ease-out both;
}
@keyframes techAutonomyIn{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}


.tech-round-resource[hidden]{display:none!important;}
.tech-round-resource{
  margin:-4px 0 14px;
  padding:10px 12px;
  border:1px solid rgba(99,232,255,.18);
  border-radius:12px;
  background:rgba(7,15,21,.72);
}
.tech-round-resource>small{
  display:block;
  color:#8093a1;
  font-size:9px;
  font-weight:900;
  letter-spacing:.12em;
}
.tech-round-resource>div{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:5px;}
.tech-round-resource>div>strong{font-size:18px;letter-spacing:.035em;color:#edf4f7;}
.tech-round-resource>div>span{display:flex;align-items:center;gap:5px;color:#cbd6dc;white-space:nowrap;}
.tech-round-resource img{width:24px;height:24px;object-fit:contain;filter:drop-shadow(0 3px 7px rgba(0,0,0,.32));}
.tech-round-resource b{font-size:15px;font-variant-numeric:tabular-nums;}

.tech-resources{
  align-items:center;
  justify-content:center;
  padding:18px;
  overflow:auto;
}
.tech-resources-card{
  width:min(860px,100%);
  padding:30px;
  text-align:center;
}
.tech-resources-card h1{margin:5px 0 22px;font-size:clamp(30px,4vw,44px);letter-spacing:-.025em;}
.tech-resources-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;}
.tech-resource-card{
  min-width:0;
  min-height:204px;
  display:grid;
  grid-template-rows:auto minmax(72px,1fr) auto 18px;
  align-items:center;
  justify-items:center;
  gap:7px;
  padding:16px 10px 12px;
  border:1px solid #303d47;
  border-radius:16px;
  background:linear-gradient(180deg,rgba(18,27,35,.92),rgba(8,13,18,.96));
}
.tech-resource-card>strong{font-size:12px;letter-spacing:.12em;color:#eaf0f4;}
.tech-resource-card>img{width:min(96px,72%);height:82px;object-fit:contain;filter:drop-shadow(0 10px 16px rgba(0,0,0,.28));}
.tech-resource-card>b{font-size:29px;line-height:1;font-variant-numeric:tabular-nums;letter-spacing:.02em;}
.tech-resource-card>small{font-size:8px;font-weight:900;letter-spacing:.11em;color:#70808c;}
.tech-resource-card>small[hidden]{visibility:hidden;display:block!important;}
.tech-resource-card.is-zero>img{opacity:.28;filter:grayscale(.4) drop-shadow(0 6px 10px rgba(0,0,0,.18));}
.tech-resource-card.is-zero>b{color:#8997a1;}
.tech-resources-note{margin:16px 0 14px;color:#71818d;font-size:11px;line-height:1.35;}
.tech-resources-card>.tech-btn{width:min(360px,100%);min-height:50px;}

.tech-summary-card>.tech-kicker{text-align:center;}
.tech-summary-card>h1{text-align:center;}
.tech-summary-actions{grid-template-columns:1fr 1fr;}
.tech-summary-actions [data-tech-action="test-solo"]{grid-column:auto;}

@media (max-width:560px){
  .tech-autonomy{padding:14px;}
  .tech-autonomy-card h1{font-size:26px;letter-spacing:.075em;}
  .tech-resources{height:100%;min-height:0;padding:8px 7px max(8px,env(safe-area-inset-bottom,0px));overflow:hidden;}
  .tech-resources-card{width:100%;padding:16px 10px 12px;border-radius:18px;}
  .tech-resources-card .tech-kicker{font-size:8px;}
  .tech-resources-card h1{margin:4px 0 14px;font-size:24px;}
  .tech-resources-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;}
  .tech-resource-card{min-height:154px;grid-template-rows:auto 58px auto 16px;gap:5px;padding:11px 4px 8px;border-radius:12px;}
  .tech-resource-card>strong{font-size:9px;letter-spacing:.09em;}
  .tech-resource-card>img{width:min(66px,82%);height:56px;}
  .tech-resource-card>b{font-size:23px;}
  .tech-resource-card>small{font-size:6.5px;letter-spacing:.06em;}
  .tech-resources-note{margin:11px 0 10px;font-size:9px;}
  .tech-resources-card>.tech-btn{min-height:44px;}
  .tech-round-resource{margin:-2px 0 10px;padding:8px 10px;}
  .tech-round-resource>div>strong{font-size:15px;}
  .tech-round-resource img{width:21px;height:21px;}
  .tech-summary-actions{grid-template-columns:1fr;}
}

@media (max-width:900px) and (min-height:701px){
  .tech-guided-visual{min-height:290px;}
  .tech-guide-callout-layer[data-structure-callouts="true"] [data-tech-callout="notch"] .tech-guide-label{font-size:10.5px;letter-spacing:.07em;padding-left:4px;padding-right:4px;}
}

@media (max-width:560px) and (max-height:700px){
  .tech-resources-card{padding:12px 9px 9px;}
  .tech-resources-card h1{font-size:21px;margin:2px 0 10px;}
  .tech-resource-card{min-height:132px;grid-template-rows:auto 46px auto 14px;padding:8px 3px 6px;}
  .tech-resource-card>img{height:45px;width:min(54px,78%);}
  .tech-resource-card>b{font-size:20px;}
  .tech-resources-note{margin:8px 0 7px;}
}

@media (prefers-reduced-motion:reduce){
  .tech-autonomy-card h1{animation:none!important;}
}


/* AUTONOMY CLOSE — mobile performance top alignment */
@media (max-width:560px){
  .tech-summary{align-items:flex-start;}
}


/* ESTABILIDADE-FISICA-01 — altura útil mobile/Safari.
   Usa altura útil, não modelo de aparelho; preserva standalone e desktop. */
@media (max-width:900px) and (max-height:780px){
  .technomancia-layer{height:100%;min-height:0;overflow:hidden;}
  .technomancia-root{height:100%;min-height:0;overflow:hidden;}
  .tech-guided{height:100%;min-height:0;gap:4px;padding:4px 8px max(6px,env(safe-area-inset-bottom,0px));}
  .tech-guided-head{min-height:32px;}
  .tech-guided-layout{min-height:0;gap:4px;}
  .tech-guided-visual{min-height:0;flex:1 1 180px;padding-block:3px;}
  .tech-guided-rotator{width:min(50vw,205px);}
  .tech-guided-copy{padding:7px 10px;}
  .tech-guided-copy h1{margin:2px 0 4px;font-size:17px;}
  .tech-guided-instruction{font-size:11px;line-height:1.3;}
  .tech-guided-status{min-height:17px;margin-top:3px;font-size:10px;}
  .tech-guided-footer{min-height:42px;gap:4px;}
}