/* Snooker IQ — mobile game layer */
:root{--game-lime:#34d399;--game-gold:#fbbf24;--game-red:#fb7185;--game-blue:#38bdf8;--game-purple:#a78bfa;--game-shadow:0 5px 0 rgba(0,0,0,.38)}
body{background:radial-gradient(circle at 50% -8%,rgba(16,185,129,.2),transparent 34rem),#06100c;overflow-x:hidden}
body:after{content:"";position:fixed;z-index:-1;inset:0;background-image:radial-gradient(circle,rgba(255,255,255,.055) 1px,transparent 1px);background-size:22px 22px;mask-image:linear-gradient(to bottom,black,transparent 70%)}
.site-header{height:76px;border-bottom:1px solid rgba(52,211,153,.18);box-shadow:0 8px 30px rgba(0,0,0,.18)}
.brand strong{font-size:18px;font-weight:900}.brand small{font-weight:850;letter-spacing:.08em}
.site-header nav button{min-height:42px;padding:9px 14px;border:1px solid transparent}.site-header nav button:hover{border-color:rgba(52,211,153,.2)}
.hero{padding-top:54px;gap:4vw}.hero-copy{position:relative}.hero-copy:before{content:"NUEVO · 212 PREGUNTAS";display:inline-flex;padding:7px 11px;margin-bottom:14px;border-radius:999px;color:#fde68a;background:rgba(245,158,11,.12);border:1px solid rgba(251,191,36,.3);font-size:9px;font-weight:900;letter-spacing:.1em}
.hero h1{font-size:clamp(3rem,5.8vw,5.5rem);text-shadow:0 5px 25px rgba(0,0,0,.3)}.hero h1 em{display:inline-block;background:linear-gradient(120deg,#6ee7b7,#fbbf24);-webkit-background-clip:text;background-clip:text;color:transparent}.hero .lead{max-width:570px}
.primary{position:relative;min-height:54px;padding:14px 24px;border:1px solid rgba(255,255,255,.14);border-bottom-color:#047857;background:linear-gradient(180deg,#10b981,#059669);box-shadow:0 5px 0 #034e3a,0 11px 26px rgba(5,150,105,.2);font-size:14px;text-transform:uppercase;letter-spacing:.035em}.primary:hover{transform:translateY(-1px);background:linear-gradient(180deg,#34d399,#10b981);box-shadow:0 6px 0 #047857,0 13px 28px rgba(5,150,105,.25)}.primary:active{transform:translateY(4px);box-shadow:0 1px 0 #034e3a}.secondary{min-height:52px;font-weight:800;box-shadow:0 4px 0 rgba(0,0,0,.32)}
.library-wrap{position:relative;overflow:hidden;padding:26px;background:linear-gradient(155deg,#0f2a20,#091711 65%);border:1px solid rgba(52,211,153,.22);box-shadow:0 7px 0 #030a07,0 30px 80px rgba(0,0,0,.38)}.library-wrap:before{content:"IQ";position:absolute;right:-20px;top:-52px;font-size:180px;font-weight:950;color:rgba(255,255,255,.022);transform:rotate(8deg)}.shelf-label{position:relative;margin-bottom:18px}.shelf-label span:first-child{font-size:12px}.books{position:relative;height:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;align-items:stretch}.book{width:auto;height:142px!important;padding:14px;border-radius:16px;background:linear-gradient(145deg,color-mix(in srgb,var(--book) 75%,#fff 8%),color-mix(in srgb,var(--book) 80%,#000 20%));box-shadow:0 5px 0 color-mix(in srgb,var(--book) 55%,#000 45%),0 12px 22px rgba(0,0,0,.2);transform:none;text-align:left;overflow:hidden}.book:hover,.book:focus-visible{transform:translateY(-4px);filter:brightness(1.13)}.book:active:not(:disabled){transform:translateY(3px);box-shadow:0 2px 0 color-mix(in srgb,var(--book) 55%,#000 45%)}.book-symbol{position:absolute;right:12px;top:12px;width:38px;height:38px;background:rgba(0,0,0,.18);border-color:rgba(255,255,255,.25);font-weight:900}.book-title{position:static;writing-mode:horizontal-tb;display:block;margin-top:53px;font-size:10px;line-height:1.25}.book-count{left:14px;bottom:12px;text-align:left;font-weight:800;color:rgba(255,255,255,.76)}.shelf{display:none}
.modes{padding-top:45px}.mode-grid{gap:16px}.mode-card{position:relative;overflow:hidden;min-height:210px;padding:20px;border:1px solid rgba(255,255,255,.11);box-shadow:var(--game-shadow);transition:transform .15s,filter .15s}.mode-card:before{content:"";position:absolute;right:-22px;top:-22px;width:85px;height:85px;border-radius:50%;background:var(--mode-color,#10b981);opacity:.13}.mode-card:nth-child(1){--mode-color:var(--game-blue)}.mode-card:nth-child(2){--mode-color:var(--game-gold)}.mode-card:nth-child(3){--mode-color:var(--game-red)}.mode-card:nth-child(4){--mode-color:var(--game-purple)}.mode-card:nth-child(5){--mode-color:var(--game-lime)}.mode-card:hover,.mode-card:focus-visible{transform:translateY(-5px) scale(1.01);filter:brightness(1.09)}.mode-card strong{font-size:19px}.mode-card>span{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;color:white;background:color-mix(in srgb,var(--mode-color) 70%,transparent);font-weight:900}.mode-card.featured{border-color:rgba(251,191,36,.35)}
.panel{border:1px solid rgba(52,211,153,.18);box-shadow:0 7px 0 #030a07,0 28px 80px rgba(0,0,0,.35)}.setup-summary>div,.result-grid>div,.profile-grid>div{position:relative;overflow:hidden;box-shadow:0 4px 0 rgba(0,0,0,.24)}.setup-summary strong{margin-top:6px}.difficulty{min-height:105px;box-shadow:0 4px 0 rgba(0,0,0,.3);transition:transform .12s}.difficulty:hover{transform:translateY(-2px)}.difficulty:active{transform:translateY(3px);box-shadow:0 1px 0 rgba(0,0,0,.3)}.difficulty.selected{border-width:2px;box-shadow:0 4px 0 #047857}.difficulty.selected:after{content:"✓";display:block;margin-top:7px;color:#6ee7b7;font-weight:900}
.game-shell{max-width:840px}.game-hud{padding:13px 16px;background:rgba(10,23,18,.9);border:1px solid rgba(255,255,255,.1);border-radius:14px 14px 0 0;margin:0}.hud-stats span{padding:6px 9px;border-radius:8px;background:rgba(255,255,255,.045)}.progress-track{margin:0 0 14px;height:8px;border-radius:0 0 8px 8px;background:#020806}.question-card{box-shadow:0 7px 0 #030a07,0 25px 65px rgba(0,0,0,.38)}.question-card>h1{max-width:29ch}.answer{min-height:86px;border-width:1.5px;box-shadow:0 4px 0 rgba(0,0,0,.34);font-weight:700;transition:transform .1s,background-color .15s,border-color .15s}.answer:hover:not(:disabled){transform:translateY(-2px)}.answer:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px 0 rgba(0,0,0,.34)}.answer.correct{box-shadow:0 4px 0 #047857}.answer.incorrect{box-shadow:0 4px 0 #991b1b}.result-icon{box-shadow:0 4px 0 #047857}.feedback-bad .result-icon{box-shadow:0 4px 0 #991b1b}.feedback-title>strong{padding:7px 11px;border-radius:10px;background:rgba(251,191,36,.1);border:1px solid rgba(251,191,36,.25);color:#fde68a}.source-card{box-shadow:inset 0 0 0 1px rgba(16,185,129,.05)}
.score-orb{position:relative;border-width:4px;box-shadow:0 0 0 9px rgba(16,185,129,.08),0 10px 35px rgba(0,0,0,.35)}.score-orb:after{content:"★";position:absolute;right:-4px;top:4px;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:linear-gradient(#fcd34d,#f59e0b);color:#713f12;box-shadow:0 4px 0 #92400e;font-size:20px}.result-grid>div:nth-child(1){border-top:3px solid var(--game-lime)}.result-grid>div:nth-child(2){border-top:3px solid var(--game-red)}.result-grid>div:nth-child(3){border-top:3px solid var(--game-blue)}.result-grid>div:nth-child(4){border-top:3px solid var(--game-gold)}
@media(max-width:1000px){.books{grid-template-columns:repeat(4,1fr)}.mode-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){body{padding-bottom:74px}.site-header{position:static}.site-header nav{position:fixed;z-index:20;left:10px;right:10px;bottom:9px;max-width:none;display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding:6px;border:1px solid rgba(255,255,255,.13);border-radius:17px;background:rgba(7,17,13,.96);box-shadow:0 -8px 30px rgba(0,0,0,.35);backdrop-filter:blur(16px)}.site-header nav button{min-height:50px;padding:6px 3px;border-radius:11px;font-size:10px}.site-header nav button:before{content:"●";display:block;margin-bottom:2px;color:#34d399;font-size:9px}.demo-chip{display:none}.hero{padding-top:34px}.hero-copy:before{margin-bottom:8px}.actions{display:grid}.actions>*{width:100%}.trust{display:grid;grid-template-columns:1fr 1fr;gap:8px}.library-wrap{border-radius:18px}.books{grid-template-columns:1fr 1fr}.book{height:125px!important}.mode-grid{grid-template-columns:1fr 1fr}.mode-card{min-height:180px;padding:16px}.mode-card strong{font-size:16px}.mode-card p{font-size:11px}.game-hud{align-items:center}.hud-stats{display:flex;gap:4px}.hud-stats span{padding:5px;font-size:9px}.question-card{border-radius:14px}.answer{min-height:76px}.feedback-title>strong{grid-column:auto}.source-card{border-radius:12px}footer{display:none}}
@media(max-width:400px){.mode-grid{grid-template-columns:1fr}.mode-card{min-height:150px}.trust{grid-template-columns:1fr}.hud-stats span:nth-child(3){display:none}}
@media(prefers-reduced-motion:no-preference){.score-orb:after{animation:reward-pop .45s cubic-bezier(.2,1.6,.4,1)}.result-icon{animation:reward-pop .3s cubic-bezier(.2,1.6,.4,1)}}
@keyframes reward-pop{from{transform:scale(.45);opacity:0}70%{transform:scale(1.12)}to{transform:scale(1);opacity:1}}