@font-face{font-family:Orbit;src:url('assets/nunito.ttf');font-weight:400 700;font-display:swap}@font-face{font-family:Orbit;src:url('assets/nunito-heavy.ttf');font-weight:800 1000;font-display:swap}*{box-sizing:border-box}body{margin:0;background:#050c16;color:#fff0d2;font-family:Orbit,sans-serif;min-height:100svh;display:grid;place-items:center}::selection{background:#ffc561;color:#152030}.stage{position:relative;width:min(100vw,450px,calc(100svh * .5625));aspect-ratio:9/16;overflow:hidden;background:#0a1a2e;isolation:isolate}canvas{width:100%;height:100%;display:block;touch-action:none}header{position:absolute;top:22px;left:20px;right:16px;display:flex;align-items:center;justify-content:space-between}h1{font-size:23px;letter-spacing:-.02em;margin:0;font-weight:900}.controls{display:flex;gap:3px}button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled{opacity:.45;cursor:default}.controls button{border:1px solid #bdd4eb33;background:#0b192cc9;color:#ffedce;width:35px;height:35px;border-radius:50%;display:grid;place-items:center}.controls svg{width:19px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:3px solid #80dcf3;outline-offset:3px}.record{position:absolute;left:20px;top:79px;font-size:10px;letter-spacing:.06em;color:#c7d3df}.record strong{font-size:20px;color:#ffd17d;display:block;line-height:1.25}.score{position:absolute;top:87px;left:0;right:0;text-align:center;pointer-events:none}.score strong{display:block;font-size:67px;font-weight:900;line-height:1;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.score span{font-size:11px;letter-spacing:.23em;color:#b7c9db}#panel{position:absolute;top:28%;left:28px;right:28px;text-align:center;pointer-events:none}#panel[hidden]{display:none}h2{font-size:37px;line-height:1.05;letter-spacing:-.025em;margin:0 0 14px;font-weight:900}#message{font-size:14px;line-height:1.5;max-width:250px;margin:auto;color:#d0deeb}#feedback{position:absolute;top:29%;left:0;right:0;text-align:center;color:#ffcf7a;font-size:23px;font-weight:900;pointer-events:none;text-shadow:0 2px 5px #000}.bottom{position:absolute;bottom:15px;left:24px;right:24px;text-align:center}#place{background:linear-gradient(#ffd57f,#f2b544);color:#17202b;border:1px solid #ffe9ac;border-radius:24px;font-size:21px;font-weight:900;padding:13px 18px;width:100%;box-shadow:0 5px 18px #0006;min-height:52px}#place:hover:not(:disabled){background:#ffdc92}#place:active:not(:disabled){transform:translateY(2px)}#hint{font-size:11px;margin:12px 0 6px;color:#d0dfef}.bottom a,.bottom>span{font-size:10px;color:#adc2d7;text-underline-offset:3px}.sr{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}@media(max-height:650px){header{top:12px}h1{font-size:19px}.record{top:62px}.score{top:68px}.score strong{font-size:46px}h2{font-size:28px}.bottom{bottom:8px}#place{font-size:17px;padding:10px}#hint{font-size:10px;margin:7px 0}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
.record,.bottom a,.bottom>span{font-size:11px}#message{text-shadow:0 2px 5px #000}#place{border:0}
#place:disabled{opacity:1;background:#b7a16f;color:#17202b;box-shadow:0 5px 18px #0006}
.balance-panel{position:absolute;top:23%;left:50%;transform:translateX(-50%);width:146px;text-align:center;pointer-events:none}.balance-panel label{display:block;font-size:11px;color:#d0dfef;margin-bottom:5px}.balance-panel meter{display:block;width:100%;height:7px;border:0;background:#ffffff20;border-radius:8px;overflow:hidden}.balance-panel meter::-webkit-meter-bar{background:#ffffff20;border:0}.balance-panel meter::-webkit-meter-optimum-value{background:#80d9de}.balance-panel meter[data-risk=medium]::-webkit-meter-optimum-value{background:#ffd17d}.balance-panel meter[data-risk=high]::-webkit-meter-optimum-value{background:#ff917e}.balance-panel meter::-moz-meter-bar{background:#80d9de}
.balance-panel{top:181px}@media(max-height:650px){.balance-panel{top:137px}#feedback{top:31%}}
#panel{top:32%}#feedback{top:32%}

/* Plataforma: recuadro de marca en la fila del título; los controles bajan a la derecha, a la altura del récord. */
.controls{position:absolute;right:16px;top:79px}
.brand-slot{display:flex;align-items:center;justify-content:center;width:112px;height:40px;border-radius:12px;border:1px dashed #bdd4eb66;background:#0b192cc9;color:#c7d3df;font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;overflow:hidden}
.brand-slot.has-logo{border:0;background:transparent}
.brand-slot img{max-width:100%;max-height:100%;object-fit:contain}
@media(max-height:650px){.controls{top:62px}.brand-slot{width:96px;height:34px;font-size:9px}}

/* Plataforma: «Tu logo aquí» en verde brillante con un pulso suave, para que se note. */
.brand-slot:not(.has-logo){background:#22c55e;border:2px solid #15803d;color:#052e16;text-shadow:none;animation:brand-slot-pulse 2.2s ease-in-out infinite}
@keyframes brand-slot-pulse{0%,100%{box-shadow:0 0 0 0 #22c55eb3}50%{box-shadow:0 0 0 7px #22c55e00}}
@media(prefers-reduced-motion:reduce){.brand-slot:not(.has-logo){animation:none}}