:root{font-family:Arial,sans-serif;color:#e9eee9;background:#101a24;font-synthesis:none;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 47% 35%,#203c4160,transparent 55%)}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #efcd86;outline-offset:4px}.masthead{max-width:1450px;margin:auto;padding:30px 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff12}.masthead>a:last-child{font-size:12px;color:#aab8b9}.brand{display:flex;gap:12px;align-items:center;font:22px Georgia,serif}.brand-mark{font-size:40px;color:#d9ba7c}.brand small{display:block;font:8px Arial,sans-serif;letter-spacing:2.5px;margin-top:7px;color:#98a9aa}main{max-width:1450px;margin:auto;padding:65px 5% 75px;display:grid;grid-template-columns:1fr 1.55fr .85fr;gap:45px;align-items:start}.eyebrow{font-size:9px;letter-spacing:2.1px;color:#c1a56e;font-weight:bold}.intro{padding-top:40px}h1{font:clamp(42px,4.6vw,70px)/1.08 Georgia,serif;font-weight:normal;letter-spacing:-2px;margin:30px 0}h1 em{color:#d9ba7c;font-weight:normal}.intro>p:not(.eyebrow){color:#9bacaf;font-size:13px;line-height:1.9}.intro-rule{width:45px;height:1px;background:#b99f6f;margin:40px 0}.intro .edition{font-size:10px!important;letter-spacing:2px}.edition span{font-size:11px;letter-spacing:0;color:#788c91}.game{background:#182630;border:1px solid #ffffff13;border-radius:20px;padding:26px;box-shadow:0 30px 80px #0003}.game-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.game-heading .eyebrow{margin:0 0 8px}.game h2{font:26px Georgia,serif;margin:0}.game h2 span{color:#829597;font:12px Arial,sans-serif}.live-dot{font-size:7px;letter-spacing:1px;color:#9abdb0}.live-dot:before{content:'●';color:#a6c8a8;margin-right:6px}.stats{display:flex;justify-content:space-between;margin:25px 0 12px}.stats small{display:block;font-size:8px;letter-spacing:1.5px;color:#96a8ad;margin-bottom:8px}.stats strong{font-size:23px;font-weight:normal;font-variant-numeric:tabular-nums}.stats>div:last-child{text-align:right}.stats>div:last-child strong{color:#e3c88e}progress{width:100%;height:4px;border:none;display:block;margin-bottom:23px;border-radius:5px;background:#ffffff12}progress::-webkit-progress-bar{background:#ffffff12;border-radius:5px}progress::-webkit-progress-value{background:#c6b17b;border-radius:5px}#board{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;padding:8px;background:#0e1921;border-radius:13px;touch-action:none}.tile{position:relative;aspect-ratio:1;border:1px solid #ffffff14;background:linear-gradient(145deg,#ffffff0d,#ffffff03);border-radius:9px;color:var(--gem);font-size:clamp(18px,2.25vw,32px);padding:0;display:grid;place-items:center;text-shadow:0 0 17px color-mix(in srgb,var(--gem),transparent 65%);transition:transform .15s,background .15s}.tile:hover{background:#ffffff14;transform:translateY(-2px)}.tile.selected,.tile.hinted{outline:2px solid #e4c588;outline-offset:-2px;background:#d9ba7c20}.tile.matched{animation:pop .23s forwards}.tile small{position:absolute;right:2px;bottom:0;font-size:12px;color:white}.tile.empty{opacity:0}#message{min-height:32px;color:#bac9c8;font-size:11px;text-align:center;line-height:1.5;margin:18px 0 8px}.actions{display:flex;gap:9px;justify-content:center;flex-wrap:wrap}.actions button{background:transparent;border:1px solid #ffffff26;padding:10px 13px;color:#d4dfda;border-radius:7px;font-size:11px}.actions button:hover{background:#ffffff0c}.actions button:disabled{opacity:.4;cursor:wait}#next{background:#d9ba7c;color:#17242d;border-color:#d9ba7c}.save-status{text-align:center;color:#9badb0;font-size:9px;margin:17px 0 0}.side{padding-top:40px}.side h2{font:26px/1.25 Georgia,serif;font-weight:normal;margin:20px 0 25px}.badge{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid #ffffff12;color:#a1b2b5;font-size:11px}.badge span{display:grid;place-items:center;width:32px;height:32px;border:1px solid #ffffff19;border-radius:50%;font-size:18px}.badge.unlocked{color:#e7cc93}.badge.unlocked span{border-color:#d9ba7c88;background:#d9ba7c13}.how{margin-top:40px}.how>p:not(.eyebrow){font-size:11px;line-height:1.8;color:#a1b2b5}.how ul{padding:0;list-style:none}.how li{padding:9px 0;font-size:11px}.how li b{display:block;font-weight:normal;color:#e1e8df;margin-bottom:5px}.how li span{color:#9badb0;font-size:10px}footer{border-top:1px solid #ffffff12;max-width:1300px;margin:auto;padding:25px 3%;display:flex;justify-content:space-between;color:#8a9da3;font-size:10px}[hidden]{display:none!important}@keyframes pop{to{transform:scale(.1) rotate(20deg);opacity:0}}@media(min-width:1500px){main{padding-top:90px}}@media(max-width:1050px){main{grid-template-columns:.8fr 1.3fr;gap:30px}.side{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:0 40px;padding-top:0}.side>.eyebrow,.side>h2{grid-column:1}.side .how{grid-column:2;grid-row:1/4;margin:0}.tile{font-size:30px}}@media(max-width:650px){.masthead{padding:20px}.brand{font-size:19px}.brand-mark{font-size:30px}main{display:flex;flex-direction:column;padding:25px 16px 35px;gap:25px}.intro{padding:0}.intro h1{font-size:40px;margin:12px 0;letter-spacing:-1px}.intro h1 br{display:none}.intro>p:not(.eyebrow){font-size:12px}.intro-rule,.edition{display:none}.intro>p br{display:none}.game{width:100%;max-width:520px;align-self:center;padding:20px 14px}.tile{font-size:clamp(20px,6vw,32px)}.side{display:block;width:100%;padding:0 8px}.side h2 br{display:none}.side .how{margin-top:25px}.live-dot{font-size:6px}footer{gap:20px;padding:20px;font-size:9px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

.masthead nav{font-size:12px;color:#aab8b9;display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}@media(max-width:650px){.masthead{gap:15px}.masthead nav{font-size:10px;gap:5px}}