*{box-sizing:border-box}html{min-height:100%}:root{color-scheme:dark;--bg: #12151c;--panel: #1b202b;--panel-border: #2a3242;--text: #e7ebf2;--muted: #93a0b4;--accent: #7dd3fc}body{margin:0;background:radial-gradient(1200px 800px at 70% -10%,#1c2332 0%,var(--bg) 60%);color:var(--text);font-family:Avenir Next,Segoe UI,system-ui,-apple-system,sans-serif;min-height:100vh;min-height:100dvh;overscroll-behavior:none;-webkit-tap-highlight-color:transparent}.app{max-width:1100px;margin:0 auto;height:100vh;height:100dvh;padding:24px 28px;display:flex;flex-direction:column;gap:16px;overflow:hidden}header{flex:0 0 auto;display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:0}h1{font-size:26px;font-weight:600;letter-spacing:.02em;margin:0}h1 .amp{color:var(--accent)}h2{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin:0 0 10px}select{background:var(--panel);color:var(--text);border:1px solid var(--panel-border);border-radius:8px;padding:8px 12px;font-size:14px;min-height:40px}main{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:16px}.puzzle-pick{position:relative;z-index:18;display:flex;align-items:center;gap:12px;min-width:0;flex-wrap:wrap}.play-pick{display:flex;align-items:center;gap:12px;min-width:0}.settings-drawer{position:relative}.settings-drawer summary{min-height:40px;padding:9px 14px;border:1px solid var(--panel-border);border-radius:9px;background:#232a38;color:var(--text);font-size:14px;font-weight:500;cursor:pointer;list-style:none}.settings-drawer summary::-webkit-details-marker{display:none}.info-button{width:40px;min-width:40px;padding-inline:0;border-radius:999px;font-weight:700}.fullscreen-button{flex:0 0 auto}.fullscreen-button svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.settings-icon{display:none;width:22px;height:22px;fill:currentColor;stroke:none}.settings-label{display:inline}.settings-controls{position:absolute;top:calc(100% + 8px);right:0;z-index:8;min-width:min(460px,calc(100vw - 32px));padding:10px;display:flex;flex-wrap:wrap;gap:8px;border:1px solid var(--panel-border);border-radius:12px;background:#1b202bfa;box-shadow:0 14px 36px #0000005c}.paper-panel{flex:1 1 auto;min-height:0;background:var(--panel);border:1px solid var(--panel-border);border-radius:14px;padding:14px;position:relative;display:flex;flex-direction:column}.replay-toast{--toast-transform: translateX(-50%);position:absolute;top:26px;left:50%;z-index:4;padding:8px 14px;border:1px solid rgba(125,211,252,.35);border-radius:999px;background:#141923e6;color:var(--text);font-size:13px;font-weight:700;letter-spacing:.04em;pointer-events:none;box-shadow:0 8px 24px #0000004d}.modifier-toast{--toast-transform: none;position:absolute;top:26px;right:26px;z-index:4;display:flex;gap:6px;pointer-events:none}.toast-pop{opacity:0;transform:var(--toast-transform) scaleY(.02);transform-origin:center;transition:opacity .12s ease,transform .14s ease}.toast-pop.visible{opacity:1;transform:var(--toast-transform) scaleY(1)}.modifier-toast span{padding:6px 10px;border:1px solid rgba(125,211,252,.35);border-radius:999px;background:#141923e6;color:var(--accent);font-size:12px;font-weight:700}.paper-wrap{flex:1 1 auto;min-height:0;display:flex;justify-content:center;align-items:stretch;outline:none;position:relative}.viewport-controls{position:absolute;top:10px;right:10px;z-index:1;display:flex;gap:6px;align-items:center}.zoom-badge{padding:5px 10px;font-size:12px;color:var(--muted);background:#141923d9}.zoom-badge.active{color:var(--text);border-color:#22d3ee8c;background:#22d3ee29}@media(hover:hover){.zoom-badge:hover:not(:disabled){color:var(--text)}}.debug-overlay,.debug-overlay text{-webkit-user-select:none;user-select:none}.trash-area{position:absolute;bottom:10px;right:10px;z-index:2;display:flex;flex-direction:column;align-items:flex-end;gap:8px}.trash-button{position:relative;width:46px;height:46px;display:flex;align-items:center;justify-content:center;padding:0;border-radius:12px;color:var(--muted);background:#141923d9}.trash-button svg{overflow:visible;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.trash-button.open{color:var(--accent);border-color:var(--accent)}.trash-lid{transform-origin:19.5px 7px;transition:transform .15s ease}.trash-button.open .trash-lid{transform:rotate(24deg) translate(.5px,-1px)}.trash-count{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:var(--accent);color:#0b1018;font-size:11px;font-weight:700;line-height:18px;text-align:center}.trash-panel{background:var(--panel);border:1px solid var(--panel-border);border-radius:10px;padding:8px;display:flex;flex-direction:column;gap:6px;max-height:290px;overflow-y:auto}.trash-empty{font-size:12px;color:var(--muted);padding:2px 6px}.trash-thumb{display:flex;padding:4px;border:1px solid var(--panel-border);border-radius:8px;background:#ffffff08;cursor:grab;touch-action:none}.trash-thumb:hover{border-color:var(--accent)}.trash-ghost{position:fixed;z-index:10;pointer-events:none;transform:translate(-50%,-50%);opacity:.85;filter:drop-shadow(0 4px 10px rgba(0,0,0,.45))}.paper-view{width:100%;height:100%;display:block;border-radius:10px;background:#05070a;touch-action:none}.paper-view.mode-fold,.paper-view.mode-crease,.paper-view.mode-cut,.paper-view.mode-draw{cursor:crosshair}.paper-view.mode-move{cursor:grab}.paper-view.mode-flip,.paper-view.mode-rotate{cursor:pointer}.paper-view.panning{cursor:grabbing}.status{margin:12px 4px 0;font-size:14px;color:var(--muted);min-height:2.6em}.status-short{display:none}.constraint-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 4px 12px}.counters{margin:0;font-size:13px;font-weight:600;letter-spacing:.04em;color:var(--accent)}.constraint-play{flex:0 0 auto}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;align-items:center;justify-content:center;background:#080b1199}.modal{width:min(420px,calc(100vw - 48px));max-height:calc(100dvh - 48px);overflow:auto;background:var(--panel);border:1px solid var(--panel-border);border-radius:14px;padding:20px;display:flex;flex-direction:column;gap:12px}.modal-hint{margin:0;font-size:13px;color:var(--muted)}.modal label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--muted)}.modal input,.modal select{background:#141923;color:var(--text);border:1px solid var(--panel-border);border-radius:8px;padding:8px 10px;font-size:14px}.snapshot-tools{margin:0;padding:10px;border:1px solid var(--panel-border);border-radius:10px;display:flex;flex-wrap:wrap;gap:8px}.snapshot-tools legend{padding:0 4px;color:var(--muted);font-size:13px}.modal .tool-checkbox{min-height:36px;padding:7px 10px;border:1px solid var(--panel-border);border-radius:999px;background:#141923;flex-direction:row;align-items:center;gap:8px;color:var(--text)}.modal .tool-checkbox.used-tool{opacity:.45}.modal .tool-checkbox input{width:auto;min-height:auto;margin:0;padding:0}.modal .tool-checkbox span{white-space:nowrap}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:4px}.overlay-catcher{position:fixed;top:0;right:0;bottom:0;left:0;z-index:17;width:auto;min-height:0;padding:0;border:none;border-radius:0;background:transparent;cursor:default}.overlay-catcher:hover:not(:disabled){background:transparent}.info-modal{gap:10px}.info-modal p{margin:0;color:var(--text);font-size:14px;line-height:1.45}.status.won{color:#34d399;font-weight:600}.blurb{font-size:13px;color:var(--muted)}.toolbar{flex:0 0 auto;background:var(--panel);border:1px solid var(--panel-border);border-radius:14px;padding:12px;display:flex;flex-wrap:wrap;align-items:center;gap:8px}.history-actions{display:flex;flex-wrap:wrap;gap:8px}.mobile-modifiers{display:none}.mode-group{display:flex;gap:0;border:1px solid var(--panel-border);border-radius:9px;overflow:hidden;margin-right:8px}.mode-group button{min-width:72px;border:none;border-radius:0}button{background:#232a38;color:var(--text);border:1px solid var(--panel-border);border-radius:9px;padding:9px 14px;font-size:14px;font-weight:500;cursor:pointer;transition:background .12s ease,color .12s ease;min-height:40px;touch-action:manipulation}@media(hover:hover){button:hover:not(:disabled){background:#2c3547}}button:disabled{opacity:.4;cursor:default}button.active{background:var(--accent);color:#0b1018}.button-label{display:inline}@media(max-width:760px){.app{--mobile-gap: 8px;--mobile-control-height: 44px;--mobile-edge-top: max(var(--mobile-gap), env(safe-area-inset-top));--mobile-edge-right: max(var(--mobile-gap), env(safe-area-inset-right));--mobile-edge-bottom: max(var(--mobile-gap), env(safe-area-inset-bottom));--mobile-edge-left: max(var(--mobile-gap), env(safe-area-inset-left));--mobile-overlay-edge-right: max(10px, env(safe-area-inset-right));--mobile-overlay-edge-left: max(10px, env(safe-area-inset-left));--mobile-under-header: calc( var(--mobile-edge-top) + var(--mobile-control-height) + var(--mobile-gap) );--mobile-under-counters: calc(var(--mobile-under-header) + 52px + var(--mobile-gap));--mobile-toolbar-clearance: 120px;position:fixed;top:0;right:0;bottom:0;left:0;min-height:0;max-width:none;padding:0;overflow:hidden;-webkit-user-select:none;user-select:none}.app.authoring{--mobile-toolbar-clearance: 172px}header{position:fixed;top:var(--mobile-edge-top);left:var(--mobile-edge-left);right:var(--mobile-edge-right);z-index:20;align-items:stretch;gap:var(--mobile-gap);margin-bottom:0;pointer-events:none}h1{display:none}main{position:fixed;top:0;right:0;bottom:0;left:0;display:block;min-height:auto}.puzzle-pick,.play-pick{width:100%;align-items:stretch;gap:var(--mobile-gap);pointer-events:auto}.fullscreen-button,.info-button,.settings-drawer summary{width:48px;min-width:48px;min-height:44px;padding-inline:0;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;background:#232a38e0;font-size:18px}.fullscreen-button{width:48px;min-width:48px}.info-button span{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border:2px solid currentColor;border-radius:50%;font-size:16px;line-height:1}.puzzle-pick{flex-wrap:nowrap}.play-pick{flex:1 1 auto}.play-pick select{flex:1 1 auto;min-width:0;max-width:none}.blurb{display:none}.settings-drawer{flex:0 0 auto}.settings-drawer summary{text-align:center}.settings-icon{display:block;width:28px;height:28px}.settings-label{display:none}.settings-controls{position:absolute;left:auto;right:0;min-width:min(320px,calc(100vw - 16px));margin-top:var(--mobile-gap);max-height:calc(100dvh - 128px);z-index:22;overflow:auto}input,textarea{-webkit-user-select:text;user-select:text}.settings-controls select,.settings-controls button{flex:1 1 9rem}.paper-panel{position:fixed;top:0;right:0;bottom:0;left:0;min-height:0;padding:0;border:none;border-radius:0;background:transparent;display:block}.paper-wrap{position:fixed;top:0;right:0;bottom:0;left:0;display:block;min-height:0}.paper-view{width:100vw;height:100dvh;min-height:0;aspect-ratio:auto;border-radius:0}.replay-toast{--toast-transform: translate(-50%, -50%);position:fixed;top:75dvh;left:50%;z-index:18}.trash-area{top:auto;right:var(--mobile-edge-right);bottom:calc(var(--mobile-edge-bottom) + var(--mobile-toolbar-clearance))}.trash-button{width:54px;height:54px}.trash-panel{max-height:min(42dvh,260px)}.viewport-controls{top:var(--mobile-under-header);left:var(--mobile-edge-left);right:auto}.paper-panel.has-constraints .viewport-controls{top:var(--mobile-under-counters)}.modifier-toast{--toast-transform: translateX(-50%);top:var(--mobile-under-counters);left:50%;right:auto}.constraint-row{position:fixed;left:var(--mobile-overlay-edge-left);right:var(--mobile-overlay-edge-right);top:var(--mobile-under-header);bottom:auto;z-index:15;margin:0;padding:8px 10px;border-radius:12px;background:#141923d1}.counters{min-width:0;font-size:12px;line-height:1.25}.constraint-play{min-height:36px;padding:7px 10px;border-radius:999px;font-size:12px;white-space:nowrap}.status{position:fixed;top:var(--mobile-under-counters);left:50%;z-index:13;max-width:min(70vw,360px);margin:0;padding:6px 10px;transform:translate(-50%);border-radius:999px;background:#141923b8;min-height:0;font-size:12px;text-align:center;pointer-events:none}.status-full{display:none}.status-short{display:inline}.toolbar{position:fixed;left:var(--mobile-edge-left);right:var(--mobile-edge-right);bottom:var(--mobile-edge-bottom);z-index:16;display:flex;flex-direction:column;gap:var(--mobile-gap);padding:var(--mobile-gap);border-radius:16px;background:#1b202be6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);overflow:visible}.mode-group{order:2;display:flex;width:100%;border-radius:10px;margin-right:0;overflow-x:auto;scrollbar-width:none;background:#1b202bdb}.mode-group::-webkit-scrollbar{display:none}.mode-group button{flex:1 1 0;min-width:0;min-height:42px;padding:8px 4px;font-size:11px}.mobile-modifiers{position:fixed;left:var(--mobile-overlay-edge-left);right:auto;bottom:calc(var(--mobile-edge-bottom) + var(--mobile-toolbar-clearance));z-index:17;display:flex;flex-direction:column;width:auto;gap:var(--mobile-gap);pointer-events:auto}.app.left-handed .mobile-modifiers{left:auto;right:var(--mobile-overlay-edge-right)}.app.left-handed .trash-area{left:var(--mobile-edge-left);right:auto;align-items:flex-start}.mobile-modifiers button{width:92px;min-height:58px;padding:10px 12px;border-radius:999px;color:var(--muted);background:#141923d9;font-size:12px;line-height:1.15;white-space:normal;-webkit-user-select:none;user-select:none}.history-actions{order:3;display:flex;width:100%;gap:var(--mobile-gap)}.toolbar-action{flex:1 1 0;width:auto;min-width:0;min-height:42px;padding:8px 6px;background:#232a38e6;font-size:12px}.snapshot-action{order:1;width:100%;flex:0 0 auto;background:#7dd3fc29;color:var(--accent);font-weight:700}button.active,.mobile-modifiers button.active,.toolbar-action.active{background:var(--accent);color:#0b1018}.secondary-action{display:none}.modal-backdrop{align-items:flex-end;justify-content:center;padding:var(--mobile-edge-top) var(--mobile-edge-right) var(--mobile-edge-bottom) var(--mobile-edge-left);background:#080b11b8}.modal{width:100%;max-height:calc(100dvh - var(--mobile-edge-top) - var(--mobile-edge-bottom));padding:16px;border-radius:18px 18px 12px 12px;box-shadow:0 -18px 40px #0000006b}.snapshot-modal{gap:10px}.modal input,.modal select{font-size:16px}.snapshot-tools{gap:6px;max-height:min(34dvh,260px);overflow:auto}.modal-actions{position:sticky;bottom:-16px;margin:4px -16px -16px;padding:12px 16px 16px;background:linear-gradient(rgba(27,32,43,0),var(--panel) 22%)}.modal-actions button{flex:1 1 0}}