@import "https://fonts.googleapis.com/css2?family=Cinzel:wght@500;600;700&family=Inter:wght@400;500;600&display=swap";
:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--gold:#cfac6b;--muted:#a5a59a;--line:#574b32}*{box-sizing:border-box}body{color:#ede8da;background-color:#111816;background-image:radial-gradient(at 50% 0,#34423866,#0000 48%),linear-gradient(120deg,#090e0d88,#0000);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;margin:0;font-family:Inter,system-ui,sans-serif}body:before{content:"";pointer-events:none;opacity:.13;background:repeating-linear-gradient(140deg,#0000 0 75px,#84928219 76px 77px);position:fixed;inset:0}main{max-width:760px;margin:auto;padding:35px 20px 25px}header{text-align:center;margin:0 auto 28px}h1,h2,header p{font-family:Cinzel,Georgia,serif}h1{letter-spacing:.025em;color:#e6c78b;text-shadow:0 3px 18px #000;margin:10px 0 2px;font-size:clamp(29px,5vw,48px);font-weight:600}header p{color:#c4b698;margin:0;font-size:17px}.eyebrow{letter-spacing:.23em;color:var(--gold);font-size:9px;font-weight:600}.shell{max-width:440px;margin:auto}.mode{letter-spacing:.09em;color:var(--muted);justify-content:space-between;align-items:center;margin-bottom:14px;font-size:9px;display:flex}.mode i{background:#d1ad6d;border-radius:50%;width:5px;height:5px;margin-right:6px;display:inline-block}button{font:inherit;cursor:pointer}.mode button{color:#d4cbb7;background:0 0;border:0;padding:8px 0 8px 10px;font-size:11px}button:focus-visible{outline-offset:3px;outline:3px solid #fff}.status{border:1px solid var(--line);background:linear-gradient(120deg,#263129,#171f1c);border-radius:8px;justify-content:space-between;align-items:center;padding:12px 22px;display:flex;box-shadow:0 8px 22px #0004}.status small{letter-spacing:.14em;color:var(--muted);margin-top:3px;font-size:9px;display:block}.lanterns{gap:10px;display:flex}.lantern{fill:none;stroke:#59635b;stroke-width:1.5px;width:28px;height:37px}.lit{stroke:#d2aa5c;filter:drop-shadow(0 0 5px #eaaa3a66)}.glass{fill:#19231d}.lit .glass{fill:#9d621c}.flame{fill:#4a514b;stroke:none}.lit .flame{fill:#ffdc7d}.clock{text-align:right;border-left:1px solid var(--line);padding-left:28px}.clock strong{font-variant-numeric:tabular-nums;color:#efd59c;font-family:Georgia,serif;font-size:36px;font-weight:400}.clock.urgent strong{color:#ee9474}.progress{color:#abae9e;justify-content:space-between;padding:15px 2px;font-size:11px;display:flex}.progress b{color:#e2c48e;font-weight:500}.board-wrap{position:relative}.board{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;display:grid}.card{aspect-ratio:85/95;color:#b9995d;background:linear-gradient(135deg,#364139,#1e2823 50%,#131b17);border:1px solid #7e6942;border-radius:7px;flex-direction:column;justify-content:center;align-items:center;padding:8px;transition:background .18s,transform .18s;display:flex;position:relative;box-shadow:inset 0 0 0 3px #111a16,inset 0 0 0 4px #635638,0 3px 7px #0005}.card:not(:disabled):hover{background:#384c3d;border-color:#e8c686;transform:translateY(-2px)}.card:disabled{cursor:default;opacity:1}.card svg{stroke:currentColor;stroke-width:2px;fill:none;opacity:.65;width:75%}.card.open{background:radial-gradient(circle,#405347,#18241f);border-color:#d6b87a}.card.ruby{background:radial-gradient(circle,#76333e,#2c181e)}.card.emerald{background:radial-gradient(circle,#28745d,#172c24)}.symbol{text-shadow:0 3px 10px #0008;color:#e9d4a4;font-size:clamp(30px,7vw,45px);line-height:1.2}.ruby .symbol{color:#ff6b83}.emerald .symbol{color:#70e1b3}.card-name{text-align:center;color:#e2dccb;margin-top:7px;font-size:8px}.matched{box-shadow:inset 0 0 0 3px #17271e;border-color:#7a9e77!important}.check{color:#c6dfb5;font-size:10px;position:absolute;top:5px;right:8px}.intro{text-align:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#101a15e8;border:1px solid #6d6242;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}h2{margin:13px 0;font-size:25px;font-weight:500}.intro p{color:#babeb0;margin:0 0 24px;font-size:13px;line-height:1.8}.primary{color:#182019;background:linear-gradient(#d8b77c,#b99354);border:1px solid #ddbc7b;border-radius:5px;padding:14px 20px;font-size:13px;font-weight:600;box-shadow:0 4px 12px #0004}.primary span{margin-left:25px}.primary:disabled{opacity:.5}.message{text-align:center;color:#c9bea6;min-height:43px;padding:14px 0;font-size:11px}.result{border:1px solid var(--line);text-align:center;background:#1c2821;border-radius:8px;padding:24px 18px}.result h2{font-size:23px}.score{color:#e6c586;font-family:Georgia,serif;font-size:44px;display:block}.score small{letter-spacing:.1em;font-family:Inter,sans-serif;font-size:9px}.breakdown{grid-template-columns:repeat(4,1fr);gap:8px;margin:20px 0;display:grid}.breakdown span{text-transform:capitalize;color:var(--muted);margin-bottom:5px;font-size:9px;display:block}.breakdown b{font-size:13px;font-weight:500}.help{border:1px solid var(--line);background:#1b261f;border-radius:6px;margin-bottom:15px;padding:15px;font-size:12px;line-height:1.7}.help h2{margin:0;font-size:18px}.help p{color:#c4c6ba}footer{text-align:center;border-top:1px solid #3c4438;padding-top:16px}footer>span{letter-spacing:.16em;color:var(--gold);font-size:8px}footer p{color:#969f92;font-size:11px;line-height:1.7}.connection{color:#819080;font-size:9px}@media (max-width:480px){main{padding:18px 16px}header{margin-bottom:16px}.eyebrow{font-size:8px}header p{font-size:14px}h1{margin-top:7px}.mode{margin-bottom:7px}.status{padding:8px 16px}.clock strong{font-size:31px}.lantern{width:24px;height:32px}.progress{padding:12px 2px}.board{gap:6px}.card-name{font-size:7px}.message{font-size:10px}footer{padding-top:10px}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}