:root{color-scheme:light dark;--bg: #0d1117;--fg: #e6edf3;--muted: #8b949e;--accent: #58a6ff;--win: #06d6a0;--wrong: #ef476f}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:radial-gradient(1200px 800px at 50% -10%,#16203a 0%,var(--bg) 60%);color:var(--fg)}.puzzle{max-width:880px;margin:0 auto;padding:3rem 1.25rem 4rem;text-align:center}.puzzle__title{font-size:clamp(2rem,6vw,3.25rem);margin:0 0 .35rem;letter-spacing:-.02em}.puzzle__sub{color:var(--muted);margin:0 0 2.5rem;font-size:1.05rem}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1.1rem}.box{position:relative;aspect-ratio:1 / 1;border:1px solid #2a3344;border-radius:18px;background:linear-gradient(160deg,#1b2436,#11161f);color:var(--fg);cursor:pointer;display:grid;place-items:center;gap:.25rem;transition:transform .15s ease,border-color .2s ease,box-shadow .25s ease,opacity .25s ease;font:inherit}.box:hover:not(:disabled){transform:translateY(-4px);border-color:var(--accent);box-shadow:0 10px 30px #58a6ff2e}.box__label{position:absolute;top:.7rem;left:.9rem;font-size:.8rem;letter-spacing:.12em;color:var(--muted)}.box__q{font-size:3rem;font-weight:700;opacity:.35}.box--win{border-color:var(--win);box-shadow:0 0 0 3px #06d6a059,0 10px 40px #06d6a059;animation:pop .45s ease}.box--wrong{border-color:var(--wrong);background:linear-gradient(160deg,#2a1622,#1a0f15)}.box--dim{opacity:.35}.box:disabled{cursor:default}.grid--shake{animation:shake .5s ease}.puzzle__hint{margin-top:1.75rem;color:var(--muted);font-size:.85rem;font-style:italic}.steps{display:flex;gap:.5rem;justify-content:center;margin-bottom:1.5rem}.steps__dot{width:10px;height:10px;border-radius:50%;background:#2a3344;transition:background .2s ease,transform .2s ease}.steps__dot--done{background:var(--win)}.steps__dot--active{background:var(--accent);transform:scale(1.3)}.shape{aspect-ratio:1 / 1;border:1px solid #2a3344;border-radius:18px;background:linear-gradient(160deg,#1b2436,#11161f);color:var(--fg);cursor:pointer;display:grid;place-items:center;padding:18%;transition:transform .15s ease,border-color .2s ease,box-shadow .25s ease,opacity .25s ease;font:inherit}.shape:hover:not(:disabled){transform:translateY(-4px);border-color:var(--accent);box-shadow:0 10px 30px #58a6ff2e}.shape__svg{width:100%;height:100%;fill:#6ea8ff;transition:fill .25s ease}.shape--win{border-color:var(--win);box-shadow:0 0 0 3px #06d6a059,0 10px 40px #06d6a059;animation:pop .45s ease}.shape--win .shape__svg{fill:var(--win)}.shape--wrong{border-color:var(--wrong);background:linear-gradient(160deg,#2a1622,#1a0f15)}.shape--wrong .shape__svg{fill:var(--wrong)}.shape--dim{opacity:.35}.shape:disabled{cursor:default}.grid--star .shape,.grid--rhombus .shape{padding:14%}.restart{margin-top:1.5rem;background:none;border:1px solid #2a3344;color:var(--muted);padding:.5rem 1.1rem;border-radius:999px;cursor:pointer;font:inherit;transition:border-color .2s ease,color .2s ease}.restart:hover{border-color:var(--accent);color:var(--fg)}.monument{min-height:100vh;display:grid;place-items:center;padding:2.5rem 1.25rem}.slab{position:relative;width:min(720px,92vw);background:#0a0b0e;border:12px solid #05070a;border-radius:4px;padding:3rem 2rem;box-shadow:0 30px 80px #000000b3,inset 0 1px 2px #ffffff1a,inset 0 -10px 30px #0009;overflow:hidden;isolation:isolate}.slab__marble{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.slab__sheen{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.06) 48%,rgba(255,255,255,.1) 52%,transparent 70%)}.slab__frame{position:relative;z-index:2;border:1px solid rgba(180,190,205,.25);padding:2rem 1.25rem}.inscription{margin:0;display:flex;flex-direction:column;gap:.4rem;font-family:Trajan Pro,Times New Roman,Georgia,serif;font-weight:700;letter-spacing:.16em}.inscription__line{display:block;text-align:center;text-decoration:none;color:#d9dde4;text-shadow:0 1px 0 rgba(255,255,255,.18),0 -1px 1px rgba(0,0,0,.6),0 2px 3px rgba(0,0,0,.5);padding:.15rem 0}.inscription__text{font-size:clamp(1.05rem,4.2vw,1.9rem)}.numerals{display:flex;justify-content:center;gap:clamp(1.2rem,6vw,2.6rem);margin-top:2rem}.numeral{font-family:Trajan Pro,Times New Roman,Georgia,serif;font-weight:700;font-size:clamp(1.4rem,5vw,2.1rem);letter-spacing:.1em;color:#cfd6df;text-decoration:none;text-shadow:0 1px 0 rgba(255,255,255,.25),0 -1px 1px rgba(0,0,0,.6),0 2px 3px rgba(0,0,0,.5);padding:.1rem .4rem;transition:color .2s ease,text-shadow .2s ease,transform .15s ease}.numeral:hover{color:#fff;text-shadow:0 1px 0 rgba(255,255,255,.5),0 0 16px rgba(150,190,255,.55),0 -1px 1px rgba(0,0,0,.6);transform:translateY(-2px)}.slab__rule{height:1px;margin:1.5rem auto;width:60%;background:linear-gradient(90deg,transparent,rgba(180,190,205,.4),transparent)}.slab__sub{margin:0;font-family:Georgia,serif;font-style:italic;letter-spacing:.2em;color:#6f7783;font-size:.78rem}.slab__coming{margin:.9rem 0 0;font-family:Trajan Pro,Times New Roman,Georgia,serif;font-weight:700;letter-spacing:.22em;color:#9aa3af;font-size:clamp(.7rem,2.6vw,.95rem);text-shadow:0 1px 0 rgba(255,255,255,.18),0 -1px 1px rgba(0,0,0,.6)}.crack{position:absolute;background:#0000008c;z-index:1;pointer-events:none}.crack--1{top:10%;left:18%;width:1px;height:42%;transform:rotate(7deg);box-shadow:12px 18px 0 -.5px #0006}.crack--2{bottom:14%;right:14%;width:1px;height:34%;transform:rotate(-10deg)}@media (prefers-reduced-motion: reduce){.inscription__line{transition:none}}.center{min-height:100vh;display:grid;place-items:center;padding:2rem;text-align:center;position:relative;overflow:hidden}.coming__title,.here__title{font-size:clamp(2.2rem,7vw,4rem);margin:0 0 .5rem}.coming__body,.here__sub{color:var(--muted);max-width:32rem;margin:0 auto 1.75rem;line-height:1.5}.btn{display:inline-block;padding:.75rem 1.5rem;border-radius:999px;background:var(--accent);color:#04101f;font-weight:600;text-decoration:none;transition:transform .15s ease,filter .15s ease}.btn:hover{transform:translateY(-2px);filter:brightness(1.08)}.youre-here{background:radial-gradient(1000px 700px at 50% 0%,#1c2b1f 0%,var(--bg) 65%)}.here__title{color:var(--win);text-shadow:0 0 30px rgba(6,214,160,.4)}.here__body{font-size:1.4rem;margin:0 0 1rem}.balloons{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.balloon{position:absolute;bottom:-120px;width:46px;height:58px;border-radius:50%/45% 45% 55% 55%;opacity:.9;animation-name:floatUp;animation-timing-function:ease-in;animation-iteration-count:infinite;box-shadow:inset -6px -8px 12px #0000002e}.balloon:after{content:"";position:absolute;bottom:-10px;left:50%;width:1px;height:22px;background:#ffffff59;transform:translate(-50%)}@keyframes floatUp{0%{transform:translateY(0) rotate(-4deg);opacity:0}10%{opacity:.9}50%{transform:translateY(-55vh) rotate(4deg)}to{transform:translateY(-115vh) rotate(-3deg);opacity:.9}}@keyframes pop{0%{transform:scale(1)}45%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-10px)}40%{transform:translate(10px)}60%{transform:translate(-7px)}80%{transform:translate(7px)}}@media (prefers-reduced-motion: reduce){.balloon,.grid--shake{animation:none}}