html:has(.play-page){--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body:has(.play-page){background:#f6effd}body:has(.play-page):before{display:none}.play-page{--soft-edge:#dcc6f2;--fg:#1c1426;--muted:#655878;--faint:#716585;--line:#e8dcf6;--danger:#d83a4a;--berry:linear-gradient(160deg, #3b1a5e, #1f0d36);background:radial-gradient(60rem 30rem at 50% -8%, #e6d4fa, transparent 70%), var(--lavender);min-height:100svh;color:var(--fg);flex-direction:column;flex:1;display:flex;position:relative;overflow-x:clip}.play-page :focus-visible{outline:3px solid var(--brand-600);outline-offset:3px}.play-ticker{z-index:1;border-bottom:1.5px solid var(--line);background:#fff;padding:10px 0;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000);mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000)}.play-ticker-track{width:max-content;margin:0;padding:0;list-style:none;animation:36s linear infinite play-tick;display:flex}.play-ticker li{white-space:nowrap;color:var(--muted);align-items:center;gap:8px;padding:0 18px;font-size:13px;font-weight:600;display:flex}.play-ticker-star{color:var(--brand-600);font-size:12px}.play-ticker-event strong{color:var(--brand-600);font-weight:800}.play-main{z-index:1;width:100%;max-width:440px;padding:14px 14px calc(64px + env(safe-area-inset-bottom));flex-direction:column;gap:12px;margin:0 auto;display:flex;position:relative}.lander-card{border:1.5px solid var(--line);background:#fff;border-radius:22px;position:relative;box-shadow:0 14px 34px -18px #9658d466,0 2px #9658d40f}.sb-button,.tm-start{isolation:isolate;background:var(--brand-grad);min-height:54px;font-family:var(--display);letter-spacing:-.01em;color:#fff;text-shadow:0 2px #46197d73;box-shadow:inset 0 -3px 0 #46197d2e, 0 5px 0 var(--brand-edge), 0 18px 28px -12px #9658d499;border:0;border-radius:16px;justify-content:center;align-items:center;gap:10px;padding:0 26px;font-size:18px;font-weight:800;transition:translate .12s,box-shadow .12s,filter .2s;display:inline-flex;position:relative;overflow:hidden}.sb-button:before,.tm-start:before{content:"";z-index:-1;background:#ffffff8c;border-radius:99px;width:32%;height:8px;position:absolute;top:5px;left:12px}.sb-button:after,.tm-start:after{content:"";z-index:-1;background:#ffffffbf;border-radius:50%;width:6px;height:6px;position:absolute;top:6px;right:14px}.sb-button:hover,.tm-start:hover{filter:brightness(1.05)saturate(1.05)}.sb-button:active,.tm-start:active{box-shadow:inset 0 -3px 0 #46197d2e, 0 2px 0 var(--brand-edge), 0 8px 16px -10px #9658d480;translate:0 3px}.sb-button svg{filter:drop-shadow(0 2px #46197d73);transition:translate .2s}.sb-button:hover svg{translate:3px}.sb-button-wide,.tm-start{width:100%;min-height:58px;font-size:19px}.lander-hero{text-align:center;flex-direction:column;align-items:center;gap:14px;padding:20px 18px 28px;display:flex;overflow:hidden}.lander-hero:before{content:"";pointer-events:none;background:radial-gradient(closest-side,#d3b2f180,#0000);width:340px;height:230px;position:absolute;top:-60px;left:50%;translate:-50%}.lander-logo{width:100%;height:auto;display:block;position:relative}.lander-logo-hero{width:min(100%,340px);margin:0 auto -2px;animation:3.2s ease-in-out infinite alternate sb-bob}.lander-pill{border:1.5px solid var(--brand-200);background:var(--brand-50);color:var(--fg);border-radius:99px;align-items:center;gap:7px;padding:7px 14px;font-size:13px;font-weight:600;display:inline-flex}.lander-pill span{color:var(--brand-600)}.lander-hero h1{font-family:var(--display);letter-spacing:-.035em;color:var(--fg);font-size:clamp(28px,8.4vw,36px);font-weight:800;line-height:1.06}.lander-hero h1 span{background:var(--brand-grad);color:#0000;-webkit-background-clip:text;background-clip:text}.lander-sub{max-width:33ch;color:var(--muted);font-size:15px;line-height:1.5}.lander-live{border:1.5px solid var(--brand-300);background:var(--brand-50);color:var(--brand-text);border-radius:99px;align-items:center;gap:10px;padding:8px 16px;font-size:14px;font-weight:700;display:inline-flex}.lander-dot{background:var(--brand-600);border-radius:50%;width:8px;height:8px;position:relative}.lander-dot:after{content:"";border-radius:inherit;background:var(--brand-600);animation:1.6s ease-out infinite lander-ping;position:absolute;inset:0}.lander-play{min-width:220px}.lander-progress{padding:18px 20px 16px;scroll-margin-top:12px}.lander-progress-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.lander-label{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:11.5px;font-weight:800}.tm-chip{border:1.5px solid var(--brand-200);background:var(--brand-50);white-space:nowrap;color:var(--brand-text);border-radius:99px;padding:3px 10px;font-size:11px;font-weight:700}.lander-amount{align-items:baseline;margin-top:6px;display:flex}.lander-amount strong,.tm-dialog-amount strong{font-family:var(--display);letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--brand-edge);text-shadow:0 3px 0 var(--brand-edge), 0 12px 22px #9658d44d;font-size:50px;font-weight:800;line-height:1.1;display:inline-block;position:relative}.lander-amount strong:after,.tm-dialog-amount strong:after{content:attr(data-text);background:var(--brand-grad);color:#0000;text-shadow:none;-webkit-background-clip:text;background-clip:text;position:absolute;inset:0}.lander-amount strong{transform-origin:0 100%;animation:.45s cubic-bezier(.2,1.6,.4,1) lander-bump}.lander-bar{background:var(--brand-100);border-radius:99px;height:12px;margin-top:12px;overflow:hidden;box-shadow:inset 0 1px 3px #6e3caa33}.lander-bar span{border-radius:inherit;background:linear-gradient(#ffffff80, #ffffff80) 6px 2px / calc(100% - 12px) 3px no-repeat, var(--brand-grad);height:100%;transition:width .5s cubic-bezier(.3,.8,.3,1);display:block}.lander-goal-row{justify-content:space-between;align-items:baseline;gap:8px;margin-top:9px;display:flex}.lander-goal{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:11.5px;font-weight:800}.lander-matches{color:var(--fg);font-variant-numeric:tabular-nums;font-size:12.5px;font-weight:700}.lander-game{padding:12px}.tm-stage{position:relative}.tm-board{z-index:1;border:2.5px solid var(--ink);background:radial-gradient(70% 60% at 50% 40%, #a970dc47, transparent 75%), var(--berry);width:100%;box-shadow:inset 0 3px 16px #00000073, 0 4px 0 var(--ink);border-radius:18px;position:relative}.tm-board:before{content:"";border-radius:inherit;pointer-events:none;background-image:radial-gradient(#d3b2f133 1px,#0000 1.4px);background-size:16px 16px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 30%,#0000 78%);mask-image:radial-gradient(#000 30%,#0000 78%)}.tm-board[data-front]{z-index:3}.tm-tile{border:2px solid var(--ink);box-shadow:inset 0 -3px 0 #9658d424, 0 4px 0 var(--ink), 0 10px 14px -6px #0009;translate:0 calc(var(--z) * -5px);cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:linear-gradient(170deg,#fff 0%,#f8f2fe 100%);border-radius:22%/20%;place-items:center;padding:0;transition:translate .18s cubic-bezier(.3,.7,.4,1),box-shadow .3s;display:grid;position:absolute}.tm-tile:after{content:"";border-radius:inherit;opacity:0;pointer-events:none;background:linear-gradient(170deg,#6b4a91,#34205a);transition:opacity .3s;position:absolute;inset:0}.tm-tile:not([data-open]){box-shadow:0 4px 0 var(--ink), 0 8px 12px -6px #0000008c}.tm-tile:not([data-open]):after{opacity:.78}.tm-tile[data-ready]{box-shadow:0 4px 0 var(--ink), 0 0 0 3px var(--brand-400), 0 0 24px 4px #a970dcb3;animation:1s ease-in-out infinite alternate tm-ready}.tm-tile:disabled{cursor:default}.tm-art{pointer-events:none;width:74%;height:auto}@media (hover:hover){.tm-tile[data-open]:enabled:hover{translate:0 calc(var(--z) * -5px - 3px)}}.tm-tile[data-open]:enabled:active{translate:0 calc(var(--z) * -5px + 2px);box-shadow:0 2px 0 var(--ink), 0 5px 8px -4px #0009}.tm-intro{z-index:5;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);cursor:pointer;background:#24103a9e;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:14px;transition:opacity .3s,visibility .3s;animation:.35s ease-out tm-rise;display:flex;position:absolute;inset:0}.tm-intro[data-gone]{opacity:0;visibility:hidden}.tm-tap{background:var(--brand-grad);color:#fff;width:58px;height:58px;box-shadow:0 4px 0 var(--brand-edge), 0 0 0 6px #d3b2f159;border-radius:50%;place-items:center;animation:1.4s ease-in-out infinite tm-tap;display:grid}.tm-tap svg{filter:drop-shadow(0 2px #46197d73)}.tm-howto{border:2px solid var(--ink);width:100%;max-width:300px;box-shadow:0 5px 0 var(--ink);background:#fff;border-radius:16px;padding:14px 16px 15px}.tm-howto h2{letter-spacing:.16em;text-align:center;text-transform:uppercase;color:var(--brand-text);font-size:12px;font-weight:800}.tm-howto ul{gap:9px;margin:12px 0 0;padding:0;list-style:none;display:grid}.tm-howto li{color:var(--fg);align-items:center;gap:10px;font-size:14px;font-weight:600;line-height:1.3;display:flex}.tm-howto .tm-mini{border-radius:6px;flex:none;width:24px;height:26px}.tm-go{font-family:var(--display);color:#fff;text-shadow:0 2px 0 var(--ink);padding:4px 8px;font-size:16px;font-weight:800}.tm-mini{border:1.5px solid var(--ink);width:27px;height:29px;box-shadow:0 2px 0 var(--ink);background:linear-gradient(170deg,#fff,#f8f2fe);border-radius:7px;place-items:center;display:grid}.tm-mini svg{width:78%}.tm-tray-head{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);justify-content:space-between;align-items:center;margin:16px 4px 7px;font-size:11px;font-weight:800;display:flex}.tm-tray-side{align-items:center;gap:10px;display:inline-flex}.tm-tray-count{letter-spacing:0;color:var(--brand-text);font-variant-numeric:tabular-nums;transition:color .25s}.tm-tray-head[data-danger] .tm-tray-count{color:var(--danger)}.tm-sound{border:1.5px solid var(--line);width:28px;height:28px;color:var(--brand-text);touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:#fff;border-radius:50%;place-items:center;margin:-6px 0;padding:0;transition:color .2s,border-color .2s,background-color .2s;display:grid;position:relative}.tm-sound:after{content:"";position:absolute;inset:-8px}.tm-sound[aria-pressed=false]{color:var(--faint)}.tm-sound:hover{border-color:var(--brand-200);background:var(--brand-50)}.tm-sound:active{translate:0 1px}.tm-tray{z-index:2;border:2.5px solid var(--ink);background:var(--berry);box-shadow:inset 0 2px 10px #00000080, 0 4px 0 var(--ink);border-radius:16px;padding:6px;transition:border-color .25s,box-shadow .25s;position:relative}.tm-tray[data-danger]{border-color:var(--danger);box-shadow:inset 0 2px 10px #00000080, 0 4px 0 var(--danger), 0 0 0 5px #d83a4a2e}.tm-slots,.tm-tray-tiles,.tm-bursts,.tm-gains{grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;display:grid}.tm-tray-tiles,.tm-bursts,.tm-gains{pointer-events:none;margin:0;padding:0;list-style:none;position:absolute;inset:6px}.tm-slots span{aspect-ratio:56/60;background:#ffffff12;border-radius:10px;box-shadow:inset 0 1px 3px #00000080}.tm-tray[data-danger] .tm-slots span:last-child{box-shadow:inset 0 0 0 1.5px #ff8c96b3}.tm-tray-tile{aspect-ratio:56/60;border:2px solid var(--ink);box-shadow:0 3px 0 var(--ink), 0 6px 10px -4px #0009;background:linear-gradient(170deg,#fff,#f8f2fe);border-radius:10px;grid-row:1;place-items:center;display:grid}.tm-tray-tile .tm-art{width:78%}.tm-tray-tile[data-clearing]{animation:.32s cubic-bezier(.4,0,.6,1) .3s forwards tm-clear}.tm-burst{grid-row:1;position:relative}.tm-burst i{background:var(--brand-300);opacity:0;border-radius:2px;width:3px;height:10px;margin:-5px 0 0 -1.5px;animation:.5s ease-out .44s forwards tm-spark;position:absolute;top:50%;left:50%}.tm-burst i:nth-child(2n){background:#fff}.tm-gain-cell{grid-row:1;position:relative}.tm-gain{background:var(--brand-grad);font-family:var(--display);white-space:nowrap;color:#fff;text-shadow:0 1px #46197d73;box-shadow:0 3px 0 var(--brand-edge), 0 8px 16px -6px #9658d499;opacity:0;border-radius:99px;padding:3px 10px;font-size:14px;font-weight:800;animation:1.6s cubic-bezier(.2,.8,.3,1) .4s forwards tm-gain;position:absolute;bottom:100%;left:50%;translate:-50%}.tm-controls{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px;display:grid}.tm-controls button{border:1.5px solid var(--soft-edge);white-space:nowrap;min-height:42px;color:var(--fg);box-shadow:0 3px 0 var(--soft-edge);background:#fff;border-radius:12px;justify-content:center;align-items:center;gap:6px;font-size:13.5px;font-weight:700;transition:background-color .2s,translate .12s,box-shadow .12s,opacity .2s;display:inline-flex}.tm-controls button:hover:enabled{background:var(--brand-50)}.tm-controls button:active:enabled{box-shadow:0 1px 0 var(--soft-edge);translate:0 2px}.tm-controls button:disabled{opacity:.4}.tm-status{text-align:center;min-height:21px;color:var(--muted);margin:12px 0 2px;font-size:13.5px;font-weight:600;animation:.35s ease-out tm-status}.tm-status[data-tone=match]{color:var(--brand-text);font-weight:800}.tm-status[data-tone=warn]{color:var(--danger)}.tm-cleared{text-align:center;place-content:center;justify-items:center;gap:4px;animation:.5s .2s both tm-rise;display:grid;position:absolute;inset:0}.tm-cleared-title{font-family:var(--display);letter-spacing:-.03em;color:#fff;text-shadow:0 3px 0 var(--ink);font-size:32px;font-weight:800}.tm-cleared-meta{color:#ffffffbf;font-size:13px;font-weight:600}.tm-cleared button{border:1.5px solid var(--soft-edge);color:var(--fg);box-shadow:0 3px 0 var(--soft-edge);background:#fff;border-radius:99px;margin-top:12px;padding:9px 18px;font-size:14px;font-weight:700}.tm-cleared button:active{box-shadow:0 1px 0 var(--soft-edge);translate:0 2px}.tm-confetti{position:absolute;top:50%;left:50%}.tm-confetti i{--reach:-120px;background:var(--brand-400);opacity:0;border-radius:2px;width:9px;height:9px;margin:-4.5px;animation:1.2s cubic-bezier(.2,.7,.3,1) forwards tm-confetti;position:absolute}.tm-confetti i:nth-child(2n){--reach:-84px}.tm-confetti i:nth-child(3n+1){background:#fff}.tm-confetti i:nth-child(3n+2){background:#ffd23f}.tm-dialog{border:2.5px solid var(--ink);background:radial-gradient(120% 50% at 50% 0%, var(--brand-100), #fff 62%);width:min(370px,100% - 28px);color:var(--fg);box-shadow:0 8px 0 var(--ink), 0 40px 90px #280f4659;border-radius:26px;margin:auto;padding:0;overflow:visible}.tm-dialog[open]{animation:.45s cubic-bezier(.2,1.3,.4,1) tm-dialog-in}.tm-dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#24103a80}.tm-dialog-body{text-align:center;padding:24px 22px 20px}.tm-dialog-body>.lander-logo{width:min(100%,250px);margin:0 auto 10px}.tm-dialog-art{isolation:isolate;justify-content:center;margin-bottom:14px;display:flex;position:relative}.tm-dialog-glow{z-index:-1;background:radial-gradient(closest-side,#d3b2f18c,#0000);position:absolute;inset:-24px -10px}.tm-dialog-art .tm-mini{width:46px;height:50px;box-shadow:0 4px 0 var(--ink), 0 12px 20px -8px #280f4680;border-width:2px;border-radius:12px}.tm-dialog-art .tm-mini+.tm-mini{margin-left:-10px}.tm-dialog-art .tm-mini:nth-child(2){translate:0 4px;rotate:-12deg}.tm-dialog-art .tm-mini:nth-child(4){translate:0 4px;rotate:12deg}.tm-dialog-art.tm-dialog-full{gap:4px}.tm-dialog-full .tm-mini{border-radius:8px;width:32px;height:35px}.tm-dialog-full .tm-mini+.tm-mini{margin-left:0}.tm-dialog-full .tm-mini:nth-child(n){translate:none;rotate:none}.tm-dialog h2{font-family:var(--display);letter-spacing:-.03em;font-size:28px;font-weight:800;line-height:1.1}.tm-dialog-body>p{color:var(--muted);margin:10px 0 22px;font-size:14.5px;line-height:1.5}.tm-dialog-body>.tm-dialog-amount{color:var(--muted);margin:4px 0 12px;font-size:14.5px;font-weight:700}.tm-dialog-amount strong{font-size:60px;display:block}.tm-dialog-body>.tm-dialog-note{color:var(--faint);margin:14px 0 0;font-size:12px}.tm-dialog-second{border:1.5px solid var(--soft-edge);width:100%;min-height:52px;color:var(--fg);box-shadow:0 4px 0 var(--soft-edge);background:#fff;border-radius:16px;margin-top:12px;font-size:15.5px;font-weight:800;transition:background-color .2s,translate .12s,box-shadow .12s;display:block}.tm-dialog-second:hover{background:var(--brand-50)}.tm-dialog-second:active{box-shadow:0 2px 0 var(--soft-edge);translate:0 2px}.play-facts{grid-template-columns:repeat(3,1fr);padding:18px 4px;display:grid}.play-facts div{text-align:center;flex-direction:column-reverse;align-items:center;gap:5px;display:flex}.play-facts div+div{border-left:1.5px solid var(--line)}.play-facts dd{font-family:var(--display);letter-spacing:-.03em;color:var(--fg);font-size:23px;font-weight:800}.play-facts dt{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:10.5px;font-weight:800}.play-fine{text-align:center;color:var(--faint);margin-top:6px;padding:0 8px;font-size:12px;line-height:1.6}.play-links{color:var(--muted);flex-wrap:wrap;justify-content:center;gap:6px 10px;font-size:13px;display:flex}.play-links a,.play-links button{transition:color .2s}.play-links a:hover,.play-links button:hover{color:var(--brand-text)}.play-bottom{flex-direction:column;align-items:center;gap:14px;margin-top:12px;display:flex}.play-login{color:var(--muted);font-size:13.5px}.play-login a{color:var(--brand-text);text-underline-offset:3px;font-weight:700;-webkit-text-decoration:underline #7d3fc059;text-decoration:underline #7d3fc059}.play-decor{display:none}@media (min-width:900px){.play-decor{z-index:0;pointer-events:none;display:block;position:fixed;inset:0;overflow:hidden}.play-decor span{width:var(--size);height:var(--size);border:3px solid var(--ink);background:radial-gradient(circle at 32% 28%, #fff 0 10%, transparent 11%), radial-gradient(circle at 50% 45%, var(--brand-300), var(--brand-600) 80%);box-shadow:0 5px 0 var(--ink);opacity:.5;border-radius:50%;animation:7s ease-in-out infinite alternate tm-float;position:absolute}.play-decor span:first-child{--size:96px;top:16%;left:12%}.play-decor span:nth-child(2){--size:44px;animation-delay:-2s;top:42%;left:21%}.play-decor span:nth-child(3){--size:70px;animation-delay:-4s;top:68%;left:9%}.play-decor span:nth-child(4){--size:60px;animation-delay:-1s;top:20%;right:13%}.play-decor span:nth-child(5){--size:110px;animation-delay:-5s;top:52%;right:9%}.play-decor span:nth-child(6){--size:34px;animation-delay:-3s;top:80%;right:22%}}@keyframes play-tick{to{transform:translate(-50%)}}@keyframes sb-bob{0%{transform:translateY(2px)rotate(-.5deg)}to{transform:translateY(-4px)rotate(.5deg)}}@keyframes lander-ping{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(2.8)}}@keyframes lander-bump{0%{transform:scale(1.22)}}@keyframes tm-float{to{transform:translateY(-22px)}}@keyframes tm-rise{0%{opacity:0;transform:translateY(10px)}}@keyframes tm-status{0%{opacity:0;transform:translateY(6px)}}@keyframes tm-ready{to{translate:0 calc(var(--z) * -5px - 3px)}}@keyframes tm-tap{0%,to{transform:scale(1)}50%{transform:scale(.9)}}@keyframes tm-clear{40%{filter:brightness(1.1);transform:translateY(-6px)scale(1.14)}to{transform:translateX(calc(var(--toward) * (100% + 5px))) translateY(-4px) scale(.2);opacity:0}}@keyframes tm-spark{0%{opacity:1;transform:rotate(calc(var(--i) * 45deg)) translateY(-10px) scaleY(1)}to{opacity:0;transform:rotate(calc(var(--i) * 45deg)) translateY(-34px) scaleY(.3)}}@keyframes tm-confetti{0%{opacity:1;transform:rotate(calc(var(--i) * 22.5deg)) translateY(0) scale(1)}to{opacity:0;transform:rotate(calc(var(--i) * 22.5deg)) translateY(var(--reach)) rotate(200deg) scale(.6)}}@keyframes tm-dialog-in{0%{opacity:0;transform:translateY(16px)scale(.92)}}@keyframes tm-gain{0%{opacity:0;transform:translateY(8px)scale(.7)}12%{opacity:1;transform:translateY(-4px)scale(1.1)}20%{transform:translateY(-6px)scale(1)}82%{opacity:1;transform:translateY(-14px)scale(1)}to{opacity:0;transform:translateY(-24px)scale(.95)}}@media (max-width:360px){.play-main{padding-inline:10px}.lander-game{padding:9px}.lander-amount strong{font-size:44px}.lander-live{padding:7px 13px;font-size:13px}.tm-intro{gap:9px;padding:10px}.tm-tap{width:44px;height:44px}.tm-tap svg{width:20px}.tm-howto{padding:11px 12px 12px}.tm-howto ul{gap:7px;margin-top:9px}.tm-howto li{font-size:12.5px}.tm-go{font-size:14px}.tm-chip{padding:2px 8px;font-size:10px}.tm-controls{gap:6px}.tm-controls button{font-size:13px}.tm-controls svg{display:none}.play-facts dd{font-size:19px}}
