:root{color:#d7edff;font-synthesis:none;--cyan:#00dced;--amber:#ffbf30;--muted:#9dbad0;background:#07111c;font-family:ui-sans-serif,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(at top,#1c3a57,#040a11);min-height:100dvh;margin:0}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;background:linear-gradient(#284b68,#112d45);border:2px solid #47708d;border-radius:11px;min-height:48px;padding:9px 12px;box-shadow:inset 0 2px 2px #9ac4e338,0 3px #04111e}button:focus-visible{outline-offset:2px;outline:3px solid #ffe169}button:active{transform:translateY(1px)}button:disabled{opacity:.46;cursor:default}[hidden]{display:none!important}#app{max-width:500px;padding:max(10px,env(safe-area-inset-top)) 12px max(24px,env(safe-area-inset-bottom));margin:auto;position:relative}.masthead{text-align:center;justify-content:center;align-items:center;height:75px;margin-bottom:7px;display:flex;position:relative}.eyebrow{letter-spacing:1.3px;color:var(--muted);font-size:9px;font-weight:900}.masthead .eyebrow{color:#b5d8f6;font-size:13px}h1{text-transform:uppercase;letter-spacing:-1.5px;color:#ffd045;text-shadow:0 2px #c87806,0 4px #563007,2px 0 #081522,-2px 0 #081522,0 6px 5px #000;margin:3px 0 0;font-size:35px;font-weight:1000;line-height:1.03}h1 span{color:#8ce2ff;text-shadow:0 2px #3591b5,0 4px #0b3c5c,2px 0 #07111c,-2px 0 #07111c,0 6px 5px #000}.icon-button{width:48px;padding:0;position:absolute;top:0;right:0}.briefcase{background-color:#102a44;background-image:radial-gradient(ellipse at 20% 30%,#29456290,transparent 28%),radial-gradient(ellipse at 85% 80%,#2e4e6c90,transparent 30%),repeating-conic-gradient(#092037 0 25%,#16344e 0 50%);background-size:auto,auto,22px 22px;border:3px solid #718797;border-radius:26px;padding:13px 14px 12px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 4px #07121d,inset 0 0 0 7px #40576a,0 6px #02060a,0 15px 25px #0008}.briefcase:before,.briefcase:after{content:"";pointer-events:none;z-index:0;border-radius:14px;width:9px;position:absolute;top:15px;bottom:15px;box-shadow:inset 2px 0 2px #fff5,2px 0 2px #000}.briefcase:before{background:linear-gradient(90deg,#4c0911,#ed213d,#80071a);left:4px}.briefcase:after{background:linear-gradient(90deg,#6f5f00,#f2d328,#137d38);right:4px}.briefcase>*{z-index:1;position:relative}.case-top{text-align:center;background:linear-gradient(#273c4f,#0c1b29);border:2px solid #688397;border-radius:10px;justify-content:center;align-items:center;margin:0 7px 9px;padding:4px 6px;font-size:11px;font-weight:800;line-height:1.3;display:flex;box-shadow:0 3px 4px #000,inset 0 2px #c9e1ee20}.live,.wires{display:none}.timer-module{grid-template-columns:42px minmax(0,1fr) 48px;align-items:center;gap:5px;margin-bottom:9px;display:grid}.clock{text-align:center;background:linear-gradient(120deg,#131b23,#020609 60%);border:3px solid #697277;border-radius:12px;padding:4px 8px 6px;box-shadow:inset 0 0 0 3px #161b20,0 3px #020609,0 0 0 2px #07121d}#timer{font-variant-numeric:tabular-nums;color:#ffb82b;letter-spacing:-2px;text-shadow:0 0 5px #f88418,0 0 15px #ff8c1b7a;font-family:ui-monospace,Courier New,monospace;font-size:48px;font-weight:900;line-height:1}.clock .eyebrow{letter-spacing:.4px;color:#ffbc2f;font-size:8px}.timer-track{background:#050c12;border:2px solid #3c5464;border-radius:6px;height:10px;margin-top:4px;overflow:hidden;box-shadow:inset 0 2px 4px #000}#timer-bar{background:linear-gradient(#ffe275,#ff9e13);width:100%;height:100%;box-shadow:0 0 6px #ffab24}.warning-module{background:linear-gradient(135deg,#84909b,#313f4e 60%);border:2px solid #6c7883;border-radius:7px;height:76px;padding:7px 5px;box-shadow:inset 0 2px #c8d1d1,0 3px #000}.warning-module>span{color:#ffc34c;text-align:center;text-shadow:0 1px 2px #000;font-size:25px;line-height:1.1;display:block}.warning-module i,.lamp-base i{background:#071018;border-top:1px solid #000;border-bottom:1px solid #81909a;border-radius:5px;width:23px;height:4px;margin:3px auto;display:block}.alarm-lamp{width:48px;height:85px;box-shadow:none;background:0 0;border:0;flex-direction:column;justify-content:flex-end;align-items:center;padding:0;display:flex;overflow:visible}.lamp-lens{background:linear-gradient(90deg,#8d0a15,#ff2d36 40%,#b91121);border:2px solid #ff6266;border-radius:20px 20px 4px 4px;width:35px;height:42px;display:block;position:relative;box-shadow:inset 3px 2px 3px #ffcbc666,0 0 9px #fc263733}.lamp-lens i{background:linear-gradient(#ffb9a5,#ffa66b66);border-radius:8px;width:8px;height:25px;position:absolute;top:5px;left:6px}.lamp-base{background:linear-gradient(135deg,#778b9c,#29394b);border:2px solid #7c8b98;border-radius:5px;width:45px;height:40px;padding:5px 0;display:block;box-shadow:inset 0 2px #bac8d2,0 3px #000}.danger .lamp-lens,.alarm-active .lamp-lens{background:linear-gradient(90deg,#b90d21,#ff6055 45%,#e8272c);box-shadow:0 0 12px #ff2b33,0 0 28px #ff2b3370}.critical .lamp-lens,.alarm-active .lamp-lens{animation:.45s steps(2,end) infinite beacon}.critical #timer{color:#ff8241}.secret-slots{justify-content:center;gap:6px;margin:7px 0;display:flex}.secret-slots>*{color:#b7d1e5;background:linear-gradient(#040b12,#132a3a);border:2px solid #426a85;border-radius:8px;place-items:center;width:45px;height:43px;font-size:31px;font-weight:900;display:grid;box-shadow:inset 0 0 0 2px #050c13,0 2px #01060a}.history-heading{letter-spacing:.4px;color:#b1cadc;justify-content:space-between;margin:7px 0 4px;font-size:8px;font-weight:900;display:flex}.guesses{scrollbar-width:thin;background:linear-gradient(#102537,#061725);border:3px solid #335c7b;border-radius:13px;height:126px;padding:4px 7px;overflow-y:auto;box-shadow:inset 0 0 0 2px #07131e,0 0 0 2px #142a3b}.guesses:empty:before{content:"Cada intento revela una pista.";text-align:center;color:#6f9bb6;margin-top:44px;font-size:11px;display:block}.guess-row{border-bottom:1px solid #31516c;justify-content:space-between;align-items:center;gap:5px;padding:5px 0;display:flex}.guess-number{background:linear-gradient(#3c6f98,#204665);border:1px solid #6086a1;border-radius:50%;flex:0 0 21px;place-items:center;width:21px;height:21px;font-size:11px;font-weight:900;display:grid}.guess-symbols{gap:4px;display:flex}.guess-symbols .symbol-tile{background:#071827;border:1px solid #46738e;border-radius:5px;place-items:center;width:28px;height:29px;display:grid}.guess-symbols .symbol{flex-basis:22px;width:22px;height:22px}.clue{color:#bde1fa;text-align:right;flex:0 0 85px;width:85px;font-size:10px;font-weight:800;line-height:1.4}.entry-panel{text-align:center;margin-top:8px}.entry-panel>.eyebrow{color:#bcdef1;margin-bottom:3px;font-size:8px;display:block}.current-guess{background:linear-gradient(115deg,#164262,#072031);border:2px solid #00cfe4;border-radius:11px;justify-content:center;gap:7px;margin-bottom:7px;padding:5px;display:flex;box-shadow:inset 0 0 10px #00d5e222,0 0 0 3px #14364e}.current-guess button{background:linear-gradient(#071420,#102739);border:2px solid #396a87;place-items:center;width:48px;height:48px;padding:0;display:grid;box-shadow:inset 0 0 7px #000}.current-guess button.selected{border-color:#18eafa;box-shadow:inset 0 0 10px #00f2ff55,0 0 6px #00e6f1}.palette{scrollbar-width:thin;scrollbar-color:#518bab transparent;overscroll-behavior-x:contain;flex-wrap:nowrap;justify-content:flex-start;gap:5px;padding:3px 1px 5px;display:flex;overflow-x:auto}.palette:has(button:nth-child(-n+4):last-child){justify-content:center}.palette button{background:linear-gradient(135deg,#315878,#092138);border:2px solid #5983a3;border-radius:10px;flex:0 0 48px;place-items:center;width:48px;height:50px;padding:0;display:grid;box-shadow:inset 0 2px #a3c8e52b,0 3px #020a12}.primary{color:#03263a;letter-spacing:.7px;background:linear-gradient(#65ffff,#00d4e5 50%,#00a6c4);border:3px solid #8af8ff;border-radius:15px;width:100%;min-height:48px;font-size:16px;font-weight:1000;box-shadow:inset 0 0 0 2px #08a7bd,inset 0 3px #ffffff9c,0 0 0 3px #294d64,0 4px #051827}.primary span{float:right;font-size:17px}.message{-webkit-line-clamp:2;text-align:center;color:#b6d7e8;-webkit-box-orient:vertical;height:28px;margin:6px 0 3px;font-size:10px;line-height:1.35;display:-webkit-box;overflow:hidden}.tools{grid-template-columns:repeat(3,1fr);gap:5px;display:grid}.tools button{background:linear-gradient(#124362,#071f34);border:2px solid #19d0e1;border-radius:11px;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-height:48px;padding:3px 2px;font-size:9px;font-weight:800;display:flex;box-shadow:inset 0 0 8px #27ebee22,0 3px #02080e}.tools #scanner:before{content:"⌕";color:#76f4ff;font-size:18px;line-height:1}.tools #discard:before{content:"⊘";color:#76f4ff;font-size:18px;line-height:1}.tools #freeze:before{content:"❄";color:#76f4ff;font-size:18px;line-height:1}.bottom-nav{gap:8px;margin-top:10px;display:flex}.bottom-nav button{flex:1;font-size:11px}.symbol{filter:drop-shadow(0 2px #030b14)drop-shadow(0 0 1px #fff8);background:currentColor;flex:0 0 28px;width:28px;height:28px;display:inline-block;position:relative}.symbol:before{content:"";clip-path:inherit;border-radius:inherit;background:linear-gradient(135deg,#fff7,#0000 50%,#00000040);position:absolute;inset:1px}.symbol-circle{color:#ff353b;border-radius:50%}.symbol-diamond{color:#168fff;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}.symbol-triangle{color:#00dc3e;clip-path:polygon(50% 0,100% 100%,0 100%)}.symbol-square{color:#ffcf16;border-radius:4px}.symbol-star{color:#ae42ef;clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 94%,50% 72%,21% 94%,32% 57%,2% 35%,39% 35%)}.symbol-hexagon{color:#ff9629;clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%)}.symbol-heart{color:#ff6aae;clip-path:polygon(50% 95%,6% 51%,0 32%,6% 13%,22% 5%,39% 9%,50% 23%,61% 9%,78% 5%,94% 13%,100% 32%,94% 51%)}.symbol-cross{color:#eaf7ff;clip-path:polygon(35% 0,65% 0,65% 35%,100% 35%,100% 65%,65% 65%,65% 100%,35% 100%,35% 65%,0 65%,0 35%,35% 35%)}.palette .revealed{border-color:#ffd461;box-shadow:inset 0 0 10px #ffc42f44}.palette .excluded{opacity:.4;position:relative}.palette .excluded:after{content:"";background:#fff;height:2px;position:absolute;top:50%;left:6px;right:6px;transform:rotate(-40deg)}dialog{color:#e7f4fa;background:linear-gradient(135deg,#20394d,#0f2233);border:1px solid #527388;border-radius:20px;width:calc(100% - 28px);max-width:470px;max-height:calc(100dvh - 48px);padding:24px;overflow:auto;box-shadow:0 25px 80px #000a}dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#020b16cd}dialog h2{margin:7px 0 19px;font-size:25px}dialog h3{color:var(--cyan);margin:23px 0 10px;font-size:13px}dialog p{color:#bbd0dd;font-size:13px;line-height:1.6}.dialog-heading{position:relative}.close{width:48px;padding:0;font-size:25px;position:absolute;top:-10px;right:0}.dialog-actions{gap:11px;margin-top:20px;display:grid}.wallet{background:#0b1d2b;border-radius:10px;justify-content:space-between;padding:14px;display:flex}.wallet strong{color:var(--amber);font-size:20px}.level-select{flex-wrap:wrap;gap:6px;display:flex}.level-select button{width:48px;padding:0}.shop,.collection,.achievements{gap:8px;display:grid}.shop button{text-align:left}.daily-section{border-bottom:1px solid #3a5060;padding:0 0 16px}.daily-section button{width:100%;margin:4px 0}.settings{gap:8px;display:flex}.settings button{flex:1;font-size:11px}.fine-print{text-align:center;opacity:.65;margin-top:25px;font-size:10px!important}.legend{background:#102232;border-radius:10px;padding:5px 14px}.legend .peg{margin-right:7px}.badge,.collection-item,.achievement{background:#112737;border:1px solid #365569;border-radius:10px;padding:12px}body.intro-active{overflow:hidden}select.level-select{color:#e6f5ff;width:100%;min-height:48px;font:inherit;background:#0b253c;border:2px solid #537e99;border-radius:10px;margin:8px 0 12px;padding:9px;display:block}#result-details{font-size:14px;line-height:1.6}#inventory{font-size:13px;line-height:1.7}.shop{gap:8px;display:grid}.shop button{width:100%}.fine-print a{color:#91e7fa}#camp-message{color:#ffd25f}#brand-intro{z-index:10000}.collection-item,.achievement{background:#102d44;border:1px solid #3a617c;border-radius:10px;padding:10px;font-size:12px}.locked{opacity:.5}@font-face{font-family:DSEG;src:url(/codigo-secreto/fonts/DSEG7Classic-Regular.woff2)format("woff2");font-display:swap}#timer{letter-spacing:0;font-family:DSEG,ui-monospace,monospace;font-size:40px;font-weight:400;line-height:1.2}#app{background-image:url(/codigo-secreto/art/briefcase-background.png);background-repeat:no-repeat;background-size:100% 100%;border-radius:25px;padding-left:20px;padding-right:20px;box-shadow:0 20px 60px #0009}.briefcase{box-shadow:none;background:0 0;border:0;border-radius:0;padding:4px 0 0;overflow:visible}.briefcase:before,.briefcase:after{display:none}.masthead{height:78px}.icon-button{z-index:2}.alarm-test .lamp-lens,.code-error .lamp-lens{animation:.25s steps(2,end) infinite beacon;box-shadow:0 0 12px #ff333a,0 0 30px #ff252eaa}.defused .lamp-lens{background:linear-gradient(90deg,#075536,#44f596,#088654);border-color:#8affbd;box-shadow:0 0 13px #0aff8488}.defused #timer{color:#5cfeb0;text-shadow:0 0 10px #19e67788}@keyframes beacon{50%{filter:brightness(1.6);box-shadow:0 0 8px #ff4040,0 0 32px #ff2222b0}}@media (height<=750px){.guesses{height:85px}.masthead{height:68px}h1{font-size:29px}#timer{font-size:35px}.secret-slots>*{width:38px;height:34px}.secret-slots{margin:5px 0}.case-top{padding:3px;font-size:9px}.tools button{font-size:8px}}@media (height<=650px){#app{padding-top:8px;padding-left:17px;padding-right:17px}.masthead{text-align:left;justify-content:flex-start;height:48px;margin-bottom:5px}.masthead>div{max-width:128px}.masthead .eyebrow{display:none}.masthead h1{letter-spacing:-.8px;font-size:22px;line-height:1}.masthead h1 span{display:block}.icon-button{top:0;right:0}.bottom-nav{z-index:5;gap:3px;margin:0;position:absolute;top:8px;right:69px}.bottom-nav button{flex:0 0 48px;width:48px;height:48px;padding:0;font-size:0}.bottom-nav #camp:before{content:"▣";color:#79e8ff;font-size:23px}.bottom-nav #help:before{content:"?";color:#79e8ff;font-size:23px}.case-top{margin:0 0 4px;padding:2px;font-size:8px}.timer-module{grid-template-columns:32px minmax(0,1fr) 48px;gap:3px;margin-bottom:5px}.warning-module{height:55px;padding:3px 2px}.warning-module>span{font-size:19px}.warning-module i{width:20px;height:3px;margin:2px auto}.alarm-lamp{height:61px}.lamp-lens{width:30px;height:29px}.lamp-lens i{height:17px;top:3px}.lamp-base{width:41px;height:29px;padding:3px 0}.lamp-base i{height:3px;margin:2px auto}.clock{border-width:2px;padding:3px 4px 4px}#timer{font-size:31px}.clock .eyebrow{font-size:6px}.timer-track{height:7px;margin-top:2px}.secret-slots{display:none}.history-heading{margin:4px 0 3px;font-size:7px}.guesses{height:57px;padding:3px 5px}.guesses:empty:before{margin-top:15px;font-size:10px}.entry-panel{margin-top:5px}.entry-panel>.eyebrow{display:none}.current-guess{border-width:1px;gap:5px;margin-bottom:4px;padding:3px}.current-guess button{width:48px;height:48px}.palette{gap:4px;padding:2px 0 4px}.palette button{flex-basis:48px;width:48px;height:48px}.primary{min-height:48px;padding:8px 7px;font-size:14px}.message{height:24px;margin:4px 0 2px;font-size:9px}.tools button{min-height:48px;font-size:8px}.tools button:before{font-size:17px!important}.symbol{flex-basis:26px;width:26px;height:26px}.guess-symbols .symbol-tile{width:24px;height:25px}.guess-symbols .symbol{flex-basis:19px;width:19px;height:19px}.clue{flex-basis:70px;width:70px;font-size:8px}.guess-number{flex-basis:18px;width:18px;height:18px;font-size:9px}.guess-row{gap:3px;padding:3px 0}.guess-symbols{gap:3px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.warning .lamp-lens{box-shadow:0 0 10px #ff423b88}.failed .lamp-lens{background:linear-gradient(90deg,#8d0716,#ff493e,#b90f1c);box-shadow:0 0 13px #ff2929aa}.failed #timer{color:#ff5f4d;text-shadow:0 0 12px #ff252266}#app{min-height:100dvh}#pause{box-shadow:none;background:0 0;border-color:#0000;place-items:center;display:grid}.alarm-test .lamp-lens,.code-error .lamp-lens{animation-duration:.4s}.operations{background:radial-gradient(at top,#254b63,#081827 80%);border:2px solid #6a94a8;box-shadow:inset 0 0 0 5px #102737,0 25px 80px #000c}.operations h2{letter-spacing:-1px;color:#ffda6f;max-width:260px;margin-bottom:10px;font-size:38px;line-height:1.05}.operations .case-emblem{color:#52e4ed;background:repeating-linear-gradient(135deg,#102735 0 12px,#132e40 12px 24px);border:2px solid #5d8294;border-radius:16px;place-items:center;height:100px;margin:18px 0;font-size:85px;display:grid;box-shadow:inset 0 0 30px #020a13}.mission-stats{letter-spacing:1px;color:#a9d4e2;border-block:1px solid #345365;padding:13px 0;font-size:10px;line-height:1.8}.mission-brief{text-align:center;color:#bee1ef;margin:3px 0 8px;font-size:10px;line-height:1.3}.objective-list{padding:10px 0}.objective-list p{color:#8fa9bb;margin:5px 0;font-size:12px}.objective-list .met{color:#ffdb74}#pause-home{width:100%;margin-top:12px}.peg{background:#526879;border:1px solid #91acc1;border-radius:50%;width:12px;height:12px;display:inline-block}.peg.exact{background:#49e3ce}.peg.misplaced{background:#ffcf67}.peg.absent{background:#4a5968}@media (height<=650px){.mission-brief{margin:2px 0 4px;font-size:8px}.operations .case-emblem{height:60px;margin:10px 0;font-size:55px}.operations h2{font-size:30px}.operations .dialog-actions{gap:8px;margin-top:12px}}.possibilities{text-align:center;color:#77e2ed;margin:6px 0;font-size:10px;line-height:1.2}@media (height<=650px){.possibilities{margin:3px 0;font-size:8px}.guesses{height:45px}}.operations .case-emblem img{object-fit:contain;width:100%;height:100%}.operations .case-emblem{height:120px}@media (height<=650px){.operations .case-emblem{height:80px}}.dossier{border:1px solid #335563;color:#d4e5ed;background:#0a1b27;border-left:3px solid #e8bb66;border-radius:8px;margin:10px 0;padding:10px 12px}.dossier p{margin:5px 0;font-size:.88rem}.dossier small{color:#a8bec9;font-size:.72rem}.dossier button{color:#edf7ff;background:#183746;border:1px solid #537583;border-radius:6px;width:100%;margin-top:8px;padding:8px;font-size:.78rem;display:block}.palette .symbol-tile{padding-bottom:13px;position:relative}.symbol-number{color:#dae5eb;width:100%;font-size:10px;line-height:12px;position:absolute;bottom:1px;left:0}.alarm-phase{letter-spacing:1.2px;text-align:center;color:#a9cfbb;margin:6px 0;font-size:10px}.warning .alarm-phase{color:#ffc263}.danger .alarm-phase,.critical .alarm-phase{color:#ff8d85}.result-analysis{background:#142833;border-radius:8px;padding:12px;font-size:.9rem;line-height:1.6}@media (height<=740px){.dossier{padding:7px 10px}.dossier p{font-size:.78rem}.dossier small{font-size:.65rem}}.dossier-open{color:#ffdb87;background:linear-gradient(#283c43,#10232d);border:1px solid #b99a59;border-radius:7px;width:100%;min-height:40px;margin:5px 0;padding:7px 8px;font-size:11px}.alarm-phase{margin:3px 0;font-size:8px}#dossier-verdict{color:#ffd97c}@media (height<=650px){.dossier-open{min-height:40px;margin:2px 0;font-size:10px}.alarm-phase{display:none}.guesses{height:35px}.message{height:24px}}.secret-slots{display:none}.guesses{height:100px}@media (height<=750px){.guesses{height:65px}}@media (height<=650px){.guesses{height:35px}}
