@font-face{font-family:Albert;src:url('/assets/albert.woff2') format('woff2');font-display:swap}*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:#060a3d;color:#f7f7ff;font-family:Albert,Arial,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #90caff;outline-offset:4px}h1,h2,h3,p{margin:0 0 16px}h1,h2,h3{line-height:1.08}h1{font-size:clamp(36px,4.5vw,68px);letter-spacing:-.045em}h2{font-size:clamp(26px,3vw,40px);letter-spacing:-.025em}h3{font-size:23px}em{color:#ff7900;font-style:normal}.sitehead{border-bottom:1px solid #ffffff20;padding:20px max(24px,calc((100vw - 1280px)/2));display:flex;justify-content:space-between;align-items:center;gap:20px}.brand{font-weight:800;font-size:30px;display:flex;align-items:center;gap:15px}.brand span{font-size:9px;letter-spacing:1.4px;max-width:110px;line-height:1.5}.brand b{display:block;color:#ff7900;font-size:15px}.sitehead>a:last-child{font-size:13px}.shell{max-width:1328px;margin:auto;padding:36px 24px 56px}.livebar{display:flex;justify-content:space-between;gap:16px;font-size:10px;letter-spacing:1.4px;text-transform:uppercase;color:#aeb6dc;margin-bottom:32px}.livebar span:first-child{color:#ff983b}.heading{display:flex;align-items:center;justify-content:space-between;gap:40px;margin-bottom:32px}.heading>div{max-width:950px}.eyebrow{font-size:11px;letter-spacing:1.7px;font-weight:800;color:#ff8a22;text-transform:uppercase;margin-bottom:15px}.intro{color:#bfc6e7;font-size:18px;max-width:790px}.qr{flex:0 0 174px;text-align:center;background:#fff;padding:12px;border-radius:16px;color:#060a3d}.qr img{display:block;width:100%;height:auto}.qr b{font-size:12px;display:block}.panel,.commitment,.hubcard{background:linear-gradient(140deg,#121b58,#0b1044);border:1px solid #ffffff23;padding:28px;border-radius:22px}.formwrap{max-width:780px}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:18px}label{display:block;font-size:13px;font-weight:700;margin-bottom:18px}input,textarea,select{display:block;width:100%;margin-top:7px;border:1px solid #6473aa;background:#090e38;color:#fff;padding:13px 15px;border-radius:11px;min-height:48px}textarea{resize:vertical;min-height:100px}select{max-width:100%}input[type=checkbox]{display:inline-block;width:20px;min-height:20px;margin:0 9px 0 0;vertical-align:middle;accent-color:#ff7900}.toggle{margin:0}.hint{font-size:12px;color:#aeb6d8}.primary,.subtle,.danger{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:13px 22px;border-radius:30px;font-weight:800;border:1px solid transparent;min-height:48px}.primary{background:#ff7900;color:#080b34}.subtle{background:#ffffff08;color:#e5e9ff;border-color:#8b94c4}.danger{background:#a42a35;color:#fff}.toolbar{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:22px 0}.toolbar>label:first-child{flex:1;min-width:240px;margin:0}.toolbar a:not(.primary):not(.subtle){color:#b7cbff}.feedback{margin-top:20px;white-space:pre-line;color:#addfc8;min-height:24px}.feedback.error{color:#ffb9b9}.empty{padding:38px;text-align:center;color:#c5cbe7;border:1px dashed #ffffff35;border-radius:20px}.success{padding:32px;border-left:5px solid #ff7900;background:#11194f;border-radius:15px}.screenlink{display:inline-block;margin-top:25px;color:#bbcdfa}.sortlist{list-style:none;padding:0;margin:20px 0;display:grid;gap:10px}.sortitem{display:flex;align-items:center;gap:12px;padding:15px 18px;background:var(--block);border-radius:14px;border:1px solid #ffffff30}.sortitem strong{flex:1;font-size:21px}.sortitem small{display:block;font-size:11px;font-weight:400}.sortitem button{background:#0002;border:1px solid #fff6;color:inherit;border-radius:50%;min-width:44px;min-height:44px}.position{font-size:12px;opacity:.8}.construction{display:flex;align-items:flex-end;gap:12px;overflow-x:auto;padding:26px 8px;min-height:240px}.tower{flex:0 0 142px;display:flex;flex-direction:column;gap:5px;animation:arrive .4s ease}.tower .block{background:var(--block);padding:13px 10px;border:1px solid #ffffff35;border-radius:7px;font-weight:800;font-size:13px}.tower small{min-height:36px;text-align:center;color:#bbc6ed;font-size:11px;overflow-wrap:anywhere}.legend{display:flex;gap:16px;flex-wrap:wrap;font-size:13px}.legend i{width:12px;height:12px;background:var(--block);display:inline-block;border-radius:3px;margin-right:7px}.count{font-size:14px;color:#b8c3ec}.count b{font-size:32px;color:white;margin-right:8px}.statsgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:22px 0}.stat{padding:20px;border-radius:16px;background:#ffffff0b}.stat b{display:block;font-size:32px}.stat span{font-size:12px;color:#b7c3e9}.bars{display:grid;gap:15px;margin:22px 0}.bar{background:#ffffff0b;border-radius:12px;padding:13px;position:relative;overflow:hidden}.bar>div{display:flex;justify-content:space-between;gap:20px;position:relative;z-index:1}.bar .fill{display:block;height:5px;background:#ff7900;width:var(--pct);margin-top:9px;border-radius:5px}.bar.correct{border:2px solid #ff7900}.questionhead{display:flex;align-items:center;justify-content:space-between;gap:35px}.questionhead h2{font-size:clamp(30px,3.6vw,54px);max-width:1000px}.clock{flex:0 0 96px;width:96px;height:96px;border:7px solid #ff7900;border-radius:50%;display:grid;place-items:center;font-size:38px;font-weight:800;font-variant-numeric:tabular-nums}.options{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:22px 0}.options.four{grid-template-columns:1fr 1fr}.option{display:flex;flex-direction:column;gap:8px;text-align:left;color:#fff;background:#1c6ff2;padding:25px;border:3px solid transparent;border-radius:22px;min-height:145px;font-weight:800;font-size:clamp(20px,2.4vw,33px)}.option small{font-size:13px}.option.hum{background:#ff7900}.option.jun{background:#969bd8;color:#060a3d}.option.picked{border-color:#fff;box-shadow:0 0 0 4px #ffffff4f}.option[disabled]{opacity:.75}.paper{background:#f2f4fd;color:#121847;border-radius:22px;padding:32px}.paper .eyebrow{color:#a84300}.paper p{font-size:clamp(20px,2.2vw,32px);line-height:1.42}.reveal{border-left:5px solid #ff7900;margin:28px 0;padding:24px;background:#121b59;border-radius:12px}.reveal h3{color:#ff9c43}.learning{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:26px 0}.learning>article{background:#ffffff0a;border-radius:18px;padding:25px;border-top:5px solid #ff7900}.learning>article:nth-child(2){border-top-color:#2776ff}.learning>article:nth-child(3){border-top-color:#a8a9e6}.learning h3{font-size:28px}.learning p{color:#c4cbe8}.countdown{text-align:center;font-size:clamp(70px,18vw,190px);font-weight:800;color:#ff7900}.commitment{margin:22px 0}.commitment legend{padding:0 8px;color:#ff983b;font-weight:800}.commitment .wide{grid-column:1/-1}.wall{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:26px 0}.wallcard{background:#f6f7fd;color:#151945;border-radius:18px;padding:24px;overflow-wrap:anywhere;break-inside:avoid}.wallcard h3{font-size:22px}.wallcard .unit{font-size:11px;color:#526188;border-bottom:1px solid #d8dbea;padding-bottom:13px;margin-bottom:18px}.wallcard ol{padding-left:20px}.wallcard li{margin-bottom:20px;line-height:1.45}.wallcard li:last-child{margin:0}.wallcard small{display:block;margin-top:8px;color:#4b587c}.keyword{display:inline-block;background:#e3e9ff;color:#163f9b;padding:4px 10px;border-radius:15px;font-size:11px;font-weight:800;margin-top:7px}.cloud{display:flex;align-items:center;justify-content:center;gap:8px 25px;flex-wrap:wrap;padding:24px;border:1px solid #ffffff20;border-radius:20px;min-height:115px}.cloud span{font-size:var(--size);font-weight:800;color:#80adff;overflow-wrap:anywhere;max-width:100%}.cloud span:nth-child(3n+1){color:#ff982e}.cloud span:nth-child(3n+2){color:#e3e7ff}.race{background-image:repeating-linear-gradient(100deg,transparent 0,transparent 148px,#ffffff04 149px,#ffffff04 151px)}.rank{width:100%;border-collapse:collapse;margin:20px 0}.rank td,.rank th{padding:14px;text-align:left;border-bottom:1px solid #ffffff25}.rank th{font-size:11px;color:#b4c4ea;text-transform:uppercase}.rank tr:nth-child(2){background:#ff790020}.personal{padding:26px;background:#ff7900;color:#060a3d;border-radius:20px;margin:24px 0}.personal strong{font-size:40px;display:block}.hubhero{padding:38px 0 48px}.hubhero h1{font-size:clamp(44px,5.7vw,82px);max-width:1050px}.hubgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.hubcard{position:relative;overflow:hidden;padding:36px;display:flex;flex-direction:column;align-items:flex-start;gap:16px;min-height:360px}.hubcard>*{position:relative}.hubcard p{max-width:420px;color:#bdc8ef}.hubcard .eyebrow{color:#ff9a41;font-size:10px;max-width:75%;min-height:30px}.hubcard h2{max-width:400px;font-size:39px}.hubcard .primary{margin-top:auto}.hubcard .number{position:absolute;right:23px;top:8px;font-size:105px;color:#ffffff0a;font-weight:800}.hubcard:last-child{grid-column:1/-1;background:repeating-linear-gradient(100deg,#ffffff03 0,#ffffff03 1px,transparent 1px,transparent 100px),linear-gradient(120deg,#172b6d,#090d3b)}.admin{max-width:1120px}.admin .heading{display:none}.adminPreview{margin-top:24px}dialog{background:#10174c;color:#fff;border:1px solid #a7b4e2;border-radius:22px;max-width:550px;padding:32px;width:calc(100% - 32px)}dialog::backdrop{background:#000a}footer{padding:30px;text-align:center;font-size:10px;letter-spacing:2px;color:#8c9ac9}footer span{padding:0 22px;color:#ff7900}[hidden]{display:none!important}.report .wall{grid-template-columns:repeat(2,1fr)}.report #reportMeta{color:#a8b8df}.report table{font-size:13px}.report .paper p{font-size:18px}.finaltasks{display:grid;gap:14px;margin:22px 0}.task{background:#ffffff0c;border-radius:14px;padding:18px;display:grid;grid-template-columns:1fr 230px;align-items:center;gap:20px}.task label{margin:0}.task select{margin:0}.phasepill{display:inline-block;background:#ffffff15;padding:7px 15px;border-radius:20px;font-size:12px;margin-bottom:16px}@keyframes arrive{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@media(min-width:900px){[data-mode=participant] .heading h1{font-size:48px}[data-mode=participant] .shell{max-width:900px}[data-mode=screen] .heading h1{font-size:40px}[data-mode=screen] .heading .intro{display:none}[data-mode=screen] .heading{margin-bottom:20px}[data-mode=screen] .qr{flex-basis:120px}[data-mode=screen] .livebar{margin-bottom:20px}[data-mode=screen] .shell{padding-top:22px}[data-mode=screen] .sitehead{padding-top:10px;padding-bottom:10px}}
@media(max-width:700px){.shell{padding:24px 18px 40px}.sitehead{padding:15px 18px}.brand{font-size:26px}.livebar{font-size:9px;gap:12px;margin-bottom:24px}.livebar span:last-child{text-align:right;max-width:135px}.heading{gap:18px;align-items:flex-start}.heading .qr{flex-basis:90px;padding:5px;border-radius:10px}.qr b{font-size:9px}.heading:has(.qr) h1{font-size:30px}.heading:has(.qr) .intro{display:none}.panel,.commitment{padding:21px}.formgrid{grid-template-columns:1fr;gap:0}.sortitem{padding:12px;gap:9px}.sortitem strong{font-size:18px}.sortitem small{max-width:180px}.sortitem button{min-width:40px;min-height:44px}.options,.options.four{grid-template-columns:1fr;gap:12px}.option{min-height:82px;padding:17px;font-size:23px;flex-direction:row;align-items:center;gap:18px}.option small{font-size:12px;min-width:20px}.questionhead{gap:15px;align-items:flex-start}.questionhead h2{font-size:27px}.clock{flex-basis:65px;width:65px;height:65px;font-size:25px;border-width:5px}.learning{grid-template-columns:1fr}.statsgrid{grid-template-columns:1fr 1fr;gap:10px}.stat{padding:15px}.stat b{font-size:25px}.wall,.report .wall{grid-template-columns:1fr}.paper{padding:23px}.paper p{font-size:21px}.task{grid-template-columns:1fr;gap:12px}.task select{width:100%}.toolbar{gap:12px}.toolbar>*{max-width:100%}.hubgrid{grid-template-columns:1fr}.hubcard:last-child{grid-column:auto}.hubcard{padding:26px;min-height:330px}.hubcard h2{font-size:32px}.hubhero{padding:20px 0 30px}.hubhero h1{font-size:43px}.rank td,.rank th{padding:10px 6px;font-size:12px}.rank td:last-child{max-width:90px}.toolbar .primary,.toolbar .danger{flex:1}.cloud{gap:10px 18px;padding:18px}.report h1{font-size:36px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}
@media print{@page{size:A4;margin:16mm}html{color-scheme:light}body{background:white!important;color:#11162f;font-family:Albert,Arial,sans-serif;font-size:10pt}.sitehead,footer,.noprint,.feedback,.qr{display:none!important}.shell{padding:0;max-width:none}.report h1{font-size:25pt;margin:10px 0}.eyebrow{color:#555}.report #reportMeta{color:#444;font-size:9pt}.report .wall{display:block}.wallcard{display:block;background:#fff;border:1px solid #bbb;border-radius:0;margin:0 0 8mm;padding:6mm;break-inside:avoid;page-break-inside:avoid}.wallcard h3{font-size:16pt}.wallcard li{font-size:10pt;line-height:1.4;margin-bottom:4mm}.wallcard small,.wallcard .unit{color:#333}.keyword{border:1px solid #ccc;background:white;color:#222}.rank{width:100%}.rank th,.rank td{border-bottom:1px solid #ccc;color:#111;font-size:9pt;padding:3mm}.rank thead{display:table-header-group}.rank tr{break-inside:avoid}.panel,.paper,.reveal,.learning>article{background:#fff;color:#111;border:1px solid #ccc;break-inside:avoid}.learning{display:block}.learning>article{margin-bottom:6mm}.learning p{color:#222}.construction{display:none}.cloud{border:1px solid #ccc;margin-bottom:7mm}.cloud span{color:#222!important;font-size:14pt!important}.report .statsgrid{display:none}a{color:inherit;text-decoration:none}}
[data-mode=screen][data-activity=muro-compromisos] .cloud{padding:14px;min-height:85px}[data-mode=screen][data-activity=muro-compromisos] .cloud span{font-size:min(var(--size),34px)}[data-mode=screen][data-activity=muro-compromisos] .wallcard{padding:16px}[data-mode=screen][data-activity=muro-compromisos] .wallcard h3{font-size:18px}[data-mode=screen][data-activity=muro-compromisos] .wallcard .unit{margin-bottom:10px;padding-bottom:8px}[data-mode=screen][data-activity=muro-compromisos] .wallcard li{font-size:14px}[data-mode=screen][data-activity=muro-compromisos] .wallcard small{font-size:11px}[data-mode=screen][data-activity=muro-compromisos] .wall{margin:18px 0;gap:14px}@media(min-width:900px){[data-mode=screen] .tower{flex:1;min-width:30px;max-width:142px}[data-mode=screen] .tower .block{padding:12px 3px;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-mode=screen] .construction{gap:6px}}
@media(min-width:900px){[data-mode=screen] .sitehead,[data-mode=screen] footer{display:none}[data-mode=screen] .shell{padding:20px 28px 30px}[data-mode=screen] .heading{margin-bottom:16px}[data-mode=screen] .heading h1{font-size:32px;margin-bottom:0}[data-mode=screen] .heading .eyebrow{margin-bottom:8px}[data-mode=screen] .heading .qr{flex-basis:100px;padding:8px}[data-mode=screen] .livebar{margin-bottom:14px}[data-mode=screen] .option{opacity:1;min-height:132px;padding:20px}[data-mode=screen] #fullscreen{position:fixed;bottom:12px;right:16px;padding:7px 14px;min-height:36px;font-size:11px;opacity:.35}[data-mode=screen] #fullscreen:hover,[data-mode=screen] #fullscreen:focus{opacity:1}[data-mode=screen] .questionhead h2{font-size:clamp(30px,3.4vw,50px)}[data-mode=screen] .learning p{font-size:18px}[data-mode=screen] .count{margin-bottom:4px}}
.resultgrid{display:grid;grid-template-columns:1.2fr 1fr;gap:28px}.resultgrid .reveal{margin:0 0 18px}.resultgrid .statsgrid{grid-template-columns:1fr 1fr;margin:16px 0}.resultgrid .stat{padding:12px}.resultgrid .stat b{font-size:24px}.resultgrid .bars{margin-top:20px}@media(max-width:800px){.resultgrid{grid-template-columns:1fr;gap:22px}}
@media(max-width:700px){[data-mode=participant]:is([data-phase=question],[data-phase=final],[data-phase=vote],[data-phase=countdown]) .heading{display:none}[data-mode=participant]:is([data-phase=question],[data-phase=final],[data-phase=vote]) .livebar{margin-bottom:12px}[data-mode=participant][data-phase=final] .task{padding:13px;gap:6px}[data-mode=participant][data-phase=final] .task .hint{display:none}[data-mode=participant][data-phase=final] .questionhead h2{font-size:23px}[data-mode=participant][data-phase=final] .clock{position:fixed;right:14px;top:8px;z-index:5;background:#060a3d;width:55px;height:55px;font-size:23px;border-width:4px}[data-mode=participant][data-phase=final] .sitehead>a:last-child{visibility:hidden}[data-mode=participant][data-phase=final] .finaltasks{gap:10px;margin-top:14px}}
@media screen{[data-mode=report]{background:#e9ecf4;color:#171b38}[data-mode=report] .sitehead{background:#060a3d;color:white}[data-mode=report] .report{max-width:900px;background:white;margin:26px auto;padding:38px;box-shadow:0 8px 40px #0b124322}[data-mode=report] .report .wall{grid-template-columns:1fr}[data-mode=report] .wallcard{background:white;border:1px solid #d4d8e4}[data-mode=report] .cloud{border-color:#c9cfe0}[data-mode=report] .cloud span{color:#263c6c}[data-mode=report] .count{color:#455572}[data-mode=report] .count b{color:#172043}[data-mode=report] .report #reportMeta{color:#4e5c79}[data-mode=report] .eyebrow{color:#8a4407}[data-mode=report] .rank th,[data-mode=report] .rank td{color:#182242;border-bottom-color:#c8d1e2}[data-mode=report] .panel,[data-mode=report] .learning>article{background:#f1f4fa;color:#172043}[data-mode=report] .learning p{color:#304367}[data-mode=report] footer{display:none}@media(max-width:700px){[data-mode=report] .report{padding:22px;margin:0}}}
[data-mode=report] .toolbar a:not(.primary):not(.subtle){color:#244b87}@media print{.report .count,.report .count b{color:#111}}
/* Muro: editable commitment with the formula helper from the supplied example. */
.formula-card{background:#f6f3ef;color:#111b49;border-color:#d7d7df;min-width:0}.formula-card legend{background:#0c1347;border-radius:12px;padding:6px 12px;color:#ffac61}.formula-card label{font-size:13px;font-style:italic;text-transform:uppercase;letter-spacing:.3px;margin-bottom:0}.formula-card input,.formula-card select,.formula-card textarea{background:white;color:#152049;border:1px solid #c4c7ce;box-shadow:0 0 0 1px #e2e2e5;min-width:0}.formula-card input::placeholder,.formula-card textarea::placeholder{color:#787e88;font-style:italic}.formula-card textarea{min-height:135px;line-height:1.6;margin-bottom:10px}.formula-card .hint{color:#626775;margin-top:10px}.formula-toggle{background:transparent;color:#1355a5;border:0;text-decoration:underline;font-style:italic;font-weight:700;padding:12px 0;margin-bottom:8px;min-height:44px}.formula-builder{padding:20px;background:#fff;border-radius:14px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;margin-bottom:18px}.formula-builder .wide{grid-column:1/-1}.formula-builder input,.formula-builder select{font-style:italic}.compose{background:#fff;border:2px solid #1555b7;border-radius:30px;padding:10px 20px;color:#1555b7;font-style:italic;font-weight:800;min-height:48px}.formula-card .keyword-label{margin-top:22px}.keyword-input{display:flex;align-items:center;gap:12px;max-width:390px}.keyword-input input{min-width:0}.keyword-input span{flex-shrink:0;color:#626775;font-size:13px}.keyword-suggestions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.keyword-suggestions button{border:1px solid #bfc6d4;color:#374261;background:#fff;border-radius:20px;font-size:12px;padding:8px 12px;min-height:36px}.commitment-copy{font-size:16px;font-weight:600;line-height:1.5;margin:0 0 8px}.formula-card :focus-visible{outline-color:#1766c4}[data-mode=screen][data-activity=muro-compromisos] .commitment-copy{font-size:14px;font-weight:600}@media(max-width:600px){.formula-builder{grid-template-columns:minmax(0,1fr);padding:16px;gap:14px}.formula-card{padding:20px 16px}.formula-card input,.formula-card select,.formula-card textarea{font-size:16px}.formula-builder .wide{grid-column:auto}}@media print{.commitment-copy{font-size:10pt;line-height:1.5}}
.wait-icon{display:none}.event-design .wait-icon{display:block}