.pill-match{--garden-ink:#10152f;--garden-gold:#fbd8a1;--garden-text:#f7f0df;position:relative;isolation:isolate;overflow:hidden;width:100%;max-width:660px;margin:0 auto;padding:clamp(12px,3vw,28px);border:1px solid #f4d39366;border-radius:24px;color:var(--garden-text);background:var(--garden-ink);box-shadow:0 24px 70px #03091966,inset 0 0 0 5px #f4d39308}.pill-match *,.pill-match :after,.pill-match :before{box-sizing:border-box}.pill-match button{font:inherit;-webkit-tap-highlight-color:transparent}.pill-match button:focus-visible{outline:2px solid #ffe4a2;outline-offset:3px}.pill-match__backdrop{position:absolute;z-index:-1;inset:0;background-position:top;background-size:cover}.pill-match__header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.pill-match__level{color:var(--garden-gold);font-weight:700;letter-spacing:.16em}.pill-match h2{margin:5px 0 0;font-family:Georgia,Times New Roman,serif;font-weight:700;font-size:clamp(26px,5vw,38px);letter-spacing:-.035em;line-height:1.12;text-shadow:0 2px 10px #071125}.pill-match__header p{margin:7px 0 0;color:#e1e0de;font-size:12px}.pill-match__help-button{display:grid;place-items:center;width:36px;height:36px;flex:none;color:#f4dfb5;border:1px solid #e9d2a955;border-radius:50%;background:#0c183199;cursor:pointer}.pill-match__help-button svg{width:19px;height:19px}.pill-match__profile{display:flex;align-items:center;gap:18px;margin:17px 0}.pill-match__profile>span{display:flex;align-items:center;gap:6px;color:#ffd6dd;font-size:13px;font-weight:700;white-space:nowrap}.pill-match__profile>span svg{width:18px;height:18px;fill:#ef7190;stroke:#ffd6dd}.pill-match__xp{flex:1 1;max-width:220px;margin-left:auto;font-size:10px}.pill-match__xp>span{display:flex;justify-content:space-between;gap:8px;color:#e4d8c5}.pill-match__xp small{color:#e4d8c5;font-size:9px}.pill-match__xp>div{height:4px;margin-top:6px;overflow:hidden;border-radius:4px;background:#0007}.pill-match__xp i{display:block;width:100%;height:100%;background:linear-gradient(90deg,#af9eff,#f4d393);transform:scaleX(var(--fill-progress,0));transform-origin:left center;transition:transform .3s cubic-bezier(.22,1,.36,1)}.pill-match__mission{display:flex;align-items:center;gap:12px;margin:0 0 12px;padding:14px;border:1px solid #f4d39380;border-radius:15px;color:#34253c;background:linear-gradient(115deg,#fff6e2,#e9d2b9);box-shadow:0 4px 16px #030b2866,inset 0 0 0 4px #fff8e533}.pill-match__mission>img{flex:none;width:48px;height:48px;filter:drop-shadow(0 3px 2px #7f29484a)}.pill-match__goal{flex:1 1;min-width:0}.pill-match__goal>span{display:block;margin-bottom:4px;color:#68536a;font-size:9px;font-weight:700;letter-spacing:.1em}.pill-match__goal strong{display:block;font-size:13px;font-weight:800;line-height:1.3}.pill-match__goal-meter{height:5px;overflow:hidden;margin-top:8px;border-radius:5px;background:#42274b1c}.pill-match__goal-meter i{display:block;width:100%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#a64671,#cb6c87);transform:scaleX(var(--fill-progress,0));transform-origin:left center;transition:transform .3s cubic-bezier(.22,1,.36,1)}.pill-match__goal-count{min-width:36px;text-align:center;font-size:25px;line-height:1}.pill-match__goal-count svg{width:26px;height:26px;color:#28734c}.pill-match__goal-count small{display:block;font-size:9px;font-weight:500;margin-top:5px;color:#725c68}.pill-match__moves{min-width:47px;padding-left:12px;border-left:1px solid #4b345333;text-align:center}.pill-match__moves b{display:block;font-size:29px;font-weight:800;line-height:1}.pill-match__moves span{display:block;font-size:10px;margin-top:5px}.pill-match__moves--low{color:#a43245}.pill-match__obstacles{display:flex;flex-wrap:wrap;gap:8px 15px;margin:0 2px 12px}.pill-match__obstacles>span{display:flex;align-items:center;gap:4px;color:#fff1d8}.pill-match__obstacles img{width:28px;height:28px;object-fit:contain}.pill-match__obstacles b{font-size:15px;margin-right:2px}.pill-match__obstacles span span{font-size:10px}.pill-match__obstacles small{display:block;max-width:140px;color:#cad4e6;font-size:9px;line-height:1.3}.pill-match__board-wrap{position:relative}.pill-match .pill-board{position:relative;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));grid-gap:3px;gap:3px;padding:8px;border:2px solid #c5a974;border-radius:17px;background:radial-gradient(ellipse at 15% 0,#4975a34a,transparent 65%),linear-gradient(145deg,#273b60f5,#131e3afa);box-shadow:0 7px 0 #070d22,0 15px 35px #030824aa,inset 0 1px 0 #fff0bf88,inset 0 0 0 3px #070e2488;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.pill-match .pill{position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;aspect-ratio:1;min-width:0;padding:0;border:1px solid #a8caec1c;border-radius:7px;overflow:visible;cursor:-webkit-grab;cursor:grab;background:linear-gradient(155deg,#5479a51a,#080f2926);box-shadow:inset 0 2px 3px #01061766,inset 0 -1px 0 #b0d6ff18;touch-action:none}.pill-match .pill:nth-child(16n+11),.pill-match .pill:nth-child(16n+13),.pill-match .pill:nth-child(16n+15),.pill-match .pill:nth-child(16n+2),.pill-match .pill:nth-child(16n+4),.pill-match .pill:nth-child(16n+6),.pill-match .pill:nth-child(16n+8),.pill-match .pill:nth-child(16n+9){background:linear-gradient(155deg,#080f294d,#395c8421)}.pill-match .pill:disabled{cursor:default}.pill-match .pill:active:not(:disabled){cursor:-webkit-grabbing;cursor:grabbing}.pill-match .pill__piece{position:absolute;inset:1%;display:block;pointer-events:none;z-index:1}.pill-match .pill__gem{display:block;filter:drop-shadow(0 4px 2px #02051b99);-webkit-user-select:none;-moz-user-select:none;user-select:none}.pill-match .pill__gem,.pill-match .pill__obstacle{width:100%;height:100%;object-fit:contain;pointer-events:none}.pill-match .pill__obstacle{position:absolute;inset:0;z-index:2}.pill-match .pill--drag-target,.pill-match .pill--hint,.pill-match .pill--selected{z-index:3;border-color:#ffe0a7;background:#ffe0a721;box-shadow:inset 0 0 12px #ffe0a735,0 0 0 1px #ffe0a7}.pill-match .pill--selected .pill__piece{filter:brightness(1.15)}.pill-match .pill--hint:after{content:"";position:absolute;inset:0;border:2px solid #ffe0a7;border-radius:5px;pointer-events:none}.pill-match .pill--obstacle-rock{background:linear-gradient(145deg,#748da92b,#111c35)}.pill-match .pill--obstacle-rock .pill__piece{opacity:0}.pill-match .pill--obstacle-ice{background:linear-gradient(145deg,#9ff3ff30,#2263a23b)}.pill-match .pill--obstacle-ice .pill__gem{filter:saturate(.65) brightness(1.15) drop-shadow(0 2px 2px #071d4c77)}.pill-match .pill--obstacle-chain{background:linear-gradient(145deg,#87b9d923,#11192d66)}.pill-match .pill__layers{position:absolute;z-index:4;right:1px;top:1px;display:grid;place-items:center;width:clamp(13px,3vw,19px);height:clamp(13px,3vw,19px);border:1px solid #d1e1f080;border-radius:5px;color:#fff5dc;background:#152237eb;box-shadow:0 1px 3px #070e2499;font-size:clamp(9px,2vw,11px);font-weight:800;line-height:1;pointer-events:none}.pill-match .pill__layers--ice{color:#19476a;border-color:#e0ffff;background:#bdeefd}.pill-match .pill__layers--chain{color:#edf8ff;border-color:#b9d5e5;background:#253d55}.pill-match .pill__impact{position:absolute;z-index:5;inset:4%;pointer-events:none;border-radius:6px;background:radial-gradient(ellipse at 40% 35%,#eefcff99,transparent 68%);animation:pill-obstacle-impact .3s ease-out both}.pill-match .pill__impact--rock{background:radial-gradient(ellipse at 40% 35%,#ffdba377,transparent 68%)}@keyframes pill-obstacle-impact{0%{opacity:1}to{opacity:0}}.pill-match .pill__shatter{position:absolute;z-index:6;inset:0;pointer-events:none}.pill-match .pill__shatter i{position:absolute;left:40%;top:40%;width:24%;height:25%;background:linear-gradient(130deg,#e4feff,#55bbe7);box-shadow:0 2px 3px #06204080;-webkit-clip-path:polygon(10% 0,95% 35%,30% 100%);clip-path:polygon(10% 0,95% 35%,30% 100%);animation:pill-obstacle-shatter .35s ease-out both;--dx:-95%;--dy:-130%;--spin:-55deg}.pill-match .pill__shatter i:nth-child(2){--dx:90%;--dy:-140%;--spin:75deg}.pill-match .pill__shatter i:nth-child(3){--dx:150%;--dy:-20%;--spin:135deg}.pill-match .pill__shatter i:nth-child(4){--dx:70%;--dy:140%;--spin:-65deg}.pill-match .pill__shatter i:nth-child(5){--dx:-100%;--dy:120%;--spin:85deg}.pill-match .pill__shatter i:nth-child(6){--dx:-170%;--dy:-10%;--spin:-145deg}.pill-match .pill__shatter--rock i{-webkit-clip-path:polygon(15% 0,85% 12%,100% 75%,42% 100%,0 67%);clip-path:polygon(15% 0,85% 12%,100% 75%,42% 100%,0 67%);background:linear-gradient(135deg,#adb9c4,#42546d);box-shadow:0 2px 3px #020b1a99}.pill-match .pill__shatter--chain i{width:22%;height:31%;-webkit-clip-path:none;clip-path:none;border:3px solid #b9d2e3;border-radius:45%;background:transparent;box-shadow:inset 0 1px 0 #f3fcff,0 2px 3px #021026aa}@keyframes pill-obstacle-shatter{0%{transform:translate(0) rotate(0) scale(.8);opacity:1}70%{opacity:.85}to{transform:translate(var(--dx),var(--dy)) rotate(var(--spin)) scale(.4);opacity:0}}.pill-match--aiming .pill:not(:disabled){cursor:crosshair}.pill-match .pill__rune{position:absolute;inset:-1px;display:grid;place-items:center;border:2px solid #ffdc90;border-radius:9px;background:linear-gradient(transparent 35%,#27214680);box-shadow:0 0 9px #ffd46f99}.pill-match .pill__rune svg{position:absolute;right:-3px;bottom:-2px;width:25px;height:25px;stroke-width:3px;color:#fff2be;filter:drop-shadow(0 1px 2px #261534)}.pill-match .pill__rune--bomb{border-radius:50%;border-color:#ff9baf}.pill-match .pill__rune--rainbow{border-color:#d4b7ff;background:conic-gradient(#ff88b84d,#ffe7834d,#7dffe04d,#9faaff4d,#ff88b84d)}.pill-match .pill--special-wisp .pill__gem{filter:drop-shadow(0 0 5px #88f4e4b3) drop-shadow(0 4px 2px #02051b99)}.pill-match .pill__rune--wisp{border-color:#a6ffea;border-radius:45% 45% 12px 12px;background:radial-gradient(ellipse at bottom,#62ffc629,transparent 70%);box-shadow:0 0 7px #9fffdf66,inset 0 0 8px #80ffe62b}.pill-match .pill__rune--wisp img{position:absolute;right:-10%;bottom:-12%;width:58%;height:58%;filter:drop-shadow(0 2px 2px #06192d)}.pill-match .pill-flights{position:absolute;inset:0;z-index:7;pointer-events:none}.pill-match .pill-flight__spirit{position:absolute;left:0;top:0;width:12%;aspect-ratio:1;offset-anchor:center;filter:drop-shadow(0 0 12px #a4fff0)}.pill-match .pill-flight__spirit img{width:100%;height:100%}@keyframes pill-local-burst{0%{transform:scale(.4);opacity:1}to{transform:scale(1.5);opacity:0}}.pill-match__feedback{min-height:39px;padding:10px 0 7px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px;text-align:center;font-size:11px;color:#e9d7b7}.pill-match__feedback svg{width:16px;height:16px}.pill-match__feedback button{border:0;background:none;color:#fff0c6;padding:0 4px;text-decoration:underline;cursor:pointer}.pill-match__boosters{display:flex;justify-content:center;gap:clamp(10px,4vw,24px);margin:3px 0 13px}.pill-match__booster{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:68px;flex:none;border:0;padding:0;color:#f2dfc2;background:transparent;cursor:pointer}.pill-match__booster>span{position:relative;display:grid;place-items:center;margin:0 auto 7px;width:49px;height:49px;border:1px solid #edce9277;border-radius:14px;background:linear-gradient(145deg,#484065,#211d36);box-shadow:0 4px 0 #050d23,inset 0 1px 0 #e9c4ff55}.pill-match__booster svg{width:25px;height:25px;color:#ffdea3}.pill-match__booster b{position:absolute;bottom:-5px;right:-5px;display:grid;place-items:center;width:21px;height:21px;border:2px solid #17253d;border-radius:50%;color:#33213f;background:#f5d39c;font-size:11px}.pill-match__booster small{display:block;font-size:10px}.pill-match__booster[aria-pressed=true]>span{border-color:#ffe6a5;box-shadow:0 0 0 2px #ffe6a5,0 0 16px #ffe6a555}.pill-match__booster:disabled{opacity:.45;cursor:default}.pill-match__booster--hint>span{border-color:#90d5c388;background:linear-gradient(145deg,#27564d,#162c3c)}.pill-match__footer{display:flex;align-items:center;flex-direction:column;gap:10px;border-top:1px solid #f4d39326;padding-top:12px}.pill-match__footer>small{color:#d4c5bb;font-size:10px}.pill-match__scenes{display:flex;justify-content:center;gap:5px}.pill-match__scenes button{border:1px solid transparent;border-radius:6px;padding:6px 9px;color:#c1cbda;background:transparent;font-size:10px;cursor:pointer}.pill-match__scenes button[aria-pressed=true]{border-color:#f4d39344;background:#f4d39312;color:#f4d393}.pill-match__notice,.pill-match__rules{margin:0 0 12px;padding:14px;border:1px solid #f4d39355;border-radius:12px;background:#0c1831f5;font-size:12px;line-height:1.5;color:#e8e3dc}.pill-match__rules p{margin:8px 0 0}.pill-match__notice a,.pill-match__notice button{color:#ffe1a1;background:transparent;border:0;text-decoration:underline;cursor:pointer}.pill-match__notice--error{border-color:#ef839b}.pill-match__claim{display:block;width:100%;max-width:310px;margin:14px auto 0;padding:12px 16px;border:1px solid #ffebb2;border-radius:11px;background:linear-gradient(#fbe5b7,#e5bd79);color:#342341;font-weight:800!important;font-size:13px!important;cursor:pointer;box-shadow:0 4px 0 #926a43,0 6px 20px #080e2855}.pill-match__claim:disabled{opacity:.6;cursor:default}.pill-match__intro{position:absolute;z-index:6;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px;text-align:center;border-radius:16px;background:#0a1931b5}.pill-match__intro>svg,.pill-match__result>svg{width:36px;height:36px;color:#f5d593;margin:0 auto 10px}.pill-match__intro h3,.pill-match__result h3{font-family:Georgia,Times New Roman,serif;font-size:25px;line-height:1.2;margin:0;color:#ffe6b5}.pill-match__intro p,.pill-match__result p{margin:10px 0 0;color:#d3d9e6;font-size:12px;line-height:1.6}.pill-match__result{margin:0 0 18px;padding:18px;border:1px solid #f4d39366;border-radius:14px;background:#0a1931e6;text-align:center}.pill-match .pill-board--preview{opacity:.6}@media (hover:hover){.pill-match .pill:hover:not(:disabled){border-color:#ffe2a780;background:#ffe2a717}.pill-match__booster:hover:not(:disabled)>span{border-color:#ffe5aa}}@media (max-width:480px){.pill-match{border-radius:18px;padding:12px 8px}.pill-match__header,.pill-match__profile{margin-left:4px;margin-right:4px}.pill-match__level{font-size:8px;letter-spacing:.09em}.pill-match__header p{font-size:10px}.pill-match__mission{gap:7px;padding:10px 7px;border-radius:12px}.pill-match__mission>img{width:34px;height:39px}.pill-match__goal strong{font-size:11px}.pill-match__goal>span{font-size:8px}.pill-match__goal-count{font-size:23px;min-width:29px}.pill-match__goal-count small{font-size:8px}.pill-match__moves{min-width:37px;padding-left:7px}.pill-match__moves b{font-size:25px}.pill-match .pill-board{padding:5px;gap:2px;border-radius:12px}.pill-match .pill__rune{border-width:1px;border-radius:5px}.pill-match .pill__rune svg{width:18px;height:18px}.pill-match__boosters{gap:10px}.pill-match__booster{width:59px}.pill-match__obstacles{gap:6px 10px}.pill-match__obstacles small{max-width:90px;font-size:8px}.pill-match__intro h3{font-size:21px}}@media (prefers-reduced-motion:reduce){.pill-match *,.pill-match :after,.pill-match :before{animation:none!important;transition:none!important}.pill-match .pill-flights,.pill-match .pill__burst,.pill-match .pill__impact,.pill-match .pill__shatter{display:none}}.pill-match{max-width:600px;padding:clamp(8px,2vw,16px);border-color:#93b0d138}.pill-match__header{align-items:center;margin-bottom:12px}.pill-match h2{font-size:18px;margin:0;letter-spacing:-.02em}.pill-match__level{display:block;margin-top:3px;font-size:10px;letter-spacing:.02em;color:#b5c5dd}.pill-match__header-actions,.pill-match__hearts{display:flex;align-items:center;gap:8px}.pill-match__hearts{color:#ffc2d4;font-size:13px;font-weight:700}.pill-match__hearts svg{width:16px;height:16px;fill:#e57897}.pill-match__help-button{width:44px;height:44px;border-color:#9fb4d333;border-radius:12px}.pill-match__mission{padding:10px 12px;gap:10px;margin-bottom:10px;border-color:#adc7e338;color:#f4f4ed;background:#111f36e8;box-shadow:inset 0 1px 0 #ffffff08}.pill-match__mission>img{width:38px;height:38px}.pill-match__goal>span{display:none}.pill-match__goal strong{font-size:12px;font-weight:600}.pill-match__goal-meter{background:#ffffff13;margin-top:6px;height:3px}.pill-match__goal-meter i{background:#a8dccd}.pill-match__goal-count{font-size:24px}.pill-match__goal-count small{color:#adbed2}.pill-match__goal-count svg{color:#a8dccd}.pill-match__moves{border-color:#ffffff20;min-width:52px}.pill-match__moves b{font-size:27px}.pill-match__moves span{color:#adbed2}.pill-match__moves--low{color:#ff9fb1}.pill-match__feedback{min-height:28px;padding:6px 0}.pill-match__boosters{margin:6px 0 3px;gap:clamp(12px,5vw,30px)}.pill-match__booster{width:62px;min-height:62px}.pill-match__booster>span{width:44px;height:44px;margin-bottom:5px;border-color:#bed0ed42;background:linear-gradient(145deg,#344560,#17253f)}.pill-match__booster svg{color:#f4dfb5;width:23px;height:23px}.pill-match__rules{position:absolute;z-index:10;inset:8px;margin:0;padding:16px;overflow-y:auto;overscroll-behavior:contain;border-color:#adc7e366;background:#111d32fc;box-shadow:0 8px 30px #000a}.pill-match__rules-head{display:flex;justify-content:space-between;align-items:center;position:-webkit-sticky;position:sticky;top:-16px;margin:-16px -16px 12px;padding:10px 16px;background:#111d32}.pill-match__rules .pill-match__profile{border-top:1px solid #ffffff18;padding-top:16px}.pill-match__rules .pill-match__scenes{flex-wrap:wrap}.pill-match__rules .pill-match__scenes button{min-height:44px;font-size:12px}@media (max-width:480px){.pill-match__header{margin:0 3px 8px}.pill-match__mission{padding:8px}.pill-match h2{font-size:16px}}.games-hub .games-layout--play .games-body{display:block}.games-hub .games-layout--play .games-body__main{width:100%}.games-hub .games-layout--play{max-width:760px}