/* SENAI PREMIUM V1 - jogo educativo responsivo */
:root{--premium-blue:#034a9c;--premium-orange:#ff711c;--premium-glow:#42bdff;--premium-radius:22px;--premium-shadow:0 20px 58px rgba(0,5,21,.27)}
body{background:radial-gradient(ellipse at 6% 5%,#194884 0%,transparent 43%),radial-gradient(ellipse at 92% 94%,#173c55 0%,transparent 40%),#081322!important;background-attachment:fixed!important}
body:before{content:"";position:fixed;inset:0;z-index:-1;opacity:.18;pointer-events:none;background-image:radial-gradient(#89bbff 1px,transparent 1px);background-size:31px 31px;mask-image:linear-gradient(to bottom,#0008,transparent 85%)}
.panel,.roomcard,.stat{border-radius:var(--premium-radius)!important;border:1px solid rgba(130,190,255,.24)!important;box-shadow:var(--premium-shadow);backdrop-filter:blur(12px)}
.panel{background:linear-gradient(140deg,rgba(24,47,82,.97),rgba(12,26,51,.97))!important;color:#ecf5ff!important}
.panel h2,.panel h3,.panel label,.panel li,.panel p,.panel strong,.roomcard{color:#f0f6ff!important}
.panel .tiny,.panel .muted,.panel small,.panel ol{color:#c9d9ed!important}
.panel a{color:#8be6ff}
.hero h1{filter:drop-shadow(0 8px 26px #03112d60)}.eyebrow{color:#ffb47a!important}
.btn:not(:disabled){transition:transform .18s ease,box-shadow .18s ease,filter .18s ease!important}
.btn:hover:not(:disabled){transform:translateY(-3px)!important;filter:brightness(1.08);box-shadow:0 15px 35px #010c26a8!important}
.btn:active:not(:disabled){transform:translateY(1px) scale(.98)!important}
.btn:not(.secondary):not(.danger):not(.warn){background:linear-gradient(120deg,#ff8736,#ff650d)!important;color:#171d34!important;text-shadow:none;box-shadow:0 10px 26px #ff6a1a40}
.btn.secondary{background:linear-gradient(140deg,#15396d,#102449)!important;color:#f4f8ff!important}
:where(button,input,a):focus-visible{outline:3px solid #ffb864!important;outline-offset:3px}
.field input{background:#0c2547!important;color:#fff!important;border:1px solid #729bd1!important}
.field input::placeholder{color:#acbed6!important}
.status,.stat{background:linear-gradient(145deg,#1b385d,#112542)!important;color:#e8f3ff!important}
.stat b{color:#ffc27f!important}.stat small{color:#c2d9f4!important}
#game .layout{align-items:start}#board.grid{width:100%!important;aspect-ratio:16/11!important;contain:layout paint!important;border:6px solid #477cbd!important;border-radius:22px!important;box-shadow:0 0 0 2px #061730,0 22px 70px #00172bcc!important;animation:none!important;transform:none!important;transition:none!important;position:relative}
#board .cell{min-width:0!important;min-height:0!important;position:relative;isolation:isolate;overflow:hidden;aspect-ratio:auto!important;transform:none!important;animation:none!important;transition:background-color .2s ease!important;text-shadow:0 2px 5px #001a32b9}
#board .road{background:linear-gradient(135deg,#afc59c,#95b48c)!important;border:1px solid #ffffff19!important}
#board .wall{background:linear-gradient(135deg,#204b68,#102c49)!important;border:1px solid #86bafa1f!important}
#board .cell.player{background:radial-gradient(circle,#7cf4d1,#259d9b)!important;filter:drop-shadow(0 0 7px #24ffb5);z-index:2}
#board .cell.enemy{background:radial-gradient(circle,#ffb8b1,#bd496e)!important;filter:drop-shadow(0 0 7px #ff6c96)}
#board .cell.mission{background:radial-gradient(circle,#fffccb,#fac451)!important;box-shadow:inset 0 0 8px #ffd86e;filter:drop-shadow(0 0 8px #ffe690)}
#board .cell.player,#board .cell.enemy{font-size:clamp(13px,2.2vw,30px)!important}
#board .cell.player::after{content:"";position:absolute;inset:8%;border:2px solid #bbffe3a8;border-radius:50%;pointer-events:none}
#board .cell.enemy::after{content:"";position:absolute;inset:6%;border:1px solid #ffbad0b8;border-radius:35%;pointer-events:none}
#board.game-hit{box-shadow:0 0 0 4px #ff668f,0 0 60px #f43d7280!important}
#board .cell:has(> .premium-sprite){color:transparent!important;text-shadow:none!important}
.premium-sprite{position:absolute;inset:0;display:grid;place-items:center;line-height:1;pointer-events:none;z-index:3;color:white;font-size:clamp(12px,2vw,28px);filter:drop-shadow(0 2px 4px #1234)}
.premium-sprite.player-sprite{animation:premium-bob 1.25s ease-in-out infinite}
.premium-sprite.enemy-sprite{animation:premium-menace .85s ease-in-out infinite alternate}
.premium-sprite.mission-sprite{animation:premium-star 1.15s ease-in-out infinite alternate;color:#fff;text-shadow:0 0 11px #ffe45c}
@keyframes premium-bob{50%{translate:0 -4px}}@keyframes premium-menace{to{translate:0 -3px;scale:1.08}}@keyframes premium-star{to{scale:1.23;filter:drop-shadow(0 0 11px #fff)}}
.premium-hud{display:flex;gap:9px;flex-wrap:wrap;align-items:center;margin:8px 0 17px}.premium-chip{display:inline-flex;align-items:center;gap:7px;background:linear-gradient(120deg,#142e58,#1d4470);border:1px solid #618bbd;border-radius:100px;color:#f2f7ff;padding:9px 13px;font-size:13px;font-weight:800;box-shadow:0 8px 20px #0003}
.premium-chip b{color:#ffb874}.premium-stage-bar{flex:1 1 120px;height:10px;border-radius:10px;overflow:hidden;background:#0b233f;box-shadow:inset 0 2px 6px #0006}.premium-stage-bar>span{display:block;height:100%;width:0;background:linear-gradient(90deg,#fb7928,#ffcf62);transition:width .4s ease}
.premium-toast{position:fixed;top:20px;left:50%;translate:-50% -20px;opacity:0;pointer-events:none;z-index:30;padding:15px 22px;max-width:min(92vw,560px);border-radius:18px;background:#0f315d;color:#fff;border:1px solid #93caff;box-shadow:0 16px 65px #0019;display:flex;align-items:center;gap:12px;font-size:16px;font-weight:800;transition:opacity .3s,translate .3s}.premium-toast.visible{opacity:1;translate:-50% 0}
.premium-flash{position:fixed;inset:0;pointer-events:none;z-index:25;animation:premium-flash .38s ease-out forwards}@keyframes premium-flash{from{background:#ffd15144}to{background:transparent}}
.premium-podium{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:20px 0}.premium-winner{border-radius:18px;background:#182f52;padding:18px 8px;text-align:center;border:1px solid #537fb4;min-width:0;animation:premium-reveal .6s both}.premium-winner:nth-child(2){animation-delay:.14s}.premium-winner:nth-child(3){animation-delay:.28s}.premium-winner .medal{font-size:34px}.premium-winner strong{display:block;overflow-wrap:anywhere;color:#fff}.premium-winner small{color:#ffd58a}@keyframes premium-reveal{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
.premium-badges{display:flex;flex-wrap:wrap;gap:8px;padding:10px 0}.premium-badge{font-size:12px;border:1px solid #ffbd78;background:#5b381c;color:#fff;border-radius:30px;padding:6px 10px}
#questionModal .panel{border:2px solid #ffb86b!important;box-shadow:0 0 0 5px #ffb86b20,0 25px 75px #000a!important}#questionModal .answer{background:#15355f!important;color:#f8fbff!important;border:1px solid #7b9ccb!important;transition:transform .15s,background .15s!important}#questionModal .answer:hover{background:#25528b!important;transform:translateX(5px)}
#end .panel{border:1px solid #ffc888!important}.controls button{touch-action:manipulation;transition:transform .12s!important}.controls button:active{transform:scale(.9)!important}
[data-theme="light"] body{background:#eff6ff!important}[data-theme="light"] .panel{background:linear-gradient(135deg,#ffffff,#eaf2ff)!important;color:#16334d!important}[data-theme="light"] .panel h2,[data-theme="light"] .panel h3,[data-theme="light"] .panel label,[data-theme="light"] .panel p,[data-theme="light"] .panel li,[data-theme="light"] .panel strong{color:#14365e!important}[data-theme="light"] .panel .muted,[data-theme="light"] .panel .tiny{color:#375573!important}[data-theme="light"] .panel .answer{color:#fff!important}[data-theme="light"] .stat{background:#fff!important}[data-theme="light"] .stat small{color:#335473!important}[data-theme="light"] .stat b{color:#974208!important}[data-theme="light"] .field input{background:#f6faff!important;color:#102b45!important}[data-theme="light"] .field input::placeholder{color:#647c97!important}
@media(max-width:700px){.premium-chip{font-size:11px;padding:7px 9px}.premium-hud{gap:5px}.premium-winner{padding:12px 5px}.premium-winner .medal{font-size:24px}#board.grid{border-width:3px!important;border-radius:12px!important}#board .cell.player,#board .cell.enemy{font-size:clamp(11px,3vw,22px)!important}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important}#board .premium-sprite,.premium-winner{animation:none!important}.premium-toast{transition:none!important}}