@font-face{font-family:Pretendard Variable;font-style:normal;font-weight:45 920;font-display:swap;src:url(/fonts/PretendardVariable.woff2)format("woff2-variations")}:root{--font-sans:"Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Noto Sans KR", "Segoe UI", sans-serif;--font-mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace;--font-hand:"Nanum Pen Script", var(--font-sans);--paper:#f5f1e8;--paper-deep:#ebe4d6;--surface:#fffdf8;--surface-strong:#fff;--ink:#17223b;--ink-soft:#34405a;--muted:#707587;--line:#ded8ca;--line-strong:#c8c1b1;--grid-line:#17223b;--teal:#087f79;--teal-dark:#075e5a;--teal-soft:#dff3ef;--coral:#f26b4b;--coral-dark:#bd432d;--coral-soft:#ffe6dc;--yellow:#ffc928;--yellow-soft:#fff3b5;--blue:#4778e8;--blue-soft:#e8efff;--purple:#7657d6;--purple-soft:#eee9ff;--success:#168653;--success-soft:#ddf4e8;--danger:#d94b45;--danger-soft:#ffe4df;--warn:#df6a1a;--radius-xl:28px;--radius-lg:20px;--radius:16px;--radius-sm:11px;--shadow-sm:0 2px 0 #17223b14;--shadow-card:0 16px 38px #37302417, 0 2px 4px #3730240f;--shadow-float:0 22px 52px #17223b24, 0 3px 8px #17223b12;font-family:var(--font-sans);color:var(--ink);background:var(--paper);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html{scroll-behavior:smooth;min-width:320px}body{background:radial-gradient(circle at 13% 7%, #ffc92829, transparent 24rem), radial-gradient(circle at 88% 18%, #087f791f, transparent 27rem), var(--paper);min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}body:before{content:"";z-index:-1;pointer-events:none;opacity:.25;background-image:radial-gradient(#17223b3b .65px,#0000 .65px);background-size:18px 18px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 72%);mask-image:linear-gradient(#000,#0000 72%)}button,input,select{font:inherit}button{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline-offset:3px;outline:3px solid #4778e86b}::selection{color:var(--ink);background:var(--yellow)}#root{min-height:100vh}.sr-only{clip:rect(0, 0, 0, 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}h1,h2,h3,p{overflow-wrap:break-word}@keyframes page-rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes soft-pop{0%{opacity:0;transform:scale(.84)}72%{opacity:1;transform:scale(1.06)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)rotate(-1deg)}50%{transform:translateY(-8px)rotate(1deg)}}@keyframes beam-flow{to{stroke-dashoffset:-42px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.puzzle-list-page{width:min(880px,100% - 2.5rem);margin:0 auto;padding-bottom:4.5rem}.plp-head{text-align:center;padding:3.2rem 0 2.4rem}.plp-title{color:var(--ink);font-family:var(--font-hand);letter-spacing:.01em;text-wrap:balance;margin:0;font-size:clamp(2.6rem,8vw,4.6rem);font-weight:400;line-height:1.02}.plp-lead{max-width:34ch;color:var(--ink-soft);letter-spacing:-.015em;word-break:keep-all;margin:.9rem auto 0;font-size:clamp(.98rem,2.4vw,1.12rem);font-weight:520;line-height:1.6}.plp-howto{counter-reset:none;grid-template-columns:repeat(3,1fr);gap:.9rem;max-width:640px;margin:2rem auto 0;padding:0;list-style:none;display:grid}.plp-step{box-shadow:var(--shadow-sm);text-align:center;background:#fffdf8d1;border:1.5px solid #17223b24;border-radius:20px 17px 22px 16px;flex-direction:column;align-items:center;gap:.5rem;padding:1rem .7rem .9rem;display:flex}.plp-step-num{border:2px solid var(--ink);width:26px;height:26px;color:var(--ink);background:var(--yellow);box-shadow:2px 2px 0 var(--ink);font-family:var(--font-hand);border-radius:50%;place-items:center;font-size:1.15rem;line-height:1;display:grid}.plp-step-icon svg{fill:none;width:46px;height:46px;stroke:var(--ink);stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;display:block}.plp-step-icon .hs-mirror{stroke:var(--teal);stroke-width:3px}.plp-step-icon .hs-beam{stroke:var(--yellow);stroke-width:3px;stroke-dasharray:3 4}.plp-step-icon .hs-star{fill:var(--yellow);stroke:var(--ink);stroke-width:1.8px}.plp-step-icon .hs-arrow{stroke:var(--coral);stroke-width:2.6px}.plp-step-text{color:var(--ink-soft);letter-spacing:-.02em;word-break:keep-all;font-size:.82rem;font-weight:620;line-height:1.4}.plp-section-head{border-top:1px solid #17223b1f;align-items:baseline;gap:.7rem;margin:0 0 1.15rem;padding-top:1.7rem;display:flex}.plp-section-title{color:var(--ink);font-family:var(--font-hand);margin:0;font-size:clamp(1.7rem,4vw,2.2rem);font-weight:400;line-height:1}.plp-count{color:var(--ink-soft);background:var(--paper-deep);font-family:var(--font-hand);border-radius:999px;margin-left:auto;padding:.22rem .66rem;font-size:1.05rem;line-height:1}.plp-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1.1rem;display:grid}.level-tile{color:inherit;text-align:left;cursor:pointer;animation:.48s both page-rise;animation-delay:calc(var(--tile-order,0) * 55ms);background:0 0;border:none;flex-direction:column;gap:.7rem;padding:0;display:flex}.lt-frame{aspect-ratio:1;box-shadow:var(--shadow-card);transform:rotate(var(--tile-rotate,0deg));background:#fffdf8eb;border:2px solid #17223b29;border-radius:22px 18px 24px 17px;place-items:center;padding:clamp(.9rem,4vw,1.4rem);transition:transform .24s cubic-bezier(.2,.8,.2,1),box-shadow .24s,border-color .24s;display:grid;position:relative}.level-tile:hover .lt-frame{box-shadow:var(--shadow-float);transform:rotate(var(--tile-rotate,0deg)) translateY(-6px) scale(1.02);border-color:#087f796b}.level-tile:active .lt-frame{transform:rotate(var(--tile-rotate,0deg)) translateY(-2px) scale(.99)}.lt-number{z-index:2;border:2.5px solid var(--ink);min-width:40px;height:40px;color:var(--ink);background:var(--yellow);box-shadow:3px 3px 0 var(--ink);font-family:var(--font-hand);border-radius:50%;place-items:center;padding:0 .35rem;font-size:1.65rem;line-height:1;display:grid;position:absolute;top:-12px;left:-10px}.lt-clear{z-index:2;border:2.5px solid var(--ink);width:34px;height:34px;color:var(--ink);background:var(--teal-soft);box-shadow:3px 3px 0 var(--ink);border-radius:50%;place-items:center;font-size:1rem;display:grid;position:absolute;top:-11px;right:-8px}.pt-preview{border:3px solid var(--ink);background:var(--ink);border-radius:6px;gap:2px;width:100%;max-width:108px;display:grid;overflow:hidden;box-shadow:3px 4px #17223b1a}.ptv-cell{aspect-ratio:1;background:#fffefb}.ptv-cell.is-star{background:radial-gradient(circle, var(--yellow) 0 33%, transparent 35%), var(--yellow-soft)}.ptv-cell.is-forbidden{background:linear-gradient(45deg, transparent 43%, var(--danger) 44% 56%, transparent 57%), linear-gradient(-45deg, transparent 43%, var(--danger) 44% 56%, transparent 57%), var(--danger-soft)}.lt-caption{align-items:center;gap:.5rem;padding:0 .15rem;display:flex}.lt-name{min-width:0;color:var(--ink);letter-spacing:-.025em;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.9rem;font-weight:720;line-height:1.3;overflow:hidden}.lt-level{border:1px solid var(--line);color:var(--ink-soft);background:var(--paper-deep);border-radius:999px;flex:none;padding:.2rem .5rem;font-size:.66rem;font-weight:800}.lt-level-basic{color:var(--success);background:var(--success-soft);border-color:#16865333}.lt-level-hard{color:var(--coral-dark);background:var(--coral-soft);border-color:#f26b4b3d}.lt-level-large{color:var(--purple);background:var(--purple-soft);border-color:#7657d633}@media (width<=560px){.puzzle-list-page{width:min(100% - 1.5rem,520px)}.plp-head{padding-top:2.4rem}.plp-howto{gap:.55rem}.plp-step{padding:.8rem .4rem .7rem}.plp-step-icon svg{width:38px;height:38px}.plp-step-text{font-size:.74rem}.plp-grid{grid-template-columns:repeat(2,1fr);gap:1rem .9rem}}@media (width<=360px){.plp-grid{gap:.9rem .8rem}.lt-name{font-size:.82rem}}.puzzle-page{flex-direction:column;gap:1.1rem;width:min(880px,100% - 2rem);margin:0 auto;padding:1rem 0 5.5rem;display:flex}.pp-hud{z-index:30;border:1.6px solid var(--line-strong);-webkit-backdrop-filter:blur(16px)saturate(1.2);backdrop-filter:blur(16px)saturate(1.2);box-shadow:var(--shadow-card);background:#fffdf8db;border-radius:130px 120px 135px/44px 40px 44px 42px;grid-template-columns:1fr auto 1fr;align-items:center;gap:.75rem;padding:.55rem .9rem;display:grid;position:sticky;top:0}.pp-hud-left{justify-content:flex-start;min-width:0;display:flex}.pp-hud-center{text-align:center;min-width:0}.pp-hud-right{justify-content:flex-end;align-items:center;gap:.4rem;min-width:0;display:flex}.pp-title{color:var(--ink);font-family:var(--font-hand);letter-spacing:.01em;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:clamp(1.35rem,3vw,1.7rem);font-weight:400;line-height:1;overflow:hidden}.pp-meta{color:var(--muted);font-family:var(--font-hand);letter-spacing:.02em;margin:.05rem 0 0;font-size:1rem;font-weight:400}.pp-badge{border:1.6px solid var(--line-strong);color:var(--ink-soft);background:var(--paper);font-family:var(--font-hand);white-space:nowrap;border-radius:16px 11px 15px 12px/12px 15px 11px 16px;align-items:center;gap:.28rem;padding:.22rem .6rem;font-size:1.08rem;font-weight:400;line-height:1;display:inline-flex;transform:rotate(-.6deg)}.pp-badge-mirror{transform:rotate(.6deg)}.pp-badge-icon{font-family:var(--font-sans);font-size:.86rem;line-height:1}.pp-badge-star .pp-badge-icon{color:var(--yellow)}.pp-badge-mirror .pp-badge-icon{color:var(--teal)}.pp-icon-btn{border:1px solid var(--line);width:34px;height:34px;color:var(--teal-dark);background:var(--teal-soft);cursor:pointer;border-radius:50%;flex:none;place-items:center;font-size:1.05rem;transition:transform .13s,filter .16s;display:grid}.pp-icon-btn:hover{filter:brightness(1.03);transform:translateY(-1px)}.pp-back{min-height:38px;box-shadow:0 3px 0 var(--line-strong);padding-inline:.9rem;font-size:1rem}.pp-stage{flex-direction:column;align-items:center;gap:1rem;display:flex}.pp-board-hold{border:1.8px solid var(--line-strong);width:100%;box-shadow:var(--shadow-float);background:radial-gradient(circle at 100% 0,#ffc92829,#0000 14rem),#fffdf8f5;border-radius:34px 20px 30px 22px/22px 30px 20px 34px;place-items:center;padding:1.4rem 1rem;display:grid;position:relative;overflow:hidden}.pp-board-hold:after{content:"";pointer-events:none;border:28px solid #ffc92824;border-radius:50%;width:150px;height:150px;position:absolute;top:-58px;right:-45px}.pp-result-live{width:100%}.pp-result-live:empty{display:none}.result-banner{border:1.8px solid var(--line-strong);box-shadow:var(--shadow-card);border-radius:26px 16px 24px 18px/18px 24px 16px 26px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.9rem;padding:1rem 1.15rem;animation:.32s both page-rise;display:flex;transform:rotate(-.3deg)}.result-banner.is-success{color:#125c3d;background:linear-gradient(135deg, #f2fff8, var(--success-soft));border-color:#16865352}.result-banner.is-fail{color:#743023;background:linear-gradient(135deg, #fffaf5, var(--danger-soft));border-color:#d94b4552}.rb-body{flex:1;min-width:0}.rb-title{font-family:var(--font-hand);letter-spacing:.01em;margin:0 0 .2rem;font-size:1.6rem;font-weight:400;line-height:1}.result-banner.is-success .rb-title{color:var(--success)}.result-banner.is-fail .rb-title{color:var(--danger)}.rb-actions{flex:none}.rp-checks,.rp-reasons{gap:.24rem;margin:0;padding:0;font-size:.83rem;list-style:none;display:grid}.rp-checks li:before{content:"✓";color:var(--success);margin-right:.5rem;font-weight:900}.rp-reasons li:before{content:"!";color:#fff;background:var(--danger);border-radius:50%;place-items:center;width:17px;height:17px;margin-right:.5rem;font-size:.65rem;font-weight:900;display:inline-grid}.rp-score{width:fit-content;font-family:var(--font-hand);background:#ffffffa6;border-radius:14px 10px 13px 9px/9px 13px 10px 14px;margin:.55rem 0 0;padding:.24rem .7rem;font-size:1.05rem;font-weight:400}.pp-dock{border:1.8px solid var(--line-strong);box-shadow:var(--shadow-card);background:#fffdf8f0;border-radius:24px 18px 26px 16px/16px 26px 18px 24px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.8rem;padding:.7rem .9rem;display:flex}.pp-dock-mirrors{align-items:center;gap:.55rem;display:flex}.pp-dock-actions{align-items:center;gap:.55rem;margin-left:auto;display:flex}.pp-run{min-height:52px;padding-inline:1.6rem;font-size:1.35rem}.mirror-palette{align-items:center;gap:.5rem;display:flex}.mp-btn{border:2px solid var(--line-strong);width:56px;height:56px;color:var(--ink);background:var(--surface-strong);box-shadow:0 4px 0 var(--line-strong);cursor:pointer;border-radius:17px 12px 16px 13px/13px 16px 12px 17px;place-items:center;padding:0;transition:transform .13s,box-shadow .13s,border-color .16s,background .16s;display:grid;transform:rotate(-.6deg)}.mp-btn svg{color:var(--ink);background:var(--paper);border-radius:10px;padding:5px}.mp-btn:hover{box-shadow:0 6px 0 var(--line-strong);transform:translateY(-2px)rotate(-.6deg)}.mp-btn:active{box-shadow:0 1px 0 var(--line-strong);transform:translateY(3px)rotate(-.6deg)}.mp-btn.is-selected{border-color:var(--teal);background:var(--teal-soft);box-shadow:0 4px 0 var(--teal-dark)}.mp-btn.is-selected svg{color:#fff;background:var(--teal);animation:.26s both soft-pop}.btn{border:1.7px solid var(--line-strong);min-height:48px;color:var(--ink);background:var(--surface-strong);box-shadow:0 4px 0 var(--line-strong);font-family:var(--font-hand);letter-spacing:.01em;cursor:pointer;border-radius:16px 12px 15px 13px/13px 15px 12px 16px;justify-content:center;align-items:center;gap:.4rem;padding:.6rem 1.15rem;font-size:1.15rem;font-weight:400;line-height:1;transition:transform .12s,box-shadow .12s,filter .16s,background .16s;display:inline-flex;transform:rotate(-.5deg)}.btn:hover{filter:brightness(1.02);box-shadow:0 6px 0 var(--line-strong);transform:translateY(-2px)rotate(-.5deg)}.btn:active{box-shadow:0 1px 0 var(--line-strong);transform:translateY(3px)rotate(-.5deg)}.btn-primary{color:#fff;border-color:var(--teal-dark);background:var(--teal);box-shadow:0 4px 0 var(--teal-dark);position:relative;overflow:hidden}.btn-primary:after{content:"";background:linear-gradient(90deg,#0000,#ffffff6b,#0000);width:30%;transition:left .42s;position:absolute;top:-40%;bottom:-40%;left:-30%;transform:skew(-18deg)}.btn-primary:hover{box-shadow:0 6px 0 var(--teal-dark)}.btn-primary:hover:after{left:110%}.btn-primary:active{box-shadow:0 1px 0 var(--teal-dark)}.btn-ghost{background:#f8f7f2}.btn:disabled{opacity:.44;cursor:not-allowed;filter:grayscale(.4);transform:none}.btn-icon{width:18px;height:18px;font-family:var(--font-sans);place-items:center;font-size:.85rem;display:inline-grid}.rule-modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#17223b57;place-items:center;padding:1.2rem;animation:.2s both page-rise;display:grid;position:fixed;inset:0}.rule-modal{border:1.8px solid var(--line-strong);background:var(--surface-strong);width:min(440px,100%);max-height:min(86vh,640px);box-shadow:var(--shadow-float);border-radius:30px 18px 26px 20px/20px 26px 18px 30px;padding:1.5rem 1.5rem 1.3rem;animation:.26s both soft-pop;position:relative;overflow-y:auto;transform:rotate(-.4deg)}.rule-modal-close{border:1px solid var(--line);width:32px;height:32px;color:var(--ink-soft);background:var(--paper);cursor:pointer;border-radius:50%;place-items:center;font-size:1.3rem;line-height:1;transition:filter .16s;display:grid;position:absolute;top:.85rem;right:.9rem}.rule-modal-close:hover{filter:brightness(.97)}.rule-modal-foot{border-top:1px dashed var(--line);justify-content:flex-end;align-items:center;gap:.6rem;margin-top:1.2rem;padding-top:1rem;display:flex}.rule-modal-foot .btn{min-height:42px;font-size:1.02rem}.rp-title{justify-content:space-between;align-items:flex-start;gap:.75rem;padding-right:2rem;display:flex}.rp-title h2{color:var(--ink);font-family:var(--font-hand);letter-spacing:.01em;margin:0;font-size:1.7rem;font-weight:400;line-height:1.05}.rp-level{border:1px solid var(--line);color:var(--ink-soft);background:var(--paper-deep);border-radius:999px;flex:none;padding:.25rem .58rem;font-size:.66rem;font-weight:820}.rp-level-basic{color:var(--success);background:var(--success-soft);border-color:#16865333}.rp-level-hard{color:var(--coral-dark);background:var(--coral-soft);border-color:#f26b4b3d}.rp-level-large{color:var(--purple);background:var(--purple-soft);border-color:#7657d633}.rp-desc{color:var(--muted);word-break:keep-all;margin:.7rem 0 0;font-size:.84rem;line-height:1.6}.rp-subtitle{color:var(--teal);font-family:var(--font-hand);letter-spacing:.02em;margin:1.1rem 0 .5rem;font-size:1.25rem;font-weight:400}.rp-goals{gap:.45rem;margin:0;padding:0;list-style:none;display:grid}.rp-goals li{border:1.4px solid var(--line);min-width:0;color:var(--ink-soft);background:#f4f2eb;border-radius:14px 9px 13px 10px/10px 13px 9px 14px;align-items:center;gap:.48rem;padding:.5rem .62rem;font-size:.82rem;font-weight:640;line-height:1.4;display:flex}.rp-goals li:before{content:"✓";width:19px;height:19px;color:var(--teal);background:var(--teal-soft);border-radius:6px;flex:none;place-items:center;font-size:.7rem;font-weight:900;display:grid}.rp-mirror-counts svg{flex:none}.pb-wrap{overscroll-behavior-inline:contain;scrollbar-width:thin;place-items:center;width:100%;display:grid;overflow-x:auto}.pb-frame{isolation:isolate}.pb-col-labels,.pb-row-labels{display:flex}.pb-row-labels{flex-direction:column}.pb-label{color:var(--ink-soft);font-family:var(--font-hand);justify-content:center;align-items:center;font-size:1.15rem;font-weight:400;line-height:1;display:flex}.pb-body{display:flex}.pb-grid{border:4px solid var(--grid-line);background:var(--grid-line);border-radius:12px;gap:3px;padding:3px;display:grid;position:relative;overflow:hidden;box-shadow:7px 8px #17223b1f}.pb-cell{z-index:1;color:var(--ink);cursor:pointer;background:#fffefb;border:0;border-radius:3px;justify-content:center;align-items:center;padding:0;transition:background .15s,transform .12s,box-shadow .15s;display:flex;position:relative;overflow:hidden}.pb-cell:after{content:attr(aria-label);color:#17223b38;font-family:var(--font-mono);opacity:0;font-size:.48rem;font-weight:700;transition:opacity .14s;position:absolute;bottom:2px;right:4px}.pb-cell:hover{z-index:2;background:var(--blue-soft);transform:scale(1.035);box-shadow:inset 0 0 0 3px #4778e873}.pb-cell:hover:after{opacity:1}.pb-cell:active{transform:scale(.93)}.pb-cell.is-star{background:radial-gradient(circle at 50% 48%,#ffc9283d,#0000 62%),#fffbeb}.pb-cell.is-forbidden{background:repeating-linear-gradient(135deg, transparent 0 8px, #d94b450e 8px 14px), var(--danger-soft)}.pb-cell.is-allowed{background:#f7f7f2;box-shadow:inset 0 0 0 2px #087f7933}.pb-cell.is-allowed:hover{background:var(--teal-soft);box-shadow:inset 0 0 0 3px #087f7985}.pc-star{color:var(--yellow);filter:drop-shadow(0 2px 1px #17223b33);animation:.5s both soft-pop;display:block}.pc-forbidden{color:var(--danger);font-size:1.5rem;font-weight:900;line-height:1}.pc-allowed{color:#0000;border:2px dashed #087f798c;border-radius:7px;place-items:center;width:22px;height:22px;display:grid;transform:rotate(45deg)}.pc-mirror{color:var(--teal);filter:drop-shadow(0 3px #075e5a33);animation:.24s both soft-pop;display:block}.pb-marker{color:var(--ink);pointer-events:none;-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;gap:2px;display:flex}.pb-marker-label{border:2px solid var(--ink);color:var(--ink);background:var(--surface-strong);box-shadow:2px 3px 0 var(--ink);font-family:var(--font-hand);border-radius:13px 8px 12px 9px/9px 12px 8px 13px;padding:2px 9px;font-size:.92rem;font-weight:400;line-height:1.1;transform:rotate(-1deg)}.pb-marker-entry .pb-marker-label{background:var(--yellow)}.pb-marker-exit .pb-marker-label{color:#fff;background:var(--coral)}.pb-marker-arrow{animation:1.25s ease-in-out infinite marker-pulse;display:block}@keyframes marker-pulse{0%,to{opacity:.65;translate:0}50%{opacity:1;translate:3px}}.path-overlay{z-index:4;pointer-events:none;position:absolute;top:3px;left:3px;overflow:visible}.path-glow{fill:none;stroke:#fff6d8;stroke-width:15px;stroke-linecap:round;stroke-linejoin:round;opacity:.9;filter:url(#beam-glow)}.path-core{fill:none;stroke:#fff;stroke-width:5px;stroke-linecap:round;stroke-linejoin:round}.path-spark{fill:none;stroke:#fff;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:9 17;opacity:.95;animation:.8s linear infinite beam-flow}.path-origin-glow{fill:#fff6d8;filter:url(#beam-glow)}.path-origin{fill:#fff;transform-box:fill-box;transform-origin:50%;animation:1s ease-in-out infinite origin-pulse}@keyframes origin-pulse{50%{transform:scale(1.38)}}@media (width<=620px){.puzzle-page{width:calc(100% - 1rem);padding-top:.6rem}.pp-hud{border-radius:var(--radius-lg)}.pp-back{color:#0000;width:38px;min-width:38px;padding:0;overflow:hidden}.pp-back:before{content:"←";color:var(--ink);font-size:1rem}.pp-board-hold{border-radius:20px;padding:.9rem .35rem}.pp-dock{z-index:40;-webkit-backdrop-filter:blur(14px)saturate(1.2);backdrop-filter:blur(14px)saturate(1.2);background:#fffdf8f7;border-radius:18px 18px 0 0;margin:0 -.5rem;position:sticky;bottom:0}.result-banner{flex-direction:column;align-items:stretch}.rb-actions .btn{width:100%}}@media (width<=430px){.pp-badge{padding-inline:.42rem;font-size:.72rem}.mp-btn{width:50px;height:50px}.pp-run{padding-inline:1.1rem}}.app-view{animation:.44s cubic-bezier(.2,.75,.2,1) both page-rise}