:root{--gold:#ffd447;--blue:#004b9a;--dark:#17151d;--card:#ffffff;--danger:#ff3434}*{box-sizing:border-box}html,body{margin:0;height:100%;font-family:Arial Rounded MT Bold, Arial, sans-serif;background:#150d07;color:white;overscroll-behavior:none}.game{min-height:100dvh;display:flex;justify-content:center;align-items:center;background:radial-gradient(circle at top,#6b3b12,#160b07 70%);}.screen{display:none;width:min(100vw,520px);min-height:100dvh;position:relative;overflow:hidden;padding:16px}.screen.active{display:block}.hero-screen{padding:0}.full-art{width:100%;height:100dvh;object-fit:cover;display:block}.start-panel{position:absolute;left:16px;right:16px;bottom:22px;text-align:center;background:rgba(8,12,30,.78);border:3px solid var(--gold);border-radius:26px;padding:16px;box-shadow:0 0 22px rgba(255,212,71,.9)}h1,h2,p{margin:.25rem 0}.primary{border:0;border-radius:18px;padding:14px 22px;margin-top:12px;font-size:1.25rem;font-weight:900;color:#fff;background:linear-gradient(#ffce31,#ff8d00);box-shadow:0 6px 0 #a44c00,0 0 16px rgba(255,219,70,.8);text-shadow:2px 2px #833;cursor:pointer}.primary:active{transform:translateY(4px);box-shadow:0 2px 0 #a44c00}.topbar{display:flex;justify-content:space-between;gap:8px;font-weight:900;font-size:1rem;margin-bottom:10px}.topbar span{background:rgba(0,0,0,.5);border:2px solid rgba(255,255,255,.25);border-radius:999px;padding:8px 12px}.mode-banner{text-align:center;border:4px solid #0b72d8;border-radius:22px;padding:10px;background:linear-gradient(#092a68,#041330);box-shadow:0 0 20px rgba(0,162,255,.6);text-transform:uppercase}.mode-banner.danger{border-color:#ff3030;box-shadow:0 0 20px rgba(255,48,48,.7)}#modeTitle{display:block;font-size:clamp(1.55rem,8vw,2.7rem);font-weight:1000;line-height:.95;color:#ffe24a;text-shadow:3px 3px 0 #001a46, -2px -2px 0 #fff}#modeSubtitle{display:block;margin-top:8px;font-size:1rem;color:#fff}.message{text-align:center;margin:12px 0;font-size:1.1rem;font-weight:900;background:rgba(0,0,0,.45);border-radius:18px;padding:10px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:5px}.box{aspect-ratio:1/1.08;border:0;border-radius:16px;position:relative;perspective:900px;background:transparent;cursor:pointer}.box-inner{position:absolute;inset:0;border-radius:16px;transform-style:preserve-3d;transition:transform .7s cubic-bezier(.2,1.2,.2,1)}.box.open .box-inner{transform:rotateX(180deg)}.lid,.inside{position:absolute;inset:0;backface-visibility:hidden;border-radius:16px;border:4px solid rgba(255,255,255,.22);box-shadow:inset 0 0 18px rgba(255,255,255,.2),0 10px 0 rgba(0,0,0,.25)}.lid{display:grid;place-items:center;font-size:clamp(2.8rem,16vw,4.5rem);font-weight:1000;color:#fff;text-shadow:3px 3px 0 #111}.lid:before{content:"";position:absolute;inset:12%;border:3px solid rgba(255,255,255,.22);border-radius:12px}.inside{transform:rotateX(180deg);overflow:hidden;display:flex;align-items:center;justify-content:center;background:#fff}.inside img{width:100%;height:100%;object-fit:cover}.label{position:absolute;left:50%;bottom:4px;transform:translateX(-50%);z-index:5;background:#fff;color:#111;border-radius:999px;padding:0 10px;font-size:1.45rem;font-weight:1000;text-shadow:none}.winner{animation:goldPulse 1s infinite}.bad{animation:shake .45s 2}.sparkle:after{content:"✨✨✨";position:absolute;inset:auto 0 5px;text-align:center;font-size:1.5rem;animation:rise 1.2s infinite}.hidden{display:none}.next{display:block;margin:14px auto 0}.end-panel{bottom:18px}@keyframes goldPulse{50%{filter:drop-shadow(0 0 24px gold) brightness(1.22);transform:scale(1.04)}}@keyframes shake{25%{transform:translateX(-5px)}50%{transform:translateX(5px)}75%{transform:translateX(-4px)}}@keyframes rise{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-50px)}}@media (min-height:780px){.grid{gap:16px}.message{margin:16px 0}}