:root { color-scheme: dark; font-family: Inter, system-ui, sans-serif; color: #eef1ff; background: #0a1030; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100dvh; display: grid; place-items: center; padding: 24px 16px; background: radial-gradient(ellipse at top, #263269, transparent 70%), linear-gradient(155deg, #0a0e27, #161042); }
.cartao { width: min(480px, 100%); padding: 26px; display: grid; gap: 16px; justify-items: center; text-align: center; border: 1px solid #ffe9a830; border-radius: 26px; background: #080b1ebd; box-shadow: 0 20px 80px #0007; }
.emblema { width: min(260px, 70vw); height: auto; filter: drop-shadow(0 8px 25px #f4c95d35); }
h1, h2, p { margin: 0; } h1 { font-size: clamp(1.7rem, 6vw, 2rem); } h2 { font-size: 1.1rem; } p { line-height: 1.5; color: #c1c9eb; }
a { color: #ffe9a8; text-underline-offset: 4px; } .jogo { font-size: .9rem; font-weight: 700; } .abrir { padding: 8px; }
button, .download { width: 100%; min-height: 54px; padding: 14px 20px; border: 1px solid #ffe9a8; border-radius: 14px; background: linear-gradient(#ffe9a8, #f4c95d 48%, #b98a2c); color: #2a1a00; font: 800 1.05rem Inter, system-ui, sans-serif; cursor: pointer; box-shadow: 0 6px 20px #f4c95d35; text-decoration: none; }
details { width: 100%; } summary { color: #c1c9eb; cursor: pointer; padding: 8px; } details[open] > button { margin-top: 14px; } details > .nota, details > .abrir { display: block; margin: 14px 0; }
button:hover { filter: brightness(1.08); } button:disabled { opacity: .65; cursor: wait; } .nota { font-size: .85rem; }
section { width: 100%; padding: 18px; border: 1px solid #9ca6d433; border-radius: 14px; text-align: left; background: #11183a; }
ol { padding-left: 22px; margin-bottom: 0; } li { margin-top: 10px; line-height: 1.5; } #abrir-chrome { display: block; margin-top: 16px; }
[hidden] { display: none !important; } :focus-visible { outline: 3px solid #ffe9a8; outline-offset: 4px; }
@media (max-height: 520px) and (min-width: 701px) { .cartao { width: min(680px, 100%); } .emblema { width: 130px; } }