/* 43-inch portrait kiosk: 530 x 942 mm visible area, approximately 9:16.
   Pixel dimensions are responsive; 1080 x 1920 is a reference, not an EDID claim. */
html[data-display="totem"]{--totem-width:min(100vw,56.25dvh);font-size:calc(var(--totem-width)*.02);height:100%;overflow:hidden}
html[data-display="totem"] body{width:var(--totem-width);height:100dvh;min-height:0;margin:0 auto;overflow:hidden;display:flex;flex-direction:column;font-size:1.1rem;-webkit-tap-highlight-color:transparent}
html[data-display="totem"] .topline{height:.24rem;flex-shrink:0}
html[data-display="totem"] body>header{width:100%;max-width:none;padding:1rem 1.5rem;flex:0 0 auto;min-height:4rem}
html[data-display="totem"] header img{width:10rem;max-width:50%;height:auto}
html[data-display="totem"] .header-signature{font-size:.65rem;line-height:1.45;letter-spacing:.08em;margin-left:auto}
html[data-display="totem"] .unit-context{max-width:none;width:100%;padding:.4rem 1.5rem;flex-shrink:0;font-size:.75rem}
html[data-display="totem"] .change-unit{display:none}
html[data-display="totem"] #app{width:100%;max-width:none;margin:0;padding:1rem 1.5rem;min-height:0;flex:1 1 auto;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scroll-padding:1rem;display:flex;flex-direction:column}
html[data-display="totem"] .narrow,html[data-display="totem"] .panel,html[data-display="totem"] .jersey-builder{width:100%;max-width:none;min-width:0}
html[data-display="totem"] .panel{padding:1.5rem;border-radius:.8rem}
html[data-display="totem"] h1{font-size:2.8rem}html[data-display="totem"] h2{font-size:2rem;line-height:1.25}html[data-display="totem"] h3{font-size:1.4rem}
html[data-display="totem"] p{font-size:1rem;line-height:1.5}html[data-display="totem"] .eyebrow{font-size:.7rem;letter-spacing:.11em}html[data-display="totem"] .badge{font-size:.8rem}
html[data-display="totem"] button,html[data-display="totem"] input,html[data-display="totem"] select{font-size:1.05rem;min-height:3.2rem}
html[data-display="totem"] .primary,html[data-display="totem"] .secondary{min-height:3.5rem;padding:.9rem 1.2rem;font-size:1.05rem;border-radius:.5rem}
html[data-display="totem"] .back{font-size:.8rem;min-height:2.6rem;flex-shrink:0;margin-bottom:.7rem}
html[data-display="totem"] .field{margin-bottom:.8rem}html[data-display="totem"] .field span{font-size:.85rem;margin-bottom:.4rem}html[data-display="totem"] .field input{padding:.8rem 1rem;width:100%;min-height:3.3rem}
html[data-display="totem"] .registration-privacy,html[data-display="totem"] .jersey-public-hint{font-size:.75rem;line-height:1.5}
html[data-display="totem"] .small-link{min-height:1.8rem;font-size:inherit}
html[data-display="totem"] .quiz-cover{flex:1 0 auto;min-height:100%;width:100%;border-radius:.8rem;align-items:flex-end}
html[data-display="totem"] .quiz-cover-photo{width:100%;height:100%;object-fit:cover;object-position:55% 20%}
html[data-display="totem"] .quiz-cover:before{background:linear-gradient(0deg,#101317 0%,#101317f5 29%,#101317b0 49%,#10131710 80%)}
html[data-display="totem"] .quiz-cover-copy{padding:1.8rem 2rem;max-width:none;width:100%;padding-top:12rem}
html[data-display="totem"] .quiz-cover h1{font-size:3rem;line-height:1.04;max-width:90%;margin:1rem 0;letter-spacing:-.035em}
html[data-display="totem"] .quiz-cover p{font-size:1rem;max-width:100%;margin:.8rem 0}
html[data-display="totem"] .quiz-cover .quiz-cover-prize{padding:.7rem .9rem;margin:.8rem 0}
html[data-display="totem"] .quiz-cover .quiz-cover-cta{font-size:1.2rem;min-height:3.8rem;margin-top:1rem;padding:1rem 1.2rem}
html[data-display="totem"] .quiz-cover .quiz-cover-ranking{font-size:.9rem;min-height:2.8rem;margin-top:.5rem}
html[data-display="totem"] .quiz-cover .quiz-cover-note{font-size:.7rem;line-height:1.45;max-width:none;margin-top:.8rem}
html[data-display="totem"] .jersey-builder{display:flex;flex-direction:column;gap:1rem;padding:1.5rem!important}
html[data-display="totem"] .jersey-builder-copy{max-width:100%;width:100%;text-align:center}
html[data-display="totem"] .jersey-builder-copy .muted{font-size:.9rem;max-width:none}
html[data-display="totem"] .jersey-builder-copy form{margin-top:1rem}
html[data-display="totem"] #nickname-shirt-stage{order:-1;min-height:0;padding:.5rem;gap:.5rem}
html[data-display="totem"] #nickname-shirt-stage .brasil-jersey-wrap,html[data-display="totem"] #nickname-shirt-stage .quiz-shirt-back,html[data-display="totem"] #nickname-shirt-stage .quiz-shirt-art{width:100%!important;max-width:18rem!important;max-height:18rem!important;height:auto!important}
html[data-display="totem"] .question-text{font-size:1.9rem;line-height:1.3;margin:1.2rem 0;overflow-wrap:anywhere}
html[data-display="totem"] .timer-row{gap:1rem}html[data-display="totem"] .timer{width:3rem;height:3rem;font-size:1.6rem}
html[data-display="totem"] .options{display:grid;gap:.7rem}
html[data-display="totem"] .option{display:flex;align-items:center;gap:.8rem;min-height:4.3rem;padding:1rem;font-size:1.15rem;line-height:1.35;white-space:normal;text-align:left}
html[data-display="totem"] .option>span{width:2.2rem;height:2.2rem;min-width:2.2rem;display:grid;place-items:center;font-size:1rem}
html[data-display="totem"] .feedback{font-size:1rem;padding:1rem;margin:.8rem 0}
html[data-display="totem"] .countdown-stage{min-height:100%;padding:2rem 1rem;margin:0;border-radius:.8rem;flex:1}
html[data-display="totem"] .countdown-digits{font-size:9rem;min-height:10rem}
html[data-display="totem"] .sponsor-panel .sponsor-media{max-height:55dvh;max-width:100%;object-fit:contain}
html[data-display="totem"] .result-kiosk{padding:1.3rem}.result-kiosk{overflow-wrap:anywhere}
html[data-display="totem"] .result-kiosk h1{font-size:2.1rem}html[data-display="totem"] .result-kiosk .prize-ticket{padding:1rem;margin:1rem 0}
html[data-display="totem"] .result-kiosk .prize-ticket h2{font-size:1.6rem}
html[data-display="totem"] .result-kiosk .prize-code{font-size:2.3rem;padding:.7rem;letter-spacing:.03em}
html[data-display="totem"] .result-kiosk .next-week-teaser{padding:1rem;margin:1rem 0}
html[data-display="totem"] .result-kiosk .next-week-teaser h2{font-size:1.4rem}
html[data-display="totem"] .ranking li{font-size:1rem;padding:1rem}.privacy-text{overflow-wrap:anywhere}
html[data-display="totem"] body>footer{max-width:none;width:100%;margin:0;padding:.7rem 1.5rem;flex:0 0 auto;font-size:.6rem}
html[data-display="totem"] footer>img,html[data-display="totem"] footer>p,html[data-display="totem"] footer>small{display:none}
html[data-display="totem"] footer>div{font-size:.6rem;line-height:1.4;gap:.5rem;justify-content:center}
html[data-display="totem"] footer button{min-height:1.8rem;font-size:.65rem}
.totem-fullscreen{display:none}html[data-display="totem"] .totem-fullscreen{display:inline-flex;align-items:center;justify-content:center;min-height:2.3rem;min-width:2.3rem;font-size:1rem;border:1px solid #ffffff40;background:#ffffff0a;color:inherit;border-radius:.4rem;padding:.4rem;margin-left:.8rem}
html[data-display="totem"] #notice{font-size:.85rem;max-width:90%;padding:1rem}