:root{--void: #07060d;--smoke: rgba(18, 15, 30, .82);--smoke2: rgba(34, 29, 54, .9);--pale: #f4ecda;--dim: #a59cbf;--edge: rgba(230, 222, 255, .28);--red: #ff4d5e;--gold: #ffb238;--green: #5fe07a;--teal: #3fd8d0;--blue: #4d7dff;--violet: #b45cff;--spec: linear-gradient(90deg, var(--red), var(--gold), var(--green), var(--teal), var(--blue), var(--violet));--cut: polygon(14px 0, calc(100% - 14px) 0, 100% 14px, 100% calc(100% - 14px) , calc(100% - 14px) 100%, 14px 100%, 0 calc(100% - 14px) , 0 14px);--display: "Plantagenet Cherokee", "Sitka Heading", "Hoefler Text", Georgia, serif;--text: "Sukhumvit Set", "Hiragino Sans", "Segoe UI", system-ui, sans-serif}html,body{background:var(--void);color:var(--pale);font-family:var(--text)}.hud{position:absolute;left:0;right:0;top:0;padding:calc(8px + var(--safe-t)) calc(10px + var(--safe-r)) 0 calc(10px + var(--safe-l));display:flex;align-items:flex-start;justify-content:space-between;pointer-events:none;z-index:3}.btn{pointer-events:auto}.facet{width:46px;height:46px;display:grid;place-items:center;padding:0;border:0;text-decoration:none;color:var(--pale);clip-path:polygon(25% 3%,75% 3%,100% 50%,75% 97%,25% 97%,0 50%);background:linear-gradient(160deg,#786eaa8c,#1e1a30d9 55%,#463e6e99);position:relative}.facet:before{content:"";position:absolute;inset:2px;clip-path:inherit;background:linear-gradient(200deg,#0e0c18d9,#282240bf)}.facet svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;position:relative}.facet:active{transform:scale(.92)}.mute .off,.mute[aria-pressed=true] .wav{display:none}.mute[aria-pressed=true] .off{display:inline}.mute[aria-pressed=true]{color:var(--dim)}.board{text-align:center;line-height:1;margin-top:2px}.board .score{font-family:var(--display);font-size:30px;letter-spacing:.06em;color:var(--pale);font-variant-numeric:tabular-nums;text-shadow:0 0 12px rgba(255,240,220,.25),0 2px 0 rgba(0,0,0,.6);transition:transform .18s ease-out}.board .score.pop{transform:scale(1.1)}.lives{display:flex;gap:5px;justify-content:center;margin-top:6px}.lives i{width:10px;height:14px;display:block;background:linear-gradient(160deg,#fff,#cfd6ff 50%,#8f88c9);clip-path:polygon(50% 0,100% 30%,100% 70%,50% 100%,0 70%,0 30%);filter:drop-shadow(0 0 3px rgba(255,255,255,.6));transition:opacity .3s,transform .3s}.lives i.lost{background:#786e9659;transform:scale(.8);filter:none}.lives.low i:not(.lost){animation:flick .6s ease-in-out infinite alternate}@keyframes flick{to{opacity:.45}}.board .mult{display:inline-block;margin-top:6px;padding:2px 9px;font-size:12px;font-weight:600;letter-spacing:.08em;color:var(--dim);clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 50%,calc(100% - 8px) 100%,8px 100%,0 50%);background:#282240b3;transition:transform .25s ease-out,color .3s}.board .mult.hot{color:#0c0a14;background:var(--spec)}.board .mult.pop{transform:scale(1.25)}section.title,section.card,section.paused,section.gallery{position:absolute;inset:0;display:grid;place-items:center;z-index:5;padding:calc(20px + var(--safe-t)) 18px calc(20px + var(--safe-b))}section.title,section.card,section.paused{pointer-events:none}section.title{background:radial-gradient(120% 70% at 50% 45%,#07060d0d,#07060d8c);transition:opacity .4s}section.title.fade{opacity:0}section.card{background:#07060d66;opacity:0;transition:opacity .45s}section.card.show{opacity:1}section.paused{background:#07060d99}section.gallery{background:#07060deb;z-index:7}.pane{position:relative;width:min(318px,100%);text-align:center;padding:24px 20px 20px;color:var(--pale);background:linear-gradient(170deg,var(--smoke2),var(--smoke));clip-path:var(--cut)}.pane:after{content:"";position:absolute;inset:0;clip-path:var(--cut);pointer-events:none;background:linear-gradient(135deg,#ffffff1f,#fff0 30% 70%,#ffffff0f)}.spectrum{position:absolute;left:14px;right:14px;top:0;height:3px;background:var(--spec);opacity:.9}.pane.small{width:min(220px,100%);padding:20px}.pane.wide{width:min(370px,100%);max-height:calc(100% - 10px);overflow:auto}h1{font-family:var(--display);font-weight:400;font-size:54px;margin:4px 0 0;letter-spacing:.22em;text-indent:.22em;text-transform:uppercase;line-height:1.05;background:linear-gradient(180deg,#fff,#d9d2ef 60%,#9d94c4);-webkit-background-clip:text;background-clip:text;color:transparent}.tag,.kicker{font-size:13px;letter-spacing:.14em;text-transform:lowercase;color:var(--dim);margin-top:4px}.kicker{font-family:var(--display);text-transform:uppercase;font-size:13px;letter-spacing:.2em;color:var(--pale)}.sub{color:var(--dim);margin:8px 0;font-size:14px}.legend{width:200px;height:96px;display:block;margin:14px auto 2px;overflow:visible}.legend .beam{stroke:#fff3dc;stroke-width:3;stroke-linecap:round;opacity:.9}.legend .glass{fill:#c8d6f540;stroke:#f4f8ff;stroke-width:1.4;stroke-linejoin:round}.legend .turn{transform-origin:88px 40px;animation:turn 4s ease-in-out infinite}.legend .fan path{stroke-width:1.6;stroke-linecap:round;opacity:.9}.legend .fan{transform-origin:92px 46px;animation:sweep 4s ease-in-out infinite}.legend .gem{stroke:#fff;stroke-width:.7;animation:wake 4s ease-in-out infinite}.legend .g1{fill:var(--green)}.legend .g2{fill:var(--violet);animation-delay:1.3s}.legend .g3{fill:var(--red);animation-delay:2.6s}@keyframes turn{50%{transform:rotate(9deg)}}@keyframes sweep{50%{transform:rotate(7deg)}}@keyframes wake{0%,30%,to{opacity:.3}50%,70%{opacity:1}}.cta{font-family:var(--display);font-size:16px;letter-spacing:.16em;text-transform:uppercase;color:var(--pale);margin:10px 0 2px;animation:breathe 2.4s ease-in-out infinite}@keyframes breathe{50%{opacity:.45}}.best{font-size:13px;color:var(--dim);letter-spacing:.08em}.row-btns{display:flex;justify-content:center;gap:10px;margin-top:12px}.pill{pointer-events:auto;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 20px;border:0;color:var(--pale);font-family:var(--text);font-size:14px;letter-spacing:.06em;background:#463e6e8c;clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 50%,calc(100% - 12px) 100%,12px 100%,0 50%)}.pill svg{width:18px;height:18px;fill:none;stroke:var(--gold);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.pill:active{transform:scale(.96)}.big{font-family:var(--display);font-size:46px;letter-spacing:.06em;line-height:1.1;margin:4px 0 0;color:#fff}.newbest{display:inline-block;margin:0 0 4px;padding:3px 14px;font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#0c0a14;background:var(--spec);clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 50%,calc(100% - 8px) 100%,8px 100%,0 50%);animation:shimmer 1.4s ease-in-out infinite alternate}@keyframes shimmer{to{filter:brightness(1.3)}}.keep{margin:6px auto 4px;width:150px}.keep img{width:150px;height:233px;display:block;background:#0d0b16}.rows{display:grid;grid-template-columns:1fr 1fr;gap:1px 14px;margin:8px 2px 0}.row{display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px solid var(--edge);padding:4px 0;font-size:13px}.row span{color:var(--dim);letter-spacing:.06em}.row b{font-family:var(--display);font-weight:400;color:#fff;font-size:16px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px 10px;margin:16px 0 4px}.grid figure{margin:0}.grid img{width:100%;aspect-ratio:360 / 560;object-fit:cover;display:block}.grid figcaption{font-family:var(--display);font-size:13px;letter-spacing:.06em;color:var(--pale);margin-top:4px}@media(max-height:700px){h1{font-size:44px}.legend{height:70px;margin-top:8px}.keep,.keep img{width:112px}.keep img{height:174px}.big{font-size:38px}}@media(prefers-reduced-motion:reduce){.cta,.legend .turn,.legend .fan,.legend .gem,.newbest,.lives.low i{animation:none}}.grid figure{cursor:pointer}.grid figure.pinned img{outline:1.5px solid var(--gold);outline-offset:1px}.grid figure.pinned figcaption:before{content:"✦";color:var(--gold)}.keep.big-keep,.keep.big-keep img{width:min(200px,54vw);height:auto}.keep.big-keep img{aspect-ratio:360 / 560}.row-btns.btns{flex-wrap:wrap;gap:8px}.row-btns.btns .pill{padding:0 14px}.pill.ad:after{content:"AD";margin-left:2px;padding:1px 4px;font-size:9px;font-weight:700;letter-spacing:.1em;color:#0c0a14;background:var(--spec)}