.lp-shell{--lp-ink:#25304a;--lp-muted:#647087;--lp-line:#dbe2ed;--lp-purple:#6952cf;--lp-region-0:#e1dcfa;--lp-region-1:#d5eee5;--lp-region-2:#ffe6cb;--lp-region-3:#d7e9fa;--lp-region-4:#f7dce9;--lp-region-5:#f4edbc;color:var(--lp-ink);background:#f5f6fb;min-height:calc(100dvh - 72px);padding:28px 24px 48px;font-family:inherit;box-sizing:border-box}
.lp-shell *{box-sizing:border-box}.lp-shell button,.lp-shell input{font:inherit}.lp-shell button{cursor:pointer;border:1px solid var(--lp-line);background:white;color:var(--lp-ink);border-radius:12px;min-height:44px;padding:10px 15px;font-size:14px;font-weight:700;touch-action:manipulation}.lp-shell button:hover{border-color:#a89add}.lp-shell button:disabled{opacity:.42;cursor:default}.lp-shell button:focus-visible,.lp-shell input:focus-visible,.lp-shell a:focus-visible{outline:3px solid #e3a128;outline-offset:3px}.lp-wrap{max-width:1240px;margin:0 auto}.lp-header{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:25px}.lp-back{font-size:13px;font-weight:700;text-decoration:none;color:var(--lp-muted)}.lp-eyebrow,.lp-step{color:var(--lp-purple);font-size:12px;letter-spacing:.06em;font-weight:800}.lp-eyebrow{margin:18px 0 6px}.lp-shell h1{font-size:clamp(26px,3vw,38px);font-weight:850;letter-spacing:-.055em;line-height:1.2;margin:0}.lp-subtitle{margin:10px 0 0;color:var(--lp-muted);font-size:15px;line-height:1.6}.lp-header-actions{display:flex;gap:8px;flex-wrap:wrap}.lp-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:24px;align-items:start}.lp-sidebar,.lp-play-panel{border:1px solid var(--lp-line);background:#fff;border-radius:24px;box-shadow:0 8px 30px #28335c05}.lp-sidebar{padding:25px 22px;position:sticky;top:20px}.lp-sidebar h2{font-size:19px;font-weight:800;letter-spacing:-.04em;margin:8px 0 24px}.lp-tiers{display:flex;gap:5px;border:0;margin:0;padding:0}.lp-tiers legend{font-size:12px;color:var(--lp-muted);margin-bottom:9px}.lp-tiers button{flex:1;padding:9px 5px}.lp-shell button[aria-pressed=true]:not(.lp-cell){background:#eeeafa;color:#533eac;border-color:#cfc4f0}.lp-puzzle-label{font-size:12px;color:var(--lp-muted);margin:10px 0 16px}.lp-shell .lp-primary{background:var(--lp-purple);border-color:var(--lp-purple);color:#fff}.lp-sidebar>.lp-primary,.lp-share-button{width:100%}.lp-stats{display:flex;gap:12px;padding:22px 0;margin-top:6px;border-bottom:1px solid #edf0f6}.lp-stats>div{flex:1}.lp-stats span{display:block;font-size:12px;color:var(--lp-muted);margin-bottom:7px}.lp-stats strong{font-size:23px;font-weight:800;font-variant-numeric:tabular-nums}.lp-timer-toggle{display:flex;align-items:center;gap:9px;font-size:13px;margin:18px 0 0;min-height:30px;cursor:pointer}.lp-timer-toggle input{width:18px;height:18px;accent-color:var(--lp-purple)}#lp-time{font-variant-numeric:tabular-nums;font-weight:800;margin:4px 0 10px}.lp-note{background:#f6f5fb;border-radius:14px;padding:16px;margin:18px 0}.lp-note strong{font-size:13px}.lp-note p{font-size:12px;color:var(--lp-muted);line-height:1.85;margin:8px 0 0}.lp-storage-note{font-size:11px;line-height:1.7;color:var(--lp-muted);margin:12px 0 0}.lp-play-panel{padding:26px;min-width:0}.lp-board-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:18px}.lp-board-head h2{font-size:20px;font-weight:800;margin:5px 0 0;letter-spacing:-.04em}.lp-zoom{display:flex;gap:5px;align-items:center}.lp-zoom button{width:44px;padding:4px;font-size:20px}.lp-zoom span{font-size:11px;min-width:32px;text-align:center;font-variant-numeric:tabular-nums}.lp-tools{display:flex;justify-content:center;gap:8px;margin:4px 0 18px;flex-wrap:wrap}.lp-gesture-note{font-size:13px;color:var(--lp-muted);text-align:center;margin:8px 0 18px;line-height:1.7}.lp-board-viewport{max-width:100%;overflow:auto;background:#fafbfe;border:1px solid #edf0f6;border-radius:17px;padding:14px;overscroll-behavior:contain;scrollbar-width:auto;max-height:75dvh}.lp-board{display:grid;grid-template-columns:repeat(var(--n),var(--cell));grid-template-rows:repeat(var(--n),var(--cell));width:max-content;margin:auto;border:2px solid #515e75;background:#cbd3e0;gap:0;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;isolation:isolate}.lp-board.lp-nonogram{grid-template-columns:var(--clue-w) repeat(var(--n),var(--cell));grid-template-rows:var(--clue-h) repeat(var(--n),var(--cell));border:0;background:transparent}.lp-board .lp-cell{width:var(--cell);height:var(--cell);min-height:0;min-width:0;padding:0;border:1px solid #c5cedc;border-radius:0;background:#fff;position:relative;display:grid;place-items:center;color:#28334a;font-size:clamp(14px,calc(var(--cell)*.42),25px);font-weight:800;outline-offset:-4px;touch-action:none;-webkit-tap-highlight-color:transparent;line-height:1}.lp-board .lp-cell:hover{border-color:#6952cf;z-index:1}.lp-board .lp-cell:focus-visible{outline:3px solid #e3a128;z-index:3}.lp-board .lp-active-line{background:#f1eef9}.lp-board .lp-filled{background:#6952cf;border-color:#5946b5}.lp-board .lp-marked{color:#8590a5;font-size:calc(var(--cell)*.65);font-weight:400}.lp-board .lp-group-right{border-right-width:2px;border-right-color:#78859b}.lp-board .lp-group-bottom{border-bottom-width:2px;border-bottom-color:#78859b}.lp-clue{display:flex;align-items:center;justify-content:center;color:#48536b;font-size:14px;font-weight:800;line-height:18px;border-radius:7px;transition:color .1s}.lp-row-clue{justify-content:flex-end;padding-right:9px;white-space:pre;word-spacing:3px}.lp-col-clue{flex-direction:column;justify-content:flex-end;padding-bottom:8px}.lp-clue b{font-size:inherit;line-height:18px}.lp-clue-active{color:#5c43bc;background:#eeeafa}.lp-clue-done{color:#85918e}.lp-corner{display:grid;place-items:center;color:#929bad;font-size:13px}.lp-board .lp-covered{background:var(--region);border-color:#ffffff60}.lp-board .lp-edge-top{border-top:2px solid #56647d}.lp-board .lp-edge-left{border-left:2px solid #56647d}.lp-board .lp-edge-bottom{border-bottom:2px solid #56647d}.lp-board .lp-edge-right{border-right:2px solid #56647d}.lp-board .lp-anchor{box-shadow:inset 0 0 0 3px #6952cf;z-index:2}.lp-board .lp-preview{background:#cce9e0;box-shadow:inset 0 0 0 2px #419778;z-index:2}.lp-board .lp-preview-bad{background:#ffe9e5;box-shadow:inset 0 0 0 2px #d98774;z-index:2}.lp-selection{min-height:23px;font-size:13px;font-weight:700;text-align:center;color:#4d6371;margin:11px 0;line-height:1.7}.lp-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.lp-actions button{font-size:13px;padding:10px 12px}.lp-shell .lp-hint-button{background:#fff5df;color:#826020;border-color:#e9dab5}.lp-feedback{background:#f5f3fc;border-radius:14px;color:#594783;font-size:14px;line-height:1.8;margin-top:18px;padding:14px 18px;min-height:53px}.lp-feedback.lp-error{color:#9b4837;background:#fff0e9}.lp-win{text-align:center;background:#f1f7f2;border:1px solid #d7e5da;border-radius:18px;margin-top:18px;padding:22px}.lp-win>span{color:#5a9771;font-size:30px}.lp-win h2{font-size:22px;font-weight:800;margin:4px 0 8px}.lp-win p{font-size:13px;line-height:1.8;color:#54735f;margin:0 0 15px}.lp-shell [hidden]{display:none!important}.lp-dialog{border:1px solid var(--lp-line);border-radius:22px;padding:25px;max-width:min(480px,calc(100vw - 30px));width:480px;max-height:calc(100dvh - 40px);overflow:auto;color:var(--lp-ink);box-shadow:0 25px 80px #1f244333}.lp-dialog::backdrop{background:#20233d77;backdrop-filter:blur(3px)}.lp-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px}.lp-dialog h2{font-size:21px;font-weight:800;letter-spacing:-.04em;margin:0}.lp-dialog p,.lp-dialog li{font-size:14px;line-height:1.9;color:var(--lp-muted)}.lp-dialog ol{padding-left:20px}.lp-dialog li{margin-bottom:8px}.lp-rule-example{display:flex;align-items:center;justify-content:center;gap:25px;background:#f3effb;border-radius:14px;padding:25px;font-size:21px;font-weight:800;color:#5f4bb2}.lp-rule-example span{letter-spacing:3px}.lp-dialog>.lp-primary{width:100%;margin-top:15px}.lp-dialog img{display:block;margin:15px auto;max-width:100%;height:auto}.lp-dialog label{display:block;font-size:12px;font-weight:700;margin-bottom:8px}.lp-dialog input{width:100%;border:1px solid var(--lp-line);border-radius:10px;padding:12px;font-size:13px}.lp-confirm-actions{display:flex;gap:10px;justify-content:flex-end}.lp-shell:fullscreen{overflow:auto;padding-top:24px;background:#f5f6fb}.lp-shell:fullscreen .lp-wrap{max-width:1400px}
@media(min-width:1500px){.lp-wrap{max-width:1320px}.lp-layout{grid-template-columns:280px minmax(0,1fr)}}
@media(max-width:1000px){.lp-shell{padding:24px 18px 40px}.lp-layout{grid-template-columns:210px minmax(0,1fr);gap:16px}.lp-sidebar{padding:20px 16px}.lp-play-panel{padding:20px 16px}.lp-board-head h2{font-size:17px}.lp-zoom{gap:3px}.lp-zoom button{width:40px;min-height:44px}}
@media(max-width:900px){.lp-shell{padding:20px 12px 32px}.lp-header{align-items:flex-start;gap:12px}.lp-header-actions{flex-direction:column}.lp-header-actions button{font-size:12px;padding:8px 11px}.lp-subtitle{font-size:13px;max-width:29ch}.lp-eyebrow{margin-top:14px}.lp-layout{grid-template-columns:1fr}.lp-sidebar{position:static;display:grid;grid-template-columns:1fr auto;gap:10px 15px;border-radius:18px;padding:16px}.lp-sidebar>.lp-step,.lp-sidebar>h2,.lp-note{display:none}.lp-timer-toggle{grid-column:1;grid-row:4;margin:0;font-size:12px}#lp-time{grid-column:2;grid-row:4;margin:0;align-self:center}.lp-tiers{grid-column:1;grid-row:1}.lp-tiers legend{margin-bottom:7px}.lp-sidebar>.lp-primary{grid-column:2;grid-row:1;align-self:end;width:auto}.lp-puzzle-label{grid-column:1;grid-row:2;margin:0;align-self:center}.lp-stats{grid-column:2;grid-row:2/4;gap:20px;border:0;padding:0;margin:0;align-self:center}.lp-stats strong{font-size:20px}.lp-stats span{font-size:10px;margin-bottom:4px}.lp-share-button{grid-column:1;grid-row:3;width:max-content;padding:6px 12px!important;min-height:38px!important;font-size:12px!important}.lp-storage-note{grid-column:1/-1;grid-row:5;margin:0}.lp-play-panel{padding:18px 12px;border-radius:18px}.lp-board-head{margin-bottom:14px}.lp-board-head h2{font-size:18px}.lp-tools{gap:6px}.lp-tools button{padding:9px 11px;font-size:12px}.lp-board-viewport{padding:12px;max-height:none}.lp-actions{gap:6px}.lp-actions button{padding:9px 10px;font-size:12px}.lp-feedback{font-size:13px;padding:12px}.lp-gesture-note{font-size:12px}.lp-clue{font-size:12px}.lp-row-clue{word-spacing:1px}.lp-dialog{padding:20px}.lp-dialog h2{font-size:18px}}
@media(prefers-reduced-motion:reduce){.lp-shell *{transition:none!important}}
.lp-board-viewport{max-height:none}.lp-pan{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:10px}.lp-pan span{font-size:11px;color:var(--lp-muted)}.lp-pan button{font-size:12px;padding:8px 10px}
.lp-shell.service-shell--compact button,.lp-shell.service-shell--compact a{scroll-margin-top:calc(var(--main-nav-height,88px) + 14px)}.lp-shell:fullscreen{padding-top:24px!important}
.lp-dialog h3{font-size:14px;font-weight:800;margin:20px 0 8px;color:var(--lp-ink)}.lp-dialog ul{padding-left:20px;list-style:disc}.lp-dialog ol{list-style:decimal}.lp-example-caption{font-size:12px!important;text-align:center;margin:8px 0 18px}
