:root{--inf-gold:#e9c77f;--inf-green:#9de2b3;--inf-red:#ff8e77;--inf-ink:#0c1515;--inf-panel:#182322}
.inf-dialog{background:#101715;color:#f5f1e6}.inf-shell{max-width:760px}.inf-head small,.inf-ranking small{color:var(--inf-gold)}
.inf-game-card{max-width:520px;margin:0 auto 20px}.inf-intro{background:radial-gradient(circle at 50% 0,#e9c77f16,transparent 48%),linear-gradient(145deg,#172321,#0e1716);border:1px solid #ffffff12}
.inf-intro-icon{display:grid;place-items:center;width:82px;height:82px;margin:0 auto 14px;border-radius:18px;border:1px solid #e9c77f4d;background:linear-gradient(145deg,#25332f,#121b1a);box-shadow:0 18px 40px #0005}.inf-intro-map{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;width:54px;height:54px}.inf-intro-map i{border-radius:3px;background:#ffffff12;border:1px solid #ffffff0b}.inf-intro-map i:nth-child(2),.inf-intro-map i:nth-child(6),.inf-intro-map i:nth-child(7),.inf-intro-map i:nth-child(11),.inf-intro-map i:nth-child(15){background:var(--inf-gold);box-shadow:0 0 8px #e9c77f55}.inf-intro h3{font-size:30px;line-height:.94}.inf-personal-record strong{color:var(--inf-gold)}
.inf-ranking{max-width:520px;margin:0 auto}.inf-rank-row{display:grid;grid-template-columns:34px 1fr auto;gap:9px;align-items:center;padding:11px 4px;border-bottom:1px solid #ffffff0b}.inf-rank-row>span strong,.inf-rank-row>span small{display:block}.inf-rank-row>span small{color:#9eaa9f;font-size:8px;margin-top:3px}.inf-rank-row>strong:last-child{color:var(--inf-gold)}.inf-rank-row.is-me{background:#e9c77f0a}.inf-empty,.inf-deadline{font-size:11px;color:#98a399;line-height:1.6}.inf-result>strong{display:block;font-size:43px;color:var(--inf-gold);margin-top:7px;letter-spacing:-.04em}.inf-result-mark{display:grid;place-items:center;width:82px;height:82px;border:1px solid #e9c77f3d;border-radius:18px;margin:0 auto 15px;color:var(--inf-gold);font-size:35px;background:#e9c77f08}.inf-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:18px auto;max-width:360px}.inf-metrics>span{padding:13px 5px;background:#ffffff05;border:1px solid #ffffff0e;border-radius:8px}.inf-metrics small{display:block;font-size:7px;color:#97a08f;letter-spacing:.06em}.inf-metrics b{display:block;font-size:13px;margin-top:7px}
.inf-cover{background:linear-gradient(135deg,#13211e,#2e4039 58%,#8c7548);overflow:hidden}.inf-cover:after{content:'';position:absolute;inset:0;background:linear-gradient(#e9c77f0a 1px,transparent 1px),linear-gradient(90deg,#e9c77f0a 1px,transparent 1px);background-size:18px 18px}.inf-cover>strong,.inf-cover>span,.inf-cover>em,.inf-cover>b{position:relative;z-index:3}.inf-cover-map{position:absolute;right:18px;bottom:25px;display:grid;grid-template-columns:repeat(4,20px);gap:4px;transform:rotate(-7deg);z-index:2}.inf-cover-map i{height:20px;border-radius:4px;background:#07100f66;border:1px solid #ffffff12}.inf-cover-map i:nth-child(2),.inf-cover-map i:nth-child(6),.inf-cover-map i:nth-child(7),.inf-cover-map i:nth-child(11),.inf-cover-map i:nth-child(15){background:#e9c77fcc;border-color:#f8dfa6;box-shadow:0 0 10px #e9c77f66}.inf-cover>b{position:absolute;bottom:15px;left:20px;font-size:8px;letter-spacing:.12em;color:#f0dba9}.clandestine-game--infiltration{cursor:pointer}
body.infiltration-playing{overflow:hidden!important;overscroll-behavior:none}body.infiltration-playing .inf-dialog{position:fixed;inset:0;margin:0;width:100%;max-width:none;height:var(--inf-height,100dvh);max-height:none;border:0;border-radius:0;padding:0;overflow:hidden}body.infiltration-playing .inf-shell{height:100%;min-height:0;padding:0;overflow:hidden}body.infiltration-playing .inf-game-card{position:absolute;inset:0;width:100%;max-width:none;height:100%;margin:0;border:0;border-radius:0}body.infiltration-playing .inf-head,body.infiltration-playing .inf-ranking,body.infiltration-playing #infMessage{display:none}
.inf-game{position:relative;width:100%;height:100%;box-sizing:border-box;display:flex;flex-direction:column;gap:10px;padding:max(10px,env(safe-area-inset-top)) 14px max(12px,env(safe-area-inset-bottom));background:radial-gradient(circle at 50% 42%,#344a403d,transparent 58%),#0c1414;touch-action:none;user-select:none;-webkit-user-select:none;overflow:hidden}.inf-top{display:flex;justify-content:space-between;align-items:center;min-height:32px}.inf-top button{background:#ffffff07;border:1px solid #ffffff16;border-radius:8px;color:#aebaaa;padding:8px 11px;font:800 8px sans-serif;letter-spacing:.08em}.inf-top>span{color:var(--inf-gold);font-size:8px;letter-spacing:.1em}.inf-hud{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;align-items:end}.inf-hud>div:nth-child(2){text-align:center}.inf-hud>div:last-child{text-align:right}.inf-hud small{display:block;color:#8f9c93;font-size:7px;letter-spacing:.11em}.inf-hud strong{display:block;font-size:23px;line-height:1.2;color:#f4f0e5}.inf-hud>div:first-child strong{color:var(--inf-gold)}.inf-brief{text-align:center}.inf-brief>span{display:inline-block;padding:4px 7px;border:1px solid #e9c77f44;border-radius:5px;color:var(--inf-gold);font:800 8px sans-serif;letter-spacing:.1em}.inf-brief h3{margin:7px 0 3px;font-size:16px;letter-spacing:.08em}.inf-brief p{margin:0;color:#a7b1aa;font-size:10px}.inf-scan{height:3px;background:#ffffff10;border-radius:99px;overflow:hidden}.inf-scan i{display:block;height:100%;width:100%;transform-origin:left;background:linear-gradient(90deg,#8bcfa1,var(--inf-gold));box-shadow:0 0 10px #e9c77f77;transform:scaleX(0)}
.inf-board-wrap{min-height:0;flex:1;display:grid;place-items:center;padding:4px 0}.inf-board{--grid-size:3;display:grid;grid-template-columns:repeat(var(--grid-size),minmax(0,1fr));grid-template-rows:repeat(var(--grid-size),minmax(0,1fr));gap:clamp(5px,1.7vw,8px);width:min(92vw,430px);aspect-ratio:1/1;max-height:100%;padding:10px;box-sizing:border-box;border:1px solid #70807755;border-radius:18px;background:linear-gradient(145deg,#1d2926,#101817);box-shadow:inset 0 1px 0 #ffffff0c,0 18px 50px #0005}.inf-tile{position:relative;min-width:0;min-height:0;padding:0;border:0;background:transparent;perspective:500px;touch-action:none;-webkit-tap-highlight-color:transparent}.inf-tile-inner{position:absolute;inset:0;transform-style:preserve-3d;transition:transform .28s cubic-bezier(.2,.8,.2,1)}.inf-tile-face{position:absolute;inset:0;display:grid;place-items:center;border-radius:10px;backface-visibility:hidden;-webkit-backface-visibility:hidden}.inf-tile-front{background:linear-gradient(145deg,#27322f,#18211f);border:1px solid #ffffff10;box-shadow:inset 0 1px 0 #ffffff08}.inf-tile-front:after{content:'';width:23%;height:2px;background:#ffffff10;border-radius:9px}.inf-tile-back{transform:rotateY(180deg);background:linear-gradient(145deg,#315142,#1d322a);border:1px solid #9de2b366;color:#c7f2d2;box-shadow:inset 0 1px 0 #ffffff10,0 0 16px #7dd79a14}.inf-tile-glyph{font-size:clamp(13px,4.5vw,23px);font-weight:900;line-height:1}.inf-tile-order{position:absolute;top:6px;left:7px;font:700 7px/1 monospace;color:#cce7d2aa}.inf-tile.is-open .inf-tile-inner,.inf-tile.is-cleared .inf-tile-inner,.inf-tile.is-wrong .inf-tile-inner,.inf-tile.is-expected .inf-tile-inner{transform:rotateY(180deg)}.inf-tile.is-cleared .inf-tile-back{background:linear-gradient(145deg,#3c6a50,#203a2e);border-color:#a8efba;box-shadow:0 0 18px #80e69a28}.inf-tile.is-wrong .inf-tile-back{background:linear-gradient(145deg,#723f36,#38231f);border-color:var(--inf-red);color:#ffd3ca;animation:infShake .28s ease}.inf-tile.is-expected .inf-tile-back{background:linear-gradient(145deg,#685b33,#342f20);border-color:var(--inf-gold);color:#ffedbd;box-shadow:0 0 18px #e9c77f55}.inf-tile.is-dim{opacity:.42}.inf-tile:focus-visible{outline:3px solid #fff;outline-offset:2px;border-radius:10px}.inf-feedback{min-height:28px;text-align:center}.inf-feedback strong{display:block;font-size:10px;letter-spacing:.08em}.inf-feedback span{display:block;margin-top:4px;color:#8fa097;font-size:8px}.inf-feedback[data-tone=success] strong{color:var(--inf-green)}.inf-feedback[data-tone=error] strong{color:var(--inf-red)}
.inf-overlay{position:absolute;inset:0;z-index:30;display:grid;place-items:center;padding:24px;text-align:center;background:#08100fe8;backdrop-filter:blur(10px)}.inf-overlay>div{width:100%;max-width:320px}.inf-overlay small{font-size:9px;letter-spacing:.16em;color:var(--inf-gold)}.inf-overlay strong{display:block;font-size:56px;margin:8px 0;color:var(--inf-gold)}.inf-overlay h3{font-size:23px;margin:10px 0}.inf-overlay p{font-size:12px;color:#abb7af;line-height:1.55}.inf-overlay button{width:100%;margin-top:10px}
@keyframes infShake{25%{transform:translateX(-3px)}75%{transform:translateX(3px)}}
@media(max-height:720px){.inf-game{gap:7px;padding-top:max(6px,env(safe-area-inset-top))}.inf-hud strong{font-size:20px}.inf-brief h3{font-size:14px;margin-top:5px}.inf-board{width:min(82vw,390px);padding:8px}.inf-feedback{min-height:20px}.inf-feedback span{display:none}}
@media(prefers-reduced-motion:reduce){.inf-dialog *,.inf-dialog *:before,.inf-dialog *:after{animation:none!important;transition:none!important}}

/* V22.33 · INFILTRACIÓN 30 · portada narrativa + arranque visible */
.inf-cover{background:radial-gradient(circle at 82% 36%,rgba(223,183,94,.18),transparent 30%),linear-gradient(132deg,#091411 0%,#173129 54%,#5f4d2d 100%);isolation:isolate}
.inf-cover:before{content:'';position:absolute;inset:-30% 42% -30% -20%;background:linear-gradient(105deg,transparent 40%,rgba(148,238,181,.08) 48%,transparent 55%);transform:rotate(-9deg);z-index:0}
.inf-cover:after{opacity:.7;background:linear-gradient(rgba(233,199,127,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(233,199,127,.07) 1px,transparent 1px);background-size:22px 22px}
.inf-cover>strong{font-size:54px;letter-spacing:-.06em;text-shadow:0 9px 30px #000a;max-width:58%;z-index:5}
.inf-cover-security{position:absolute;right:14px;top:32px;width:46%;height:132px;z-index:2;transform:perspective(300px) rotateY(-7deg) rotateZ(-3deg)}
.inf-cover-plan{position:absolute;inset:8px 3px 12px 8px;display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(5,1fr);gap:3px;padding:7px;border:1px solid rgba(233,199,127,.34);border-radius:10px;background:linear-gradient(145deg,rgba(4,14,12,.88),rgba(15,30,26,.94));box-shadow:0 16px 30px #0007,inset 0 0 24px rgba(150,226,179,.04)}
.inf-cover-plan>i{position:relative!important;inset:auto!important;width:auto!important;height:auto!important;transform:none!important;border:1px solid rgba(255,255,255,.08)!important;background:rgba(255,255,255,.025)!important;box-shadow:none!important;border-radius:2px}
.inf-cover-plan>i:nth-child(21),.inf-cover-plan>i:nth-child(16),.inf-cover-plan>i:nth-child(17),.inf-cover-plan>i:nth-child(12),.inf-cover-plan>i:nth-child(7),.inf-cover-plan>i:nth-child(8),.inf-cover-plan>i:nth-child(9),.inf-cover-plan>i:nth-child(14),.inf-cover-plan>i:nth-child(15){background:linear-gradient(145deg,#bda05e,#6e5c31)!important;border-color:#f4d58c!important;box-shadow:0 0 9px rgba(233,199,127,.32)!important}
.inf-cover-plan>i:nth-child(21):after,.inf-cover-plan>i:nth-child(16):after,.inf-cover-plan>i:nth-child(17):after,.inf-cover-plan>i:nth-child(12):after,.inf-cover-plan>i:nth-child(7):after,.inf-cover-plan>i:nth-child(8):after,.inf-cover-plan>i:nth-child(9):after,.inf-cover-plan>i:nth-child(14):after,.inf-cover-plan>i:nth-child(15):after{content:'';position:absolute;inset:35%;border-radius:50%;background:#f9e4ad}
.inf-cover-entry,.inf-cover-target{position:absolute!important;display:grid;place-items:center;width:24px;height:18px;border-radius:5px;font:900 7px/1 monospace!important;letter-spacing:.05em!important;z-index:4!important;box-shadow:0 5px 12px #0007}
.inf-cover-entry{left:-5px;bottom:4px;background:#8fe1ae;color:#10231a!important}.inf-cover-target{right:-4px;top:10px;background:#e9c77f;color:#241d0e!important}
.inf-cover-camera{position:absolute!important;width:auto!important;height:auto!important;right:auto!important;top:auto!important;transform:none!important;border:0!important;background:none!important;box-shadow:none!important;font:900 17px/1 sans-serif!important;color:#ff8e77!important;z-index:5!important;text-shadow:0 0 10px rgba(255,80,60,.7)}
.inf-cover-camera--one{right:0!important;bottom:3px!important;transform:rotate(35deg)!important}.inf-cover-camera--two{left:2px!important;top:0!important;transform:rotate(-25deg)!important}
.inf-cover-scan{position:absolute!important;left:10px!important;right:5px!important;top:10px!important;height:1px!important;width:auto!important;background:linear-gradient(90deg,transparent,#9de2b3,transparent)!important;box-shadow:0 0 12px #9de2b3!important;animation:infCoverScan 2.4s ease-in-out infinite!important;z-index:6!important}
.inf-cover>b{left:18px;right:18px;bottom:12px;font-size:7px;letter-spacing:.10em;color:#f4ddb0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;z-index:7}
@keyframes infCoverScan{0%,100%{transform:translateY(2px);opacity:.25}50%{transform:translateY(103px);opacity:1}}

.inf-intro{padding-top:20px}.inf-intro-visual{position:relative;width:min(100%,350px);height:126px;margin:0 auto 18px;border:1px solid rgba(233,199,127,.22);border-radius:18px;overflow:hidden;background:linear-gradient(rgba(233,199,127,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(233,199,127,.06) 1px,transparent 1px),radial-gradient(circle at 74% 38%,rgba(157,226,179,.12),transparent 30%),#101b18;background-size:22px 22px,22px 22px,auto,auto;box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 18px 38px rgba(0,0,0,.28)}
.inf-intro-badge,.inf-intro-door{position:absolute;top:12px;font:800 7px/1 sans-serif;letter-spacing:.13em;border-radius:5px;padding:6px 7px}.inf-intro-badge{left:12px;color:#9de2b3;border:1px solid rgba(157,226,179,.28);background:rgba(157,226,179,.06)}.inf-intro-door{right:12px;color:#241d0f;background:var(--inf-gold)}
.inf-intro-route{position:absolute;left:28px;right:30px;top:54px;height:50px}.inf-intro-route i{position:absolute;width:25px;height:25px;border:1px solid rgba(233,199,127,.7);border-radius:7px;background:linear-gradient(145deg,#5c5030,#2a281d);box-shadow:0 0 13px rgba(233,199,127,.12)}.inf-intro-route i:after{content:'';position:absolute;inset:9px;border-radius:50%;background:#f5daa0}.inf-intro-route i:nth-child(1){left:0;top:20px}.inf-intro-route i:nth-child(2){left:20%;top:20px}.inf-intro-route i:nth-child(3){left:40%;top:20px}.inf-intro-route i:nth-child(4){left:40%;top:0}.inf-intro-route i:nth-child(5){left:65%;top:0}.inf-intro-route i:nth-child(6){right:0;top:0}
.inf-intro-route:before{content:'';position:absolute;left:12px;right:12px;top:31px;height:2px;background:linear-gradient(90deg,#9de2b3 0 42%,transparent 42% 47%,#9de2b3 47% 70%,transparent 70%);opacity:.45}
.inf-intro-agent{position:absolute;left:24px;bottom:16px;color:#9de2b3;font-size:20px;text-shadow:0 0 14px #9de2b3}.inf-start-message{min-height:14px;margin:7px 0 -3px!important;color:var(--inf-gold)!important;font-size:8px!important;letter-spacing:.08em!important;text-align:center}