.retos-page{padding-top:clamp(20px,3vw,36px);padding-bottom:56px}.retos-page .muted{color:var(--muted)}.retos-page code{font-family:var(--crt);color:var(--amber);background:#141b33;padding:0 4px;font-size:1.12em}.bar nav a[aria-current=page]{color:var(--cream)}.r-face{--s:4;width:calc(16px * var(--s));height:calc(20px * var(--s));background:url(/assets/portraits.png) no-repeat;background-size:calc(64px * var(--s)) calc(120px * var(--s));background-position:calc(var(--col) * -16px * var(--s)) calc(var(--fila) * -20px * var(--s));image-rendering:pixelated;background-color:#2b3a63;border:3px solid #000;flex:none;box-shadow:0 0 0 3px #3a3f52}.r-face.big{--s:8}.r-face.mid{--s:5}.r-face.small{--s:3}.r-say{color:var(--ink);background:#fffbe8;border:3px solid #000;max-width:640px;padding:12px 16px;font-size:17px;position:relative;box-shadow:4px 4px #000}.r-say b{font-family:var(--crt);color:var(--amber-2);letter-spacing:.06em;font-size:20px;display:block}.r-hero{align-items:flex-start;gap:clamp(18px,3vw,36px);padding-bottom:28px;display:flex}.r-hero-text{min-width:0}.r-hero h1{font-family:var(--title);color:var(--cream);margin:22px 0 10px;font-size:clamp(18px,2.6vw,28px);font-weight:400;line-height:1.35}.r-hero p{max-width:680px;margin:0 0 16px}.r-progress{max-width:420px}.r-progress span{font-family:var(--crt);color:var(--amber);font-size:20px}.r-cloud{color:var(--muted);margin-top:10px;font-size:15px;display:block}.r-cloud.on{color:#9be3a8}.r-link{font:inherit;color:var(--cream);cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.r-level{border-top:2px dashed #2b3456;padding:28px 0 8px}.r-level-head{align-items:center;gap:18px;margin-bottom:16px;display:flex}.r-level-head h2{margin:2px 0 4px}.r-level-head p{margin:0}.r-temas{font-family:var(--crt);color:var(--muted);font-size:19px}.r-more{border-top:2px dashed #2b3456;margin:28px 0 0;padding-top:22px}.r-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 18px;margin:0;padding:0;list-style:none;display:grid}.r-list li{display:flex}.r-list a{background:var(--night-2);border:2px solid #000;flex:1;grid-template-columns:auto 1fr auto;grid-template-areas:"num tit st""num tag st";align-items:center;column-gap:14px;padding:12px 14px;text-decoration:none;display:grid;box-shadow:inset 0 0 0 2px #2b3456}.r-list a:hover{box-shadow:inset 0 0 0 2px var(--amber)}.r-list .num{font-family:var(--title);color:var(--amber-2);grid-area:num;font-size:13px}.r-list .tit{color:var(--cream);grid-area:tit;font-weight:600}.r-list .tag{font-family:var(--crt);color:var(--muted);letter-spacing:.05em;grid-area:tag;font-size:16px}.r-list .st{font-family:var(--crt);color:#9be3a8;grid-area:st;font-size:18px}.r-list a.done{box-shadow:inset 0 0 0 2px #2f5a3c}.r-back{color:var(--muted);margin-bottom:16px;text-decoration:none;display:inline-block}.r-back:hover{color:var(--cream)}.r-banner{align-items:center;gap:18px;margin-bottom:22px;display:flex}.r-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;gap:clamp(18px,3vw,32px);display:grid}.r-statement h1{font-family:var(--title);color:var(--cream);margin:4px 0 12px;font-size:clamp(16px,2vw,22px);font-weight:400;line-height:1.4}.r-statement h3{font-family:var(--crt);color:var(--amber-2);letter-spacing:.06em;margin:18px 0 6px;font-size:20px;font-weight:400}.r-ex,.r-hint pre,.r-logs pre{font-family:var(--crt);white-space:pre-wrap;color:var(--amber);background:#070a16;border:2px solid #000;margin:0;padding:10px 12px;font-size:19px;line-height:1.25;box-shadow:inset 0 0 0 2px #2b3456}.r-hints{gap:10px;margin-top:16px;display:grid}.r-hint{background:#141b33;border-left:4px solid #8fd3ff;padding:10px 12px}.r-hint b{font-family:var(--crt);color:#8fd3ff;font-size:18px;display:block}.r-btn{font:600 15px var(--ui);color:var(--cream);cursor:pointer;background:0 0;border:2px solid #3a3f52;padding:6px 12px}.r-btn:hover{border-color:var(--cream)}.r-statement .r-btn{margin-top:14px}.r-editor{background:#070a16;border:3px solid #000;box-shadow:0 0 0 3px #3a3f52}.r-editor .cm-editor{min-height:260px;max-height:60vh;color:var(--cream);font-size:20px}.r-editor .cm-editor.cm-focused{outline:none}.r-editor .cm-scroller{line-height:1.2;font-family:var(--crt)!important}.r-editor .cm-content{caret-color:var(--amber);padding:8px 0}.r-editor .cm-cursor{border-left:2px solid var(--amber)!important}.r-editor .cm-gutters{color:#5a6488;background:0 0;border-right:2px solid #2b3456}.r-editor .cm-activeLine{background:#fed0180d}.r-editor .cm-activeLineGutter{color:var(--amber);background:0 0}.r-editor .cm-selectionBackground{background:#d3560073!important}.r-editor .cm-editor ::selection{background:#d3560073!important}.r-editor .cm-tooltip{border:2px solid var(--amber);color:var(--amber);font-family:var(--crt);background:#141b33}.r-editor .cm-tooltip-autocomplete ul li[aria-selected]{background:var(--amber);color:var(--ink)}.r-actions{flex-wrap:wrap;align-items:center;gap:14px;margin:16px 0;display:flex}.r-actions .play{cursor:pointer;margin:0}.r-actions .play:disabled{opacity:.6;cursor:wait}.r-actions .r-btn{margin-left:auto}.r-out p{margin:0 0 10px}.r-ok{font-family:var(--title);color:#9be3a8;font-size:13px;line-height:1.5}.r-ko{font-family:var(--title);color:#ff8a8a;font-size:13px;line-height:1.5}.r-tip{border-left:4px solid var(--amber);background:#141b33;padding:8px 12px}.r-cases{border-collapse:collapse;width:100%;font-size:16px}.r-cases td{vertical-align:top;overflow-wrap:anywhere;border-bottom:1px solid #2b3456;padding:6px 8px}.r-cases td:first-child{font-family:var(--crt);width:60px;font-size:18px}.r-cases tr.ok td:first-child{color:#9be3a8}.r-cases tr.ko td:first-child{color:#ff8a8a}.r-cases tr.ko{background:#ff8a8a0f}.r-err{background:#1f0f14;border:2px solid #000;padding:12px 14px;box-shadow:inset 0 0 0 2px #6a2030}.r-err b{color:#ff8a8a;margin-bottom:6px;display:block}.r-err p{margin:6px 0 0}.r-line{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.r-line span{font-family:var(--crt);color:var(--muted);font-size:18px}.r-logs{margin-top:12px}.r-logs summary{cursor:pointer;color:var(--muted)}.r-next{color:var(--amber);margin-top:18px;font-weight:600;text-decoration:none;display:inline-block}.r-next:hover{color:var(--cream)}@media (width<=860px){.r-hero{flex-direction:column}.r-face.big{--s:5}.r-list,.r-grid{grid-template-columns:1fr}.r-banner{align-items:flex-start}.r-face.mid{--s:3}}