@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;600;800&family=Orbitron:wght@700;900&family=Roboto+Mono:wght@400;700&display=swap";:root{--bg: #080c14;--bg2: #0e1525;--bg3: #141e33;--border: #1e2d45;--text: #c8d8f0;--text-dim: #5a7099;--blue: #4fa8ff;--cyan: #00e5ff;--green: #00e676;--red: #ff1744;--red2: #ff5252;--purple: #7c4dff;--yellow: #ffd740;--font-ui: "Inter", sans-serif;--font-mono: "Roboto Mono", monospace;--font-head: "Orbitron", sans-serif;--tap-min: 2.75rem;--card-w: clamp(10.5rem, 42vw, 14.5rem);--hud-pad-x: clamp(.75rem, 3vw, 1.5rem);--game-gap: clamp(.4rem, 1.5vw, .75rem)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;touch-action:manipulation}body{font-family:var(--font-ui);background:var(--bg);color:var(--text);min-height:100vh;min-height:100dvh;overflow:hidden;position:relative;-webkit-tap-highlight-color:transparent}.screen{position:absolute;top:0;right:0;bottom:0;left:0;display:none}.screen.active{display:flex}.menu-bg-grid{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background-image:linear-gradient(rgba(79,168,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(79,168,255,.04) 1px,transparent 1px);background-size:40px 40px}.menu-scanlines{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.15) 2px,rgba(0,0,0,.15) 4px)}#screen-menu{flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 60%,#0d1f3c 0%,var(--bg) 70%)}.menu-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;text-align:center;gap:1.5rem;padding:2rem}.menu-badge{font-family:var(--font-mono);font-size:.65rem;letter-spacing:.15em;color:var(--blue);border:1px solid rgba(79,168,255,.3);padding:.4rem 1.2rem;border-radius:20px;background:#4fa8ff0d}.menu-title{display:flex;flex-direction:column;line-height:1;gap:.2rem}.title-line1{font-family:var(--font-head);font-size:clamp(2rem,6vw,5rem);font-weight:900;color:var(--cyan);text-shadow:0 0 30px rgba(0,229,255,.5),0 0 60px rgba(0,229,255,.2);letter-spacing:.05em}.title-line2{font-family:var(--font-head);font-size:clamp(2rem,6vw,5rem);font-weight:900;color:var(--blue);text-shadow:0 0 30px rgba(79,168,255,.5);letter-spacing:.05em}.title-line3{font-family:var(--font-head);font-size:clamp(1.2rem,3vw,2.5rem);font-weight:700;color:var(--text-dim);letter-spacing:.2em}.menu-subtitle{font-size:1rem;color:var(--text-dim);max-width:500px}.menu-stats-row{display:flex;align-items:center;gap:1.5rem}.menu-stat{display:flex;flex-direction:column;align-items:center}.ms-val{font-family:var(--font-head);font-size:1.8rem;color:var(--yellow)}.ms-label{font-size:.7rem;color:var(--text-dim);letter-spacing:.1em}.menu-divider{color:var(--border);font-size:1.5rem}.menu-buttons{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.menu-footer{font-size:.7rem;color:var(--text-dim);font-family:var(--font-mono);margin-top:.5rem}.btn-neon{font-family:var(--font-head);font-size:clamp(.75rem,2.5vw,.85rem);letter-spacing:.1em;font-weight:700;min-height:var(--tap-min);padding:.85rem clamp(1rem,5vw,2.2rem);border-radius:4px;border:2px solid;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;touch-action:manipulation}.btn-play{background:linear-gradient(135deg,#00e5ff26,#4fa8ff1a);border-color:var(--cyan);color:var(--cyan);box-shadow:0 0 20px #00e5ff26}.btn-play:hover{background:linear-gradient(135deg,#00e5ff4d,#4fa8ff33);box-shadow:0 0 35px #00e5ff66;transform:translateY(-2px)}.btn-secondary{background:transparent;border-color:var(--border);color:var(--text-dim)}.btn-secondary:hover{border-color:var(--blue);color:var(--blue);box-shadow:0 0 15px #4fa8ff33}.btn-icon{font-size:1rem}#screen-howto{flex-direction:column;align-items:center;justify-content:flex-start;overflow-y:auto;background:radial-gradient(ellipse at 50% 0%,#0d1f3c 0%,var(--bg) 70%)}.howto-container{position:relative;z-index:2;max-width:900px;width:100%;min-height:100%;padding:2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem}.howto-header{text-align:center}.howto-badge{font-family:var(--font-mono);font-size:.65rem;color:var(--yellow);letter-spacing:.2em;margin-bottom:.5rem}.howto-title{font-family:var(--font-head);font-size:clamp(1.5rem,4vw,3rem);color:var(--cyan);text-shadow:0 0 20px rgba(0,229,255,.4)}.howto-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;width:100%}.howto-card{background:var(--bg2);border:1px solid var(--border);border-radius:8px;padding:1.5rem;position:relative;overflow:hidden;transition:border-color .2s}.howto-card:hover{border-color:var(--blue)}.howto-num{font-family:var(--font-head);font-size:3rem;color:#4fa8ff1a;position:absolute;top:0;right:1rem;line-height:1}.howto-icon{font-size:2rem;margin-bottom:.5rem}.howto-card h3{color:var(--blue);margin-bottom:.5rem;font-size:1rem}.howto-card p{color:var(--text-dim);font-size:.85rem;line-height:1.6}.howto-card strong{color:var(--text)}.howto-categories{width:100%}.cats-title{font-family:var(--font-mono);font-size:.7rem;color:var(--text-dim);letter-spacing:.15em;margin-bottom:1rem;text-align:center}.cats-list{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center}.cat-item{padding:.6rem 1.2rem;border-radius:20px;font-size:.8rem;font-weight:700;display:flex;align-items:center;gap:.4rem;border:1px solid}.cat-item em{font-style:normal;font-size:.65rem;opacity:.6;margin-left:.3rem}.cat-sistemas{color:var(--blue);border-color:#4fa8ff4d;background:#4fa8ff14}.cat-propiedad{color:var(--green);border-color:#00e6764d;background:#00e67614}.cat-privacidad{color:var(--red2);border-color:#ff52524d;background:#ff525214}.cat-menores{color:var(--purple);border-color:#7c4dff4d;background:#7c4dff14}.cat-economico{color:var(--yellow);border-color:#ffd7404d;background:#ffd74014}#screen-game{flex-direction:column;background:radial-gradient(ellipse at 50% 40%,#0a1628 0%,var(--bg) 80%);background-image:linear-gradient(rgba(79,168,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(79,168,255,.03) 1px,transparent 1px);background-size:40px 40px}.game-hud{min-height:3.75rem;background:var(--bg2);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:.55rem var(--hud-pad-x);gap:var(--game-gap);box-shadow:0 2px 20px #0006;flex-shrink:0}.hud-left{display:flex;flex-direction:column;gap:2px}.hud-logo{font-family:var(--font-head);font-size:.8rem;color:var(--cyan)}.hud-status{font-family:var(--font-mono);font-size:.6rem;color:var(--text-dim);display:flex;align-items:center;gap:.4rem}.hud-center{flex:1;display:flex;justify-content:center;gap:clamp(.85rem,6vw,3rem)}.hud-stat{text-align:center}.hud-stat-label{font-family:var(--font-mono);font-size:.55rem;color:var(--text-dim);letter-spacing:.1em}.hud-stat-value{font-family:var(--font-head);font-size:clamp(.95rem,3vw,1.2rem);font-weight:700}.neon-blue{color:var(--blue);text-shadow:0 0 10px rgba(79,168,255,.5)}.neon-cyan{color:var(--cyan);text-shadow:0 0 10px rgba(0,229,255,.5)}.neon-green{color:var(--green);text-shadow:0 0 10px rgba(0,230,118,.5)}.neon-red{color:var(--red2);text-shadow:0 0 10px rgba(255,82,82,.5)}.neon-yellow{color:var(--yellow);text-shadow:0 0 10px rgba(255,215,64,.5)}.hud-right{display:flex;gap:.5rem}.btn-hud{min-width:var(--tap-min);min-height:var(--tap-min);font-family:var(--font-mono);font-size:clamp(.65rem,2.2vw,.7rem);background:transparent;border:1px solid var(--border);color:var(--text-dim);padding:.4rem clamp(.65rem,2vw,.9rem);border-radius:4px;cursor:pointer;transition:all .2s;touch-action:manipulation}.btn-hud:hover{border-color:var(--blue);color:var(--blue)}.btn-exit-hud:hover{border-color:var(--red2);color:var(--red2)}.pulse-dot{width:6px;height:6px;border-radius:50%;background:var(--green);display:inline-block;box-shadow:0 0 6px var(--green);animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.drop-area{flex:1;position:relative;overflow:hidden;min-height:0;touch-action:none}.drop-area-hint{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(88vw,34rem);text-align:center;font-family:var(--font-mono);font-size:clamp(.72rem,2.8vw,.85rem);color:var(--text-dim);pointer-events:none;opacity:.4;transition:opacity .5s}.crime-block{position:absolute;width:var(--card-w);min-width:9.5rem;min-height:var(--tap-min);background:linear-gradient(145deg,var(--bg3),var(--bg2));border:1px solid var(--border);border-radius:8px;padding:clamp(.75rem,2.6vw,.9rem) clamp(.85rem,3vw,1rem);cursor:grab;-webkit-user-select:none;user-select:none;z-index:10;touch-action:none;box-shadow:0 4px 20px #00000080;transition:box-shadow .15s,border-color .15s}.crime-block:hover{border-color:#4fa8ff66;box-shadow:0 4px 20px #00000080,0 0 15px #4fa8ff1a}.crime-block.dragging{cursor:grabbing;z-index:1000;box-shadow:0 10px 40px #0009,0 0 30px #4fa8ff33;border-color:var(--blue);transform:scale(1.03)}.cb-id{font-family:var(--font-mono);font-size:.6rem;color:var(--text-dim);margin-bottom:.375rem}.cb-title{font-size:clamp(.86rem,3.4vw,1rem);font-weight:700;color:var(--text);margin-bottom:.5rem;line-height:1.3}.cb-tags{display:flex;gap:.25rem;flex-wrap:wrap}.cb-tag{font-size:.55rem;padding:.125rem .375rem;border-radius:3px;font-weight:700;background:#ffffff0f;color:var(--text-dim);letter-spacing:.05em}.cb-tag.critical,.cb-tag.severe{background:#ff174426;color:var(--red2)}.zones-container{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--game-gap);padding:var(--game-gap) var(--hud-pad-x) calc(var(--game-gap) + env(safe-area-inset-bottom));flex-shrink:0;border-top:1px solid var(--border);background:#0000004d}.drop-zone{min-height:clamp(4.35rem,12dvh,6rem);border:2px dashed;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;transition:all .25s;background:#0003;overflow:hidden;cursor:default;touch-action:manipulation}.drop-zone[data-category=sistemas]{border-color:#4fa8ff40}.drop-zone[data-category=propiedad]{border-color:#00e67640}.drop-zone[data-category=privacidad]{border-color:#ff525240}.drop-zone[data-category=menores]{border-color:#7c4dff40}.drop-zone[data-category=economico]{border-color:#ffd74040}.zone-glow{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .25s;pointer-events:none}.drop-zone[data-category=sistemas] .zone-glow{background:radial-gradient(circle at center,rgba(79,168,255,.15),transparent 70%)}.drop-zone[data-category=propiedad] .zone-glow{background:radial-gradient(circle at center,rgba(0,230,118,.15),transparent 70%)}.drop-zone[data-category=privacidad] .zone-glow{background:radial-gradient(circle at center,rgba(255,82,82,.15),transparent 70%)}.drop-zone[data-category=menores] .zone-glow{background:radial-gradient(circle at center,rgba(124,77,255,.15),transparent 70%)}.drop-zone[data-category=economico] .zone-glow{background:radial-gradient(circle at center,rgba(255,215,64,.15),transparent 70%)}.drop-zone.drag-over .zone-glow{opacity:1}.drop-zone.drag-over[data-category=sistemas]{border-color:var(--blue);box-shadow:0 0 20px #4fa8ff33 inset}.drop-zone.drag-over[data-category=propiedad]{border-color:var(--green);box-shadow:0 0 20px #00e67633 inset}.drop-zone.drag-over[data-category=privacidad]{border-color:var(--red2);box-shadow:0 0 20px #ff525233 inset}.drop-zone.drag-over[data-category=menores]{border-color:var(--purple);box-shadow:0 0 20px #7c4dff33 inset}.drop-zone.drag-over[data-category=economico]{border-color:var(--yellow);box-shadow:0 0 20px #ffd74033 inset}.zone-icon{font-size:clamp(1.15rem,5vw,1.6rem);margin-bottom:.25rem}.zone-title{font-family:var(--font-head);font-size:clamp(.56rem,2.5vw,.7rem);font-weight:700;letter-spacing:.05em}.drop-zone[data-category=sistemas] .zone-title{color:var(--blue)}.drop-zone[data-category=propiedad] .zone-title{color:var(--green)}.drop-zone[data-category=privacidad] .zone-title{color:var(--red2)}.drop-zone[data-category=menores] .zone-title{color:var(--purple)}.drop-zone[data-category=economico] .zone-title{color:var(--yellow)}.zone-sub{font-size:clamp(.5rem,2.2vw,.6rem);color:var(--text-dim);margin-top:.125rem}.zone-counter{position:absolute;top:.375rem;right:.5rem;font-family:var(--font-mono);font-size:.65rem;color:var(--text-dim)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:500;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center}.modal-overlay.hidden{display:none}.modal-box{border-radius:10px;padding:2.5rem;max-width:580px;width:95%;border:1px solid}.modal-error{background:linear-gradient(145deg,#130a0a,#1a0d0d);border-color:var(--red2);box-shadow:0 0 40px #ff174426,0 20px 60px #00000080}.modal-err-header{font-family:var(--font-mono);font-size:.7rem;color:var(--red2);display:flex;justify-content:space-between;border-bottom:1px solid rgba(255,82,82,.2);padding-bottom:1rem;margin-bottom:1rem}.modal-err-code{opacity:.5}.modal-err-title{font-family:var(--font-head);font-size:1.6rem;color:var(--red2);text-shadow:0 0 20px rgba(255,23,68,.4);margin-bottom:.5rem}.modal-err-desc{color:var(--text-dim);font-size:.85rem;margin-bottom:1.5rem}.modal-crime-info{background:#ffffff08;border-left:3px solid var(--red2);padding:1rem 1.2rem;border-radius:4px;margin-bottom:1.5rem}.modal-crime-name{font-size:1.1rem;font-weight:700;color:var(--text);margin-bottom:.3rem}.modal-crime-cat{font-family:var(--font-mono);font-size:.7rem;color:var(--text-dim)}.modal-penalties{display:flex;gap:1rem;margin-bottom:1.5rem}.penalty-card{flex:1;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:6px;padding:1rem}.penalty-card-label{font-family:var(--font-mono);font-size:.6rem;color:var(--text-dim);margin-bottom:.5rem}.penalty-card-val{font-size:1rem;font-weight:700;color:var(--text)}.modal-article{font-family:var(--font-mono);font-size:.7rem;color:var(--text-dim);margin-bottom:1.5rem;font-style:italic}.modal-actions{display:flex;gap:1rem;justify-content:flex-end}.modal-gameover{background:linear-gradient(145deg,#070e1a,#0a1525);border-color:var(--red2);box-shadow:0 0 60px #ff17441a,0 20px 60px #0009;text-align:center}.go-header{font-family:var(--font-mono);font-size:.65rem;color:var(--red2);letter-spacing:.2em;margin-bottom:.5rem}.go-title{font-family:var(--font-head);font-size:2.5rem;color:var(--text);margin-bottom:.5rem}.go-desc{color:var(--text-dim);font-size:.9rem;margin-bottom:2rem}.go-score-wrap{margin-bottom:1.5rem}.go-score-label{font-family:var(--font-mono);font-size:.7rem;color:var(--text-dim);margin-bottom:.3rem}.go-score-val{font-family:var(--font-head);font-size:3rem;color:var(--cyan);text-shadow:0 0 20px rgba(0,229,255,.4)}.go-stats{display:flex;justify-content:center;gap:2rem;margin-bottom:2rem}.go-stat{text-align:center}.go-stat-val{font-family:var(--font-head);font-size:1.5rem}.go-stat-label{font-size:.7rem;color:var(--text-dim)}.modal-victory{background:linear-gradient(145deg,#061410,#071a20);border-color:var(--green);box-shadow:0 0 60px #00e6761f,0 20px 60px #0009;text-align:center;overflow:hidden;position:relative}.modal-victory:before{content:"";position:absolute;top:-35%;right:-35%;bottom:-35%;left:-35%;background:radial-gradient(circle at 50% 40%,rgba(255,215,64,.18),transparent 24%),conic-gradient(from 0deg,transparent,rgba(0,229,255,.12),transparent,rgba(0,230,118,.12),transparent);animation:victory-aura 6s linear infinite;pointer-events:none}.modal-victory>*{position:relative;z-index:1}.victory-trophy{width:5.5rem;height:5.5rem;margin:0 auto 1rem;display:grid;place-items:center;font-size:3.5rem;filter:drop-shadow(0 0 18px rgba(255,215,64,.55));animation:trophy-bounce 1.4s ease-in-out infinite}.victory-header{font-family:var(--font-mono);font-size:.65rem;color:var(--green);letter-spacing:.2em;margin-bottom:.5rem}.victory-title{font-family:var(--font-head);font-size:2.5rem;color:var(--cyan);text-shadow:0 0 24px rgba(0,229,255,.35);margin-bottom:.5rem}.victory-desc{color:var(--text-dim);font-size:.9rem;margin-bottom:2rem}@keyframes trophy-bounce{0%,to{transform:translateY(0) scale(1) rotate(-2deg)}35%{transform:translateY(-.45rem) scale(1.08) rotate(2deg)}65%{transform:translateY(.08rem) scale(.98) rotate(-1deg)}}@keyframes victory-aura{to{transform:rotate(1turn)}}.modal-pause{background:var(--bg2);border-color:var(--border);text-align:center;max-width:380px}.pause-title{font-family:var(--font-head);font-size:2rem;color:var(--text);margin-bottom:.5rem}@keyframes fall-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.crime-block{animation:fall-in .2s ease-out both}@keyframes flash-success{0%{background:var(--green)}to{background:transparent}}.zone-flash-success{animation:flash-success .4s ease-out}@keyframes flash-error{0%{background:var(--red)}to{background:transparent}}.zone-flash-error{animation:flash-error .4s ease-out}@media (max-width: 42rem){.menu-content,.howto-container{padding:clamp(1rem,5vw,1.5rem)}.howto-container{min-height:auto;align-items:stretch;justify-content:flex-start;gap:1rem;padding-bottom:calc(1.25rem + env(safe-area-inset-bottom))}.menu-stats-row{gap:.8rem}.howto-header{align-self:center;width:100%}.howto-badge{font-size:.56rem;letter-spacing:.12em}.howto-title{font-size:clamp(1.45rem,8vw,2rem)}.howto-grid{grid-template-columns:1fr;gap:.75rem}.howto-card{min-height:0;padding:.9rem 1rem .95rem 3.35rem}.howto-num{top:.65rem;right:.75rem;font-size:2rem}.howto-icon{position:absolute;left:1rem;top:1rem;font-size:1.45rem;margin-bottom:0}.howto-card h3{margin-bottom:.25rem;padding-right:2.25rem;font-size:.92rem}.howto-card p{font-size:.78rem;line-height:1.45}.howto-categories{margin-top:.25rem}.cats-title{margin-bottom:.65rem;font-size:.62rem;letter-spacing:.1em}.cats-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.cat-item{width:100%;min-height:var(--tap-min);justify-content:center;padding:.55rem .5rem;border-radius:8px;font-size:.68rem;gap:.3rem;text-align:center}.cat-item span{flex-shrink:0}.cat-item em{margin-left:.1rem;font-size:.58rem}#btn-back-menu{width:100%;margin-top:.25rem!important}.game-hud{align-items:stretch;flex-wrap:wrap}.hud-left{flex:1 1 calc(100% - 7rem);min-width:0}.hud-center{order:3;flex-basis:100%;justify-content:space-between}.hud-right{margin-left:auto}.hud-status{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.btn-hud{padding-inline:.55rem}.zone-sub{display:none}.modal-overlay{align-items:flex-end;padding:.75rem}.modal-box{width:100%;max-height:calc(100dvh - 1.5rem);overflow-y:auto;padding:clamp(1.1rem,5vw,1.5rem)}.modal-penalties,.modal-actions,.go-stats{flex-direction:column}.modal-victory{padding-block:clamp(1rem,4vw,1.35rem)}.victory-trophy{width:3.5rem;height:3.5rem;margin-bottom:.6rem;font-size:2.35rem}.victory-header{font-size:.56rem;letter-spacing:.13em}.victory-title{font-size:clamp(1.55rem,8vw,2rem);line-height:1.05}.victory-desc{font-size:.82rem;line-height:1.45;margin-bottom:1rem}.modal-victory .go-score-wrap{margin-bottom:1rem}.modal-victory .go-score-val{font-size:clamp(2rem,12vw,2.6rem)}#victory-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem;margin-bottom:1rem}#victory-stats .go-stat{min-width:0}#victory-stats .go-stat-val{font-size:1.05rem}#victory-stats .go-stat-label{font-size:.58rem;line-height:1.25}.modal-victory .modal-actions{gap:.65rem}.modal-victory .btn-neon{width:100%}}@media (min-width: 43rem){:root{--card-w: clamp(13.5rem, 24vw, 15.625rem)}.zones-container{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (min-width: 64rem){:root{--card-w: clamp(14.5rem, 15vw, 15.625rem)}.game-hud{padding-inline:clamp(1.5rem,4vw,3rem)}.drop-area{width:100%;align-self:center}.zones-container{min-height:9.5rem;padding-inline:clamp(1.5rem,4vw,3rem)}}@media (max-height: 42rem) and (orientation: landscape){.game-hud{min-height:3.1rem;padding-block:.35rem}.hud-status,.zone-sub{display:none}.zones-container{grid-template-columns:repeat(5,minmax(0,1fr))}.drop-zone{min-height:3.7rem}.zone-icon{margin-bottom:.1rem}}