@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;--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(1120px,100% - 2.5rem);margin:0 auto;padding-bottom:4.5rem}.plp-hero{grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);align-items:center;gap:3rem;min-height:388px;padding:3.5rem 0 2.6rem;display:grid}.plp-hero-copy{z-index:2;position:relative}.plp-eyebrow{width:fit-content;color:var(--teal-dark);letter-spacing:.1em;background:#dff3efcc;border:1px solid #087f792e;border-radius:999px;align-items:center;gap:.45rem;margin:0 0 1.05rem;padding:.44rem .82rem;font-size:.76rem;font-weight:800;display:inline-flex}.plp-eyebrow:before{content:"";background:var(--yellow);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #ffc92830}.plp-title{max-width:700px;color:var(--ink);letter-spacing:-.068em;text-wrap:balance;margin:0;font-size:clamp(2.65rem,6vw,5rem);font-weight:880;line-height:.98}.plp-title-accent{color:var(--coral);white-space:nowrap;position:relative}.plp-title-accent:after{content:"";background:var(--yellow);opacity:.85;border-radius:999px;height:.12em;position:absolute;bottom:-.12em;left:4%;right:1%;transform:rotate(-1.4deg)}.plp-lead{max-width:530px;color:var(--ink-soft);letter-spacing:-.018em;word-break:keep-all;margin:1.45rem 0 0;font-size:clamp(1rem,2vw,1.12rem);font-weight:510;line-height:1.78}.plp-meta{flex-wrap:wrap;gap:.55rem;margin-top:1.35rem;display:flex}.plp-meta span{color:var(--ink-soft);background:#ffffffa3;border-radius:999px;align-items:center;gap:.4rem;padding:.46rem .75rem;font-size:.78rem;font-weight:720;display:inline-flex;box-shadow:inset 0 0 0 1px #17223b14}.plp-hero-art{min-height:300px;animation:6s ease-in-out infinite float;position:relative}.plp-art-board{aspect-ratio:1;border:4px solid var(--ink);background-color:var(--surface-strong);width:285px;box-shadow:var(--shadow-float), 12px 14px 0 var(--yellow);background-image:linear-gradient(90deg,#17223b2e 1px,#0000 1px),linear-gradient(#17223b2e 1px,#0000 1px);background-size:20% 20%;border-radius:25px;position:absolute;top:24px;right:15px;overflow:hidden;transform:rotate(2.5deg)}.plp-art-beam{z-index:2;filter:drop-shadow(0 0 9px #ffc928e6);width:240px;height:182px;position:absolute;top:56px;right:34px}.plp-art-beam path{fill:none;stroke:var(--yellow);stroke-width:7px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:11 8;animation:1.2s linear infinite beam-flow}.plp-art-star{z-index:3;border:3px solid var(--ink);width:49px;height:49px;color:var(--ink);background:var(--yellow);box-shadow:4px 5px 0 var(--ink);border-radius:50%;place-items:center;font-size:1.45rem;animation:.7s both soft-pop;display:grid;position:absolute}.plp-art-star.is-one{top:43px;right:68px}.plp-art-star.is-two{animation-delay:.16s;bottom:58px;right:195px}.plp-art-mirror{z-index:3;border:3px solid var(--ink);background:var(--teal-soft);width:58px;height:58px;box-shadow:4px 5px 0 var(--ink);border-radius:14px;position:absolute;bottom:31px;right:124px;transform:rotate(2.5deg)}.plp-art-mirror:before{content:"";background:var(--teal);border-radius:999px;width:7px;height:32px;position:absolute;top:11px;right:25px;transform:rotate(45deg)}.plp-section-head{border-top:1px solid #17223b1f;align-items:end;gap:.8rem;margin:0 0 1.25rem;padding-top:1.8rem;display:flex}.plp-section-title{margin:0}.plp-section-kicker{color:var(--teal);letter-spacing:.14em;text-transform:uppercase;margin-bottom:.26rem;font-size:.7rem;font-weight:850;display:block}.plp-section-head h3{letter-spacing:-.04em;margin:0;font-size:clamp(1.5rem,3vw,2rem);font-weight:850}.plp-count{color:var(--ink-soft);background:var(--paper-deep);border-radius:999px;margin-bottom:.2rem;padding:.24rem .62rem;font-size:.78rem;font-weight:780}.plp-section-note{color:var(--muted);margin:0 0 .32rem auto;font-size:.83rem}.plp-grid{grid-template-columns:repeat(6,1fr);gap:1rem;display:grid}.puzzle-card{--card-accent:var(--teal);border-radius:var(--radius-lg);min-height:215px;color:inherit;box-shadow:var(--shadow-card);text-align:left;cursor:pointer;animation:.5s both page-rise;animation-delay:calc(var(--card-order,0) * 70ms);background:#fffdf8eb;border:1px solid #17223b1a;grid-column:span 2;grid-template-columns:118px minmax(0,1fr);align-items:center;gap:1.05rem;padding:1.1rem;transition:transform .24s cubic-bezier(.2,.8,.2,1),box-shadow .24s,border-color .24s;display:grid;position:relative;overflow:hidden}.puzzle-card:nth-child(4),.puzzle-card:nth-child(5){grid-column:span 3}.puzzle-card:before{content:"";background:var(--card-accent);transform-origin:bottom;width:5px;transition:transform .22s;position:absolute;top:0;bottom:0;left:0;transform:scaleY(0)}.puzzle-card:hover{z-index:2;box-shadow:var(--shadow-float);border-color:#087f7959;transform:translateY(-7px)rotate(-.35deg)}.puzzle-card:hover:before{transform:scaleY(1)}.puzzle-card:active{transform:translateY(-2px)scale(.99)}.pc-preview-wrap{position:relative}.pc-number{z-index:2;border:2px solid var(--ink);width:31px;height:31px;color:var(--ink);background:var(--yellow);box-shadow:2px 3px 0 var(--ink);border-radius:50%;place-items:center;font-size:.72rem;font-weight:900;display:grid;position:absolute;top:-11px;left:-9px}.pc-preview{border:3px solid var(--ink);background:var(--ink);border-radius:12px;gap:2px;width:112px;transition:transform .24s;display:grid;overflow:hidden;box-shadow:4px 5px #17223b1a}.puzzle-card:hover .pc-preview{transform:scale(1.035)rotate(1deg)}.pcv-cell{aspect-ratio:1;background:#fffefb}.pcv-cell.is-star{background:radial-gradient(circle, var(--yellow) 0 33%, transparent 35%), var(--yellow-soft)}.pcv-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)}.pc-body{min-width:0}.pc-top{justify-content:space-between;align-items:flex-start;gap:.5rem;display:flex}.pc-top h3{color:var(--ink);letter-spacing:-.035em;word-break:keep-all;margin:0;font-size:1.05rem;font-weight:840;line-height:1.28}.pc-level{border:1px solid var(--line);color:var(--ink-soft);background:var(--paper-deep);border-radius:999px;flex:none;padding:.25rem .56rem;font-size:.66rem;font-weight:820}.pc-level-basic{color:var(--success);background:var(--success-soft);border-color:#16865333}.pc-level-hard{color:var(--coral-dark);background:var(--coral-soft);border-color:#f26b4b3d}.pc-level-large{color:var(--purple);background:var(--purple-soft);border-color:#7657d633}.pc-size{color:var(--teal-dark);margin:.62rem 0 0;font-size:.74rem;font-weight:760;line-height:1.45}.pc-desc{color:var(--muted);letter-spacing:-.012em;word-break:keep-all;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:.44rem 0 0;font-size:.8rem;line-height:1.55;display:-webkit-box;overflow:hidden}.pc-start{color:var(--ink);align-items:center;gap:.34rem;margin-top:.72rem;font-size:.75rem;font-weight:800;display:inline-flex}.pc-start-arrow{transition:transform .18s}.puzzle-card:hover .pc-start-arrow{transform:translate(4px)}@media (width<=950px){.plp-hero{grid-template-columns:1fr 310px;gap:1rem}.plp-art-board{width:250px}.plp-art-beam{width:210px;right:24px}.puzzle-card{grid-column:span 3}.puzzle-card:nth-child(5){grid-column:2/span 4}}@media (width<=760px){.puzzle-list-page{width:min(100% - 1.5rem,600px)}.plp-hero{grid-template-columns:1fr;min-height:auto;padding-top:2.5rem}.plp-hero-art{min-height:260px;margin-top:-1rem}.plp-art-board{width:230px;right:50%;transform:translate(50%)rotate(2.5deg)}.plp-art-beam{width:195px;right:50%;transform:translate(50%)}.plp-art-star.is-one{right:calc(50% - 86px)}.plp-art-star.is-two{bottom:38px;right:calc(50% + 52px)}.plp-art-mirror{bottom:15px;right:calc(50% - 19px)}.plp-section-note{display:none}.plp-grid{grid-template-columns:1fr}.puzzle-card,.puzzle-card:nth-child(4),.puzzle-card:nth-child(5){grid-column:1}}@media (width<=440px){.plp-title{font-size:2.5rem}.puzzle-card{grid-template-columns:92px minmax(0,1fr);gap:.85rem;min-height:0;padding:.9rem}.pc-preview{border-width:2px;gap:1px;width:88px}.pc-start{display:none}}.puzzle-page{width:min(1180px,100% - 2.5rem);margin:0 auto;padding:1.8rem 0 4rem}.pp-header{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1rem;margin-bottom:1.25rem;display:grid}.pp-heading{min-width:0}.pp-kicker{color:var(--teal);letter-spacing:.14em;text-transform:uppercase;margin-bottom:.22rem;font-size:.68rem;font-weight:850;display:block}.pp-header h1{color:var(--ink);letter-spacing:-.045em;margin:0;font-size:clamp(1.45rem,3vw,2.1rem);font-weight:870;line-height:1.1}.pp-puzzle-title{color:var(--muted);margin:.4rem 0 0;font-size:.87rem;font-weight:590}.pp-progress{color:var(--muted);background:#fffdf8b8;border:1px solid #17223b1a;border-radius:999px;align-items:center;gap:.42rem;padding:.52rem .72rem;font-size:.72rem;font-weight:740;display:flex}.pp-progress span{background:var(--line-strong);border-radius:50%;width:7px;height:7px}.pp-progress span.is-active{background:var(--teal);border-radius:999px;width:20px}.panel{border-radius:var(--radius-lg);box-shadow:var(--shadow-card);background:#fffdf8f0;border:1px solid #17223b1c;padding:1.15rem 1.2rem}.pp-layout{grid-template-columns:minmax(470px,.9fr) minmax(360px,1.1fr);align-items:start;gap:1.4rem;display:grid}.pp-main{min-width:0;position:sticky;top:92px}.pp-board-stage{border-radius:var(--radius-xl);box-shadow:var(--shadow-float);background:radial-gradient(circle at 100% 0,#ffc9282e,#0000 13rem),#fffdf8f5;border:1px solid #17223b1f;padding:1rem 1rem 1.3rem;position:relative;overflow:hidden}.pp-board-stage:after{content:"";pointer-events:none;border:28px solid #ffc92829;border-radius:50%;width:150px;height:150px;position:absolute;top:-58px;right:-45px}.pp-board-bar{z-index:2;justify-content:space-between;align-items:center;gap:1rem;padding:.15rem .35rem .8rem;display:flex;position:relative}.pp-board-label{color:var(--ink);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:.46rem;font-size:.78rem;font-weight:840;display:flex}.pp-board-label:before{content:"";background:var(--coral);border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #f26b4b29}.pp-board-legend{flex-wrap:wrap;justify-content:flex-end;gap:.3rem;display:flex}.pp-board-legend span{color:var(--muted);background:var(--paper);border-radius:999px;align-items:center;gap:.26rem;padding:.25rem .48rem;font-size:.65rem;font-weight:740;display:inline-flex}.pp-side{gap:.9rem;min-width:0;display:grid}.control-panel{position:relative;overflow:hidden}.control-panel:before{content:"CONTROL";color:#17223b14;letter-spacing:.08em;pointer-events:none;font-size:1.7rem;font-weight:900;position:absolute;top:.8rem;right:1rem}.control-step{align-items:flex-start;gap:.85rem;display:flex;position:relative}.control-step+.control-step{border-top:1px dashed var(--line);margin-top:1rem;padding-top:1rem}.control-step-number{color:#fff;background:var(--ink);width:28px;height:28px;box-shadow:2px 3px 0 var(--yellow);border-radius:9px;flex:none;place-items:center;font-size:.72rem;font-weight:850;display:grid}.control-step-body{flex:1;min-width:0}.pp-actions{grid-template-columns:minmax(0,1fr) auto;gap:.65rem;display:grid}.btn{border:1px solid var(--line-strong);min-height:48px;color:var(--ink);background:var(--surface-strong);box-shadow:0 4px 0 var(--line-strong);cursor:pointer;border-radius:14px;justify-content:center;align-items:center;gap:.48rem;padding:.72rem 1.12rem;font-size:.9rem;font-weight:790;line-height:1;transition:transform .12s,box-shadow .12s,filter .16s,background .16s;display:inline-flex}.btn:hover{filter:brightness(1.02);box-shadow:0 6px 0 var(--line-strong);transform:translateY(-2px)}.btn:active{box-shadow:0 1px 0 var(--line-strong);transform:translateY(3px)}.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-danger{color:#fff;border-color:var(--coral-dark);background:var(--coral);box-shadow:0 4px 0 var(--coral-dark)}.btn:disabled{opacity:.44;cursor:not-allowed;filter:grayscale(.4);transform:none}.btn-icon{place-items:center;width:18px;height:18px;display:inline-grid}.pp-back{align-self:center;min-height:42px;padding-inline:.9rem;font-size:.8rem}.pp-sample{border-top:1px dashed var(--line);align-items:center;gap:.7rem;margin-top:.8rem;padding-top:.8rem;display:flex}.pp-sample .btn{min-height:40px;box-shadow:none;flex:none;padding:.55rem .85rem;font-size:.77rem}.pp-sample-note{color:var(--muted);word-break:keep-all;margin:0;font-size:.72rem;line-height:1.48}.rp-title{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.rp-title h2{color:var(--ink);letter-spacing:-.035em;margin:0;font-size:1.26rem;font-weight:850;line-height:1.25}.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:.65rem 0 0;font-size:.83rem;line-height:1.6}.rp-subtitle{color:var(--teal);letter-spacing:.12em;text-transform:uppercase;margin:1rem 0 .55rem;font-size:.69rem;font-weight:850}.rp-goals{grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;margin:0;padding:0;list-style:none;display:grid}.rp-goals li{min-width:0;color:var(--ink-soft);background:#f4f2eb;border-radius:11px;align-items:center;gap:.48rem;padding:.55rem .62rem;font-size:.75rem;font-weight:640;line-height:1.35;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-goals .rp-mirror-counts{grid-column:1/-1}.rp-mirror-counts svg{flex:none}.mirror-palette h3{color:var(--ink);margin:0 0 .55rem;font-size:.86rem;font-weight:820}.mp-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:.58rem;display:grid}.mp-btn{border:2px solid var(--line-strong);min-height:76px;color:var(--ink);background:var(--surface-strong);box-shadow:0 4px 0 var(--line-strong);text-align:left;cursor:pointer;border-radius:15px;grid-template-columns:42px 1fr;align-items:center;gap:.55rem;padding:.48rem .65rem;transition:transform .13s,box-shadow .13s,border-color .16s,background .16s;display:grid}.mp-btn svg{color:var(--ink);background:var(--paper);border-radius:10px;padding:6px}.mp-btn:hover{box-shadow:0 6px 0 var(--line-strong);transform:translateY(-2px)}.mp-btn:active{box-shadow:0 1px 0 var(--line-strong);transform:translateY(3px)}.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}.mp-copy{gap:.12rem;display:grid}.mp-name{font-size:.78rem;font-weight:820}.mp-hint{color:var(--muted);font-size:.65rem;font-weight:590;line-height:1.3}.mp-tip{color:var(--muted);margin:.65rem 0 0;font-size:.7rem;line-height:1.5}.result-panel{font-size:.84rem;animation:.34s both page-rise;position:relative;overflow:hidden}.result-panel.is-empty{color:var(--muted);box-shadow:none;background:#fffdf899}.result-panel.is-empty p{margin:0}.result-panel.is-success{color:#125c3d;background:linear-gradient(135deg, #f2fff8, var(--success-soft));border-color:#16865347}.result-panel.is-success:after{content:"★";color:#ffc9288a;font-size:6rem;animation:.65s both soft-pop;position:absolute;top:-24px;right:10px;transform:rotate(14deg)}.result-panel.is-fail{color:#743023;background:linear-gradient(135deg, #fffaf5, var(--coral-soft));border-color:#f26b4b4d}.rp-result-title{z-index:1;letter-spacing:-.035em;margin:0 0 .55rem;font-size:1.32rem;font-weight:880;position:relative}.result-panel.is-success .rp-result-title{color:var(--success)}.result-panel.is-fail .rp-result-title{color:var(--coral-dark)}.rp-checks,.rp-reasons{z-index:1;gap:.26rem;margin:0;padding:0;list-style:none;display:grid;position:relative}.rp-checks li:before{content:"✓";color:var(--success);margin-right:.5rem;font-weight:900}.rp-reasons li:before{content:"!";color:#fff;background:var(--coral);border-radius:50%;place-items:center;width:17px;height:17px;margin-right:.5rem;font-size:.65rem;font-weight:900;display:inline-grid}.rp-score{background:#ffffffa6;border-radius:999px;width:fit-content;margin:.65rem 0 0;padding:.32rem .65rem;font-weight:830}.rp-path{z-index:1;color:var(--muted);margin-top:.65rem;font-size:.72rem;position:relative}.rp-path summary{cursor:pointer;font-weight:720}.rp-path p{margin:.4rem 0 0;line-height:1.65}.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-mono);justify-content:center;align-items:center;font-size:.74rem;font-weight:800;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 #17223b38);font-size:1.62rem;line-height:1;animation:.5s both soft-pop;position:relative}.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);border-radius:999px;padding:3px 8px;font-size:.61rem;font-weight:850;line-height:1}.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-track{fill:none;stroke:#ffffffe6;stroke-width:10px;stroke-linecap:round;stroke-linejoin:round}.path-beam{fill:none;stroke:url(#beam-gradient);stroke-width:6px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:14 8;filter:url(#beam-glow);animation:.8s linear infinite beam-flow}.path-origin{fill:var(--yellow);stroke:var(--ink);stroke-width:3px;transform-box:fill-box;transform-origin:50%;animation:1s ease-in-out infinite origin-pulse}@keyframes origin-pulse{50%{transform:scale(1.38)}}.debug-panel{margin-top:.2rem}.dbg-toggle{width:100%;color:var(--muted);cursor:pointer;background:0 0;border:0;padding:.4rem;font-size:.68rem;font-weight:690}.dbg-toggle:hover{color:var(--ink)}.dbg-body{border:1px dashed var(--line);border-radius:var(--radius);background:#ffffff8c;margin-top:.4rem;padding:.8rem}.dbg-section{margin-top:.65rem}.dbg-section h4{color:var(--ink-soft);font-family:var(--font-mono);margin:0 0 .28rem;font-size:.7rem}.dbg-section pre{color:#e8edf8;background:var(--ink);max-height:220px;font-family:var(--font-mono);border-radius:8px;margin:0;padding:.65rem;font-size:.68rem;line-height:1.5;overflow:auto}.dbg-empty{color:var(--muted);margin:0;font-size:.75rem}@media (width<=980px){.puzzle-page{width:min(100% - 1.5rem,760px)}.pp-layout{grid-template-columns:1fr}.pp-main{position:static}}@media (width<=620px){.puzzle-page{width:calc(100% - 1rem);padding-top:1rem}.pp-header{grid-template-columns:auto minmax(0,1fr)}.pp-progress{display:none}.pp-header h1{font-size:1.3rem}.pp-puzzle-title{font-size:.76rem}.pp-board-stage{border-radius:20px;padding:.72rem .2rem .9rem}.pp-board-bar{padding-inline:.65rem}.pp-board-legend span:nth-child(3){display:none}.rp-goals{grid-template-columns:1fr}.rp-goals .rp-mirror-counts{grid-column:auto}}@media (width<=430px){.pp-back{color:#0000;width:42px;min-width:42px;padding:0;overflow:hidden}.pp-back:before{content:"←";color:var(--ink);font-size:1rem}.pp-board-legend{display:none}.panel{padding:1rem}.control-step{gap:.65rem}.mp-btn{grid-template-columns:36px 1fr;padding-inline:.48rem}.pp-sample{flex-direction:column;align-items:flex-start}}.editor-page{width:min(1120px,100% - 2.5rem);margin:0 auto;padding:2.2rem 0 4rem}.editor-page>header{margin-bottom:1.4rem}.editor-page>header:before{content:"PUZZLE WORKSHOP";color:var(--teal);letter-spacing:.14em;margin-bottom:.32rem;font-size:.7rem;font-weight:850;display:block}.editor-page h1{letter-spacing:-.05em;margin:0;font-size:clamp(1.8rem,4vw,2.55rem);font-weight:880}.ed-hint{max-width:620px;color:var(--muted);word-break:keep-all;margin:.55rem 0 0;font-size:.9rem;line-height:1.65}.ed-layout{grid-template-columns:minmax(390px,.88fr) minmax(360px,1.12fr);align-items:start;gap:1.4rem;display:grid}.ed-board-col{border-radius:var(--radius-xl);min-width:0;box-shadow:var(--shadow-float);background:#fffdf8f2;border:1px solid #17223b1f;padding:1.1rem;position:sticky;top:92px}.ed-form-col{gap:1rem;min-width:0;display:grid}.ed-modes,.ed-size{color:var(--muted);flex-wrap:wrap;align-items:center;gap:.4rem;margin-bottom:.75rem;font-size:.76rem;font-weight:720;display:flex}.ed-modes .btn,.ed-size .btn{min-height:38px;box-shadow:0 3px 0 var(--line-strong);border-radius:11px;padding:.5rem .7rem;font-size:.72rem}.ed-modes .btn-primary,.ed-size .btn-primary{box-shadow:0 3px 0 var(--teal-dark)}.be-wrap{place-items:center;width:100%;padding:.7rem 0;display:grid;overflow-x:auto}.be-col-labels,.be-row-labels{display:flex}.be-row-labels{flex-direction:column;width:46px}.be-body{display:flex}.be-label{color:var(--ink-soft);font-family:var(--font-mono);justify-content:center;align-items:center;font-size:.72rem;font-weight:800;display:flex}.be-grid{border:4px solid var(--ink);background:var(--ink);border-radius:12px;gap:3px;padding:3px;display:grid;overflow:hidden;box-shadow:6px 7px #17223b1f}.be-cell{color:var(--ink);cursor:pointer;background:#fffefb;border:0;border-radius:3px;place-items:center;padding:0;font-size:1.25rem;transition:transform .12s,background .15s,box-shadow .15s;display:grid}.be-cell:hover{z-index:2;background:var(--blue-soft);transform:scale(1.04);box-shadow:inset 0 0 0 3px #4778e86b}.be-cell:active{transform:scale(.93)}.be-cell.is-star{background:var(--yellow-soft)}.be-cell.is-forbidden{background:var(--danger-soft)}.be-star{color:var(--yellow);filter:drop-shadow(0 2px #17223b33);animation:.25s both soft-pop}.be-forbidden{color:var(--danger);font-weight:900;animation:.25s both soft-pop}.be-allowed{color:var(--teal);animation:.25s both soft-pop}.rule-editor,.export-json{border-radius:var(--radius-lg);box-shadow:var(--shadow-card);background:#fffdf8f2;border:1px solid #17223b1c;padding:1.2rem}.rule-editor h3,.export-json h3{color:var(--ink);letter-spacing:-.03em;margin:0 0 .9rem;font-size:1.08rem;font-weight:840}.re-field{grid-template-columns:minmax(130px,.8fr) minmax(150px,1.2fr);align-items:center;gap:.8rem;margin-bottom:.68rem;font-size:.78rem;display:grid}.re-field span{color:var(--ink-soft);font-weight:680}.re-field input,.re-field select,.re-group input,.re-group select{border:1px solid var(--line);width:100%;min-height:40px;color:var(--ink);background:#fff;border-radius:10px;padding:.48rem .62rem;font-size:.78rem;transition:border-color .15s,box-shadow .15s}.re-field input:focus,.re-field select:focus,.re-group input:focus,.re-group select:focus{border-color:var(--teal);box-shadow:0 0 0 4px #087f791a}.re-field input[type=number]{width:100%}.re-group{border:1px dashed var(--line-strong);border-radius:13px;grid-template-columns:1fr 72px 1fr;gap:.48rem;margin:0 0 .75rem;padding:.75rem;display:grid}.re-group legend{color:var(--teal);padding:0 .38rem;font-size:.71rem;font-weight:820}.re-group input[type=number]{width:100%}.ej-head{justify-content:space-between;align-items:center;gap:1rem;display:flex}.ej-head .btn{min-height:38px;box-shadow:none;padding:.5rem .8rem;font-size:.72rem}.ej-code{color:#e9efff;background:var(--ink);max-height:390px;font-family:var(--font-mono);border-radius:13px;margin:0;padding:1rem;font-size:.72rem;line-height:1.6;overflow:auto;box-shadow:inset 0 0 0 1px #ffffff14}@media (width<=900px){.editor-page{width:min(100% - 1.5rem,700px)}.ed-layout{grid-template-columns:1fr}.ed-board-col{position:static}}@media (width<=520px){.editor-page{width:calc(100% - 1rem);padding-top:1.35rem}.ed-board-col,.rule-editor,.export-json{border-radius:17px;padding:.9rem}.re-field{grid-template-columns:1fr;gap:.28rem}.re-group{grid-template-columns:1fr 64px 1fr;padding:.58rem}}.app-nav{z-index:50;-webkit-backdrop-filter:blur(18px)saturate(1.25);backdrop-filter:blur(18px)saturate(1.25);background:#fffdf8d1;border-bottom:1px solid #17223b17;position:sticky;top:0}.app-nav-inner{align-items:center;gap:.6rem;width:min(1180px,100% - 2rem);min-height:72px;margin:0 auto;display:flex}.app-brand{color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:.75rem;margin-right:auto;padding:0;display:inline-flex}.app-brand-mark{filter:drop-shadow(0 5px 8px #087f7933);width:42px;height:42px;transition:transform .24s cubic-bezier(.2,.8,.2,1);display:block}.app-brand:hover .app-brand-mark{transform:rotate(-5deg)scale(1.05)}.app-brand-copy{line-height:1.1;display:grid}.app-brand-name{letter-spacing:-.035em;font-size:1rem;font-weight:850}.app-brand-kicker{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;margin-top:.24rem;font-size:.66rem;font-weight:760}.app-tab{min-height:42px;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;align-items:center;gap:.45rem;padding:.55rem 1rem;font-size:.91rem;font-weight:760;transition:color .16s,background .16s,border-color .16s,transform .16s;display:inline-flex}.app-tab svg{width:17px;height:17px}.app-tab:hover{color:var(--ink);background:#17223b0d;transform:translateY(-1px)}.app-tab.is-active{color:var(--teal-dark);background:var(--teal-soft);border-color:#087f7933}.app-view{animation:.44s cubic-bezier(.2,.75,.2,1) both page-rise}@media (width<=620px){.app-nav-inner{width:calc(100% - 1rem);min-height:62px}.app-brand-mark{width:36px;height:36px}.app-brand-copy{display:none}.app-tab{padding-inline:.78rem;font-size:.82rem}}@media (width<=390px){.app-tab svg{display:none}}