:root{--bg:#070403;--panel:#1a100c;--line:#493025;--text:#f0e2cf;--muted:#ac9480;--accent:#d7b46b;--danger:#ed674f;--red:#76241d}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;background:#050302;color:var(--text);font-family:Georgia,"Times New Roman",serif;min-height:100%}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 50% -10%,rgba(118,36,29,.22),transparent 43%),repeating-linear-gradient(0deg,rgba(255,255,255,.012) 0 1px,transparent 1px 4px)}
button,input{font:inherit}button{cursor:pointer}#app{max-width:520px;min-height:100svh;margin:auto;background:linear-gradient(#120a08,#070403)}.screen{display:none;min-height:100svh;padding:22px}.screen.active{display:flex;flex-direction:column}.center{justify-content:center;align-items:center;text-align:center}.boot-symbol{width:110px;height:110px;object-fit:contain}.eyebrow,.topline{font-family:ui-monospace,monospace;letter-spacing:.17em;font-size:11px;color:var(--accent)}h1{font-size:33px;line-height:1.03;margin:10px 0 18px}.loader{width:44px;height:44px;border:3px solid var(--line);border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.panel{background:linear-gradient(#21150f,#120b08);border:1px solid var(--line);padding:20px;box-shadow:0 18px 40px rgba(0,0,0,.4)}.intro-card{margin:18px 0}.panel p,.intro-card li{color:#d0beac;line-height:1.55}.primary,.secondary{width:100%;min-height:56px;border-radius:3px;padding:14px 18px;font-weight:700;letter-spacing:.05em}.primary{border:1px solid #ead19a;background:linear-gradient(#d9b870,#a67e3e);color:#160d08}.secondary{border:1px solid var(--line);background:#21140f;color:var(--text)}.rules,.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:18px 0}.rules div,.stats div{background:#0f0806;border:1px solid var(--line);padding:12px 7px;text-align:center}.rules strong,.stats strong{display:block;color:var(--accent);font-size:18px}.rules span,.stats span{display:block;color:var(--muted);font-size:9px;margin-top:5px}.warning{border:1px solid #69382c;background:#29140f;padding:14px}.warning b{display:block;color:#ed9878;font-size:12px}.warning span{font-size:12px}.game-header{display:flex;justify-content:space-between;align-items:flex-start}#timer{display:block;font-family:ui-monospace,monospace;font-size:42px;color:var(--accent)}#timer.negative{color:var(--danger)}.penalty{border:1px solid var(--line);padding:10px 13px;text-align:right}.penalty span{display:block;font-size:9px;color:var(--muted)}.penalty b{color:var(--danger)}.progress{height:4px;background:#281913;margin:18px 0}.progress span{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--red),var(--accent));transition:.3s}.tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.tab{height:44px;border:1px solid var(--line);background:#130b08;color:var(--muted)}.tab.active{background:var(--accent);color:#160d08}.tab.locked{opacity:.3}.module-title{display:flex;justify-content:space-between;margin:16px 0 10px;font-family:ui-monospace,monospace;font-size:11px;color:var(--muted)}.module-title b{color:var(--accent)}.symbol-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:16px}.symbol-grid.compact{grid-template-columns:repeat(4,1fr)}.symbol-button{height:105px;background:#0f0806;border:1px solid var(--line);padding:8px}.compact .symbol-button{height:76px}.symbol-button img,.selected-symbol img{width:100%;height:100%;object-fit:contain}.selected-row{min-height:66px;display:flex;justify-content:center;gap:6px;background:#0f0806;border:1px solid var(--line);padding:8px;margin:12px 0}.selected-symbol{width:48px;height:48px}.audio-box{padding:14px;background:#0f0806;border:1px solid var(--line);margin:15px 0}.audio-box button{width:100%;height:52px;background:#24150f;border:1px solid var(--accent);color:var(--accent)}.keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.keypad button{height:56px;background:#140c09;border:1px solid var(--line);color:var(--text);font-size:20px}.code-display{text-align:center;font-family:ui-monospace,monospace;font-size:30px;letter-spacing:.2em;background:#0f0806;border:1px solid var(--line);padding:14px;margin:14px 0}.sum-readout{text-align:center;background:#0f0806;border:1px solid var(--line);padding:16px;margin:14px 0}.sum-readout strong{display:block;font-size:40px;color:var(--accent)}.result-hero{text-align:center;padding:20px 0}.result-hero img{width:95px}.score-form,.ranking,#repeatNotice{margin-bottom:14px}.score-form input{width:100%;padding:14px;background:#0f0806;border:1px solid var(--line);color:var(--text);margin:6px 0}.score-form label{display:block;color:var(--muted);font-size:11px;margin:10px 0}.ranking-head{display:flex;justify-content:space-between}.ranking ol{list-style:none;padding:0}.ranking li{display:grid;grid-template-columns:28px 1fr auto;gap:10px;padding:12px 0;border-top:1px solid var(--line);font-family:ui-monospace,monospace;font-size:12px}.ranking li b{color:var(--accent)}.negative{color:var(--danger)}.hidden{display:none!important}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);width:calc(100% - 44px);max-width:430px;background:#1c100c;border:1px solid var(--line);padding:14px;text-align:center;opacity:0;transition:.25s;z-index:50}.toast.show{opacity:1;transform:translate(-50%,0)}

.module-input{width:100%;padding:15px;background:#0f0806;border:1px solid var(--line);color:var(--text);margin:14px 0;font-size:18px}
.typewriter-input{font-family:ui-monospace,monospace;letter-spacing:.08em}
.control-block{background:#0f0806;border:1px solid var(--line);padding:16px;margin:14px 0;text-align:center}
.control-block label{display:block;color:var(--muted);font-size:10px;letter-spacing:.12em;margin-bottom:12px}
.control-block input[type=range]{width:100%;accent-color:var(--accent)}
.control-block strong{display:block;font-size:36px;color:var(--accent);margin-top:8px}
.clock-control{display:flex;align-items:center;justify-content:center;gap:10px;font-size:38px;margin:20px 0}
.clock-control input{width:90px;background:#0f0806;border:1px solid var(--line);color:var(--accent);font-size:32px;text-align:center;padding:10px}
.dna-pad{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.dna-pad button{height:60px;background:#140c09;border:1px solid var(--line);color:var(--text);font-size:22px}
.frequency-list{text-align:center;min-height:54px;padding:14px;background:#0f0806;border:1px solid var(--line);margin:10px 0;color:var(--accent)}

/* DISTINCT MODULE RUNTIME V3 */
.mr-runtime{padding-bottom:28px}.mr-title{font-family:Georgia,serif}.mr-instruction{color:var(--muted);line-height:1.45}.mr-btn,.mr-submit,.mr-choice{min-height:48px;padding:11px 14px;background:#1d1510;border:1px solid var(--line);color:var(--text);font-weight:800;border-radius:8px;margin:5px}.mr-submit{width:100%;background:var(--accent);color:#150e09;margin:16px 0 0}.mr-input{width:100%;padding:14px;background:#080503;border:1px solid var(--line);color:var(--text);font-size:18px;margin:12px 0}.mr-symbol-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.mr-symbol{height:78px;background:#080503;border:1px solid var(--line);border-radius:8px;padding:5px}.mr-symbol.selected,.mr-choice.selected{border-color:var(--accent);box-shadow:0 0 0 2px #d8b66f33}.mr-symbol img,.mr-seq-item img,.mr-rune-strip img{width:100%;height:100%;object-fit:contain}.mr-sequence{display:flex;gap:6px;min-height:62px;flex-wrap:wrap;border:1px dashed var(--line);padding:7px;margin:10px 0}.mr-seq-item{width:48px;height:48px;background:#100b08;border:1px solid var(--line)}.mr-jigsaw{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.mr-tile{aspect-ratio:1;background:#090604;border:1px solid var(--line);padding:4px}.mr-tile img{width:100%;height:100%;object-fit:contain}.mr-native-audio{width:100%;margin:12px 0}.mr-choice-grid{display:grid;grid-template-columns:1fr 1fr}.mr-morse-out,.mr-radio-display,.mr-tape-display{font:700 34px ui-monospace,monospace;text-align:center;padding:16px;background:#070403;border:1px solid var(--line);color:var(--accent)}.mr-morse-pad{display:grid;grid-template-columns:1fr 1fr 1fr}.mr-morse-dot,.mr-morse-dash,.mr-morse-gap{font-size:36px;min-height:75px}.mr-static{height:70px;margin:10px 0;background:repeating-linear-gradient(90deg,#fff 0 1px,transparent 1px 4px),repeating-linear-gradient(0deg,#fff 0 1px,transparent 1px 5px);opacity:.8}.mr-radio-range{width:100%;accent-color:var(--accent)}.mr-dial-row{display:flex;justify-content:center;align-items:center;gap:14px;flex-wrap:nowrap;margin:20px 0}.mr-dial-unit{flex:1;min-width:0;display:grid;place-items:center}.mr-knob{--dial-angle:0deg;width:min(150px,21vw);height:min(150px,21vw);min-width:62px;min-height:62px;border-radius:50%;border:10px solid #3c3029;background:radial-gradient(circle at 40% 35%,#49352a,#19100b 65%,#080503);display:grid;place-items:center;position:relative;touch-action:none;cursor:grab;box-shadow:inset 0 0 0 3px #0008,0 8px 18px #0008}.mr-knob:active{cursor:grabbing}.mr-knob:before{content:'';position:absolute;inset:-7px;border-radius:50%;background:repeating-conic-gradient(from -2deg,var(--line) 0 2deg,transparent 2deg 30deg);z-index:-1}.mr-dial-marker{position:absolute;left:50%;top:8%;width:5px;height:34%;border-radius:5px;background:var(--accent);transform-origin:50% 124%;transform:translateX(-50%) rotate(var(--dial-angle));box-shadow:0 0 10px var(--accent)}.mr-clock{width:220px;height:220px;border:8px solid var(--line);border-radius:50%;margin:18px auto;position:relative;background:radial-gradient(circle,#211710,#080503)}.mr-hand{position:absolute;width:4px;left:50%;bottom:50%;transform-origin:bottom;background:var(--accent)}.mr-hand.hour{height:58px}.mr-hand.minute{height:84px;width:2px}.mr-clock-controls,.mr-dpad,.mr-tape-controls{display:grid;grid-template-columns:repeat(2,1fr)}.mr-mirror-text{font-size:38px;letter-spacing:.12em;text-align:center;padding:25px;transition:.3s}.mr-mirror-text.flipped{transform:scaleX(-1)}.mr-maze{display:grid;gap:2px;background:#30251e;padding:2px}.mr-maze-cell{aspect-ratio:1;background:#15100d}.mr-maze-cell.wall{background:#000}.mr-maze-cell.player{background:var(--accent);border-radius:50%}.mr-maze-cell.exit{box-shadow:inset 0 0 0 3px #8ee09d}.mr-dpad{grid-template-columns:repeat(2,1fr);max-width:220px;margin:auto}.mr-tree{text-align:center;padding:16px;border:1px solid var(--line)}.mr-tree-result{font-size:55px;color:var(--accent)}.mr-switch-rack{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.mr-switch{height:100px;background:#130d09;border:1px solid var(--line);color:var(--text);position:relative}.mr-switch:after{content:'';display:block;width:22px;height:45px;background:#5c4638;margin:8px auto;border-radius:5px}.mr-switch.on:after{background:var(--accent);transform:translateY(-12px)}.mr-rune-strip{display:flex;height:90px;gap:8px}.mr-rings{height:240px;position:relative;display:grid;place-items:center}.mr-ring{position:absolute;border-radius:50%;border:8px dotted var(--accent);background:transparent;color:var(--text);transition:.25s}.mr-balance{width:85%;height:9px;background:var(--accent);margin:45px auto;transform-origin:center}.mr-balance-read{text-align:center;font-size:32px}.mr-constellation{width:100%;height:auto;background:radial-gradient(circle,#172139,#05070d);border:1px solid var(--line)}.mr-dna{display:flex;gap:5px;overflow:auto;min-height:110px}.mr-base-pair{display:flex;flex-direction:column;justify-content:space-between;border-left:2px solid var(--accent);border-right:2px solid var(--accent);min-width:34px;text-align:center}.mr-dna-pad{display:grid;grid-template-columns:repeat(4,1fr)}.mr-coordinate-grid{height:260px;position:relative;background-image:linear-gradient(#ffffff22 1px,transparent 1px),linear-gradient(90deg,#ffffff22 1px,transparent 1px);background-size:10% 10%;border:1px solid var(--line)}.mr-marker{position:absolute;width:18px;height:18px;border-radius:50%;background:var(--accent);transform:translate(-50%,-50%)}.mr-coordinate-read{text-align:center;font-size:24px;padding:10px}.mr-paper{min-height:100px;background:#e7d9be;color:#241a12;padding:18px;font:22px ui-monospace,monospace}.mr-typewriter{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.mr-key{min-height:42px;padding:4px}.mr-tapes{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mr-tape{min-height:75px;border-radius:5px;background:linear-gradient(#2d2119,#0c0806);border:1px solid var(--line);color:var(--text)}.mr-equalizer{display:flex;height:220px;justify-content:space-around}.mr-band{display:flex;flex-direction:column;align-items:center}.mr-band input{writing-mode:vertical-lr;direction:rtl;height:170px}.mr-lights{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mr-light{height:110px;border-radius:50%;opacity:.2;border:3px solid #fff3}.mr-light.rojo{background:#f33}.mr-light.verde{background:#3f6}.mr-light.azul{background:#39f}.mr-light.amarillo{background:#fd3}.mr-light.lit{opacity:1;box-shadow:0 0 35px currentColor}.mr-button-rack{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.mr-physical-button{height:110px;border-radius:50%;background:#722;border:10px solid #321;color:white;font-weight:900}.mr-physical-button:active,.mr-physical-button.held{transform:translateY(7px);box-shadow:inset 0 8px 12px #0008}.mr-matrix{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.mr-matrix-cell{height:70px;display:grid;place-items:center;background:#0a0604;border:1px solid var(--line);font-size:28px}.mr-safe{display:flex;justify-content:center;gap:8px}.mr-wheel{width:60px;height:100px;font-size:42px;background:linear-gradient(#ddd,#555,#ddd);color:#111;border:4px solid #222}.mr-blink-stage{height:220px;display:grid;place-items:center;background:#050403;border:1px solid var(--line);transition:.05s}.mr-blink-stage.flash{background:#fff;color:#000}.mr-hint{color:var(--muted);font-size:12px;text-align:center}


/* ================= V2 CORE REAL THEMES ================= */
body.theme-terminal{--bg:#00140c;--panel:#041d12;--line:#17663e;--text:#b6ffd2;--muted:#62ad7c;--accent:#39ff88;--danger:#ff4a4a;background:#001008;font-family:"Courier New",monospace}body.theme-terminal:before{background:repeating-linear-gradient(0deg,#0000 0 3px,#39ff880d 3px 4px)}body.theme-terminal #app{background:radial-gradient(circle at 50% 20%,#06351d,#001008 70%);box-shadow:0 0 80px #39ff8820}body.theme-terminal .panel,body.theme-terminal .module-card{border-radius:0;box-shadow:inset 0 0 18px #39ff8811}body.theme-terminal h1,body.theme-terminal h2,body.theme-terminal .eyebrow{font-family:"Courier New",monospace;text-transform:uppercase;text-shadow:0 0 9px #39ff8877}body.theme-terminal button{border-radius:0}
body.theme-pineapple{--bg:#03131f;--panel:#08283d;--line:#1d658f;--text:#e7f8ff;--muted:#82b8d2;--accent:#42d8ff;--danger:#ff5e7d;background:#03131f;font-family:Inter,Arial,sans-serif}body.theme-pineapple:before{background:radial-gradient(circle at 50% -10%,#37c9ff33,transparent 45%),linear-gradient(120deg,#ffffff05,transparent)}body.theme-pineapple #app{background:linear-gradient(155deg,#0b314a,#03131f 58%);box-shadow:0 0 60px #42d8ff25}body.theme-pineapple .panel,body.theme-pineapple .module-card{border-radius:22px;background:linear-gradient(145deg,#0d3853cc,#061d2dcc);backdrop-filter:blur(12px);box-shadow:inset 0 1px #ffffff25,0 14px 35px #0005}body.theme-pineapple .primary,body.theme-pineapple .mr-submit{border-radius:99px;background:linear-gradient(90deg,#42d8ff,#4b8cff)}body.theme-pineapple .game-header{background:#061d2ddd;backdrop-filter:blur(10px)}
body.theme-omnia{--bg:#080403;--panel:#1a100c;--line:#5a3929;--text:#f0dfc9;--muted:#aa8c73;--accent:#c8a05d;--danger:#b84137;background:#050302;font-family:Georgia,"Times New Roman",serif}body.theme-omnia:before{background:radial-gradient(circle at 50% -5%,#7a271d55,transparent 42%),radial-gradient(circle at 20% 70%,#9b6b2314,transparent 30%)}body.theme-omnia #app{background:linear-gradient(#190c08,#070302);box-shadow:0 0 90px #6d201d33}body.theme-omnia .panel,body.theme-omnia .module-card{border-radius:4px;border-style:double;border-width:3px;background:linear-gradient(145deg,#26140e,#110806)}body.theme-omnia h1,body.theme-omnia h2{letter-spacing:.04em}body.theme-omnia .primary,body.theme-omnia .mr-submit{background:linear-gradient(#d0ad68,#8e672f);border-radius:3px}
body.theme-clandestino{--bg:#110d0b;--panel:#241c17;--line:#60483a;--text:#e5ddd4;--muted:#97877a;--accent:#ff3c2e;--danger:#ff3c2e;background:#100c09;font-family:Arial,sans-serif}body.theme-clandestino:before{background:repeating-linear-gradient(105deg,#0000 0 20px,#ffffff08 21px 22px),radial-gradient(circle at 80% 0,#ff2a1f22,transparent 34%)}body.theme-clandestino #app{background:linear-gradient(135deg,#2b211a,#0f0b08 55%);box-shadow:inset 0 0 70px #000}body.theme-clandestino .panel,body.theme-clandestino .module-card{border-radius:2px;background:linear-gradient(#332820,#17110e);box-shadow:inset 0 0 0 2px #0008,0 10px 22px #0008}body.theme-clandestino .primary,body.theme-clandestino .mr-submit{background:#b51f17;color:white;border-radius:2px;text-transform:uppercase}body.theme-clandestino h1,body.theme-clandestino h2{font-family:"Arial Narrow",Arial,sans-serif;text-transform:uppercase;letter-spacing:.06em}
body.theme-infantil{--bg:#fff4cf;--panel:#ffffff;--line:#5d8fe8;--text:#223451;--muted:#657593;--accent:#ffb52b;--danger:#f04c6b;background:#fff4cf;font-family:"Trebuchet MS",Arial,sans-serif}body.theme-infantil:before{background:radial-gradient(circle at 10% 10%,#ff7b7b30 0 25px,transparent 26px),radial-gradient(circle at 90% 15%,#65d6ff35 0 35px,transparent 36px),radial-gradient(circle at 30% 85%,#8be67b35 0 30px,transparent 31px)}body.theme-infantil #app{background:linear-gradient(#fff9e8,#eaf8ff);box-shadow:0 0 40px #4565a322}body.theme-infantil .panel,body.theme-infantil .module-card{border-radius:24px;background:#fff;box-shadow:0 8px 0 #bfd1f1;border:3px solid #789de4}body.theme-infantil .primary,body.theme-infantil .mr-submit{background:#ffb52b;color:#26324b;border:3px solid #d98900;border-radius:18px;box-shadow:0 5px 0 #d98900}body.theme-infantil h1,body.theme-infantil h2{font-family:"Trebuchet MS",Arial,sans-serif;color:#355797}body.theme-infantil .mr-physical-button{border-radius:30px}
/* Widgets inherit theme more visibly */
body.theme-pineapple .mr-radio-display,body.theme-pineapple .mr-morse-out{box-shadow:0 0 25px #42d8ff33;border-radius:14px}body.theme-terminal .mr-radio-display,body.theme-terminal .mr-morse-out{border:1px dashed var(--accent);text-shadow:0 0 8px var(--accent)}body.theme-omnia .mr-clock{border-style:double;border-width:12px}body.theme-clandestino .mr-switch{background:linear-gradient(#3e332b,#17110e);box-shadow:inset 0 0 15px #000}body.theme-infantil .mr-light,body.theme-infantil .mr-symbol,body.theme-infantil .mr-choice{border-width:3px;border-radius:18px}


/* V2 MÓDULOS */
.mr-memory-screen,.mr-code-out,.mr-radar-read,.mr-wire-list{padding:18px;margin:10px 0;text-align:center;border:1px solid var(--line);background:var(--panel2);font:700 1.5rem monospace;letter-spacing:.18em}.mr-keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.mr-key:last-child{grid-column:2}.mr-binary-grid,.mr-thermal-grid{display:grid;gap:5px;margin:14px 0}.mr-bit,.mr-thermal-cell{aspect-ratio:1;border:1px solid var(--line);background:#171717;color:var(--text);border-radius:5px}.mr-bit.on{background:var(--accent);color:#111}.mr-circuit{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:20px;background:radial-gradient(circle,#222,#080808);border:1px solid var(--line)}.mr-node{aspect-ratio:1;border-radius:50%;font-size:1.25rem}.mr-node.selected{box-shadow:0 0 0 5px color-mix(in srgb,var(--accent) 30%,transparent)}.mr-radar{position:relative;width:min(78vw,320px);aspect-ratio:1;margin:16px auto;border-radius:50%;overflow:hidden;border:2px solid var(--accent);background:repeating-radial-gradient(circle,transparent 0 16%,color-mix(in srgb,var(--accent) 35%,transparent) 17%,transparent 18%),repeating-conic-gradient(color-mix(in srgb,var(--accent) 25%,transparent) 0 1deg,transparent 1deg 45deg),#031009}.mr-radar-sweep{position:absolute;inset:50% 50% 0 50%;transform-origin:0 0;background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 70%,transparent),transparent);animation:radarSpin 2.8s linear infinite}@keyframes radarSpin{to{transform:rotate(360deg)}}.mr-scope{width:100%;border:1px solid #24543c;background:#020b06;border-radius:8px}.mr-slider-rack{display:grid;gap:12px;margin:16px 0}.mr-slider-row{display:grid;grid-template-columns:100px 1fr;align-items:center;gap:10px}.mr-reactor-core{--heat:1;width:130px;aspect-ratio:1;margin:12px auto;border-radius:50%;background:radial-gradient(circle,#fff 0,color-mix(in srgb,#ff531f calc(var(--heat)*100%),#17222b) 20%,#111 65%);box-shadow:0 0 calc(45px * var(--heat)) #ff4b1f}.mr-reactor-temp{text-align:center;font-weight:800}.mr-reactor-rack,.mr-valve-rack,.mr-gauge-rack{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:12px;margin:16px 0}.mr-rod{display:grid;text-align:center;gap:8px}.mr-rod input{writing-mode:vertical-lr;direction:rtl;height:150px;margin:auto}.mr-valve{aspect-ratio:1;border-radius:50%;border:8px double var(--line);background:repeating-conic-gradient(var(--accent) 0 8deg,#181818 8deg 45deg);color:#fff;font-size:1.4rem;transition:.2s}.mr-compass{position:relative;width:220px;aspect-ratio:1;border-radius:50%;margin:15px auto;display:grid;place-items:center;border:10px double var(--line);background:radial-gradient(circle,#222,#050505);color:var(--text)}.mr-compass-needle{position:absolute;font-size:7rem;transform-origin:50% 55%;transition:.25s;color:var(--accent)}.mr-compass-read{position:absolute;bottom:22px;font-size:1.4rem}.mr-sonar{position:relative;width:220px;aspect-ratio:1;margin:15px auto;border-radius:50%;border:2px solid var(--accent);background:#031018;overflow:hidden}.mr-sonar-wave{position:absolute;left:50%;top:50%;width:5px;height:5px;border:3px solid var(--accent);border-radius:50%;transform:translate(-50%,-50%);animation:sonarWave .9s ease-out}@keyframes sonarWave{to{width:230px;height:230px;opacity:0}}.mr-color-swatch{height:120px;border:1px solid var(--line);border-radius:10px;background:#000}.mr-gauge{position:relative;min-height:170px;border-radius:100px 100px 14px 14px;border:2px solid var(--line);background:radial-gradient(circle at 50% 75%,#333 0 8%,transparent 9%),conic-gradient(from 240deg,#4c4 0 25%,#ec3 25% 45%,#e44 45% 60%,transparent 60%);display:grid;grid-template-columns:1fr 1fr;align-content:end;gap:5px;padding:12px}.mr-gauge b{grid-column:1/-1;text-align:center}.mr-gauge-needle{position:absolute;width:45%;height:3px;background:#fff;left:50%;top:75%;transform-origin:0 50%;transform:rotate(-120deg);transition:.2s}.mr-thermal-cell{background:#ff3a14}.mr-thermal-cell.selected{outline:4px solid #fff}.mr-lock-track{position:relative;height:70px;border:1px solid var(--line);background:#111;margin:25px 0}.mr-lock-zone{position:absolute;top:0;bottom:0;background:rgba(50,255,110,.28)}.mr-lock-pick{position:absolute;top:-8px;bottom:-8px;width:5px;background:#fff;box-shadow:0 0 10px #fff}.mr-pattern-grid{display:grid;gap:22px;padding:28px;margin:12px auto;touch-action:none}.mr-pattern-dot{aspect-ratio:1;border-radius:50%;background:#171717;border:3px solid var(--line);color:var(--text)}.mr-pattern-dot.selected{background:var(--accent);box-shadow:0 0 20px var(--accent)}.mr-card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.mr-memory-card{aspect-ratio:.75;font-size:1.7rem;background:var(--panel2);border:1px solid var(--line);color:var(--text);border-radius:8px}.mr-memory-card:disabled{opacity:.45}.mr-barcode{display:flex;justify-content:center;align-items:stretch;gap:5px;height:170px;padding:15px;background:#fff}.mr-bar{width:7px;border:0;background:#000;padding:0;transition:.15s}.mr-bar.wide{width:19px}

/* Válvulas visuales V2 */
.mr-valve-rack{display:flex;justify-content:center;align-items:center;gap:14px;flex-wrap:nowrap;margin:22px 0}.mr-valve-unit{flex:1;min-width:0;display:grid;place-items:center}.mr-valve{width:min(138px,22vw);height:min(138px,22vw);min-width:66px;min-height:66px;border-radius:50%;border:1px solid var(--line);background:radial-gradient(circle,#2a211b,#0b0806);padding:9px;display:grid;place-items:center;overflow:visible}.mr-valve-image{width:100%;height:100%;object-fit:contain;transform-origin:center;transition:transform .16s ease;pointer-events:none}.mr-valve-fallback{font-size:clamp(44px,12vw,88px);line-height:1;display:block;transition:transform .16s ease;color:var(--accent);pointer-events:none}@media(max-width:390px){.mr-valve-rack{gap:7px}.mr-valve{padding:5px}}

/* Páginas inicial y final editables */
#intro.screen.active{justify-content:flex-start;gap:0}
#intro .topline{margin-bottom:8px}
#intro .primary{margin-top:0}
.booking-button{display:flex;text-decoration:none;align-items:center;justify-content:center;margin-top:12px;text-align:center}
#result .secondary{margin-top:4px}
@media (min-height:760px){
  #intro.screen.active{padding-top:18px}
}

.mr-circuit-among{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:80px;min-height:300px;padding:22px;background:linear-gradient(135deg,#252a30,#0e1115);border:3px solid #59616a;border-radius:16px;overflow:hidden}.mr-wire-svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2}.mr-terminal-col{display:flex;flex-direction:column;justify-content:space-around;gap:16px;z-index:3}.mr-among-terminal{display:flex;align-items:center;gap:10px;min-height:52px;border:2px solid #69727c;background:#161a1e;color:#fff;border-radius:8px;padding:7px 10px}.mr-terminal-col.right .mr-among-terminal{flex-direction:row-reverse}.mr-among-terminal.selected{outline:4px solid var(--accent)}.mr-wire-color{width:23px;height:23px;border-radius:50%;background:var(--wire);box-shadow:inset 0 0 0 5px #0005}.mr-wire-path{fill:none;stroke-width:10;stroke-linecap:round;filter:drop-shadow(0 2px 1px #000)}.mr-radio-signal{text-align:center;font:700 .8rem monospace;letter-spacing:.16em;color:var(--muted);margin:-4px 0 8px}.mr-radio-signal.locked{color:var(--accent);text-shadow:0 0 10px var(--accent)}.mr-safe-combo{display:grid;grid-template-columns:repeat(auto-fit,minmax(48px,1fr));gap:8px;margin:14px 0}.mr-combo-wheel{font:800 2rem monospace;padding:15px 4px;border:2px solid var(--line);background:#111;color:var(--text);border-radius:8px}.mr-pattern-wrap{position:relative;touch-action:none;user-select:none}.mr-pattern-lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}.mr-pattern-grid{position:relative;z-index:2}.mr-pattern-line{stroke:var(--accent);stroke-width:7;stroke-linecap:round;filter:drop-shadow(0 0 5px var(--accent))}.mr-pattern-dot{font-size:0;min-width:46px}.mr-pattern-dot:after{content:'';display:block;width:18px;height:18px;margin:auto;border-radius:50%;background:currentColor}

.mr-among-terminal.connected,
.mr-among-terminal:disabled{
  opacity:.42;
  cursor:not-allowed;
  filter:grayscale(.45);
}
.mr-radio-range:disabled{
  opacity:.3;
  pointer-events:none;
}
.radio-power{
  width:100%;
  margin-bottom:12px;
}
.radio-power.active{
  box-shadow:0 0 0 2px rgba(255,255,255,.08),0 0 22px currentColor;
}

#rankingList li.current-player{
  outline:1px solid rgba(255,255,255,.32);
  background:rgba(255,255,255,.07);
}
.ranking-own-position{
  margin-top:14px;
  padding:14px 16px;
  display:grid;
  grid-template-columns:48px minmax(0,1fr) auto;
  align-items:center;
  gap:12px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:12px;
  background:rgba(255,255,255,.055);
}
.ranking-own-position small{
  grid-column:1/-1;
  font-size:10px;
  letter-spacing:.15em;
  opacity:.68;
}
.ranking-own-position b{
  font-size:20px;
}
.ranking-own-position span{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

html,body,input,textarea,select,button,a{touch-action:manipulation;-ms-touch-action:manipulation}