@font-face{font-family:Fredoka;src:url('/jugar/operacio-cau/launcher-assets/fredoka.ttf') format('truetype');font-weight:300 700;font-display:swap}
@font-face{font-family:Dosis;src:url('/jugar/operacio-cau/launcher-assets/dosis.ttf') format('truetype');font-weight:200 800;font-display:swap}
:root{--ink:#15214f;--violet:#7024ff;--cream:#fff9ef;--yellow:#ffc94d;--muted:#4b5675;--line:#e2e4ec}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--cream);color:var(--ink);font:400 19px/1.5 Dosis,sans-serif}button,input,select{font:inherit}a{color:var(--violet);text-underline-offset:4px}button,a,input,select,summary{outline-offset:5px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--violet)}button{cursor:pointer}button:disabled{opacity:.6;cursor:wait}img{max-width:100%;height:auto;display:block}[hidden]{display:none!important}.wrap{width:min(1200px,calc(100% - 64px));margin-inline:auto}.cau-header{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-block:18px}.cau-logo{width:190px}.header-actions{display:flex;gap:30px;align-items:center}.back-link{color:var(--ink);font-weight:600;text-decoration:none}.back-link:hover{text-decoration:underline}.language{display:flex;align-items:center;gap:10px;font-size:17px;font-weight:600}.language select{padding:10px 34px 10px 14px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);min-height:44px}.skip{position:absolute;left:20px;top:-90px;padding:12px;background:white;z-index:10}.skip:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.cau-hero{display:grid;grid-template-columns:1fr 1.1fr;column-gap:40px;grid-template-areas:'eyebrow picture' 'copy picture';padding-block:16px 36px;align-items:center}.cau-eyebrow{color:var(--violet);font-weight:700;font-size:17px;letter-spacing:.05em;margin:0 0 18px}.cau-hero>.cau-eyebrow{grid-area:eyebrow;align-self:end}.cau-hero-copy{grid-area:copy;align-self:start}h1,h2,h3{font-family:Fredoka,sans-serif;font-weight:500;line-height:1.15;margin:0}h1{font-size:clamp(42px,4.6vw,60px);max-width:500px}h1 em{font-style:normal;color:var(--violet)}.title-dot{color:#ef9e00}h2{font-size:32px}h3{font-size:23px}.cau-lead{font-size:23px;line-height:1.45;margin:24px 0}.cau-tags{display:flex;flex-wrap:wrap;gap:8px}.cau-tags span{font-size:16px;font-weight:600;padding:5px 11px;border:1px solid #dce1eb;border-radius:100px;background:#fff9}.cau-text-link{display:inline-block;font-weight:700;margin-top:24px;text-decoration:none}.cau-text-link:hover{text-decoration:underline}.hero-picture{grid-area:picture;position:relative;padding:12px 0 22px}.hero-picture>img{aspect-ratio:1.2;object-fit:cover;object-position:center;border-radius:43% 43% 36% 40% / 35% 35% 44% 45%;box-shadow:13px 15px 0 #efe2ff}.picture-note{position:absolute;bottom:0;right:2px;transform:rotate(-5deg);background:var(--yellow);padding:10px 20px;border-radius:12px;font-weight:700;font-size:19px}.spark{position:absolute;width:55px;top:0;left:-10px;fill:none;stroke:var(--violet);stroke-width:4;stroke-linecap:round}
.play-area{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:28px;align-items:start}.cau-card{background:white;border:1px solid #eae6ef;border-radius:30px;padding:26px;min-width:0}.preparation{border-top:6px solid var(--violet)}.role{display:flex;align-items:center;gap:10px;font-weight:700;font-size:16px;color:var(--violet);margin:0 0 12px}.role-icon{background:#f0e6ff;display:grid;place-items:center;width:33px;height:33px;border-radius:50%;font-size:15px}.cau-card h2+p,.cau-card h2+div>p:first-child{margin-top:20px}.cau-card p{margin-bottom:18px}.cau-button{min-height:50px;display:inline-flex;align-items:center;justify-content:center;gap:14px;padding:12px 22px;background:var(--ink);border:2px solid var(--ink);color:white;border-radius:13px;text-decoration:none;font-weight:700;font-size:19px;line-height:1.35;transition:background .15s,transform .15s}.cau-button:hover{background:#293869;border-color:#293869;transform:translateY(-1px)}.cau-button.secondary{background:white;color:var(--ink)}.cau-button.secondary:hover{background:#f4f2ff}.hint{color:var(--muted);font-size:16px;line-height:1.45;margin:12px 0!important}.language-note{font-size:16px;color:var(--violet);font-weight:600}.join{background:#eef9fb;border-color:#d3edf1}.join .role{color:var(--ink)}.join .role-icon{background:#bceff4}.join h2{font-size:29px}label:not(.language){display:block;font-weight:700;font-size:17px;margin-bottom:8px}input{width:100%;min-width:0;min-height:49px;padding:11px 13px;border:1px solid #a6b0c7;border-radius:11px;background:white;color:var(--ink);font-size:18px}#code{text-transform:uppercase;letter-spacing:.065em;font-weight:600}#code::placeholder{font-weight:400;font-size:16px;letter-spacing:.04em;color:#64718d}.join .cau-button{width:100%;margin-top:6px}.status{font-weight:600;font-size:17px;color:var(--violet);margin:16px 0 0!important}.status:empty{display:none}.status.error{color:#a32a30}.packing-note{position:relative;margin:32px 6px 0;padding:28px 24px 22px;background:#fff0c8;border-radius:3px 26px 7px 24px;transform:rotate(-1deg)}.packing-note h2{font-size:26px}.packing-note ul{padding-left:21px;font-size:18px}.packing-note li+li{margin-top:9px}.note-foot{border-top:1px dashed #c9a95d;padding-top:14px;font-weight:600;font-size:17px;margin-bottom:0}.note-star{position:absolute;right:14px;top:-30px;font-size:48px;color:var(--violet)}
.ready-banner{display:flex;gap:12px;align-items:center;background:#eff8ef;padding:18px;border-radius:16px;margin-top:24px}.ready-banner p{margin:4px 0 0}.check{display:grid;place-items:center;border-radius:50%;width:30px;height:30px;flex-shrink:0;color:#226332;background:#d3eacf;font-weight:700}.room-code{font:600 15px/1.5 monospace;overflow-wrap:anywhere}.room-steps{list-style:none;padding:0;margin:24px 0}.room-steps>li{display:grid;grid-template-columns:30px minmax(0,1fr);gap:13px;padding:0 0 20px;margin-bottom:20px;border-bottom:1px solid var(--line)}.room-steps>li:last-child{padding-bottom:0;border:0;margin-bottom:0}.room-steps p{margin-top:12px}.step-number{width:30px;height:30px;display:grid;place-items:center;background:#efe6ff;color:var(--violet);border-radius:50%;font-weight:700}.copy-row{display:flex;gap:8px;flex-wrap:wrap}.copy-row input{flex:1 1 200px;font-size:16px}.copy-row .cau-button{font-size:17px;padding:10px 14px}.save-access{background:#faf6ff;border:1px dashed #bca4e8;border-radius:18px;padding:22px}.save-access p{font-size:17px}.save-access input{font-size:16px}.save-access .cau-button{margin-top:12px;font-size:17px}.text-button{border:0;padding:10px 0;color:var(--violet);background:none;text-decoration:underline;text-underline-offset:4px;font-weight:700;margin-top:24px}.cau-help{padding-block:40px 36px;max-width:900px}.cau-help h2{font-size:36px;margin-bottom:28px}.faq-list{border-top:1px solid #ddd6ea}details{padding:20px 4px;border-bottom:1px solid #ddd6ea}summary{font-weight:600;font-size:22px;cursor:pointer;padding-right:16px}details p{max-width:760px;margin:16px 0 4px;color:var(--muted)}
@media(max-width:900px){.cau-hero{gap:28px;padding-top:20px}.hero-picture>img{aspect-ratio:1}.cau-card{padding:27px}.play-area{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:20px}.room-steps>li{grid-template-columns:26px minmax(0,1fr);gap:10px}.step-number{width:26px;height:26px}.cau-button{padding-inline:16px}}
@media(max-width:680px){.wrap{width:calc(100% - 40px)}.cau-header{padding-block:22px;gap:14px}.cau-logo{width:145px}.header-actions{gap:0}.back-link{display:none}.language{font-size:15px;gap:6px}.language>span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.language select{font-size:16px;max-width:122px;padding:8px 22px 8px 10px}.cau-hero{grid-template-columns:1fr;grid-template-areas:'eyebrow' 'picture' 'copy';padding-block:12px 30px;gap:24px}.cau-hero>.cau-eyebrow{margin:0;font-size:16px}.hero-picture{margin:0 9px 7px 0;padding-top:0}.hero-picture>img{aspect-ratio:1.4;border-radius:36% 38% 31% 31% / 30% 35% 37% 38%;box-shadow:9px 10px 0 #efe2ff}.picture-note{font-size:17px;right:0;padding:7px 14px}.spark{width:42px;left:-7px;top:-10px}h1{font-size:39px;max-width:100%}.cau-lead{font-size:21px;margin:20px 0}.cau-tags{gap:7px}.cau-tags span{font-size:15px;padding:4px 10px}.play-area{grid-template-columns:1fr;gap:28px}.cau-card{padding:25px 22px;border-radius:24px}h2,.join h2{font-size:29px}.cau-button{width:100%;font-size:18px}.copy-row{display:block}.copy-row .cau-button{margin-top:10px}.room-steps>li{display:block;position:relative;padding-top:0}.room-steps h3{padding-left:39px;min-height:30px;font-size:23px}.step-number{position:absolute;top:0;width:28px;height:28px}.save-access{padding:18px}.room-code{font-size:14px}.ready-banner{padding:15px;gap:9px;align-items:start}.ready-banner p{font-size:16px}.cau-help{padding-block:32px 24px}.cau-help h2{font-size:30px}summary{font-size:21px}.packing-note{margin-top:32px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.cau-button{transition:none}.cau-button:hover{transform:none}}

/* Keep the public website contact/footer geometry and its shared typography. */
.cau-page{--purple:#7024ff;--coral:#ff675c;--yellow:#ffc94d}.cau-hero-picture{max-width:100%}.hero-picture>img{aspect-ratio:1.5}.cau-hero h1{font-size:clamp(38px,4vw,54px)}.cau-hero .cau-lead{font-size:22px;margin:18px 0}.cau-page .contact{margin-top:20px}.cau-page .contact-copy .lead{font-size:24px;line-height:1.4;margin:0}.cau-page footer{line-height:normal}.cau-page .contact address a{color:var(--ink)}.cau-page .cau-button{border-radius:28px}.cau-page .cau-help h2{margin-bottom:20px}.cau-page .contact-copy .button{width:auto}.cau-page .contact-copy h2{max-width:none}
@media(max-width:700px){.cau-page .wrap{width:calc(100% - 40px)}.hero-picture>img{aspect-ratio:1.65}.cau-page .contact{margin-top:8px}.cau-page .contact-copy{padding:28px 0 0}.cau-page .contact-copy address,.cau-page .contact-copy>.button{margin-left:0}.cau-page .contact-copy .button{width:100%}.cau-page footer .wrap{width:100%}}

.packing-note{grid-column:1/-1;display:grid;grid-template-columns:210px 1fr;gap:12px 24px;align-items:center;margin:0;padding:22px 26px;transform:none}.packing-note ul{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:0}.packing-note li+li{margin-top:0}.packing-note .note-foot{grid-column:1/-1;margin:0;padding-top:12px}.packing-note .note-star{top:-22px;font-size:38px}.cau-help{padding-top:36px}
@media(max-width:900px){.packing-note{grid-template-columns:1fr}.packing-note ul{grid-template-columns:1fr;gap:8px;padding-left:21px}}
@media(max-width:700px){.cau-page .contact-rays{top:-4px;right:0;transform:scale(.75);transform-origin:top right}.cau-page .contact-copy h2{padding-right:20px}}