@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{color:#111315;background:#f6f2eb;font-family:Space Grotesk,sans-serif;--ink: #111315;--muted: #6b6f76;--card-radius: 20px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0}.app{min-height:100vh;padding:24px;display:flex;flex-direction:column;gap:20px}.app--intro{padding:0;background:linear-gradient(140deg,#0a0c10d1,#0a0c104d),url(https://upload.wikimedia.org/wikipedia/commons/thumb/2/21/Palacio_de_La_Moneda_-_miguelreflex.jpg/2560px-Palacio_de_La_Moneda_-_miguelreflex.jpg) center/cover no-repeat;color:#f7f4ee}.app--play{padding:0;margin:0;max-width:none;width:100vw}.start,.result,.error{background:#fff;border-radius:var(--card-radius);padding:18px;box-shadow:0 10px 30px #00000014}.btn{margin-top:12px;padding:12px 18px;border-radius:999px;border:none;background:var(--ink);color:#fff;font-weight:600;cursor:pointer}.btn--hero{background:#f7f4ee;color:#101418;font-size:16px;padding:14px 26px}.btn--ghost{background:transparent;color:#101418;border:1px solid rgba(16,20,24,.2)}.btn:disabled{opacity:.6;cursor:not-allowed}.hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:48px 24px 32px;text-align:center}.hero__content{max-width:420px;display:grid;gap:16px;background:#080a0c59;border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:24px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.hero__title{font-size:48px;margin:0;letter-spacing:.02em;color:#fff;text-shadow:0 12px 30px rgba(0,0,0,.55)}.hero__subtitle{font-size:18px;margin:0;color:#ffffffe6}.hero__tagline{margin:0;color:#f7f4eed9}.hero__footer{display:flex;gap:8px;position:absolute;bottom:24px;font-size:12px;color:#f7f4eecc;flex-direction:column;align-items:center}.hero__footer a{color:inherit;text-decoration:none}.hero__footer a:hover{text-decoration:underline}.changelog{margin-top:12px;text-align:left;background:#080a0c66;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:12px 14px;color:#ffffffe6;max-height:200px;overflow:auto}.changelog__title{margin:0 0 8px;font-size:12px;text-transform:uppercase;letter-spacing:.16em}.changelog ul{margin:0;padding-left:18px;font-size:13px;line-height:1.4}.changelog pre{margin:0;font-size:12px;white-space:pre-wrap;font-family:Space Grotesk,sans-serif}.arena{position:relative;display:grid;grid-template-rows:minmax(0,1fr) minmax(0,1fr);min-height:100vh;width:100%;margin:0;max-width:none}.arena__center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;pointer-events:none;text-align:center;gap:4px;z-index:3;grid-column:1 / -1;grid-row:1 / -1}.arena__question{background:#ffffffd9;color:#101418;padding:6px 14px;border-radius:999px;font-size:14px;text-transform:uppercase;letter-spacing:.12em;margin:0}.arena__logo{margin:0;font-size:28px;letter-spacing:.04em;color:#fffffff2;text-shadow:0 10px 24px rgba(0,0,0,.5)}.arena__streak{font-size:36px;font-weight:700;color:#101418;background:#ffffffeb;width:64px;height:64px;border-radius:50%;display:grid;place-items:center;box-shadow:0 10px 30px #0000001f;transition:background .3s ease,color .3s ease,transform .3s ease}.arena__streak.is-win{background:#2ecc71f2;color:#0b0f10;transform:scale(1.05)}.arena__halves{display:grid;grid-template-rows:minmax(0,1fr) minmax(0,1fr);width:100%;height:100%;grid-column:1 / -1;grid-row:1 / -1}.slot{border:none;padding:0;margin:0;cursor:pointer;position:relative;min-height:40vh;background-size:cover;background-position:center;background-repeat:no-repeat;z-index:0}.slot:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0a0c1059,#0a0c10bf);z-index:0}.slot:disabled{cursor:not-allowed;filter:saturate(.9)}.slot--winner:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:2px solid rgba(255,255,255,.7)}.slot--winner{box-shadow:inset 0 0 0 4px #2ecc71cc}.slot--loser{box-shadow:inset 0 0 0 4px #ef4444cc}.slot--picked-correct{box-shadow:inset 0 0 0 5px #2ecc71f2,0 0 30px #2ecc7173}.slot--picked-wrong{box-shadow:inset 0 0 0 5px #ef4444f2,0 0 30px #ef444459}.slot.is-animating{animation-duration:.45s;animation-timing-function:ease;animation-fill-mode:both}.slot.is-animating[data-dir=up]{animation-name:slideInFromTop}.slot.is-animating[data-dir=down]{animation-name:slideInFromBottom}.slot.is-animating[data-dir=left]{animation-name:slideInFromLeft}.slot.is-animating[data-dir=right]{animation-name:slideInFromRight}.info-card.is-animating{animation-duration:.45s;animation-timing-function:ease;animation-fill-mode:both}.info-card.is-animating[data-dir=up]{animation-name:slideInFromTop}.info-card.is-animating[data-dir=down]{animation-name:slideInFromBottom}.info-card.is-animating[data-dir=left]{animation-name:slideInFromLeft}.info-card.is-animating[data-dir=right]{animation-name:slideInFromRight}@keyframes slideInFromTop{0%{transform:translateY(-100%);opacity:.2}to{transform:translateY(0);opacity:1}}@keyframes slideInFromBottom{0%{transform:translateY(100%);opacity:.2}to{transform:translateY(0);opacity:1}}@keyframes slideInFromLeft{0%{transform:translate(-100%);opacity:.2}to{transform:translate(0);opacity:1}}@keyframes slideInFromRight{0%{transform:translate(100%);opacity:.2}to{transform:translate(0);opacity:1}}.arena__info{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-rows:repeat(2,minmax(0,1fr));pointer-events:none;z-index:2;grid-column:1 / -1;grid-row:1 / -1}.arena__credits{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-rows:repeat(2,minmax(0,1fr));z-index:4;grid-column:1 / -1;grid-row:1 / -1;pointer-events:none}.credit{align-self:end;justify-self:end;padding:12px 14px;pointer-events:auto}.credit a{font-size:11px;color:#ffffffd9;text-decoration:none;background:#0a0c1080;padding:4px 8px;border-radius:999px}.credit a:hover{text-decoration:underline}.info-card{display:grid;place-content:center;gap:10px;padding:20px 24px 28px;color:#fff;text-shadow:0 8px 18px rgba(0,0,0,.4);text-align:center}.info-card__location{margin:0;font-size:24px;font-weight:600;display:flex;flex-direction:column;gap:6px}.info-card__stats{display:flex;gap:16px;font-size:20px;color:#fffffff2;align-items:center;justify-content:center}.stat{display:inline-flex;align-items:center;gap:6px;font-size:20px}.icon{width:22px;height:22px;stroke:currentColor}.info-card__price{display:flex;align-items:baseline;gap:8px;font-size:14px;justify-content:center;text-align:center}.info-card__price strong{font-size:28px}.info-card__price.price--winner strong{animation:flashGreen 1.2s ease forwards}.info-card__price.price--loser strong{animation:flashRed 1.2s ease forwards}.info-card__price.price--winner-static strong{color:#22c55e}.info-card__price.price--loser-static strong{color:#ef4444}@keyframes flashGreen{0%{color:#fff}20%{color:#22c55e}80%{color:#22c55e}to{color:#fff}}@keyframes flashRed{0%{color:#fff}20%{color:#ef4444}80%{color:#ef4444}to{color:#fff}}.result__ok{color:#1a7f37;font-weight:600}.result__bad{color:#b42318;font-weight:600}.modal{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#0a0c108c;z-index:10}.modal__card{background:#fff;border-radius:18px;padding:24px;min-width:240px;text-align:center;box-shadow:0 20px 40px #0003}.modal__card--death{animation:dropIn .5s ease forwards}.death__title{margin:0 0 8px;font-size:22px;color:#b42318;font-weight:700}.death__score{margin:8px 0 16px;display:grid;place-items:center}.death__actions{display:grid;gap:10px}@keyframes dropIn{0%{transform:translateY(-40px);opacity:0}to{transform:translateY(0);opacity:1}}@media (min-width: 900px){.app--play{max-width:none;margin:0;padding:0;width:100vw}.arena{grid-template-rows:none;grid-template-columns:repeat(2,minmax(0,1fr));margin:0}.arena__halves{grid-template-rows:none;grid-template-columns:repeat(2,minmax(0,1fr))}.slot{min-height:70vh}.arena__info,.arena__credits{grid-template-rows:none;grid-template-columns:repeat(2,minmax(0,1fr))}.credit{align-self:end;justify-self:end}.app--intro{padding:0}.hero__title{font-size:64px}}@media (max-width: 899px){.credit[data-variant=a]{align-self:start;justify-self:end}.credit[data-variant=b]{align-self:end;justify-self:end}}