.pm-game{z-index:1000;width:100%;height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);box-sizing:border-box;color:#fff0ce;overscroll-behavior:none;background:#43291e url(/pocket-merge/workshop-background.png) 50%/cover no-repeat;grid-template-rows:auto minmax(0,1fr);font-family:Trebuchet MS,Arial,sans-serif;display:grid;position:fixed;inset:0}.pm-game *{box-sizing:border-box}.pm-game .pecks-gamebar{min-width:0;margin:0}.pm-edition{letter-spacing:.06em;color:#efc579;font-size:14px;font-weight:900}.pm-table{grid-template-rows:auto minmax(0,1fr) auto;gap:3px;min-width:0;min-height:0;padding:4px 8px 8px;display:grid}.pm-scores{justify-content:center;align-items:center;gap:clamp(20px,8vw,44px);min-width:0;display:flex}.pm-scores>div{text-align:center;min-width:55px}.pm-scores span{color:#c4dbd2;font-size:11px;font-weight:700}.pm-scores strong{color:#fff0ce;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;font-size:clamp(20px,4vw,30px);line-height:1.15;display:block}.pm-desktop-tip{display:none}.pm-board-slot{justify-content:center;align-items:center;min-width:0;min-height:0;display:flex}.pm-board{aspect-ratio:5/8;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;outline:none;flex:none;max-width:100%;position:relative;container-type:inline-size}.pm-board:focus-visible{outline-offset:-4px;border-radius:7%;outline:2px solid #f4c768}.pm-tray{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.pm-grid,.pm-tiles,.pm-columns{position:absolute;inset:7% 8% 19.5%}.pm-columns{bottom:9%}.pm-tiles{pointer-events:none;z-index:4}.pm-grid{grid-template-rows:repeat(7,1fr);grid-template-columns:repeat(5,1fr);gap:.8%;display:grid}.pm-grid>span{background:#061c2933;border-radius:16%;box-shadow:inset 0 1px 2px #04162470,0 1px #78a3a41a}.pm-grid>.pm-aim-cell{background:#eacb7133;box-shadow:inset 1px 0 #eacb7144,inset -1px 0 #eacb7144}.pm-tile-position{width:20%;height:14.2857%;transform:translate(calc(var(--x)*100%),calc(var(--y)*100%));pointer-events:none;position:absolute;top:0;left:0}.pm-face{filter:drop-shadow(0 2px 1px #06162466);width:100%;height:100%;position:relative;container-type:inline-size}.pm-face>img{object-fit:contain;pointer-events:none;width:100%;height:100%;display:block}.pm-ghost{opacity:.3}.pm-columns{z-index:3;display:flex}.pm-columns>button{width:20%;min-width:0;height:100%;min-height:0;box-shadow:none;cursor:pointer;touch-action:none;background:0 0;border:0;border-radius:10px;margin:0;padding:0}.pm-columns>button:focus-visible{outline-offset:-2px;background:#f6dc7611;outline:2px dashed #ffd880}.pm-columns>button:disabled{cursor:default}.pm-moving{z-index:2;animation:pm-travel var(--duration) cubic-bezier(.2,.7,.3,1) both}.pm-popped{animation:.24s ease-out pm-pop}.pm-absorbed{animation:.28s ease-in both pm-absorb}.pm-clearing{animation:.3s ease-in both pm-clear}.pm-merge-ring{pointer-events:none;border:3px solid #ffe28a;border-radius:20%;animation:.3s ease-out both pm-ring;position:absolute;inset:12%}.pm-clear-sparks{pointer-events:none;position:absolute;inset:0}.pm-clear-sparks>i{width:8%;height:8%;transform:rotate(calc(var(--spark)*90deg));background:#ffe7a6;border-radius:35%;animation:.34s ease-out both pm-spark;position:absolute;top:47%;left:47%;box-shadow:0 0 3px #ffce5f}.pm-controls{text-align:center;min-width:0;position:relative}.pm-rack{justify-content:center;align-items:center;gap:22px;height:48px;display:flex}.pm-current{box-shadow:none;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;outline-offset:-3px;pointer-events:auto;z-index:4;background:0 0;border:0;border-radius:15px;margin:0;padding:0}.pm-current:active{cursor:grabbing}.pm-current:focus-visible{outline:2px solid #f4c768}.pm-current:disabled{cursor:default}.pm-current.pm-in-flight{visibility:hidden;pointer-events:none}.pm-following{color:#bed6cd;align-items:center;gap:6px;font-size:11px;display:flex}.pm-following>.pm-face{width:42px;height:42px}.pm-undo{color:#f2dba7;cursor:pointer;background:#153d49;border:1px solid #b9b28c88;border-radius:12px;place-items:center;width:44px;height:44px;min-height:44px;padding:8px;display:grid;box-shadow:0 2px #071e30}.pm-undo:disabled{opacity:.3;cursor:default}.pm-controls>p{color:#d6e6d8;margin:1px 0;font-size:12px;line-height:1.35}.pm-controls>p>span{display:none}.pm-controls>.pm-progress{color:#abc9be;min-height:15px;font-size:11px}.pm-controls .pm-save-warning{color:#ffe1a1;max-width:260px;margin:4px auto 0;font-size:11px}.pm-notice{pointer-events:none;color:#ffe7a8;z-index:5;text-align:center;background:#102d3eee;border:2px solid #e5bd71;border-radius:14px;width:max-content;max-width:90%;padding:10px 16px;font-size:clamp(12px,4.6cqw,23px);font-weight:900;line-height:1.3;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pm-toast{animation:1.8s both pm-toast}.pm-result{text-align:center;z-index:6;background:#102d3ef5;border:2px solid #e2b86e;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:12px;display:flex;position:absolute;inset:24% 8%;overflow:auto;box-shadow:0 8px 35px #04131baa}.pm-result>strong{color:#ffe3a3;font-size:clamp(20px,8cqw,40px);line-height:1}.pm-result>p{margin:0;font-size:clamp(12px,3.8cqw,18px);line-height:1.4}.pm-button{color:#17394f;cursor:pointer;touch-action:manipulation;background:linear-gradient(#fff2d3,#e6cca0);border:2px solid #071e30;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;min-height:44px;padding:8px 14px;font:800 14px Trebuchet MS,Arial,sans-serif;display:inline-flex;box-shadow:inset 0 2px #fff8e2,0 3px #0a2434}.pm-button:active{transform:translateY(2px)}.pm-button:focus-visible{outline-offset:3px;outline:3px solid #f2be60}.pm-sr{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes pm-travel{0%{transform:translate(calc(var(--from-x)*100%),calc(var(--from-y)*100%))}to{transform:translate(calc(var(--x)*100%),calc(var(--y)*100%))}}@keyframes pm-pop{0%{transform:scale(.86)}45%{transform:scale(1.15)}to{transform:scale(1)}}@keyframes pm-absorb{0%,40%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.35)}}@keyframes pm-clear{0%{opacity:1;transform:scale(1)}30%{opacity:.9;transform:scale(1.1)}to{opacity:0;transform:scale(.15)}}@keyframes pm-ring{0%{opacity:.85;transform:scale(.7)}to{opacity:0;transform:scale(1.6)}}@keyframes pm-spark{0%{transform:rotate(calc(var(--spark)*90deg)) translateX(0) scale(.3);opacity:0}25%{opacity:1}to{transform:rotate(calc(var(--spark)*90deg)) translateX(550%) scale(.2);opacity:0}}@keyframes pm-toast{0%{opacity:0;transform:translate(-50%,-40%)}15%,70%{opacity:1;transform:translate(-50%,-50%)}to{opacity:0;transform:translate(-50%,-65%)}}@media (max-width:899px) and (min-height:541px){.pm-table{align-self:center;width:100%;height:min(100%,160vw + 110px)}}@media (min-width:900px),(min-width:620px) and (max-height:540px){.pm-table{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(130px,1fr) minmax(0,3fr) minmax(170px,1fr);gap:12px;padding:10px}.pm-scores{flex-direction:column;grid-column:1;justify-content:center;gap:25px}.pm-board-slot{grid-area:1/2}.pm-controls{grid-column:3;align-self:center}.pm-rack{flex-wrap:wrap;gap:12px;height:auto}.pm-following{gap:5px}.pm-controls>p{margin-top:15px;font-size:13px}.pm-controls>p>span{color:#abc9be;margin-top:8px;font-size:12px;display:block}.pm-controls>.pm-progress{margin-top:14px}.pm-desktop-tip{text-align:center;color:#b7d3c8;font-size:13px;line-height:1.7;display:block}.pm-scores strong{font-size:clamp(23px,3vw,34px)}}@media (min-width:620px) and (max-height:540px){.pm-table{grid-template-columns:minmax(105px,1fr) minmax(0,3fr) minmax(155px,1fr);gap:6px;padding:4px}.pm-desktop-tip{display:none}.pm-scores{gap:14px}.pm-controls>p{margin-top:10px;font-size:12px}.pm-controls>p>span{margin-top:4px;font-size:11px}.pm-scores strong{font-size:23px}.pm-result{gap:5px;padding:8px;inset:15% 6%}.pm-result .pm-button{min-height:40px;font-size:12px}}.pm-reduced .pm-moving,.pm-reduced .pm-popped,.pm-reduced .pm-absorbed,.pm-reduced .pm-clearing,.pm-reduced .pm-merge-ring,.pm-reduced .pm-clear-sparks>i,.pm-reduced .pm-toast{animation:none}@media (prefers-reduced-motion:reduce){.pm-moving,.pm-popped,.pm-absorbed,.pm-clearing,.pm-merge-ring,.pm-clear-sparks>i,.pm-toast{animation:none}}.pm-board{filter:drop-shadow(0 6px 9px #180e0ba0);border-radius:7%;overflow:clip}.pm-game .pecks-gamebar{background:#162e36eb;border-bottom:2px solid #d39b45}.pm-scores{gap:8px;padding:3px 0}.pm-scores>div{background:#173c43f2;border:2px solid #d6aa58;border-radius:12px;padding:4px 12px;box-shadow:0 3px #18252e,inset 0 1px #f6d88c55}.pm-scores span{color:#f5d994}.pm-scores strong{color:#fff5d7}.pm-controls{background:#173b43f2;border:2px solid #c79850;border-radius:14px;justify-self:center;max-width:100%;padding:5px 12px;box-shadow:0 3px #18252e}.pm-controls>p{color:#ffedc4}.pm-controls>.pm-progress{color:#d9c79e}.pm-following{color:#f8dfa6;font-weight:700}.pm-undo{color:#17394f;background:#f5deb0;border:2px solid #d7ad5e;box-shadow:0 2px #092232}@media (min-width:900px){.pm-scores>div{min-width:125px;padding:10px 18px}.pm-controls{max-width:230px;padding:16px}.pm-rack{gap:20px}.pm-following>.pm-face{width:54px;height:54px}}@media (max-width:899px) and (min-height:541px){.pm-table{gap:5px;padding:4px 5px 8px}.pm-controls{padding:2px 14px}.pm-rack{height:44px}.pm-controls>p{font-size:11px}.pm-following>.pm-face{width:36px;height:36px}.pm-scores strong{font-size:22px}}@media (min-width:620px) and (max-height:540px){.pm-scores>div{padding:4px 8px}.pm-controls{padding:8px}.pm-table{grid-template-columns:minmax(105px,1fr) minmax(0,3fr) minmax(155px,1fr)}}@media (max-width:619px) and (min-height:541px){.pm-scores{gap:6px;padding:0}.pm-scores>div{border-radius:10px;align-items:center;gap:6px;min-width:0;padding:3px 9px;display:flex}.pm-scores strong{font-size:20px}.pm-scores span{font-size:10px}.pm-controls{border-radius:12px;grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:10px;width:min(100%,350px);padding:3px 9px;display:grid}.pm-rack{grid-area:1/1/3;gap:10px;height:44px}.pm-controls>p{grid-column:2;margin:0;line-height:1.25}.pm-controls>.pm-progress{min-height:0;font-size:10px}.pm-controls .pm-save-warning{grid-column:1/-1}}.pm-idle-glint{pointer-events:none;clip-path:polygon(50% 0,60% 38%,100% 50%,60% 62%,50% 100%,40% 62%,0 50%,40% 38%);width:15%;height:15%;animation:pm-idle 5.8s ease-in-out var(--idle-delay,0s) infinite;opacity:0;background:radial-gradient(circle,#fffce9 0 10%,#fff7bf99 24%,#0000 65%);position:absolute;top:13%;left:13%}.pm-ghost .pm-idle-glint,.pm-absorbed .pm-idle-glint,.pm-clearing .pm-idle-glint{display:none}.pm-burst-position{z-index:6;pointer-events:none}.pm-magic-burst{pointer-events:none;--magic-level:1;--magic-reach:77%;--magic-duration:.395s;position:absolute;inset:0}.pm-magic-ripple{animation:pm-magic-ripple var(--magic-duration) ease-out both;animation-delay:calc(var(--ripple)*65ms);border:2px solid #ffe2a0;border-radius:42%;position:absolute;inset:13%;box-shadow:0 0 5px #ffc45499,inset 0 0 3px #fff3bd88}.pm-magic-mote{transform-origin:50%;width:8%;height:8%;animation:pm-magic-mote var(--magic-duration) cubic-bezier(.1,.65,.2,1) var(--mote-delay) both;background:radial-gradient(circle,#fffceb 15%,#ffe29a 40%,#e6a85500 72%);position:absolute;top:46%;left:46%}.pm-magic-mote:nth-child(3n){clip-path:polygon(50% 0,62% 37%,100% 50%,62% 63%,50% 100%,38% 63%,0 50%,38% 37%);background:#ffedac}.pm-magic-mote:nth-child(4n){background:radial-gradient(circle,#e6fff8 10%,#9fe8e1aa 38%,#0000 70%)}.pm-magic-crown{opacity:0;background:radial-gradient(#0000 37%,#fff0b02e 45%,#ffe39a70 48%,#0000 58%);border-radius:50%;animation:.65s ease-out both pm-crown;position:absolute;inset:-12%}.pm-magic-finale .pm-magic-ripple{border-color:#fff5cc;box-shadow:0 0 8px #ffce6fa0,inset 0 0 4px #fff3bd88}.pm-magic-clear{--magic-reach:95%!important;--magic-duration:.36s!important}.pm-magic-stream{transform:rotate(var(--trail-angle));transform-origin:50%;pointer-events:none;animation:.28s ease-out both pm-stream;position:absolute;inset:0}.pm-magic-stream:before{content:"";width:var(--trail-length);background:linear-gradient(90deg,#fff6d6,#ffd37499 28%,#8de5db55 65%,#0000);border-radius:50%;height:8%;position:absolute;top:46%;left:45%;box-shadow:0 0 4px #ffd37455}.pm-magic-stream>i{background:#fff1b9;border-radius:50%;width:10%;height:10%;position:absolute;top:44%;left:58%;box-shadow:0 0 4px #ffe08c}.pm-magic-stream>i:nth-child(2){opacity:.7;width:7%;height:7%;top:37%;left:85%}.pm-magic-stream>i:nth-child(3){opacity:.4;width:5%;height:5%;top:53%;left:112%}@keyframes pm-idle{0%,72%,to{opacity:0;transform:scale(.35)rotate(0)}79%{opacity:.9;transform:scale(1.15)rotate(20deg)}88%{opacity:.2;transform:scale(.6)rotate(45deg)}}@keyframes pm-magic-ripple{0%{opacity:0;transform:scale(.6)rotate(-8deg)}18%{opacity:.8}to{opacity:0;transform:scale(calc(1.35 + var(--magic-level)*.14)) rotate(8deg)}}@keyframes pm-magic-mote{0%{opacity:0;transform:rotate(var(--angle)) translateX(0) scale(.2)}15%{opacity:1}to{opacity:0;transform:rotate(var(--angle)) translateX(calc(var(--magic-reach)*12.5)) scale(var(--mote-scale))}}@keyframes pm-crown{0%{opacity:0;transform:scale(.4)rotate(-20deg)}20%{opacity:.75}to{opacity:0;transform:scale(1.7)rotate(25deg)}}@keyframes pm-stream{0%{opacity:0}25%,70%{opacity:.9}to{opacity:0}}.pm-reduced .pm-idle-glint,.pm-reduced .pm-magic-burst,.pm-reduced .pm-magic-stream{display:none}@media (prefers-reduced-motion:reduce){.pm-idle-glint,.pm-magic-burst,.pm-magic-stream{display:none}}.pm-table{position:relative}.pm-upgrade{z-index:12;pointer-events:none;text-align:center;isolation:isolate;background:linear-gradient(90deg,#102f3b00,#102f3bf2 17%,#133e47fa 50%,#102f3bf2 83%,#102f3b00);padding:18px 12px 22px;animation:3.8s both pm-upgrade-reveal;position:absolute;left:0;right:0;transform:translateY(-50%)}.pm-upgrade:before,.pm-upgrade:after{content:"";background:linear-gradient(90deg,#0000,#f4d48f88 22%,#fff1bc 50%,#f4d48f88 78%,#0000);height:2px;position:absolute;left:0;right:0;box-shadow:0 0 14px #f8d98766}.pm-upgrade:before{top:0}.pm-upgrade:after{bottom:0}.pm-upgrade-light{z-index:-1;background:radial-gradient(#ffe5a335,#0000 65%);animation:1.5s ease-out both pm-upgrade-light;position:absolute;inset:-24px 0}.pm-upgrade-content{flex-direction:column;align-items:center;gap:8px;max-width:720px;margin:auto;display:flex}.pm-upgrade-title{letter-spacing:.04em;color:#fff0be;text-shadow:0 3px #082837,0 0 18px #e5b95a66;font-family:Trebuchet MS,Arial,sans-serif;font-size:clamp(28px,6vw,44px);font-weight:900;line-height:1.1}.pm-upgrade-tiles{justify-content:center;align-items:center;gap:8px;max-width:100%;display:flex}.pm-upgrade-item{align-items:center;gap:12px;min-width:0;display:flex}.pm-upgrade-tile{filter:drop-shadow(0 0 12px #f4d17a66);flex-shrink:0;width:clamp(56px,18vw,86px);height:clamp(56px,18vw,86px);animation:.65s cubic-bezier(.2,.8,.3,1) both pm-upgrade-tile}.pm-upgrade-through{color:#e5d9b1;font-size:13px;font-style:italic}.pm-upgrade-caption{color:#fff3d4;overflow-wrap:anywhere;max-width:100%;font-size:clamp(13px,3.6vw,17px);font-weight:700;line-height:1.35}@keyframes pm-upgrade-reveal{0%{opacity:0;transform:translateY(-50%)scaleX(.8)}10%,82%{opacity:1;transform:translateY(-50%)scaleX(1)}to{opacity:0;transform:translateY(-56%)scaleX(1)}}@keyframes pm-upgrade-tile{0%{opacity:0;transform:translateY(12px)scale(.7)rotate(-8deg)}65%{opacity:1;transform:translateY(-3px)scale(1.06)rotate(2deg)}to{opacity:1;transform:none}}@keyframes pm-upgrade-light{0%{opacity:0;transform:scaleX(.3)}40%{opacity:1}to{opacity:.65;transform:scaleX(1)}}@media (max-height:540px){.pm-upgrade{padding:10px 12px 12px}.pm-upgrade-content{gap:5px}.pm-upgrade-title{font-size:27px}.pm-upgrade-tile{width:56px;height:56px}.pm-upgrade-caption{font-size:13px}}.pm-reduced .pm-upgrade,.pm-reduced .pm-upgrade-tile,.pm-reduced .pm-upgrade-light{animation:none}@media (prefers-reduced-motion:reduce){.pm-upgrade,.pm-upgrade-tile,.pm-upgrade-light{animation:none}}@media (max-width:360px) and (min-height:541px){.pm-scores>div{flex-direction:column;flex:1;gap:1px;padding:3px 6px}.pm-scores strong{letter-spacing:-.035em;white-space:nowrap;font-size:16px}.pm-scores span{font-size:10px}}