:root{--ink:#151713;--paper:#f2f0e8;--acid:#d7f75b;--red:#ff5f47;--muted:#6b6d65;--line:#15171333}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);margin:0;font-family:Arial,Helvetica,sans-serif}button,input{font:inherit}button{color:inherit}::selection{background:var(--acid);color:var(--ink)}.loading-screen{letter-spacing:.16em;text-transform:uppercase;place-items:center;min-height:100vh;font:700 .75rem/1 monospace;display:grid}.topbar{border-bottom:1px solid var(--line);z-index:10;justify-content:space-between;align-items:center;height:76px;padding:0 4vw;display:flex;position:relative}.brand{color:var(--ink);letter-spacing:.18em;align-items:center;font-size:.69rem;line-height:1;text-decoration:none;display:flex}.brand strong{border:1px solid var(--ink);letter-spacing:0;border-radius:50%;place-items:center;width:40px;height:40px;margin-left:8px;font-size:1rem;display:grid}.status-chip{letter-spacing:.08em;align-items:center;gap:8px;font:700 .64rem/1 monospace;display:flex}.status-dot{background:var(--acid);border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #d7f75b40}.hero{isolation:isolate;flex-direction:column;justify-content:center;min-height:calc(100vh - 76px);padding:clamp(70px,10vw,150px) 4vw 48px;display:flex;position:relative;overflow:hidden}.hero:after{content:"03";z-index:-2;color:#0000;-webkit-text-stroke:1px #1517131c;font:900 clamp(17rem,45vw,46rem)/.8 Arial Black,sans-serif;position:absolute;bottom:-.25em;right:-.08em}.hero-grid{z-index:-3;opacity:.55;background-image:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);background-size:64px 64px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 82%);mask-image:linear-gradient(#000,#0000 82%)}.eyebrow,.section-number{letter-spacing:.16em;text-transform:uppercase;margin:0;font:700 .67rem/1.2 monospace}.personal-note{border-left:3px solid var(--red);background:#f2f0e8b8;width:fit-content;max-width:480px;margin:0 0 30px;padding:8px 12px;font:italic 1rem/1.45 Georgia,serif;transform:rotate(-.8deg)}.hero h1{letter-spacing:-.075em;max-width:1050px;margin:0 0 22px;font:400 clamp(4rem,10.4vw,9.7rem)/.82 Georgia,Times New Roman,serif}.hero h1 span,.hero h1 em{display:block}.hero h1 em{color:var(--red);font-weight:400}.hero-copy{max-width:520px;margin:0;font:400 clamp(1.1rem,2vw,1.45rem)/1.4 Georgia,serif}.countdown{border:1px solid var(--ink);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f2f0e8c2;width:fit-content;margin-top:42px;display:flex}.countdown div{border-right:1px solid var(--ink);min-width:86px;padding:13px 16px 11px}.countdown div:last-child{border-right:0}.countdown strong,.countdown span{display:block}.countdown strong{font:500 1.55rem/1 monospace}.countdown span{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;margin-top:7px;font:700 .57rem/1 monospace}.birthday-banner{background:var(--acid);border:1px solid var(--ink);letter-spacing:.1em;width:fit-content;margin-top:38px;padding:12px 16px;font:800 .69rem/1 monospace}.primary-button{border:1px solid var(--ink);background:var(--ink);width:fit-content;color:var(--paper);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;align-items:center;gap:42px;margin-top:28px;padding:17px 20px;font:700 .72rem/1 monospace;transition:all .18s;display:flex}.primary-button:hover,.primary-button:focus-visible{background:var(--acid);color:var(--ink);box-shadow:7px 7px 0 var(--ink);transform:translate(-3px,-3px)}.primary-button span{font-size:1.15rem}.hero-note{border-top:1px solid var(--ink);width:min(330px,30vw);padding-top:10px;position:absolute;top:18%;right:4vw;transform:rotate(2deg)}.hero-note span{letter-spacing:.14em;font:700 .6rem/1 monospace}.hero-note p{margin:12px 0 0;font:italic 1.15rem/1.35 Georgia,serif}.section-pad{border-top:1px solid var(--line);padding:clamp(70px,9vw,140px) 4vw}.briefing{background:var(--ink);color:var(--paper);grid-template-columns:minmax(180px,1fr) 3fr;gap:5vw;display:grid}.briefing>div{max-width:930px}.briefing h2,.registry h2,.evidence-heading h2,.case-intro h2,.fragments h2{letter-spacing:-.045em;margin:0;font:400 clamp(2.5rem,5vw,5rem)/.95 Georgia,serif}.briefing>div>p:not(.parenthetical){margin:36px 0 0;font:400 clamp(1.25rem,2.2vw,2rem)/1.45 Georgia,serif}.parenthetical{color:var(--acid);margin-top:28px;font:400 .85rem/1.4 monospace}.registry{background:var(--acid);grid-template-columns:1fr 1.3fr;align-items:end;gap:10vw;display:grid}.registry h2{margin-top:22px}.registry-copy>p:last-child{max-width:430px;margin:24px 0 0;line-height:1.55}.code-form label,.riddle-card label{letter-spacing:.12em;text-transform:uppercase;margin-bottom:9px;font:700 .62rem/1 monospace;display:block}.code-form>div{border-bottom:2px solid var(--ink);display:flex}.code-form input{min-width:0;color:var(--ink);text-transform:uppercase;background:0 0;border:0;outline:0;flex:1;padding:15px 0;font:500 clamp(1.3rem,3vw,2.4rem)/1 monospace}.code-form input::placeholder{color:#15171357}.code-form button{cursor:pointer;background:0 0;border:0;width:62px;font-size:2rem}.form-message{min-height:2.4em;margin:14px 0 0;font:500 .7rem/1.5 monospace}.evidence-section{background:#ebe8dd}.evidence-heading{justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:52px;display:flex}.evidence-heading h2{margin-top:20px}.evidence-heading>p{letter-spacing:.08em;text-transform:uppercase;font:600 .73rem/1 monospace}.evidence-grid{border-top:1px solid var(--ink);border-left:1px solid var(--ink);grid-template-columns:repeat(5,1fr);display:grid}.evidence-card{text-align:left;border:0;border-right:1px solid var(--ink);border-bottom:1px solid var(--ink);background:0 0;flex-direction:column;align-items:flex-start;min-height:330px;padding:18px;display:flex;position:relative;overflow:hidden}.evidence-card.registered{cursor:pointer;background:var(--paper)}.evidence-card.registered:before{content:"";background:var(--accent);height:8px;transition:height .2s;position:absolute;inset:auto 0 0}.evidence-card.registered:hover:before,.evidence-card.registered:focus-visible:before{height:18px}.evidence-card.sealed{color:#15171370;background-image:repeating-linear-gradient(-45deg,#0000,#0000 7px,#15171309 7px 14px)}.card-index,.card-file,.card-status{letter-spacing:.08em;font:700 .58rem/1.2 monospace}.card-index{align-self:flex-end}.card-mark{border:1px solid;border-radius:50%;place-items:center;width:92px;height:92px;margin:30px 0;font:italic 3.4rem/1 Georgia,serif;display:grid}.card-file{margin-bottom:10px}.evidence-card strong{font:400 1.35rem/1.1 Georgia,serif}.card-status{margin-top:auto;padding-top:22px}.evidence-card.solved .card-status{color:#3d6500}.case-panel{background:var(--accent);grid-template-columns:.75fr 1.4fr;gap:6vw;display:grid;position:relative}.panel-close{border:1px solid var(--ink);cursor:pointer;background:0 0;border-radius:50%;width:48px;height:48px;font-size:1.7rem;line-height:1;position:absolute;top:36px;right:4vw}.case-intro h2{margin-top:20px}.case-intro>p:last-child{max-width:420px;margin:26px 0 0;font:italic 1.25rem/1.45 Georgia,serif}.riddle-card{background:var(--paper);border:1px solid var(--ink);box-shadow:12px 12px 0 var(--ink);padding:clamp(28px,5vw,64px)}.riddle-card>span,.confirmed-answer span{letter-spacing:.15em;font:700 .62rem/1 monospace}.riddle-card blockquote{margin:28px 0 42px;font:400 clamp(1.55rem,3vw,2.6rem)/1.25 Georgia,serif}.answer-row{display:flex}.answer-row input{border:1px solid var(--ink);background:0 0;outline:none;flex:1;min-width:0;padding:14px}.answer-row input:focus{box-shadow:inset 0 -4px 0 var(--accent)}.answer-row button{border:1px solid var(--ink);background:var(--ink);color:var(--paper);text-transform:uppercase;cursor:pointer;border-left:0;padding:14px 18px;font:700 .65rem/1 monospace}.hint-button,.text-button{cursor:pointer;background:0 0;border:0;border-bottom:1px solid;margin-top:17px;padding:0;font:600 .67rem/1.4 monospace}.hint{background:var(--accent);margin:15px 0 0;padding:10px 12px;font:500 .74rem/1.4 monospace}.confirmed-answer{border:1px dashed var(--ink);place-items:center;min-height:170px;display:grid}.confirmed-answer strong{letter-spacing:-.06em;font:400 clamp(3rem,8vw,7rem)/.8 Georgia,serif}.fragments{text-align:center;background:var(--paper)}.fragments h2{margin-top:20px}.fragment-line{flex-wrap:wrap;justify-content:center;gap:12px;margin:60px auto 32px;display:flex}.fragment-line span{border:1px solid var(--ink);letter-spacing:.06em;padding:12px 15px 10px;font:700 clamp(.8rem,1.6vw,1.2rem)/1 monospace;transform:rotate(-1deg)}.fragment-line span:nth-child(2n){transform:rotate(1.5deg)}.fragment-line .visible{background:var(--acid);box-shadow:4px 4px 0 var(--ink)}.fragment-line .hidden-word{color:#1517134d;border-style:dashed}.fragments>p:last-child{color:var(--muted);font:500 .73rem/1.5 monospace}.fragment-actions{justify-items:center;gap:22px;margin-top:44px;display:grid}.fragment-actions p{margin:0;font:500 .78rem/1.5 monospace}.final-button{border:2px solid var(--ink);background:var(--acid);box-shadow:9px 9px 0 var(--ink);letter-spacing:.08em;cursor:pointer;padding:25px 28px;font:800 .78rem/1 monospace;transition:all .15s}.final-button:hover,.final-button:focus-visible{box-shadow:4px 4px 0 var(--ink);transform:translate(5px,5px)}footer{border-top:1px solid var(--line);letter-spacing:.1em;justify-content:space-between;align-items:center;gap:20px;min-height:88px;padding:22px 4vw;font:700 .58rem/1.3 monospace;display:flex}footer button{font:inherit;cursor:pointer;background:0 0;border:0;border-bottom:1px solid;padding:0}.finale{background:#a98cf2;place-items:center;min-height:100vh;padding:6vw 4vw;display:grid;position:relative;overflow:hidden}.finale:before{content:"PARABÉNS";color:#0000;-webkit-text-stroke:1px #15171333;letter-spacing:-.08em;text-align:center;pointer-events:none;font:900 14vw/.75 Arial Black,sans-serif;position:fixed;inset:auto 0 -.12em}.finale-card{z-index:2;border:2px solid var(--ink);width:min(900px,100%);box-shadow:18px 18px 0 var(--ink);text-align:center;background:#f1ecff;padding:clamp(30px,7vw,90px);position:relative}.finale-kicker{margin:45px 0 5px;font:italic 1.25rem/1.3 Georgia,serif}.finale-card h1{letter-spacing:-.065em;margin:0;font:400 clamp(3rem,8vw,7rem)/.88 Georgia,serif}.final-phrase{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:50px;display:flex}.final-phrase span{background:var(--acid);padding:8px 10px;font:800 clamp(.85rem,2vw,1.2rem)/1 monospace}.birthday-copy{max-width:660px;margin:48px auto 0;font:400 1.08rem/1.65 Georgia,serif}.toast{margin-top:38px;font-size:1.45rem}.toast p{margin:.5em 0}.early-warning{font-weight:700}.confetti{pointer-events:none;position:fixed;inset:0;overflow:hidden}.confetti i{--color:var(--acid);width:9px;height:18px;top:-30px;left:calc(var(--i) * 3.57%);z-index:3;background:var(--color);transform:rotate(calc(var(--i) * 23deg));animation:fall calc(3.4s + (var(--i) % 5) * .35s) linear infinite;animation-delay:calc((var(--i) % 9) * -.55s);position:absolute}.confetti i:nth-child(3n){--color:#79c8ff}.confetti i:nth-child(3n+1){--color:#f2a6d4}@keyframes fall{0%{transform:translateY(-5vh)rotate(0)}to{transform:translateY(110vh)rotate(680deg)}}@media (width<=920px){.hero-note{display:none}.evidence-grid{grid-template-columns:repeat(2,1fr)}.evidence-card:last-child{grid-column:span 2}.briefing,.registry,.case-panel{grid-template-columns:1fr}}@media (width<=640px){.topbar{height:66px;padding-inline:18px}.hero{min-height:calc(100svh - 66px);padding:76px 18px 34px}.hero h1{margin-top:0;font-size:clamp(3.1rem,15vw,5rem)}.personal-note{max-width:90%;margin-bottom:24px;font-size:.92rem}.hero-copy{max-width:90%;font-size:1.03rem}.countdown{width:100%;margin-top:30px}.countdown div{flex:1;min-width:0;padding:11px 8px 9px}.countdown strong{font-size:1.15rem}.section-pad{padding:72px 18px}.briefing{gap:40px}.registry{gap:44px}.evidence-heading{flex-direction:column;align-items:flex-start;margin-bottom:35px}.evidence-grid{grid-template-columns:1fr}.evidence-card,.evidence-card:last-child{grid-column:span 1;min-height:210px}.card-mark{width:62px;height:62px;margin:16px 0;font-size:2.3rem}.case-panel{gap:38px}.panel-close{top:22px;right:18px}.riddle-card{box-shadow:7px 7px 0 var(--ink);padding:24px 20px}.answer-row{flex-direction:column}.answer-row button{border-left:1px solid var(--ink);border-top:0}.fragment-line{margin-top:40px}footer{flex-direction:column;align-items:flex-start;padding:25px 18px}.finale{padding:24px 16px 45px}.finale-card{box-shadow:8px 8px 0 var(--ink)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
