.play{padding:clamp(32px,4vw,56px) 0}.play__box{position:relative;display:flex;flex-direction:column;align-items:center;gap:clamp(10px,1vw,14px);max-width:760px;margin:0 auto;padding:clamp(22px,2.4vw,34px) clamp(18px,2.6vw,40px);background:var(--paper-soft);text-align:center}.play__label{padding-inline:44px;font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--grey)}.play__title{font-size:clamp(22px,2vw,32px);line-height:.95;text-wrap:balance}.play__say{max-width:48ch;min-height:1.4em;font-size:clamp(15px,1.15vw,17px);line-height:1.4;color:var(--charcoal);text-wrap:balance}.play__row{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px}.play__row--split{flex-direction:column;gap:4px}.play__reel{display:grid;place-items:center;width:100%;min-height:clamp(64px,7vw,96px);overflow:hidden;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink)}.play__reel .display{font-size:clamp(30px,4vw,60px);line-height:1;transition:filter .2s,transform .2s}.play__reel.is-rolling .display{filter:blur(1.5px);transform:translateY(-2px)}.play__reel.is-landed .display{background:linear-gradient(var(--yellow),var(--yellow)) 0 86% / 100% .28em no-repeat}.play__swatches{display:flex;gap:clamp(14px,2vw,24px);padding:6px 0}.play__swatch{width:clamp(56px,6vw,76px);aspect-ratio:1;border-radius:50%;box-shadow:inset 0 0 0 1px #0000001f;transition:transform .4s var(--ease),opacity .4s var(--ease),box-shadow .4s var(--ease)}.play__swatch:not(:disabled):hover{transform:scale(1.08)}.play__swatch:disabled{cursor:default}.play__swatch.is-right{box-shadow:0 0 0 4px var(--paper-soft),0 0 0 6px var(--ink);transform:scale(1.06)}.play__swatch.is-wrong{opacity:.45;transform:scale(.92)}.play__swatch.is-out{opacity:.3}.play__picks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px;width:100%;margin:4px 0 6px;text-align:left}.play__pick{display:flex;align-items:center;gap:12px;width:100%;min-height:48px;border-bottom:1px solid var(--line-soft);font-size:16px;font-weight:500}.play__tick{position:relative;flex:none;width:18px;height:18px;box-shadow:inset 0 0 0 1px var(--ink);transition:background-color .3s var(--ease)}.play__tick:after{content:"";position:absolute;left:6px;top:2px;width:5px;height:10px;border:solid var(--ink);border-width:0 2px 2px 0;transform:rotate(45deg) scale(0);transition:transform .3s var(--ease)}.play__pick.is-on .play__tick{background:var(--yellow)}.play__pick.is-on .play__tick:after{transform:rotate(45deg) scale(1)}.play__dots{display:flex;gap:8px}.play__dots span{width:8px;height:8px;border-radius:50%;box-shadow:inset 0 0 0 1px var(--ink);transition:background-color .3s var(--ease)}.play__dots .is-yes{background:var(--yellow);box-shadow:inset 0 0 0 1px var(--yellow-deep)}.play__dots .is-no{background:var(--ink)}.play__guess{display:flex;flex-direction:column;align-items:center;gap:10px;width:min(420px,100%)}.play__num{font-size:clamp(56px,7vw,96px);line-height:.95;font-variant-numeric:tabular-nums}.play__range{width:100%;accent-color:var(--ink)}.play__track{display:flex;flex-direction:column;align-items:center;gap:10px;margin:0 auto clamp(32px,4vw,56px);text-align:center}.play__track p{font-size:15px;color:var(--charcoal)}.play__link{color:var(--ink);font-weight:500;padding-bottom:2px;background:linear-gradient(currentColor,currentColor) 0 100% / 0% 1px no-repeat,linear-gradient(var(--line-soft),var(--line-soft)) 0 100% / 100% 1px no-repeat;transition:background-size .4s var(--ease)}.play__link:hover{background-size:100% 1px,100% 1px}.play__bar{position:relative;display:block;width:min(240px,60vw);height:2px;background:var(--line-soft)}.play__bar>span{position:absolute;inset:0;background:var(--ink);transform-origin:left;transition:transform .8s var(--ease)}@media(max-width:600px){.play__picks{grid-template-columns:minmax(0,1fr)}.play__box{padding:28px 18px}}.play__box--wide{max-width:980px}.mem{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(8px,1vw,12px);width:min(100%,680px);margin:6px 0 2px;perspective:900px}.mem__card{display:block;width:100%;aspect-ratio:3 / 4;border-radius:8px;transition:transform .45s var(--ease)}.mem__inner{position:relative;display:block;width:100%;height:100%;transform-style:preserve-3d}.mem__back,.mem__front{position:absolute;inset:0;display:grid;place-items:center;overflow:hidden;border-radius:8px;backface-visibility:hidden;-webkit-backface-visibility:hidden}.mem__back{background:#121213;box-shadow:inset 0 0 0 1px #ffffff0f,0 14px 26px -20px #000000bf}.mem__back:before{content:"";position:absolute;inset:7%;border:1px solid rgba(255,255,255,.12);border-radius:3px;transition:border-color .45s var(--ease)}.mem__logo{width:58%;aspect-ratio:619 / 205;background:var(--white);-webkit-mask:url(/images/pom-logo.webp) top center / 100% auto no-repeat;mask:url(/images/pom-logo.webp) top center / 100% auto no-repeat;transition:background-color .45s var(--ease),transform .6s var(--ease)}.mem__no{position:absolute;right:13%;bottom:11%;font-family:var(--f-mono);font-size:clamp(8px,.8vw,10px);font-weight:600;letter-spacing:.12em;color:#ffffff59}@media(hover:hover){.mem__card:hover{transform:translateY(-4px)}.mem__card:hover .mem__back:before{border-color:#ffcb048c}.mem__card:hover .mem__logo{background-color:var(--yellow);transform:scale(1.04)}}.mem__front{padding:12%;background:var(--white);box-shadow:inset 0 0 0 1px var(--line-soft),0 18px 30px -24px #00000080;transform:rotateY(180deg)}.mem__front img{max-width:100%;max-height:56%;object-fit:contain}.mem__card.is-won .mem__front{box-shadow:inset 0 0 0 2px var(--yellow)}.spot{display:flex;flex-direction:column;gap:10px;width:100%}.spot__frame{position:relative;width:100%;aspect-ratio:16 / 8;max-height:min(34svh,320px);overflow:hidden;background:var(--ink-soft)}.spot__frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;will-change:transform}.spot__img.is-pulling{animation:spot-pull 9s linear forwards}.spot__img.is-revealed{transform:scale(1);transition:transform .8s var(--ease)}@keyframes spot-pull{0%{transform:scale(5)}to{transform:scale(1.15)}}@media(prefers-reduced-motion:reduce){.spot__img.is-pulling{animation:none;transform:scale(1.6)}}.spot__cover{position:absolute;inset:0;display:grid;place-items:center;color:var(--yellow)}.spot__cover .display{font-size:clamp(72px,10vw,140px)}.spot__options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.spot__opt{min-height:46px;padding:8px 10px;background:var(--white);box-shadow:inset 0 0 0 1px var(--line-soft);font-size:15px;font-weight:500;line-height:1.2;transition:background-color .3s var(--ease),color .3s var(--ease),opacity .3s var(--ease),box-shadow .3s var(--ease)}.spot__opt:not(:disabled):hover{box-shadow:inset 0 0 0 1px var(--ink)}.spot__opt:disabled{cursor:default}.spot__opt.is-right{background:var(--yellow);box-shadow:none}.spot__opt.is-wrong{background:var(--ink);color:var(--white)}.spot__opt.is-out{opacity:.4}.cmem{display:flex;justify-content:center;gap:clamp(24px,4vw,56px);padding:6px 0}.cmem__swatch{display:flex;flex-direction:column;align-items:center;gap:10px}.cmem__dot{position:relative;display:grid;place-items:center;width:clamp(92px,9vw,120px);aspect-ratio:1;border-radius:50%;box-shadow:0 20px 40px -24px #00000080;transition:background-color .15s linear}.cmem__dot--empty{background:var(--white);box-shadow:inset 0 0 0 1px var(--line-soft)}.cmem__dot--empty .display{font-size:56px;color:var(--line-soft)}.cmem__count{font-size:56px;color:#ffffffeb}.cmem__tag{font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--grey)}.cmem__dials{display:flex;flex-direction:column;gap:14px;width:min(420px,100%)}.cmem__dials label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--grey);text-align:left}.cmem__dials input{-webkit-appearance:none;appearance:none;width:100%;height:14px;border-radius:999px;outline-offset:4px}.cmem__hue{background:linear-gradient(90deg,#e61919,#e6e619,#19e619,#19e6e6,#1919e6,#e619e6,#e6191d)}.cmem__light{background:linear-gradient(90deg,hsl(var(--hue) 70% 10%),hsl(var(--hue) 70% 50%),hsl(var(--hue) 70% 90%))}.cmem__dials input::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;border-radius:50%;background:var(--white);box-shadow:0 0 0 2px var(--ink),0 4px 10px #0000004d;cursor:grab}.cmem__dials input::-moz-range-thumb{width:24px;height:24px;border:0;border-radius:50%;background:var(--white);box-shadow:0 0 0 2px var(--ink),0 4px 10px #0000004d;cursor:grab}.swipe{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%}.swipe__deck{position:relative;display:grid;width:min(380px,100%);aspect-ratio:16 / 10;margin:2px auto 26px}.swipe__card,.swipe__under{grid-area:1 / 1;border-radius:18px}.swipe__card{position:relative;z-index:3;display:grid;place-items:center;padding:clamp(28px,4vw,44px) clamp(22px,3vw,36px);box-shadow:0 30px 50px -30px #0000008c;cursor:grab;touch-action:pan-y;user-select:none;-webkit-user-select:none}.swipe__card p{font-size:clamp(22px,2.3vw,32px);line-height:.95;text-align:center;text-wrap:balance}.swipe__card--paper{background:var(--white);color:var(--ink);box-shadow:inset 0 0 0 1px var(--line-soft),0 30px 50px -30px #0000008c}.swipe__card--ink{background:var(--ink-soft);color:var(--white)}.swipe__card--yellow{background:var(--yellow);color:var(--ink)}.swipe__under{z-index:1;pointer-events:none;transform-origin:50% 100%}.swipe__under--1{z-index:2;transform:translateY(12px) scale(.95);opacity:.85}.swipe__under--2{transform:translateY(24px) scale(.9);opacity:.55}.swipe__mark,.swipe__count{position:absolute;top:16px;font-family:var(--f-display);font-size:12px;font-weight:800;letter-spacing:.12em;opacity:.5}.swipe__mark{left:20px}.swipe__count{right:20px;font-family:var(--f-sans);font-weight:600}.swipe__stamp{position:absolute;top:42px;padding:6px 12px 4px;border:3px solid currentColor;border-radius:8px;font-family:var(--f-display);font-size:clamp(22px,2.4vw,30px);font-weight:900;line-height:1;text-transform:uppercase;pointer-events:none}.swipe__stamp--brand{left:20px;color:var(--yellow-deep);rotate:-12deg}.swipe__card--yellow .swipe__stamp--brand{color:var(--ink)}.swipe__stamp--bland{right:20px;color:var(--grey);rotate:12deg}.swipe__card--end{cursor:default;gap:12px;align-content:center}.swipe__best{font-size:14px;font-weight:600}.swipe__why{max-width:48ch;min-height:2.8em;font-size:15px;line-height:1.4;color:var(--charcoal);text-align:center;text-wrap:balance}.swipe__why strong{color:var(--ink);font-weight:600}.swipe__why.is-ok strong{background:linear-gradient(var(--yellow),var(--yellow)) 0 85% / 100% .35em no-repeat}.swipe__buttons{display:flex;gap:18px}.swipe__btn{display:inline-flex;align-items:center;gap:10px;height:50px;padding:0 22px;border-radius:999px;font-size:14px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;transition:transform .3s var(--ease),background-color .3s var(--ease),box-shadow .3s var(--ease)}.swipe__btn--bland{background:var(--white);color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}.swipe__btn--brand{background:var(--ink);color:var(--yellow)}@media(hover:hover){.swipe__btn--bland:hover{transform:translate(-3px) scale(1.04)}.swipe__btn--brand:hover{transform:translate(3px) scale(1.04)}}.swipe__btn:active{transform:scale(.94)}.play__say strong{color:var(--ink);font-weight:600}@media(max-width:720px){.mem{grid-template-columns:repeat(4,minmax(0,1fr))}.spot__options{grid-template-columns:repeat(2,minmax(0,1fr))}.spot__frame{aspect-ratio:4 / 3}}.tot{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%}.tot__pick{display:grid;place-items:center;min-height:clamp(120px,12vw,170px);padding:20px;border-radius:14px;transition:transform .45s var(--ease),box-shadow .45s var(--ease)}.tot__pick .display{font-size:clamp(30px,3.6vw,56px);line-height:.95;text-wrap:balance}.tot__pick--ink{background:var(--ink-soft);color:var(--white)}.tot__pick--paper{background:var(--white);color:var(--ink);box-shadow:inset 0 0 0 1px var(--line-soft)}.tot__pick--yellow{background:var(--yellow);color:var(--ink)}@media(hover:hover){.tot__pick:hover{transform:translateY(-4px) rotate(-1deg);box-shadow:0 24px 40px -28px #0000008c}.tot__pick:nth-child(2):hover{transform:translateY(-4px) rotate(1deg)}}.tot__or{position:absolute;top:50%;left:50%;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--paper-soft);font-size:13px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;translate:-50% -50%;pointer-events:none}.tot__result{width:100%}.tot__words{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:4px 0}.tot__words li{padding:10px 16px;border-radius:999px;background:var(--white);box-shadow:inset 0 0 0 1px var(--line-soft);font-size:15px;font-weight:500}.tot__words li:first-child{background:var(--yellow);box-shadow:none}@media(max-width:600px){.tot__pick{min-height:130px}}.play__sound{position:absolute;top:12px;right:12px;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;color:var(--charcoal);transition:background-color .3s var(--ease),color .3s var(--ease)}.play__sound:hover,.play__sound:focus-visible{background:var(--white);color:var(--ink)}.play__sound.is-off{color:var(--grey)}.play__stats{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:-2px 0 2px}.play__stat{display:inline-flex;align-items:baseline;gap:8px;height:32px;padding:0 14px;align-items:center;border-radius:999px;background:var(--white);box-shadow:inset 0 0 0 1px var(--line-soft);transition:background-color .4s var(--ease),box-shadow .4s var(--ease)}.play__stat-k{font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--grey)}.play__stat-v{display:inline-block;min-width:1.4ch;font-family:var(--f-display);font-size:18px;font-weight:800;line-height:1;font-variant-numeric:tabular-nums;color:var(--ink)}.play__stat.is-hot{background:var(--yellow);box-shadow:none}.play__stat.is-hot .play__stat-k{color:var(--ink);opacity:.6}.play__replay{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:0 20px;border:1px solid var(--ink);background:transparent;color:var(--ink);font-family:var(--f-mono);font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;transition:background-color .4s var(--ease),color .4s var(--ease)}.play__replay svg{transition:transform .6s var(--ease)}.play__replay:hover,.play__replay:focus-visible{background:var(--ink);color:var(--yellow)}.play__replay:hover svg,.play__replay:focus-visible svg{transform:rotate(-300deg)}.play__replay:active{transform:translateY(1px)}.hub__tiles{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(10px,1.2vw,16px)}.hub__tile{display:flex;flex-direction:column;align-items:flex-start;gap:8px;width:100%;height:100%;padding:18px 18px 16px;border-radius:14px;background:radial-gradient(120% 90% at 20% 0%,#2c2a2f,#2c2a2f00 60%),linear-gradient(160deg,#1d1b1f,#0f0e10);color:var(--white);text-align:left;box-shadow:0 18px 30px -24px #000000b3;transition:transform .45s var(--ease),box-shadow .45s var(--ease)}.hub__art{display:grid;place-items:center;width:100%;aspect-ratio:16 / 10;margin-bottom:6px;border-radius:8px;box-shadow:inset 0 0 0 1px #ffffff1f;transition:box-shadow .4s var(--ease)}.hub__art svg{width:46%;height:auto;transition:transform .6s var(--ease)}.hub__name{font-family:var(--f-display);font-size:clamp(20px,1.6vw,24px);font-weight:400;text-transform:uppercase;letter-spacing:-.03em;line-height:.95}.hub__line{font-size:13.5px;line-height:1.4;color:#ffffff9e}.hub__foot{display:flex;justify-content:space-between;align-items:center;width:100%;margin-top:auto;padding-top:10px;font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#ffffff80}.hub__go{padding:6px 10px;border-radius:999px;background:#ffffff1a;color:var(--white);transition:background-color .3s var(--ease),color .3s var(--ease)}@media(hover:hover){.hub__tile:hover{transform:translateY(-4px);box-shadow:0 26px 40px -26px #000000bf}.hub__tile:hover .hub__art{box-shadow:inset 0 0 0 1px var(--yellow)}.hub__tile:hover .hub__art svg{transform:scale(1.08) rotate(-3deg)}}.hub__tile.is-on .hub__art{box-shadow:inset 0 0 0 1px var(--yellow)}.hub__tile.is-on .hub__go{background:var(--yellow);color:var(--ink)}.hub__stage:not(:empty){margin-top:clamp(20px,2.4vw,32px)}.hub__loading{display:grid;place-items:center;min-height:320px;border-radius:6px;background:var(--paper-soft);color:var(--grey);font-size:15px}.play__box--embedded{margin:0 auto}.hub__rail{display:none}@media(max-width:1100px){.hub__tiles{display:flex;gap:12px;margin-inline:calc(-1 * var(--gutter));padding:4px var(--gutter) 12px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gutter);scrollbar-width:none}.hub__tiles::-webkit-scrollbar{display:none}.hub__tiles>li{flex:0 0 min(38%,300px);scroll-snap-align:start}.hub__rail{display:flex;align-items:center;gap:16px;margin-top:14px}.hub__track{position:relative;flex:1;height:2px;overflow:hidden;border-radius:2px;background:var(--line-soft)}.hub__thumb{position:absolute;inset:0 auto 0 0;border-radius:2px;background:var(--ink)}.hub__count{min-width:7ch;font-size:11px;letter-spacing:.16em;text-align:right;font-variant-numeric:tabular-nums}}@media(max-width:720px){.hub__tiles>li{flex-basis:80%}}