@font-face{font-family:Poiret One;src:url(../fonts/PoiretOne-Regular.ttf)format("truetype");font-display:block}@font-face{font-family:Englebert;src:url(../fonts/Englebert-Regular.ttf)format("truetype");font-display:block}:root{--paper:#fffde8;--ink:#2b2530;--soft:#6d6470;--card:#fff;--accent:#6b4e8f;--radius:18px;--column:520px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--paper);height:100%;color:var(--ink);-webkit-user-select:none;user-select:none;touch-action:manipulation;margin:0;font-family:Poiret One,system-ui,sans-serif;overflow:hidden}#stage,#ui{position:fixed;inset:0}#ui{pointer-events:none}.screen{pointer-events:auto;padding:calc(12px + var(--safe-top)) 16px calc(16px + var(--safe-bottom));padding-inline:max(16px, calc((100vw - var(--column)) / 2 + 16px));flex-direction:column;display:flex;position:absolute;inset:0}.screen[hidden]{display:none}.btn{font:inherit;color:var(--ink);background:var(--card);cursor:pointer;border:0;border-radius:14px;padding:12px 22px;font-family:Englebert,Poiret One,sans-serif;font-size:22px;line-height:1.15;transition:transform 80ms;box-shadow:0 2px #00000014,0 6px 18px #00000014}.btn:active{transform:scale(.96)}.btn:disabled{opacity:.5}.btn.primary{background:var(--ink);color:var(--paper)}.btn.icon{width:44px;height:44px;box-shadow:none;background:0 0;border-radius:50%;padding:0}.btn.back:before{content:"";border-bottom:2.5px solid;border-left:2.5px solid;width:14px;height:14px;margin:0 auto;display:block;transform:translate(3px)rotate(45deg)}.btn.mini{border-radius:50%;width:36px;height:36px;padding:0;font-size:22px;line-height:1}.bar{align-items:center;gap:8px;min-height:48px;display:flex}.bar h2{margin:0;font-size:26px;font-weight:400}.menu{background:var(--paper);justify-content:space-between;align-items:center;overflow:hidden}.menu .splash{filter:blur(6px);pointer-events:none;background:radial-gradient(closest-side,#e0302f38,#0000) 18% 58%/46% 34% no-repeat,radial-gradient(closest-side,#2f7fb538,#0000) 78% 66%/50% 36% no-repeat,radial-gradient(closest-side,#f2a07c40,#0000) 30% 80%/40% 30% no-repeat,radial-gradient(closest-side,#4fd1a52e,#0000) 86% 40%/36% 28% no-repeat,radial-gradient(closest-side,#6d5a8e33,#0000) 56%/44% 30% no-repeat;position:absolute;inset:-10%}.logo{letter-spacing:-.02em;background:#fff;border-radius:.45em;margin:8vh 0 0;padding:.05em .35em .15em;font-size:min(30vw,150px);font-weight:400;line-height:1;position:relative;box-shadow:0 6px 24px #00000014}.logo span{color:#0000;-webkit-background-clip:text;background-clip:text}.wallet{color:var(--soft);gap:18px;font-size:18px;display:flex;position:relative}.wallet b{color:var(--ink);font-size:22px;font-weight:400}.menu-actions{flex-direction:column;align-items:center;gap:14px;margin-bottom:8vh;display:flex;position:relative}.menu-actions .primary{padding:14px 64px;font-size:30px}.btn.gift{background:#fff6d6;font-size:18px}.palettes{background:var(--paper)}.palette-list{flex-direction:column;flex:1;gap:10px;padding:8px 2px 24px;display:flex;overflow-y:auto}.palette{background:var(--card);border-radius:var(--radius);flex-shrink:0;overflow:hidden;box-shadow:0 2px 10px #0000000f}.palette .head{cursor:pointer;align-items:center;gap:14px;padding:12px 14px;display:flex}.palette.locked .head{cursor:default;opacity:.75}.dots{display:flex}.dot{border:3px solid #fff;border-radius:50%;width:34px;height:34px;margin-left:-10px;box-shadow:0 1px 3px #00000026;background-clip:padding-box!important}.dot:first-child{margin-left:0}.dot.unknown{position:relative;background:#e8e4df!important}.dot.unknown:after{content:"?";color:var(--soft);place-items:center;font-size:16px;display:grid;position:absolute;inset:0}.info{flex-direction:column;display:flex}.info b{font-size:22px;font-weight:400}.info small{color:var(--soft);font-size:15px}.modes{gap:10px;padding:0 14px 14px;display:flex}.modes[hidden]{display:none}.modes .btn{flex:1}.play{pointer-events:none;color:var(--ink)}.play .bar,.play .stats,.play .end{pointer-events:auto}.play .bar{min-height:40px}.stats{text-align:center;grid-auto-columns:1fr;grid-auto-flow:column;justify-items:center;margin:0 -16px;display:grid}.stat{flex-direction:column;align-items:center;display:flex}.stat small{font-size:18px}.stat b{font-size:40px;font-weight:400;line-height:1.1}.stepper{align-items:center;gap:18px;display:flex}.stepper .btn.mini{width:44px;height:44px;font-family:system-ui,sans-serif;font-size:26px}.end{background:#00000040;place-items:center;padding:24px 24px 14vh;display:grid;position:absolute;inset:0}.end[hidden]{display:none}.end .card{--ink:#2b2530;background:var(--paper);color:#2b2530;text-align:center;border-radius:24px;width:min(100%,360px);padding:24px;box-shadow:0 10px 40px #0003}.end h3{margin:0 0 8px;font-size:30px;font-weight:400}.end p{margin:6px 0;font-size:20px}.end .big{font-size:34px}.end .math{max-width:260px;margin:10px auto 4px}.end .line{justify-content:space-between;margin:2px 0;font-size:17px;display:flex}.end .line b{font-weight:400}.end .line.sub{color:var(--soft);padding-left:12px;font-size:15px}.end .earned{color:var(--accent);font-size:26px}.end .row{gap:10px;margin-top:18px;display:flex}.end .row .btn{flex:1;padding:12px 10px;font-size:18px}.discovery{background:var(--paper);gap:10px}.discovery .wallet{justify-content:center}.card-grid{flex:1;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));align-content:start;gap:12px;padding:6px 2px;display:grid;overflow-y:auto}.color-card{font:inherit;color:var(--ink);cursor:pointer;background:#fff;border:0;border-radius:16px;flex-direction:column;gap:6px;padding:6px 6px 8px;font-size:15px;display:flex;box-shadow:0 2px 10px #00000014}.color-card i{aspect-ratio:3/4;border-radius:11px}.color-card span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.color-card.fresh{animation:.5s ease-out pop}@keyframes pop{0%{transform:scale(.6)rotate(-6deg)}70%{transform:scale(1.06)}}.empty,.note{text-align:center;color:var(--soft);min-height:1.2em;margin:0;font-size:17px}.empty{grid-column:1/-1;padding-top:20vh}.btn.draw{align-self:center;padding:14px 28px}.safe{color:var(--ink);align-items:center;gap:14px;transition:background .4s}.safe .bar{justify-content:space-between;align-self:stretch}.safe .tests{font-size:18px}.safe-cup{aspect-ratio:1;background:var(--mix,#fff);background-clip:padding-box;border:min(4.5vw,2.4vh) solid #fffde8;border-radius:50%;width:min(62vw,34vh);margin-top:2vh}.safe-msg{white-space:pre-line;text-align:center;min-height:3.6em;margin:0;font-size:20px}.sliders{flex-direction:column;gap:18px;width:min(100%,420px);margin-top:auto;display:flex}.slider{align-items:center;gap:10px;display:flex}.slider input{appearance:none;background:var(--track);background-clip:padding-box;border:3px solid #fffde8;border-radius:11px;flex:1;height:22px;box-shadow:0 2px 8px #0000001f}.slider input::-webkit-slider-thumb{appearance:none;background:#fffde8;border-radius:50%;width:34px;height:34px;box-shadow:0 2px 6px #0000004d}.slider input::-moz-range-thumb{background:#fffde8;border:0;border-radius:50%;width:30px;height:30px}.slider input:disabled{opacity:.85}.lock{background:#fffde8;border-radius:50%;width:22px;height:22px;position:relative}.lock:after{content:"✓";color:#2b2530;place-items:center;font-size:15px;font-style:normal;display:grid;position:absolute;inset:0}.lock[hidden]{visibility:hidden;display:block}.safe>.btn.primary{margin:6px 0 2vh;padding:14px 54px;font-size:24px}.safe-cup{transition:border-width .9s ease-in-out}.safe-cup.testing{border-width:min(1.5vw,.8vh)}.safe-cup.opened{z-index:5;border-width:0;transition:border-width .3s;position:relative}.safe-reveal{z-index:10;text-align:center;color:var(--ink);opacity:0;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:24px;transition:opacity .5s ease-out,transform .5s ease-out;display:flex;position:absolute;inset:0;transform:translateY(12px)}.safe-reveal.show{opacity:1;pointer-events:auto;transform:none}.safe-reveal p{margin:0;font-size:22px}.safe-reveal h2{margin:0 0 8px;font-size:min(14vw,64px);font-weight:400;line-height:1.05}.safe-reveal .btn{margin-top:28px;padding:14px 54px;font-size:24px}.safe .btn.primary{color:#fffde8;background:#2b2530}.btn.gear{top:calc(12px + var(--safe-top));right:max(16px, calc((100vw - var(--column)) / 2 + 16px));z-index:1;color:var(--soft);position:absolute}.btn.gear:before{content:"⚙";font:26px system-ui,sans-serif}.settings{background:var(--paper)}.settings-list{flex-direction:column;flex:1;gap:14px;padding:8px 2px 24px;display:flex;overflow-y:auto}.settings-group{background:var(--card);border-radius:var(--radius);padding:14px 16px 16px;box-shadow:0 2px 10px #0000000f}.settings-group h3{margin:0 0 10px;font-size:22px;font-weight:400}.settings-group .hint{color:var(--soft);margin:0 0 8px;font-size:16px}.volume{flex-direction:column;gap:4px;margin:6px 0 10px;font-size:17px;display:flex}.volume input{accent-color:var(--ink)}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{font:inherit;color:var(--ink);cursor:pointer;background:0 0;border:1.5px solid #e4dfd8;border-radius:999px;padding:7px 16px;font-size:17px}.chip.on{background:var(--ink);border-color:var(--ink);color:var(--paper)}.cod-card{border-radius:var(--radius);background:var(--card);width:min(100%,340px);font:inherit;color:var(--ink);text-align:left;cursor:pointer;border:0;align-items:center;gap:14px;padding:12px 16px;display:flex;box-shadow:0 2px 10px #00000014}.cod-card:disabled{opacity:.75;cursor:default}.cod-card .info b{font-size:22px}.cod-card .info small{font-size:15px}.shop-link{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}.wallet.shop-link{background:#fff9;border-radius:999px;align-self:center;width:auto;padding:6px 14px}.wallet.shop-link i{background:var(--ink);width:22px;height:22px;color:var(--paper);border-radius:50%;place-items:center;font:16px system-ui,sans-serif;display:grid}.safe .tests.shop-link{font-size:18px;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.shop{background:var(--paper);gap:8px}.shop-list{flex-direction:column;flex:1;gap:14px;padding:6px 2px 16px;display:flex;overflow-y:auto}.shop-group{background:var(--card);border-radius:var(--radius);padding:14px 16px 16px;box-shadow:0 2px 10px #0000000f}.shop-group h3{margin:0;font-size:22px;font-weight:400}.shop-group .hint{color:var(--soft);margin:2px 0 10px;font-size:15px}.packs{flex-direction:column;gap:8px;display:flex}.pack{font:inherit;color:var(--ink);cursor:pointer;background:0 0;border:1.5px solid #ece7df;border-radius:12px;justify-content:space-between;align-items:center;padding:10px 14px;font-size:18px;display:flex}.pack b{font-family:Englebert,sans-serif;font-weight:400}.pack:disabled{opacity:.6;cursor:default}.pack.video{background:#fff6d6;border-color:#f3e3a8}