@media(min-width:768px){.md-split-pane{grid-template-columns:1fr 1fr}}.md-prose h1{font-size:1.75rem;font-weight:700;line-height:1.25;margin:0 0 .75rem;color:var(--color-text-primary)}.md-prose h2{font-size:1.375rem;font-weight:600;line-height:1.3;margin:1.25rem 0 .5rem;color:var(--color-text-primary)}.md-prose h3{font-size:1.125rem;font-weight:600;margin:1rem 0 .4rem;color:var(--color-text-primary)}.md-prose h4,.md-prose h5,.md-prose h6{font-size:1rem;font-weight:600;margin:.75rem 0 .3rem;color:var(--color-text-primary)}.md-prose p{margin:0 0 .75rem;color:var(--color-text-secondary);line-height:1.7}.md-prose ul{list-style:disc;padding-left:1.5rem;margin:0 0 .75rem;color:var(--color-text-secondary)}.md-prose ol{list-style:decimal;padding-left:1.5rem;margin:0 0 .75rem;color:var(--color-text-secondary)}.md-prose li{margin-bottom:.25rem;line-height:1.6}.md-prose code{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:.25rem;padding:.1em .35em;font-family:var(--font-mono);font-size:.8125em;color:var(--color-accent)}.md-prose pre{background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);border-radius:.75rem;padding:1rem;overflow-x:auto;margin:0 0 1rem}.md-prose pre code{background:none;border:none;padding:0;color:var(--color-text-primary);font-size:.875em}.md-prose blockquote{border-left:3px solid var(--color-accent);padding-left:1rem;margin:.75rem 0;color:var(--color-text-muted);font-style:italic}.md-prose blockquote p{color:var(--color-text-muted);margin:0}.md-prose hr{border:none;border-top:1px solid var(--color-border-subtle);margin:1.5rem 0}.md-prose a{color:var(--color-accent);text-decoration:underline;text-underline-offset:2px}.md-prose a:hover{opacity:.8}.md-prose strong{font-weight:700;color:var(--color-text-primary)}.md-prose em{font-style:italic}.md-prose del{text-decoration:line-through;color:var(--color-text-muted)}.md-prose img{max-width:100%;border-radius:.5rem;margin:.5rem 0;display:block}.md-prose table{width:100%;border-collapse:collapse;margin-bottom:1rem;font-size:.875rem}.md-prose th{background:var(--color-bg-elevated);padding:.5rem .75rem;text-align:left;font-weight:600;border:1px solid var(--color-border);color:var(--color-text-primary)}.md-prose td{padding:.5rem .75rem;border:1px solid var(--color-border-subtle);color:var(--color-text-secondary)}.md-prose tr:nth-child(2n) td{background:var(--color-bg-elevated)}.vt-record-btn.recording{background:color-mix(in srgb,var(--color-accent-danger) 8%,transparent);border-color:color-mix(in srgb,var(--color-accent-danger) 50%,transparent);color:var(--color-accent-danger)}.vt-record-btn.recording .vt-dot{background:var(--color-accent-danger)}#vt-live-wrap.recording{border-color:color-mix(in srgb,var(--color-accent-danger) 30%,transparent)}#vt-live-text.active{color:var(--color-text-primary);font-style:normal}#vt-live-text .interim{color:var(--color-text-muted)}@keyframes vt-ping{75%,to{transform:scale(2);opacity:0}}.vt-ping{animation:vt-ping 1s cubic-bezier(0,0,.2,1) infinite}.vt-segment{background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:.75rem;padding:.875rem 1rem;cursor:pointer;transition:border-color .15s,background .15s}.vt-segment:hover{border-color:color-mix(in srgb,var(--color-accent) 30%,transparent);background:var(--color-bg-elevated)}.vt-segment.flash{border-color:var(--color-accent)}.vt-segment-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:.375rem}.vt-segment-ts,.vt-segment-words{font-family:var(--font-mono);font-size:.6875rem;color:var(--color-text-muted)}.vt-segment-text{font-size:.9375rem;line-height:1.6;color:var(--color-text-secondary)}#rx-highlighted mark{background:color-mix(in srgb,var(--color-accent) 25%,transparent);color:var(--color-accent);border-radius:2px;padding:0 1px}#rx-app .rx-flag.active{background:color-mix(in srgb,var(--color-accent) 15%,transparent);color:var(--color-accent);border-color:color-mix(in srgb,var(--color-accent) 30%,transparent)}.cron-mode-tab{color:var(--color-text-muted)}.cron-mode-tab.active{background:color-mix(in srgb,var(--color-accent) 12%,transparent);color:var(--color-accent)}.cron-mode-tab:not(.active):hover{color:var(--color-text-secondary)}.ps-equity-bar{display:inline-block;height:24px;border-radius:3px;transition:width .3s ease;min-width:2px}.dti-sim-tab{color:var(--color-text-muted);background:var(--color-bg-elevated)}.dti-sim-tab.active{background:color-mix(in srgb,var(--color-accent) 12%,transparent);color:var(--color-accent)}#dti-app details summary::-webkit-details-marker{display:none}.gc-tab{color:var(--color-text-muted)}.gc-tab.active{background:color-mix(in srgb,var(--color-accent) 12%,transparent);color:var(--color-accent)}.gc-tab:not(.active):hover{color:var(--color-text-secondary)}#gc-sci-row.hidden{display:none}.coin-scene{perspective:700px;width:120px;height:120px}.coin{width:120px;height:120px;position:relative;transform-style:preserve-3d;transform:rotateY(0)}.coin.flipping{animation:coinFlip var(--flip-duration, .7s) cubic-bezier(.33,0,.3,1) forwards}@keyframes coinFlip{0%{transform:rotateY(0)}to{transform:rotateY(var(--flip-end, 1800deg))}}.coin-face{position:absolute;inset:0;border-radius:50%;backface-visibility:hidden;overflow:hidden}.coin-heads{box-shadow:0 0 0 2px #7a4800,0 10px 40px #a0640a73,inset 0 1px 2px #ffffc833}.coin-tails{transform:rotateY(180deg);box-shadow:0 0 0 2px #5d6774,0 10px 40px #788ca566,inset 0 1px 2px #ffffff40}.coin-face svg{display:block;border-radius:50%}.rtm-tab{color:var(--color-text-muted)}.rtm-tab.active{background:color-mix(in srgb,var(--color-accent) 12%,transparent);color:var(--color-accent)}#rtm-rich-input:empty:before{content:attr(data-placeholder);color:var(--color-text-muted);pointer-events:none}#rtm-rich-input h1{font-size:1.4em;font-weight:700;margin:.5em 0 .25em}#rtm-rich-input h2{font-size:1.2em;font-weight:600;margin:.5em 0 .25em}#rtm-rich-input h3{font-size:1em;font-weight:600;margin:.4em 0 .2em}#rtm-rich-input strong,#rtm-rich-input b{font-weight:700}#rtm-rich-input em,#rtm-rich-input i{font-style:italic}#rtm-rich-input a{color:var(--color-accent);text-decoration:underline}#rtm-rich-input blockquote{border-left:3px solid var(--color-accent);padding-left:.75em;color:var(--color-text-secondary);margin:.5em 0}#rtm-rich-input ul{list-style:disc;padding-left:1.5em}#rtm-rich-input ol{list-style:decimal;padding-left:1.5em}#rtm-rich-input pre{background:var(--color-bg-base);border-radius:.5em;padding:.75em;font-family:monospace;font-size:.85em;overflow-x:auto}#rtm-rich-input code{background:var(--color-bg-base);border-radius:.25em;padding:.1em .3em;font-family:monospace;font-size:.85em}#rtm-rich-input table{border-collapse:collapse;width:100%}#rtm-rich-input td,#rtm-rich-input th{border:1px solid var(--color-border-subtle);padding:.25em .5em}#dr-app .dr-count-btn{background:var(--color-bg-elevated);border-color:var(--color-border-subtle);color:var(--color-text-muted)}#dr-app .dr-count-btn.active{background:color-mix(in srgb,var(--color-accent) 12%,transparent);border-color:color-mix(in srgb,var(--color-accent) 40%,transparent);color:var(--color-accent)}#dr-app .dr-count-btn:hover:not(.active){border-color:color-mix(in srgb,var(--color-accent) 25%,transparent);color:var(--color-text-secondary)}#dr-app .dr-slot{width:150px;flex:0 0 150px}#dr-app .die-scene{perspective:420px;width:90px;height:90px}#dr-app .die-cube{width:90px;height:90px;position:relative;transform-style:preserve-3d;transform:rotateX(-20deg) rotateY(25deg)}#dr-app .die-cube.rolling{animation:diceRoll var(--roll-dur, .7s) cubic-bezier(.2,0,.4,1) forwards}@keyframes diceRoll{0%{transform:rotateX(0) rotateY(0) rotate(0)}20%{transform:rotateX(300deg) rotateY(240deg) rotate(120deg)}45%{transform:rotateX(720deg) rotateY(540deg) rotate(300deg)}70%{transform:rotateX(1080deg) rotateY(810deg) rotate(450deg)}85%{transform:rotateX(1260deg) rotateY(990deg) rotate(540deg)}to{transform:rotateX(1440deg) rotateY(1080deg) rotate(720deg)}}#dr-app .die-face{position:absolute;width:90px;height:90px;border-radius:14px;backface-visibility:hidden;display:grid;place-items:center;background:color-mix(in srgb,var(--die-color, var(--color-border-subtle)) 8%,var(--color-bg-surface));border:2px solid color-mix(in srgb,var(--die-color, var(--color-border-subtle)) 55%,transparent);box-shadow:inset 0 1px 3px #ffffff0f,inset 0 -2px 6px #00000059}#dr-app .die-face.face-front{transform:translateZ(45px)}#dr-app .die-face.face-back{transform:rotateY(180deg) translateZ(45px)}#dr-app .die-face.face-right{transform:rotateY(90deg) translateZ(45px)}#dr-app .die-face.face-left{transform:rotateY(-90deg) translateZ(45px)}#dr-app .die-face.face-top{transform:rotateX(90deg) translateZ(45px)}#dr-app .die-face.face-bottom{transform:rotateX(-90deg) translateZ(45px)}#dr-app .pip-grid{display:grid;width:68px;height:68px;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);place-items:center}#dr-app .pip{width:11px;height:11px;border-radius:50%;background:var(--color-text-primary);box-shadow:0 1px 2px #00000080}#dr-app .pip.invisible{visibility:hidden}#dr-app .pip.accent{background:var(--color-accent)}#dr-app .dr-name-input{background:transparent;border:none;color:var(--color-text-secondary);font-size:.82rem;font-family:inherit;text-align:center;width:110px;outline:none;padding:3px 6px;border-radius:6px;cursor:text;transition:background .15s,color .15s}#dr-app .dr-name-input:hover{background:color-mix(in srgb,var(--color-text-primary) 6%,transparent)}#dr-app .dr-name-input:focus{background:color-mix(in srgb,var(--color-accent) 10%,transparent);color:var(--color-text-primary)}#dr-app .dr-die-value{font-size:2.5rem;font-weight:700;font-family:var(--font-heading, sans-serif);line-height:1;min-height:2.5rem;color:var(--color-text-muted);text-align:center;transition:color .3s}#jf-app .jf-mode-btn{color:var(--color-text-muted);background:transparent}#jf-app .jf-mode-btn.active{background:color-mix(in srgb,var(--color-accent) 15%,transparent);color:var(--color-accent)}#jf-app .jf-mode-btn:hover:not(.active){color:var(--color-text-secondary);background:color-mix(in srgb,var(--color-bg-base) 50%,transparent)}#jf-app .jf-key{color:var(--color-accent)}#jf-app .jf-str{color:var(--color-accent-success)}#jf-app .jf-num{color:var(--color-text-primary)}#jf-app .jf-bool,#jf-app .jf-null{color:var(--color-accent-warm)}#jf-app .jf-punct{color:var(--color-text-muted);opacity:.6}#jf-input.has-error{border-color:color-mix(in srgb,var(--color-accent-danger) 50%,transparent)}#jf-app .badge-valid{background:color-mix(in srgb,var(--color-accent-success) 15%,transparent);color:var(--color-accent-success);border:1px solid color-mix(in srgb,var(--color-accent-success) 30%,transparent)}#jf-app .badge-invalid{background:color-mix(in srgb,var(--color-accent-danger) 15%,transparent);color:var(--color-accent-danger);border:1px solid color-mix(in srgb,var(--color-accent-danger) 30%,transparent)}#td-app .td-mode-btn,#td-app .td-view-btn{color:var(--color-text-muted);background:transparent}#td-app .td-mode-btn.active,#td-app .td-view-btn.active{background:color-mix(in srgb,var(--color-accent) 15%,transparent);color:var(--color-accent)}#td-app .td-mode-btn:hover:not(.active),#td-app .td-view-btn:hover:not(.active){color:var(--color-text-secondary);background:color-mix(in srgb,var(--color-bg-base) 50%,transparent)}#td-app .diff-add{background:color-mix(in srgb,var(--color-accent-success) 12%,transparent);color:var(--color-accent-success);display:block;padding:0 16px;margin:0 -16px}#td-app .diff-rem{background:color-mix(in srgb,var(--color-accent-danger) 12%,transparent);color:var(--color-accent-danger);display:block;padding:0 16px;margin:0 -16px}#td-app .diff-eq{color:var(--color-text-secondary);display:block;padding:0 16px;margin:0 -16px}#td-app .diff-add:before{content:"+ ";opacity:.7}#td-app .diff-rem:before{content:"− ";opacity:.7}#td-app .diff-eq:before{content:"  "}#td-app .diff-ins{background:color-mix(in srgb,var(--color-accent-success) 35%,transparent);border-radius:2px}#td-app .diff-del{background:color-mix(in srgb,var(--color-accent-danger) 35%,transparent);border-radius:2px;text-decoration:line-through}#td-app .split-header{padding:6px 16px;font-size:.65rem;font-family:monospace;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted);border-bottom:1px solid var(--color-border-subtle)}#jwt-app .jf-key{color:var(--color-accent)}#jwt-app .jf-str{color:var(--color-accent-success)}#jwt-app .jf-num{color:var(--color-text-primary)}#jwt-app .jf-bool,#jwt-app .jf-null{color:var(--color-accent-warm)}#jwt-app .jf-punct{color:var(--color-text-muted);opacity:.6}#jwt-app .jwt-seg-header{color:var(--color-accent-warm)}#jwt-app .jwt-seg-payload{color:var(--color-accent)}#jwt-app .jwt-seg-sig{color:var(--color-text-muted)}#jwt-app .jwt-seg-dot{color:var(--color-text-muted);opacity:.5}#jwt-app .badge-valid{background:color-mix(in srgb,var(--color-accent-success) 15%,transparent);color:var(--color-accent-success)}#jwt-app .badge-expired{background:color-mix(in srgb,var(--color-accent-danger) 15%,transparent);color:var(--color-accent-danger)}#jwt-app .badge-warn{background:color-mix(in srgb,var(--color-accent-warm) 15%,transparent);color:var(--color-accent-warm)}#jwt-app .badge-no-exp{background:var(--color-bg-elevated);color:var(--color-text-muted);border:1px solid var(--color-border-subtle)}.pg-tab{color:var(--color-text-muted);background:transparent}.pg-tab.active{background:color-mix(in srgb,var(--color-accent) 15%,transparent);color:var(--color-accent);font-weight:600}.pg-tab:hover:not(.active){color:var(--color-text-secondary)}.pg-sep-btn{transition:all .15s}.pg-sep-btn.active{background:color-mix(in srgb,var(--color-accent) 12%,transparent);border-color:color-mix(in srgb,var(--color-accent) 35%,transparent);color:var(--color-accent)}#pg-strength-bar[data-level=weak]{background:var(--color-accent-danger)}#pg-strength-bar[data-level=fair]{background:var(--color-accent-warm)}#pg-strength-bar[data-level=good],#pg-strength-bar[data-level=strong]{background:var(--color-accent-success)}#pg-strength-bar[data-level=extreme]{background:var(--color-accent)}.pg-result-row{display:flex;align-items:center;gap:8px;padding:10px 14px;background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);border-radius:10px;font-family:monospace;font-size:.85rem;color:var(--color-text-primary);word-break:break-all;cursor:pointer;transition:border-color .15s}.pg-result-row:hover{border-color:color-mix(in srgb,var(--color-accent) 30%,transparent)}.pg-result-row .copy-icon{margin-left:auto;color:var(--color-text-muted);font-size:.7rem;flex-shrink:0}.ddg-fmt-btn{color:var(--color-text-muted);background:transparent}.ddg-fmt-btn.active{background:color-mix(in srgb,var(--color-accent) 15%,transparent);color:var(--color-accent)}.ddg-col-row{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);border-radius:10px}.ddg-col-name{flex:1;min-width:80px;background:transparent;border:none;font-family:monospace;font-size:.8rem;color:var(--color-text-primary);outline:none;border-bottom:1px solid var(--color-border-subtle);padding:2px 0;transition:border-color .2s}.ddg-col-name:focus{border-color:var(--color-accent)}.ddg-col-type{background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:6px;padding:4px 8px;font-family:monospace;font-size:.75rem;color:var(--color-text-secondary);outline:none;cursor:pointer;min-width:140px}.ddg-col-remove{color:var(--color-text-muted);font-size:.9rem;cursor:pointer;padding:4px;border-radius:4px;line-height:1;transition:color .15s}.ddg-col-remove:hover{color:var(--color-accent-danger)}#ddg-preview-table th{padding:8px 12px;text-align:left;font-size:.65rem;font-family:monospace;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);background:var(--color-bg-elevated);border-bottom:1px solid var(--color-border-subtle)}#ddg-preview-table td{padding:6px 12px;font-size:.75rem;font-family:monospace;color:var(--color-text-secondary);border-bottom:1px solid var(--color-border-subtle)}#ddg-preview-table tr:last-child td{border-bottom:none}#ddg-preview-table tr:nth-child(2n) td{background:var(--color-bg-elevated)}.csp-bg-swatch.active{border-color:var(--color-accent)!important;transform:scale(1.15)}.ct-tab{color:var(--color-text-muted);background:transparent}.ct-tab.active{background:color-mix(in srgb,var(--color-accent) 15%,transparent);color:var(--color-accent);font-weight:600}.ct-tab:hover:not(.active){color:var(--color-text-secondary)}#ct-dropzone.drag-over{border-color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 8%,transparent)}.ct-swatch-card{display:flex;flex-direction:column;border-radius:12px;overflow:hidden;border:1px solid var(--color-border-subtle);min-width:80px;cursor:pointer;transition:transform .15s,box-shadow .15s}.ct-swatch-card:hover{transform:scale(1.05);box-shadow:0 4px 16px #0000004d}.ct-swatch-color{height:56px}.ct-swatch-info{padding:6px 8px;background:var(--color-bg-elevated)}.ct-swatch-hex{font-family:monospace;font-size:.7rem;color:var(--color-text-primary)}.ct-swatch-rgb{font-family:monospace;font-size:.6rem;color:var(--color-text-muted);margin-top:1px}.gg-tab.active{background:color-mix(in srgb,var(--color-accent) 15%,transparent);color:var(--color-accent)}.gg-gb-swatch.active{border-color:var(--color-accent)!important;transform:scale(1.15)}.ic-batch-list{list-style:none;padding:0;margin:0}.ic-batch-row{display:grid;grid-template-columns:48px 1fr auto auto;gap:12px;align-items:center;padding:10px 12px;border:1px solid var(--color-border-subtle);border-radius:10px;background:color-mix(in srgb,var(--color-bg-elevated) 40%,transparent);border-left:3px solid transparent}.ic-batch-row.is-done{border-left-color:var(--color-accent-success, #34d399)}.ic-batch-row.is-busy{border-left-color:var(--color-accent)}.ic-batch-row.is-err{border-left-color:var(--color-accent-danger, #f87171)}.ic-batch-row.is-pending{border-left-color:var(--color-text-muted);opacity:.85}.ic-batch-thumb{width:48px;height:48px;border-radius:6px;background:var(--color-bg-elevated);object-fit:cover;display:block}.ic-batch-name{font-family:monospace;font-size:.78rem;color:var(--color-text-primary);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.ic-batch-meta{font-family:monospace;font-size:.7rem;color:var(--color-text-muted);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.ic-batch-meta .ic-saved{color:var(--color-accent-success, #34d399);font-weight:600}.ic-batch-meta .ic-grew{color:var(--color-accent-warm, #fbbf24);font-weight:600}.ic-batch-status{font-family:monospace;font-size:.7rem;padding:2px 8px;border-radius:4px;background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);color:var(--color-text-muted);white-space:nowrap}.ic-batch-row.is-done .ic-batch-status{color:var(--color-accent-success, #34d399);border-color:var(--color-accent-success, #34d399)}.ic-batch-row.is-busy .ic-batch-status{color:var(--color-accent);border-color:var(--color-accent)}.ic-batch-row.is-err .ic-batch-status{color:var(--color-accent-danger, #f87171);border-color:var(--color-accent-danger, #f87171)}.ic-batch-actions{display:flex;gap:4px;align-items:center}.ic-batch-actions button{padding:3px 8px;border-radius:5px;font-size:.68rem;font-family:monospace;background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);color:var(--color-text-muted);cursor:pointer;transition:all .15s}.ic-batch-actions button:hover{border-color:color-mix(in srgb,var(--color-accent) 35%,transparent);color:var(--color-accent)}.ic-batch-actions button:disabled{opacity:.4;cursor:not-allowed}@media(pointer:coarse),(max-width:768px){.ic-batch-row{grid-template-columns:40px 1fr auto}.ic-batch-row .ic-batch-actions{grid-column:1 / -1;justify-content:flex-end;padding-top:4px;border-top:1px solid var(--color-border-subtle)}.ic-batch-thumb{width:40px;height:40px}}.ic-mode-tab{color:var(--color-text-muted);cursor:pointer;transition:all .15s;background:transparent;border:none}.ic-mode-tab:hover{color:var(--color-text-secondary)}.ic-mode-tab.is-active{background:color-mix(in srgb,var(--color-accent) 18%,transparent);color:var(--color-accent);font-weight:600}.ic-preserve-row{padding:8px 12px;border-radius:8px;background:color-mix(in srgb,var(--color-bg-elevated) 30%,transparent);border:1px solid var(--color-border-subtle);width:fit-content;max-width:100%}.di-row{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;font-size:11px;font-family:monospace}.di-key{color:var(--color-text-muted);flex-shrink:0}.di-val{color:var(--color-text-primary);text-align:right;word-break:break-all}.di-val.good{color:var(--color-accent-success)}.di-val.warn{color:var(--color-accent-warm)}.di-val.bad{color:var(--color-accent-danger)}#cbg-app .cbg-label{font-size:.65rem;font-family:monospace;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted)}#cbg-app .cbg-input{background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);border-radius:10px;padding:8px 12px;font-size:.875rem;font-family:monospace;color:var(--color-text-primary);outline:none;transition:border-color .2s}#cbg-app .cbg-input:focus{border-color:color-mix(in srgb,var(--color-accent) 40%,transparent)}#cbg-app .cbg-select{background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);border-radius:8px;padding:4px 8px;font-size:.75rem;font-family:monospace;color:var(--color-text-secondary);outline:none;cursor:pointer}#cbg-app .cbg-color-swatch{width:28px;height:28px;border-radius:6px;border:2px solid var(--color-border-subtle);cursor:pointer;padding:0;overflow:hidden}#cbg-app .cbg-tab-btn{padding:5px 14px;border-radius:8px;font-size:.75rem;font-family:monospace;border:1px solid var(--color-border-subtle);background:transparent;color:var(--color-text-muted);cursor:pointer;transition:all .15s}#cbg-app .cbg-tab-btn.active{background:color-mix(in srgb,var(--color-accent) 12%,transparent);border-color:color-mix(in srgb,var(--color-accent) 35%,transparent);color:var(--color-accent)}#cbg-app .cbg-preset-btn{padding:3px 10px;border-radius:6px;font-size:.7rem;font-family:monospace;border:1px solid var(--color-border-subtle);background:var(--color-bg-elevated);color:var(--color-text-muted);cursor:pointer;transition:all .15s}#cbg-app .cbg-preset-btn:hover{border-color:color-mix(in srgb,var(--color-accent) 30%,transparent);color:var(--color-text-secondary)}#cbg-app .cbg-preset-full{padding:5px 12px;border-radius:8px;font-size:.75rem;font-family:monospace;border:1px solid var(--color-border-subtle);background:var(--color-bg-elevated);color:var(--color-text-muted);cursor:pointer;transition:all .15s}#cbg-app .cbg-preset-full:hover{border-color:color-mix(in srgb,var(--color-accent) 30%,transparent);color:var(--color-text-secondary)}#cbg-app .cbg-check-label{display:flex;align-items:center;gap:6px;font-size:.75rem;font-family:monospace;color:var(--color-text-muted);cursor:pointer;user-select:none}#cbg-app .cbg-check{accent-color:var(--color-accent);width:14px;height:14px;cursor:pointer}#cbg-app fieldset{border:none;padding:0;margin:0}#cbg-app legend{float:left;margin-bottom:6px}#cbg-app fieldset:after{content:"";display:block;clear:both}#qrg-app{container-type:inline-size}#qrg-app .qrg-split{display:grid;grid-template-columns:minmax(0,1fr);gap:1.25rem}#qrg-app .qrg-preview{order:1}#qrg-app .qrg-controls{order:2}@container (min-width: 880px){#qrg-app .qrg-split{grid-template-columns:minmax(0,1fr) minmax(300px,380px);gap:1.75rem;align-items:start}#qrg-app .qrg-controls{order:1}#qrg-app .qrg-preview{order:2;position:sticky;top:1rem}}.qrg-label{font-size:.65rem;font-family:monospace;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);display:block}.qrg-input{background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);border-radius:10px;padding:8px 12px;font-size:.85rem;font-family:monospace;color:var(--color-text-primary);outline:none;transition:border-color .2s}.qrg-input:focus{border-color:color-mix(in srgb,var(--color-accent) 40%,transparent)}.qrg-select{background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);border-radius:8px;padding:6px 10px;font-size:.75rem;font-family:monospace;color:var(--color-text-secondary);outline:none;cursor:pointer}.qrg-swatch{width:30px;height:30px;border-radius:6px;border:2px solid var(--color-border-subtle);cursor:pointer;padding:0}.qrg-check-label{display:flex;align-items:center;gap:6px;font-size:.75rem;font-family:monospace;color:var(--color-text-muted);cursor:pointer;user-select:none}.qrg-check{accent-color:var(--color-accent);width:16px;height:16px;cursor:pointer}.qrg-type-btn{display:flex;align-items:center;gap:5px;padding:6px 12px;border-radius:10px;font-size:.75rem;font-family:monospace;border:1px solid var(--color-border-subtle);background:var(--color-bg-elevated);color:var(--color-text-muted);cursor:pointer;transition:all .15s;white-space:nowrap}.qrg-type-btn.active{background:color-mix(in srgb,var(--color-accent) 12%,transparent);border-color:color-mix(in srgb,var(--color-accent) 40%,transparent);color:var(--color-accent)}.qrg-type-btn:hover:not(.active){border-color:color-mix(in srgb,var(--color-accent) 20%,transparent);color:var(--color-text-secondary)}.qrg-type-icon{font-size:.85em}.qrg-dot-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 6px;border-radius:10px;background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);color:var(--color-text-muted);cursor:pointer;transition:all .15s;font-family:monospace;font-size:.7rem}.qrg-dot-btn:hover:not(.active){border-color:color-mix(in srgb,var(--color-accent) 30%,transparent);color:var(--color-text-secondary)}.qrg-dot-btn.active{background:color-mix(in srgb,var(--color-accent) 10%,transparent);border-color:color-mix(in srgb,var(--color-accent) 50%,transparent);color:var(--color-accent)}.qrg-dot-preview{width:28px;height:28px;fill:currentColor}.qrg-color-preset{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 4px;border-radius:8px;min-height:44px;background:transparent;border:1px solid var(--color-border-subtle);cursor:pointer;transition:all .15s}.qrg-color-preset:hover{border-color:color-mix(in srgb,var(--color-accent) 30%,transparent)}.qrg-color-preset.active{border-color:var(--color-accent);box-shadow:0 0 0 1px color-mix(in srgb,var(--color-accent) 40%,transparent)}.qrg-color-preset-swatch{width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;border:1px solid}.qrg-color-preset-dot{width:12px;height:12px;border-radius:3px}.qrg-color-preset-name{font-size:.6rem;font-family:monospace;color:var(--color-text-muted)}#qrg-logo-drop.dragover{border-color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 5%,transparent)}.qrg-unit-btn{padding:7px 14px;font-size:.75rem;font-family:monospace;border:1px solid var(--color-border-subtle);background:var(--color-bg-elevated);color:var(--color-text-muted);cursor:pointer;transition:all .15s}.qrg-unit-btn:not(:last-child){border-right:none}.qrg-unit-btn.active{background:color-mix(in srgb,var(--color-accent) 12%,transparent);border-color:color-mix(in srgb,var(--color-accent) 40%,transparent);color:var(--color-accent)}.qrg-unit-btn:hover:not(.active){color:var(--color-text-secondary)}.qrg-preset-btn{padding:6px 12px;border-radius:8px;font-size:.7rem;font-family:monospace;border:1px solid var(--color-border-subtle);background:var(--color-bg-elevated);color:var(--color-text-muted);cursor:pointer;transition:all .15s}.qrg-preset-btn:hover{border-color:color-mix(in srgb,var(--color-accent) 30%,transparent);color:var(--color-accent)}.qrg-range{-webkit-appearance:none;appearance:none;height:4px;border-radius:2px;background:var(--color-border-subtle);outline:none;cursor:pointer}.qrg-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:var(--color-accent);cursor:pointer;border:none;transition:transform .1s}.qrg-range::-webkit-slider-thumb:hover{transform:scale(1.2)}.qrg-range::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--color-accent);cursor:pointer;border:none}.qrg-disclosure{border:1px solid var(--color-border-subtle);border-radius:14px;background:color-mix(in srgb,var(--color-bg-elevated) 30%,transparent);overflow:hidden}.qrg-disclosure[open]{border-color:color-mix(in srgb,var(--color-accent) 25%,var(--color-border-subtle))}.qrg-disclosure-summary{display:flex;align-items:center;gap:10px;padding:12px 16px;cursor:pointer;list-style:none;user-select:none;transition:background .15s}.qrg-disclosure-summary::-webkit-details-marker{display:none}.qrg-disclosure-summary:hover{background:color-mix(in srgb,var(--color-accent) 4%,transparent)}.qrg-disclosure-title{font-family:monospace;font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-primary);font-weight:700}.qrg-disclosure[open] .qrg-disclosure-title{color:var(--color-text-primary)}.qrg-disclosure-summary-tight .qrg-disclosure-title{font-size:.7rem;font-weight:600}.qrg-disclosure-hint{flex:1;min-width:0;font-size:.7rem;font-family:monospace;color:var(--color-text-muted);text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.qrg-disclosure[open] .qrg-disclosure-hint{opacity:0}.qrg-disclosure-chevron{transition:transform .2s;color:var(--color-text-muted);font-size:.7rem}.qrg-disclosure[open] .qrg-disclosure-chevron{transform:rotate(180deg)}.qrg-disclosure-body{padding:4px 16px 16px}.qrg-disclosure-tight{background:transparent;border-color:transparent}.qrg-disclosure-tight:hover{border-color:var(--color-border-subtle)}.qrg-disclosure-summary-tight{padding:6px 4px}@media(pointer:coarse),(max-width:768px){.qrg-input{padding:12px 14px;font-size:1rem;min-height:44px}.qrg-select{padding:10px 12px;font-size:1rem;min-height:44px}.qrg-type-btn{padding:10px 14px;font-size:.8rem}.qrg-preset-btn{padding:8px 12px;font-size:.75rem}.qrg-unit-btn{padding:10px 16px;font-size:.8rem}.qrg-dot-btn{padding:10px 6px;min-height:64px}.qrg-color-preset{padding:8px 4px;min-height:60px}.qrg-disclosure-summary{padding:14px 16px}.qrg-disclosure-body{padding:4px 14px 18px}.qrg-swatch{width:38px;height:38px}.qrg-check{width:18px;height:18px}.qrg-check-label{font-size:.85rem;padding:4px 0}.qrg-disclosure-body .grid-cols-\[auto_1fr\]{grid-template-columns:1fr;gap:6px}}.qrg-preview-card{background:#fff;border-radius:18px;padding:14px;box-shadow:0 1px #ffffff0a inset,0 12px 30px #00000040,0 2px 6px #0000002e;overflow:hidden}.qrg-preview-inner{border-radius:10px;display:flex;align-items:center;justify-content:center;min-height:280px;overflow:hidden}#qrg-preview-container>:global(canvas),#qrg-preview-container>:global(svg){width:100%;max-width:100%;height:auto;max-height:min(70vh,560px);display:block;object-fit:contain}.qrg-preview-meta{display:flex;align-items:center;gap:8px;justify-content:center;padding-top:10px;margin-top:10px;border-top:1px solid rgba(0,0,0,.08);font-size:.65rem;font-family:monospace;color:#00000080;letter-spacing:.04em}.hg-tab{color:var(--color-text-muted);background:transparent}.hg-tab.active{background:color-mix(in srgb,var(--color-accent) 15%,transparent);color:var(--color-accent);font-weight:600}.hg-tab:hover:not(.active){color:var(--color-text-secondary)}.hg-enc-btn{color:var(--color-text-muted);background:transparent}.hg-enc-btn.active{background:color-mix(in srgb,var(--color-accent) 12%,transparent);color:var(--color-accent);font-weight:600}.hg-hash-row{padding:14px 16px;background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);border-radius:12px;transition:border-color .15s}.hg-hash-row:hover{border-color:color-mix(in srgb,var(--color-accent) 25%,transparent)}.b64-mode-tab{color:var(--color-text-muted);background:transparent}.b64-mode-tab.active{background:color-mix(in srgb,var(--color-accent) 15%,transparent);color:var(--color-accent);font-weight:600}.b64-mode-tab:hover:not(.active){color:var(--color-text-secondary)}.b64-variant-btn,.b64-url-variant-btn,.b64-hex-sep-btn{color:var(--color-text-muted);background:transparent}.b64-variant-btn.active,.b64-url-variant-btn.active,.b64-hex-sep-btn.active{background:color-mix(in srgb,var(--color-accent) 12%,transparent);color:var(--color-accent);font-weight:600}.b64-dir-btn{transition:all .15s}.b64-dir-btn.active{background:color-mix(in srgb,var(--color-accent) 12%,transparent);border-color:color-mix(in srgb,var(--color-accent) 35%,transparent);color:var(--color-accent);font-weight:600}#b64-opts-url{display:none}#b64-opts-url.visible{display:flex}#b64-opts-hex{display:none}#b64-opts-hex.visible{display:flex}.ff-fmt-btn{color:var(--color-text-muted);background:transparent}.ff-fmt-btn.active{background:color-mix(in srgb,var(--color-accent) 15%,transparent);color:var(--color-accent)}.ff-fmt-btn:hover:not(.active){color:var(--color-text-secondary);background:color-mix(in srgb,var(--color-bg-base) 50%,transparent)}.ff-role-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' fill='none'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%236b7280' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;padding-right:24px}.ff-row{animation:ff-slide-in .15s ease-out}@keyframes ff-slide-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}#pd-app .pd-mode-btn{color:var(--color-text-muted);background:transparent}#pd-app .pd-mode-btn.active{background:color-mix(in srgb,var(--color-accent) 15%,transparent);color:var(--color-accent)}#pd-app .pd-mode-btn:hover:not(.active){color:var(--color-text-secondary);background:color-mix(in srgb,var(--color-bg-base) 50%,transparent)}#pd-app .pd-add{display:block;background:color-mix(in srgb,var(--color-accent-success) 10%,transparent);border-left:2px solid color-mix(in srgb,var(--color-accent-success) 60%,transparent);color:var(--color-accent-success);padding:0 12px;margin:0 -16px;white-space:pre-wrap;word-break:break-word}#pd-app .pd-rem{display:block;background:color-mix(in srgb,var(--color-accent-danger) 10%,transparent);border-left:2px solid color-mix(in srgb,var(--color-accent-danger) 60%,transparent);color:var(--color-accent-danger);padding:0 12px;margin:0 -16px;white-space:pre-wrap;word-break:break-word}#pd-app .pd-eq{display:block;color:var(--color-text-muted);padding:0 12px;margin:0 -16px;white-space:pre-wrap;word-break:break-word}#pd-app .pd-add:before{content:"+ ";opacity:.6}#pd-app .pd-rem:before{content:"− ";opacity:.6}#pd-app .pd-eq:before{content:"  "}#pd-app .pd-word-add{background:color-mix(in srgb,var(--color-accent-success) 25%,transparent);border-radius:2px;color:var(--color-text-primary)}#pd-app .pd-word-rem{background:color-mix(in srgb,var(--color-accent-danger) 25%,transparent);border-radius:2px;color:var(--color-text-primary);text-decoration:line-through}.opnl-spread-field{display:none}.show-spread .opnl-spread-field{display:block}.hsc-vendor-tab.active,.hsc-sort-btn.active{background-color:color-mix(in srgb,var(--color-accent) 12%,transparent);color:var(--color-accent)}#hsc-picker-trigger[aria-expanded=true]{border-color:var(--color-accent);box-shadow:0 0 0 1px color-mix(in srgb,var(--color-accent) 30%,transparent)}.hsc-picker-opt.is-selected{background-color:color-mix(in srgb,var(--color-accent) 8%,transparent);color:var(--color-accent)}.hsc-picker-opt.is-selected span.text-text-primary{color:var(--color-accent)}#hsc-picker-trigger[aria-expanded=true] #hsc-picker-chevron{transform:rotate(180deg)}.hsc-platform-cell.is-cheapest{border-color:color-mix(in srgb,var(--color-accent-success) 40%,transparent);background-color:color-mix(in srgb,var(--color-accent-success) 5%,transparent);box-shadow:0 0 12px color-mix(in srgb,var(--color-accent-success) 10%,transparent)}.hsc-platform-cell.is-cheapest .hsc-monthly-cost{color:var(--color-accent-success)}.rcc-label{font-size:.7rem;font-family:monospace;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-secondary);display:block}.rcc-help{margin-left:4px;display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;border-radius:50%;border:1px solid var(--color-border-subtle);font-size:9px;color:var(--color-text-muted);cursor:help}.rcc-help:hover{border-color:var(--color-accent);color:var(--color-accent)}.rcc-input{background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);border-radius:10px;padding:9px 12px;font-size:.9rem;font-family:monospace;color:var(--color-text-primary);outline:none;transition:border-color .2s}.rcc-input:focus{border-color:color-mix(in srgb,var(--color-accent) 40%,transparent)}.rcc-input:disabled{opacity:.55;cursor:not-allowed}.rcc-section{border:1px solid var(--color-border-subtle);border-radius:14px;padding:14px 16px;background:color-mix(in srgb,var(--color-bg-elevated) 30%,transparent)}.rcc-section-title{font-family:monospace;font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-primary);font-weight:700;margin-bottom:10px}.rcc-model-chip{padding:5px 11px;border-radius:8px;font-size:.72rem;font-family:monospace;background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);color:var(--color-text-muted);cursor:pointer;transition:all .15s}.rcc-model-chip:hover{border-color:color-mix(in srgb,var(--color-accent) 35%,transparent);color:var(--color-accent)}.rcc-model-chip.active{background:color-mix(in srgb,var(--color-accent) 12%,transparent);border-color:color-mix(in srgb,var(--color-accent) 45%,transparent);color:var(--color-accent)}.rcc-effort-btn{flex:1 1 auto;padding:9px 14px;border-radius:10px;font-size:.8rem;font-family:monospace;background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);color:var(--color-text-muted);cursor:pointer;transition:all .15s;min-width:72px}.rcc-effort-btn:hover:not(.active){border-color:color-mix(in srgb,var(--color-accent) 30%,transparent);color:var(--color-text-secondary)}.rcc-effort-btn.active{background:color-mix(in srgb,var(--color-accent) 12%,transparent);border-color:color-mix(in srgb,var(--color-accent) 45%,transparent);color:var(--color-accent);font-weight:600}.rcc-volume-preset{padding:5px 11px;border-radius:8px;font-size:.72rem;font-family:monospace;background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);color:var(--color-text-muted);cursor:pointer;transition:all .15s}.rcc-volume-preset:hover{border-color:color-mix(in srgb,var(--color-accent) 30%,transparent);color:var(--color-accent)}.rcc-disclosure{border:1px solid var(--color-border-subtle);border-radius:14px;background:color-mix(in srgb,var(--color-bg-elevated) 30%,transparent);overflow:hidden}.rcc-disclosure[open]{border-color:color-mix(in srgb,var(--color-accent) 25%,var(--color-border-subtle))}.rcc-disclosure-summary{display:flex;align-items:center;gap:10px;padding:12px 16px;cursor:pointer;list-style:none;user-select:none;transition:background .15s}.rcc-disclosure-summary::-webkit-details-marker{display:none}.rcc-disclosure-summary:hover{background:color-mix(in srgb,var(--color-accent) 4%,transparent)}.rcc-disclosure-title{font-family:monospace;font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-primary);font-weight:700}.rcc-disclosure-hint{flex:1;min-width:0;font-size:.7rem;font-family:monospace;color:var(--color-text-muted);text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rcc-disclosure[open] .rcc-disclosure-hint{opacity:0}.rcc-disclosure-chevron{transition:transform .2s;color:var(--color-text-muted);font-size:.7rem}.rcc-disclosure[open] .rcc-disclosure-chevron{transform:rotate(180deg)}.rcc-disclosure-body{padding:4px 16px 16px}.rcc-cost-card{background:linear-gradient(150deg,color-mix(in srgb,var(--color-accent) 8%,transparent),transparent 70%),color-mix(in srgb,var(--color-bg-elevated) 80%,transparent);border:1px solid color-mix(in srgb,var(--color-accent) 25%,var(--color-border-subtle));border-radius:18px;padding:20px;box-shadow:0 8px 24px #00000040,inset 0 1px #ffffff0d}.rcc-cost-card-label{font-size:.7rem;font-family:monospace;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted)}.rcc-cost-card-amount{font-size:2.5rem;font-weight:700;font-family:monospace;color:var(--color-text-primary);line-height:1.1;margin-top:4px;word-break:break-all}.rcc-cost-card-sub{font-size:.75rem;font-family:monospace;color:var(--color-text-muted);margin-top:4px}.rcc-breakdown{margin-top:14px;padding-top:14px;border-top:1px solid var(--color-border-subtle);display:flex;flex-direction:column;gap:6px}.rcc-breakdown-row{display:flex;justify-content:space-between;font-size:.78rem;font-family:monospace;color:var(--color-text-secondary)}.rcc-breakdown-row>span:last-child{color:var(--color-text-primary)}.rcc-breakdown-reasoning{padding-top:6px;border-top:1px dashed var(--color-border-subtle);color:var(--color-accent-warm, #fbbf24)}.rcc-breakdown-reasoning>span:last-child{color:var(--color-accent-warm, #fbbf24);font-weight:600}.rcc-scale-card{border:1px solid var(--color-border-subtle);border-radius:14px;padding:14px 16px;background:color-mix(in srgb,var(--color-bg-elevated) 30%,transparent)}.rcc-scale-row{display:flex;justify-content:space-between;align-items:baseline;padding:4px 0;font-family:monospace}.rcc-scale-row-emphasis{padding:8px 0;border-top:1px solid var(--color-border-subtle);border-bottom:1px solid var(--color-border-subtle);margin:4px 0}.rcc-scale-label{font-size:.72rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em}.rcc-scale-amount{font-size:.95rem;color:var(--color-text-primary);font-weight:600}.rcc-scale-row-emphasis .rcc-scale-amount{font-size:1.15rem;color:var(--color-accent)}.rcc-meta{padding:12px 14px;border-radius:10px;background:color-mix(in srgb,var(--color-bg-elevated) 40%,transparent);border:1px solid var(--color-border-subtle)}#rcc-compare-table tbody tr{border-bottom:1px solid color-mix(in srgb,var(--color-border-subtle) 50%,transparent)}#rcc-compare-table tbody tr:last-child{border-bottom:0}#rcc-compare-table tbody tr.is-current{background:color-mix(in srgb,var(--color-accent) 6%,transparent)}#rcc-compare-table tbody td{padding:10px 12px;font-family:monospace;font-size:.78rem;color:var(--color-text-secondary)}#rcc-compare-table tbody td:first-child{color:var(--color-text-primary);font-weight:500}#rcc-compare-table tbody .cheapest td:nth-child(2){color:var(--color-accent-success, #34d399);font-weight:700}@media(pointer:coarse),(max-width:768px){.rcc-input{padding:12px 14px;font-size:1rem;min-height:44px}.rcc-effort-btn{padding:12px 16px;font-size:.9rem;min-height:48px}.rcc-model-chip,.rcc-volume-preset{padding:9px 14px;font-size:.8rem;min-height:40px}.rcc-disclosure-summary{padding:14px 16px}.rcc-cost-card{padding:18px}.rcc-cost-card-amount{font-size:2.2rem}}.srp-label{font-size:.7rem;font-family:monospace;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-secondary);display:block}.srp-input{background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);border-radius:10px;padding:9px 12px;font-size:.85rem;font-family:monospace;color:var(--color-text-primary);outline:none;transition:border-color .2s;min-height:200px}.srp-input:focus{border-color:color-mix(in srgb,var(--color-accent) 40%,transparent)}.srp-section{border:1px solid var(--color-border-subtle);border-radius:14px;padding:14px 16px;background:color-mix(in srgb,var(--color-bg-elevated) 30%,transparent)}.srp-section-title{font-family:monospace;font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-primary);font-weight:700}.srp-mini-btn{padding:4px 10px;border-radius:8px;font-size:.7rem;font-family:monospace;background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);color:var(--color-text-muted);cursor:pointer;transition:all .15s}.srp-mini-btn:hover{border-color:color-mix(in srgb,var(--color-accent) 35%,transparent);color:var(--color-accent)}.srp-speed-btn{padding:6px 12px;border-radius:8px;font-size:.75rem;font-family:monospace;background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);color:var(--color-text-muted);cursor:pointer;transition:all .15s}.srp-speed-btn:hover:not(.active){border-color:color-mix(in srgb,var(--color-accent) 30%,transparent);color:var(--color-text-secondary)}.srp-speed-btn.active{background:color-mix(in srgb,var(--color-accent) 12%,transparent);border-color:color-mix(in srgb,var(--color-accent) 45%,transparent);color:var(--color-accent);font-weight:600}.srp-progress-bar{height:4px;border-radius:2px;background:var(--color-border-subtle);overflow:hidden;margin-bottom:12px}.srp-progress-fill{height:100%;width:0%;background:linear-gradient(90deg,var(--color-accent),color-mix(in srgb,var(--color-accent) 60%,white));transition:width .1s linear}.srp-replay{min-height:180px;max-height:380px;overflow-y:auto;padding:12px;border-radius:10px;background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);font-family:monospace;font-size:.85rem;color:var(--color-text-primary);line-height:1.5;white-space:pre-wrap;word-break:break-word}.srp-replay-cursor{display:inline-block;width:8px;height:1em;vertical-align:text-bottom;background:var(--color-accent);animation:srp-blink 1.05s steps(1) infinite}@keyframes srp-blink{50%{opacity:0}}.srp-disclosure{border:1px solid var(--color-border-subtle);border-radius:14px;background:color-mix(in srgb,var(--color-bg-elevated) 30%,transparent);overflow:hidden}.srp-disclosure[open]{border-color:color-mix(in srgb,var(--color-accent) 25%,var(--color-border-subtle))}.srp-disclosure-summary{display:flex;align-items:center;gap:10px;padding:12px 16px;cursor:pointer;list-style:none;user-select:none}.srp-disclosure-summary::-webkit-details-marker{display:none}.srp-disclosure-summary:hover{background:color-mix(in srgb,var(--color-accent) 4%,transparent)}.srp-disclosure-title{font-family:monospace;font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-primary);font-weight:700}.srp-disclosure-hint{flex:1;min-width:0;font-size:.7rem;font-family:monospace;color:var(--color-text-muted);text-align:right}.srp-disclosure[open] .srp-disclosure-hint{opacity:0}.srp-disclosure-chevron{transition:transform .2s;color:var(--color-text-muted);font-size:.7rem}.srp-disclosure[open] .srp-disclosure-chevron{transform:rotate(180deg)}.srp-disclosure-body{padding:4px 16px 16px}.srp-stats-card{background:linear-gradient(150deg,color-mix(in srgb,var(--color-accent) 8%,transparent),transparent 70%),color-mix(in srgb,var(--color-bg-elevated) 80%,transparent);border:1px solid color-mix(in srgb,var(--color-accent) 25%,var(--color-border-subtle));border-radius:18px;padding:20px;box-shadow:0 8px 24px #00000040,inset 0 1px #ffffff0d}.srp-stats-label{font-size:.7rem;font-family:monospace;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted)}.srp-stats-value{font-size:2rem;font-weight:700;font-family:monospace;color:var(--color-text-primary);line-height:1.1;margin-top:4px}.srp-stats-sub{font-size:.7rem;font-family:monospace;color:var(--color-text-muted);margin-top:4px}.srp-divider{height:1px;background:var(--color-border-subtle);margin:14px 0}.srp-stats-row{display:flex;justify-content:space-between;padding:4px 0;font-family:monospace;font-size:.78rem;color:var(--color-text-secondary)}.srp-stats-row>span:last-child{color:var(--color-text-primary);font-weight:500}.srp-meta{padding:12px 14px;border-radius:10px;background:color-mix(in srgb,var(--color-bg-elevated) 40%,transparent);border:1px solid var(--color-border-subtle)}@media(pointer:coarse),(max-width:768px){.srp-input{font-size:1rem;min-height:200px;padding:12px 14px}.srp-speed-btn,.srp-mini-btn{padding:10px 14px;font-size:.85rem;min-height:40px}.srp-stats-value{font-size:1.7rem}}.tpv-label{font-size:.7rem;font-family:monospace;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-secondary);display:block}.tpv-input{background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);border-radius:10px;padding:9px 12px;font-size:.85rem;font-family:monospace;color:var(--color-text-primary);outline:none;transition:border-color .2s;min-height:160px}.tpv-input:focus{border-color:color-mix(in srgb,var(--color-accent) 40%,transparent)}.tpv-section{border:1px solid var(--color-border-subtle);border-radius:14px;padding:14px 16px;background:color-mix(in srgb,var(--color-bg-elevated) 30%,transparent)}.tpv-section-title{font-family:monospace;font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-primary);font-weight:700;margin-bottom:10px}.tpv-mini-btn{padding:4px 10px;border-radius:8px;font-size:.7rem;font-family:monospace;background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);color:var(--color-text-muted);cursor:pointer;transition:all .15s}.tpv-mini-btn:hover{border-color:color-mix(in srgb,var(--color-accent) 35%,transparent);color:var(--color-accent)}.tpv-k-btn{padding:6px 14px;border-radius:8px;font-size:.75rem;font-family:monospace;background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);color:var(--color-text-muted);cursor:pointer;transition:all .15s}.tpv-k-btn:hover:not(.active){border-color:color-mix(in srgb,var(--color-accent) 30%,transparent);color:var(--color-text-secondary)}.tpv-k-btn.active{background:color-mix(in srgb,var(--color-accent) 12%,transparent);border-color:color-mix(in srgb,var(--color-accent) 45%,transparent);color:var(--color-accent);font-weight:600}.tpv-check-label{display:flex;align-items:center;gap:6px;font-size:.75rem;font-family:monospace;color:var(--color-text-muted);cursor:pointer;user-select:none}.tpv-check{accent-color:var(--color-accent);width:16px;height:16px;cursor:pointer}.tpv-disclosure{border:1px solid var(--color-border-subtle);border-radius:14px;background:color-mix(in srgb,var(--color-bg-elevated) 30%,transparent);overflow:hidden}.tpv-disclosure[open]{border-color:color-mix(in srgb,var(--color-accent) 25%,var(--color-border-subtle))}.tpv-disclosure-summary{display:flex;align-items:center;gap:10px;padding:12px 16px;cursor:pointer;list-style:none;user-select:none}.tpv-disclosure-summary::-webkit-details-marker{display:none}.tpv-disclosure-summary:hover{background:color-mix(in srgb,var(--color-accent) 4%,transparent)}.tpv-disclosure-title{font-family:monospace;font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-primary);font-weight:700}.tpv-disclosure-hint{flex:1;min-width:0;font-size:.7rem;font-family:monospace;color:var(--color-text-muted);text-align:right}.tpv-disclosure[open] .tpv-disclosure-hint{opacity:0}.tpv-disclosure-chevron{transition:transform .2s;color:var(--color-text-muted);font-size:.7rem}.tpv-disclosure[open] .tpv-disclosure-chevron{transform:rotate(180deg)}.tpv-disclosure-body{padding:4px 16px 16px}.tpv-stream{display:flex;flex-wrap:wrap;gap:2px;padding:12px;border-radius:10px;background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);font-family:monospace;font-size:.95rem;line-height:1.6;min-height:100px;max-height:380px;overflow-y:auto}.tpv-token{display:inline-block;padding:2px 4px;border-radius:4px;border:0;font:inherit;color:inherit;background:transparent;cursor:pointer;transition:outline .1s,background .15s;white-space:pre}.tpv-token:focus-visible{outline:2px solid var(--color-accent);outline-offset:-1px}.tpv-token:hover{outline:2px solid var(--color-accent);outline-offset:-1px}.tpv-token.selected{outline:2px solid var(--color-accent);outline-offset:-1px;background:color-mix(in srgb,var(--color-accent) 18%,transparent)}.tpv-heat-0{background:color-mix(in srgb,var(--color-accent-success) 22%,transparent)}.tpv-heat-1{background:color-mix(in srgb,color-mix(in srgb,var(--color-accent-success) 50%,var(--color-accent-warm)) 24%,transparent)}.tpv-heat-2{background:color-mix(in srgb,var(--color-accent-warm) 24%,transparent)}.tpv-heat-3{background:color-mix(in srgb,color-mix(in srgb,var(--color-accent-warm) 50%,var(--color-accent-danger)) 28%,transparent)}.tpv-heat-4{background:color-mix(in srgb,var(--color-accent-danger) 30%,transparent)}.tpv-alt-card{background:color-mix(in srgb,var(--color-bg-elevated) 80%,transparent);border:1px solid var(--color-border-subtle);border-radius:18px;padding:18px}.tpv-selected-info{margin-bottom:8px}.tpv-selected-label{font-size:1.4rem;font-family:monospace;font-weight:600;color:var(--color-text-primary);word-break:break-all}.tpv-selected-sub{font-size:.72rem;font-family:monospace;color:var(--color-text-muted);margin-top:4px}.tpv-divider{height:1px;background:var(--color-border-subtle);margin:14px 0}.tpv-alts{display:flex;flex-direction:column;gap:4px}.tpv-alt-row{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center;padding:4px 8px;border-radius:6px;font-family:monospace;font-size:.78rem;background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle)}.tpv-alt-row.is-chosen{border-color:color-mix(in srgb,var(--color-accent) 45%,transparent);background:color-mix(in srgb,var(--color-accent) 8%,transparent)}.tpv-alt-token{color:var(--color-text-primary);word-break:break-all}.tpv-alt-pct{color:var(--color-accent);font-weight:600;min-width:50px;text-align:right}.tpv-alt-logprob{color:var(--color-text-muted);font-size:.7rem;min-width:60px;text-align:right}.tpv-stats-card{border:1px solid var(--color-border-subtle);border-radius:14px;padding:14px 16px;background:color-mix(in srgb,var(--color-bg-elevated) 30%,transparent)}.tpv-stats-label{font-size:.7rem;font-family:monospace;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted);margin-bottom:8px}.tpv-stats-row{display:flex;justify-content:space-between;padding:4px 0;font-family:monospace;font-size:.78rem;color:var(--color-text-secondary)}.tpv-stats-row>span:last-child{color:var(--color-text-primary);font-weight:500}.tpv-meta{padding:12px 14px;border-radius:10px;background:color-mix(in srgb,var(--color-bg-elevated) 40%,transparent);border:1px solid var(--color-border-subtle)}@media(pointer:coarse),(max-width:768px){.tpv-input{font-size:1rem;min-height:160px;padding:12px 14px}.tpv-k-btn,.tpv-mini-btn{padding:10px 14px;font-size:.85rem;min-height:40px}.tpv-stream{font-size:1rem;padding:14px}.tpv-token{padding:6px 8px}}.pco-label{font-size:.7rem;font-family:monospace;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-secondary);display:block}.pco-input{background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);border-radius:10px;padding:9px 12px;font-size:.85rem;font-family:monospace;color:var(--color-text-primary);outline:none;transition:border-color .2s}.pco-input:focus{border-color:color-mix(in srgb,var(--color-accent) 40%,transparent)}.pco-section{border:1px solid var(--color-border-subtle);border-radius:14px;padding:14px 16px;background:color-mix(in srgb,var(--color-bg-elevated) 30%,transparent)}.pco-section-title{font-family:monospace;font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-primary);font-weight:700;margin-bottom:10px}.pco-tab{padding:7px 14px;border-radius:10px;font-size:.75rem;font-family:monospace;background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);color:var(--color-text-muted);cursor:pointer;transition:all .15s}.pco-tab.active{background:color-mix(in srgb,var(--color-accent) 12%,transparent);border-color:color-mix(in srgb,var(--color-accent) 45%,transparent);color:var(--color-accent);font-weight:600}.pco-tab:hover:not(.active){border-color:color-mix(in srgb,var(--color-accent) 30%,transparent);color:var(--color-text-secondary)}.pco-mini-btn{padding:4px 10px;border-radius:8px;font-size:.7rem;font-family:monospace;background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);color:var(--color-text-muted);cursor:pointer;transition:all .15s}.pco-mini-btn:hover{border-color:color-mix(in srgb,var(--color-accent) 35%,transparent);color:var(--color-accent)}.pco-disclosure{border:1px solid var(--color-border-subtle);border-radius:14px;background:color-mix(in srgb,var(--color-bg-elevated) 30%,transparent);overflow:hidden}.pco-disclosure[open]{border-color:color-mix(in srgb,var(--color-accent) 25%,var(--color-border-subtle))}.pco-disclosure-summary{display:flex;align-items:center;gap:10px;padding:12px 16px;cursor:pointer;list-style:none;user-select:none}.pco-disclosure-summary::-webkit-details-marker{display:none}.pco-disclosure-summary:hover{background:color-mix(in srgb,var(--color-accent) 4%,transparent)}.pco-disclosure-title{font-family:monospace;font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-primary);font-weight:700}.pco-disclosure-hint{flex:1;min-width:0;font-size:.7rem;font-family:monospace;color:var(--color-text-muted);text-align:right}.pco-disclosure[open] .pco-disclosure-hint{opacity:0}.pco-disclosure-chevron{transition:transform .2s;color:var(--color-text-muted);font-size:.7rem}.pco-disclosure[open] .pco-disclosure-chevron{transform:rotate(180deg)}.pco-disclosure-body{padding:4px 16px 16px}.pco-savings-card{background:linear-gradient(150deg,color-mix(in srgb,var(--color-accent-success, #34d399) 10%,transparent),transparent 70%),color-mix(in srgb,var(--color-bg-elevated) 80%,transparent);border:1px solid color-mix(in srgb,var(--color-accent-success, #34d399) 30%,var(--color-border-subtle));border-radius:18px;padding:20px;box-shadow:0 8px 24px #00000040,inset 0 1px #ffffff0d}.pco-savings-label{font-size:.7rem;font-family:monospace;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted)}.pco-savings-amount{font-size:2.5rem;font-weight:700;font-family:monospace;color:var(--color-accent-success, #34d399);line-height:1.1;margin-top:4px;word-break:break-all}.pco-savings-sub{font-size:.75rem;font-family:monospace;color:var(--color-text-muted);margin-top:4px}.pco-divider{height:1px;background:var(--color-border-subtle);margin:14px 0}.pco-stats-row{display:flex;justify-content:space-between;padding:4px 0;font-family:monospace;font-size:.78rem;color:var(--color-text-secondary)}.pco-stats-row>span:last-child{color:var(--color-text-primary);font-weight:500}.pco-card{border:1px solid var(--color-border-subtle);border-radius:14px;padding:14px 16px;background:color-mix(in srgb,var(--color-bg-elevated) 30%,transparent)}.pco-recommendations{border:1px solid color-mix(in srgb,var(--color-accent-warm) 30%,var(--color-border-subtle));border-radius:14px;padding:14px 16px;background:color-mix(in srgb,var(--color-accent-warm) 5%,transparent)}.pco-recs-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.pco-recs-list li{font-family:monospace;font-size:.78rem;color:var(--color-text-secondary);line-height:1.5;padding-left:18px;position:relative}.pco-recs-list li:before{content:"→";position:absolute;left:0;top:0;color:var(--color-accent)}.pco-recs-list li.warn:before{color:var(--color-accent-warm)}.pco-recs-list li.good:before{color:var(--color-accent-success)}.pco-meta{padding:12px 14px;border-radius:10px;background:color-mix(in srgb,var(--color-bg-elevated) 40%,transparent);border:1px solid var(--color-border-subtle)}@media(pointer:coarse),(max-width:768px){.pco-input{font-size:1rem;min-height:44px;padding:12px 14px}.pco-tab,.pco-mini-btn{padding:10px 14px;font-size:.85rem;min-height:40px}.pco-savings-amount{font-size:2.2rem}}.mtc-label{font-size:.7rem;font-family:monospace;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-secondary);display:block}.mtc-input{background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);border-radius:10px;padding:9px 12px;font-size:.85rem;font-family:monospace;color:var(--color-text-primary);outline:none}.mtc-input:focus{border-color:color-mix(in srgb,var(--color-accent) 40%,transparent)}.mtc-section{border:1px solid var(--color-border-subtle);border-radius:14px;padding:14px 16px;background:color-mix(in srgb,var(--color-bg-elevated) 30%,transparent)}.mtc-section-title{font-family:monospace;font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-primary);font-weight:700;margin-bottom:10px}.mtc-drop{border:2px dashed var(--color-border-subtle);border-radius:12px;padding:28px 20px;text-align:center;background:var(--color-bg-elevated);cursor:pointer;position:relative;transition:border-color .15s,background .15s}.mtc-drop:hover,.mtc-drop.dragover{border-color:color-mix(in srgb,var(--color-accent) 50%,transparent);background:color-mix(in srgb,var(--color-accent) 4%,transparent)}.mtc-file-input{position:absolute;inset:0;opacity:0;cursor:pointer}.mtc-img-preview{max-width:100%;max-height:280px;border-radius:8px;display:block;margin:0 auto}.mtc-tab,.mtc-preset{padding:7px 14px;border-radius:10px;font-size:.75rem;font-family:monospace;background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);color:var(--color-text-muted);cursor:pointer;transition:all .15s}.mtc-tab.active{background:color-mix(in srgb,var(--color-accent) 12%,transparent);border-color:color-mix(in srgb,var(--color-accent) 45%,transparent);color:var(--color-accent);font-weight:600}.mtc-tab:hover:not(.active),.mtc-preset:hover{border-color:color-mix(in srgb,var(--color-accent) 30%,transparent);color:var(--color-text-secondary)}.mtc-mini-btn{padding:5px 12px;border-radius:8px;font-size:.7rem;font-family:monospace;background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);color:var(--color-text-muted);cursor:pointer;transition:all .15s}.mtc-mini-btn:hover{border-color:color-mix(in srgb,var(--color-accent-danger, #f87171) 30%,transparent);color:var(--color-accent-danger, #f87171)}.mtc-disclosure{border:1px solid var(--color-border-subtle);border-radius:14px;background:color-mix(in srgb,var(--color-bg-elevated) 30%,transparent);overflow:hidden}.mtc-disclosure[open]{border-color:color-mix(in srgb,var(--color-accent) 25%,var(--color-border-subtle))}.mtc-disclosure-summary{display:flex;align-items:center;gap:10px;padding:12px 16px;cursor:pointer;list-style:none;user-select:none}.mtc-disclosure-summary::-webkit-details-marker{display:none}.mtc-disclosure-summary:hover{background:color-mix(in srgb,var(--color-accent) 4%,transparent)}.mtc-disclosure-title{font-family:monospace;font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-primary);font-weight:700}.mtc-disclosure-hint{flex:1;font-size:.7rem;font-family:monospace;color:var(--color-text-muted);text-align:right}.mtc-disclosure[open] .mtc-disclosure-hint{opacity:0}.mtc-disclosure-chevron{transition:transform .2s;color:var(--color-text-muted);font-size:.7rem}.mtc-disclosure[open] .mtc-disclosure-chevron{transform:rotate(180deg)}.mtc-disclosure-body{padding:4px 16px 16px}.mtc-summary-card{background:linear-gradient(150deg,color-mix(in srgb,var(--color-accent) 8%,transparent),transparent 70%),color-mix(in srgb,var(--color-bg-elevated) 80%,transparent);border:1px solid color-mix(in srgb,var(--color-accent) 25%,var(--color-border-subtle));border-radius:18px;padding:18px}.mtc-card{border:1px solid var(--color-border-subtle);border-radius:14px;padding:14px 16px;background:color-mix(in srgb,var(--color-bg-elevated) 30%,transparent)}.mtc-results{display:flex;flex-direction:column;gap:6px}.mtc-result-row{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center;padding:8px 10px;border-radius:8px;background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);font-family:monospace;font-size:.78rem}.mtc-result-model{color:var(--color-text-primary)}.mtc-result-tokens{color:var(--color-accent);font-weight:600;min-width:80px;text-align:right}.mtc-result-cost{color:var(--color-text-muted);min-width:70px;text-align:right}.mtc-meta{padding:12px 14px;border-radius:10px;background:color-mix(in srgb,var(--color-bg-elevated) 40%,transparent);border:1px solid var(--color-border-subtle)}@media(pointer:coarse),(max-width:768px){.mtc-input{font-size:1rem;min-height:44px;padding:12px 14px}.mtc-tab,.mtc-preset,.mtc-mini-btn{padding:10px 14px;font-size:.85rem;min-height:40px}}.lmc-label{font-size:.7rem;font-family:monospace;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-secondary);display:block}.lmc-input{background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);border-radius:10px;padding:9px 12px;font-size:.85rem;font-family:monospace;color:var(--color-text-primary);outline:none}.lmc-input:focus{border-color:color-mix(in srgb,var(--color-accent) 40%,transparent)}.lmc-check{accent-color:var(--color-accent);width:14px;height:14px}.lmc-check-label{display:flex;align-items:center;gap:6px;font-size:.75rem;font-family:monospace;color:var(--color-text-muted);cursor:pointer}.lmc-section{border:1px solid var(--color-border-subtle);border-radius:14px;padding:14px 16px;background:color-mix(in srgb,var(--color-bg-elevated) 30%,transparent)}.lmc-section-title{font-family:monospace;font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-primary);font-weight:700;margin-bottom:10px}.lmc-tab{padding:7px 14px;border-radius:10px;font-size:.75rem;font-family:monospace;background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);color:var(--color-text-muted);cursor:pointer;transition:all .15s}.lmc-tab.active{background:color-mix(in srgb,var(--color-accent) 12%,transparent);border-color:color-mix(in srgb,var(--color-accent) 45%,transparent);color:var(--color-accent);font-weight:600}.lmc-tab:hover:not(.active){border-color:color-mix(in srgb,var(--color-accent) 30%,transparent);color:var(--color-text-secondary)}.lmc-summary-card{background:linear-gradient(150deg,color-mix(in srgb,var(--color-accent) 8%,transparent),transparent 70%),color-mix(in srgb,var(--color-bg-elevated) 80%,transparent);border:1px solid color-mix(in srgb,var(--color-accent) 25%,var(--color-border-subtle));border-radius:18px;padding:20px}.lmc-savings-label{font-size:.7rem;font-family:monospace;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted)}.lmc-savings-amount{font-size:2.5rem;font-weight:700;font-family:monospace;color:var(--color-text-primary);line-height:1.1;margin-top:4px}.lmc-savings-sub{font-size:.75rem;font-family:monospace;color:var(--color-text-muted);margin-top:4px}.lmc-divider{height:1px;background:var(--color-border-subtle);margin:14px 0}.lmc-stats-row{display:flex;justify-content:space-between;padding:4px 0;font-family:monospace;font-size:.78rem;color:var(--color-text-secondary)}.lmc-stats-row>span:last-child{color:var(--color-text-primary);font-weight:500}.lmc-card{border:1px solid var(--color-border-subtle);border-radius:14px;padding:14px 16px;background:color-mix(in srgb,var(--color-bg-elevated) 30%,transparent)}.lmc-gpu-list{display:flex;flex-direction:column;gap:6px}.lmc-gpu-row{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;padding:7px 10px;border-radius:8px;font-family:monospace;font-size:.78rem;background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle)}.lmc-gpu-row.fits{border-color:color-mix(in srgb,var(--color-accent-success, #34d399) 40%,transparent)}.lmc-gpu-row.tight{border-color:color-mix(in srgb,var(--color-accent-warm) 40%,transparent)}.lmc-gpu-row.fails{opacity:.5}.lmc-gpu-name{color:var(--color-text-primary)}.lmc-gpu-fit{font-weight:600;font-size:.72rem;text-transform:uppercase;letter-spacing:.04em}.lmc-gpu-row.fits .lmc-gpu-fit{color:var(--color-accent-success, #34d399)}.lmc-gpu-row.tight .lmc-gpu-fit{color:var(--color-accent-warm)}.lmc-gpu-row.fails .lmc-gpu-fit{color:var(--color-accent-danger, #f87171)}.lmc-meta{padding:12px 14px;border-radius:10px;background:color-mix(in srgb,var(--color-bg-elevated) 40%,transparent);border:1px solid var(--color-border-subtle)}@media(pointer:coarse),(max-width:768px){.lmc-input{font-size:1rem;min-height:44px;padding:12px 14px}.lmc-tab{padding:10px 14px;font-size:.85rem;min-height:40px}.lmc-savings-amount{font-size:2.2rem}}.lcc-label{font-size:.7rem;font-family:monospace;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-secondary);display:block}.lcc-input{background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);border-radius:10px;padding:9px 12px;font-size:.85rem;font-family:monospace;color:var(--color-text-primary);outline:none}.lcc-input:focus{border-color:color-mix(in srgb,var(--color-accent) 40%,transparent)}.lcc-check{accent-color:var(--color-accent);width:14px;height:14px}.lcc-check-label{display:flex;align-items:center;gap:6px;font-size:.75rem;font-family:monospace;color:var(--color-text-muted);cursor:pointer}.lcc-section{border:1px solid var(--color-border-subtle);border-radius:14px;padding:14px 16px;background:color-mix(in srgb,var(--color-bg-elevated) 30%,transparent)}.lcc-section-title{font-family:monospace;font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-primary);font-weight:700;margin-bottom:10px}.lcc-summary-card{background:linear-gradient(150deg,color-mix(in srgb,var(--color-accent) 8%,transparent),transparent 70%),color-mix(in srgb,var(--color-bg-elevated) 80%,transparent);border:1px solid color-mix(in srgb,var(--color-accent) 25%,var(--color-border-subtle));border-radius:18px;padding:20px}.lcc-savings-label{font-size:.7rem;font-family:monospace;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted)}.lcc-savings-amount{font-size:2.5rem;font-weight:700;font-family:monospace;color:var(--color-text-primary);line-height:1.1;margin-top:4px}.lcc-savings-sub{font-size:.75rem;font-family:monospace;color:var(--color-text-muted);margin-top:4px}.lcc-divider{height:1px;background:var(--color-border-subtle);margin:14px 0}.lcc-stats-row{display:flex;justify-content:space-between;padding:4px 0;font-family:monospace;font-size:.78rem;color:var(--color-text-secondary)}.lcc-stats-row>span:last-child{color:var(--color-text-primary);font-weight:500}.lcc-card{border:1px solid var(--color-border-subtle);border-radius:14px;padding:14px 16px;background:color-mix(in srgb,var(--color-bg-elevated) 30%,transparent)}.lcc-cmd{background:var(--color-bg-base);border:1px solid var(--color-border-subtle);border-radius:8px;padding:12px;font-family:monospace;font-size:.78rem;color:var(--color-accent);white-space:pre-wrap;word-break:break-all;overflow-x:auto;max-height:240px;line-height:1.55}.lcc-meta{padding:12px 14px;border-radius:10px;background:color-mix(in srgb,var(--color-bg-elevated) 40%,transparent);border:1px solid var(--color-border-subtle)}@media(pointer:coarse),(max-width:768px){.lcc-input{font-size:1rem;min-height:44px;padding:12px 14px}.lcc-savings-amount{font-size:2.2rem}.lcc-cmd{font-size:.85rem;padding:14px}}.mst-label{font-size:.7rem;font-family:monospace;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-secondary);display:block}.mst-input{background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);border-radius:10px;padding:9px 12px;font-size:.85rem;font-family:monospace;color:var(--color-text-primary);outline:none}.mst-input:focus{border-color:color-mix(in srgb,var(--color-accent) 40%,transparent)}.mst-section{border:1px solid var(--color-border-subtle);border-radius:14px;padding:14px 16px;background:color-mix(in srgb,var(--color-bg-elevated) 30%,transparent)}.mst-section-title{font-family:monospace;font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-primary);font-weight:700;margin-bottom:10px}.mst-mini-btn{padding:4px 10px;border-radius:8px;font-size:.7rem;font-family:monospace;background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);color:var(--color-text-muted);cursor:pointer;transition:all .15s}.mst-mini-btn:hover{border-color:color-mix(in srgb,var(--color-accent) 35%,transparent);color:var(--color-accent)}.mst-disclosure{border:1px solid var(--color-border-subtle);border-radius:14px;background:color-mix(in srgb,var(--color-bg-elevated) 30%,transparent);overflow:hidden}.mst-disclosure[open]{border-color:color-mix(in srgb,var(--color-accent) 25%,var(--color-border-subtle))}.mst-disclosure-summary{display:flex;align-items:center;gap:10px;padding:12px 16px;cursor:pointer;list-style:none;user-select:none}.mst-disclosure-summary::-webkit-details-marker{display:none}.mst-disclosure-summary:hover{background:color-mix(in srgb,var(--color-accent) 4%,transparent)}.mst-disclosure-title{font-family:monospace;font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-primary);font-weight:700}.mst-disclosure-hint{flex:1;font-size:.7rem;font-family:monospace;color:var(--color-text-muted);text-align:right}.mst-disclosure[open] .mst-disclosure-hint{opacity:0}.mst-disclosure-chevron{transition:transform .2s;color:var(--color-text-muted);font-size:.7rem}.mst-disclosure[open] .mst-disclosure-chevron{transform:rotate(180deg)}.mst-disclosure-body{padding:4px 16px 16px}.mst-summary-card{background:linear-gradient(150deg,color-mix(in srgb,var(--color-accent) 8%,transparent),transparent 70%),color-mix(in srgb,var(--color-bg-elevated) 80%,transparent);border:1px solid color-mix(in srgb,var(--color-accent) 25%,var(--color-border-subtle));border-radius:18px;padding:20px}.mst-summary-card.is-error{border-color:color-mix(in srgb,var(--color-accent-danger, #f87171) 40%,transparent);background:linear-gradient(150deg,color-mix(in srgb,var(--color-accent-danger, #f87171) 8%,transparent),transparent 70%),color-mix(in srgb,var(--color-bg-elevated) 80%,transparent)}.mst-summary-card.is-success{border-color:color-mix(in srgb,var(--color-accent-success, #34d399) 40%,transparent);background:linear-gradient(150deg,color-mix(in srgb,var(--color-accent-success, #34d399) 8%,transparent),transparent 70%),color-mix(in srgb,var(--color-bg-elevated) 80%,transparent)}.mst-savings-label{font-size:.7rem;font-family:monospace;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted)}.mst-savings-amount{font-size:2rem;font-weight:700;font-family:monospace;color:var(--color-text-primary);line-height:1.1;margin-top:4px}.mst-summary-card.is-success .mst-savings-amount{color:var(--color-accent-success, #34d399)}.mst-summary-card.is-error .mst-savings-amount{color:var(--color-accent-danger, #f87171)}.mst-savings-sub{font-size:.75rem;font-family:monospace;color:var(--color-text-muted);margin-top:4px}.mst-divider{height:1px;background:var(--color-border-subtle);margin:14px 0}.mst-stats-row{display:flex;justify-content:space-between;padding:4px 0;font-family:monospace;font-size:.78rem;color:var(--color-text-secondary)}.mst-stats-row>span:last-child{color:var(--color-text-primary);font-weight:500}.mst-card{border:1px solid var(--color-border-subtle);border-radius:14px;padding:14px 16px;background:color-mix(in srgb,var(--color-bg-elevated) 30%,transparent)}.mst-cmd{background:var(--color-bg-base);border:1px solid var(--color-border-subtle);border-radius:8px;padding:12px;font-family:monospace;font-size:.75rem;color:var(--color-text-primary);white-space:pre-wrap;word-break:break-all;overflow-x:auto;max-height:280px;line-height:1.5}.mst-findings{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.mst-findings li{padding:8px 10px 8px 28px;border-radius:8px;background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);font-family:monospace;font-size:.72rem;line-height:1.5;color:var(--color-text-secondary);position:relative}.mst-findings li:before{position:absolute;left:10px;top:8px;font-size:.85rem}.mst-findings li.ok{border-color:color-mix(in srgb,var(--color-accent-success) 35%,transparent)}.mst-findings li.ok:before{content:"✓";color:var(--color-accent-success)}.mst-findings li.warn{border-color:color-mix(in srgb,var(--color-accent-warm) 35%,transparent)}.mst-findings li.warn:before{content:"⚠";color:var(--color-accent-warm)}.mst-findings li.error{border-color:color-mix(in srgb,var(--color-accent-danger) 40%,transparent)}.mst-findings li.error:before{content:"✗";color:var(--color-accent-danger)}.mst-meta{padding:12px 14px;border-radius:10px;background:color-mix(in srgb,var(--color-bg-elevated) 40%,transparent);border:1px solid var(--color-border-subtle)}@media(pointer:coarse),(max-width:768px){.mst-input{font-size:1rem;min-height:44px;padding:12px 14px}.mst-mini-btn{padding:10px 14px;font-size:.85rem;min-height:40px}.mst-savings-amount{font-size:1.7rem}.mst-cmd{font-size:.85rem;padding:14px}}.tco-label{font-size:.7rem;font-family:monospace;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-secondary);display:block}.tco-input{background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);border-radius:10px;padding:9px 12px;font-size:.85rem;font-family:monospace;color:var(--color-text-primary);outline:none}.tco-input:focus{border-color:color-mix(in srgb,var(--color-accent) 40%,transparent)}.tco-mini-select{background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);border-radius:8px;padding:5px 10px;font-size:.72rem;font-family:monospace;color:var(--color-text-muted);outline:none;max-width:100%;min-width:0}.tco-section{border:1px solid var(--color-border-subtle);border-radius:14px;padding:14px 16px;background:color-mix(in srgb,var(--color-bg-elevated) 30%,transparent)}.tco-section-title{font-family:monospace;font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-primary);font-weight:700;margin-bottom:10px}.tco-hour-grid{display:grid;grid-template-columns:repeat(24,1fr);gap:2px;overflow-x:auto}@media(max-width:768px){.tco-hour-grid{grid-template-columns:repeat(12,1fr)}}@media(max-width:540px){.tco-hour-grid{grid-template-columns:repeat(6,1fr)}}.tco-hour{aspect-ratio:1/1.4;border:1px solid var(--color-border-subtle);border-radius:4px;padding:0;background:transparent;font:inherit;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:monospace;font-size:.6rem;color:var(--color-text-muted);cursor:pointer;transition:all .15s;user-select:none}.tco-hour:hover{border-color:var(--color-accent)}.tco-hour:focus-visible{outline:2px solid var(--color-accent);outline-offset:1px}.tco-hour.is-picked{border-color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 18%,transparent);color:var(--color-text-primary)}.tco-hour.selected{border-color:color-mix(in srgb,var(--color-accent-success, #34d399) 70%,transparent);background:color-mix(in srgb,var(--color-accent-success, #34d399) 25%,transparent);color:var(--color-text-primary);font-weight:600}.tco-hour-time{font-size:.55rem;opacity:.7}.tco-hour-price{font-size:.7rem;color:var(--color-text-primary);font-weight:600}.tco-summary-card{background:linear-gradient(150deg,color-mix(in srgb,var(--color-accent-success, #34d399) 10%,transparent),transparent 70%),color-mix(in srgb,var(--color-bg-elevated) 80%,transparent);border:1px solid color-mix(in srgb,var(--color-accent-success, #34d399) 30%,var(--color-border-subtle));border-radius:18px;padding:20px}.tco-savings-label{font-size:.7rem;font-family:monospace;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted)}.tco-savings-amount{font-size:2.5rem;font-weight:700;font-family:monospace;color:var(--color-accent-success, #34d399);line-height:1.1;margin-top:4px}.tco-savings-sub{font-size:.75rem;font-family:monospace;color:var(--color-text-muted);margin-top:4px}.tco-divider{height:1px;background:var(--color-border-subtle);margin:14px 0}.tco-stats-row{display:flex;justify-content:space-between;padding:4px 0;font-family:monospace;font-size:.78rem;color:var(--color-text-secondary)}.tco-stats-row>span:last-child{color:var(--color-text-primary);font-weight:500}.tco-card{border:1px solid var(--color-border-subtle);border-radius:14px;padding:14px 16px;background:color-mix(in srgb,var(--color-bg-elevated) 30%,transparent)}.tco-cmd{background:var(--color-bg-base);border:1px solid var(--color-border-subtle);border-radius:8px;padding:12px;font-family:monospace;font-size:.78rem;color:var(--color-accent);white-space:pre-wrap;word-break:break-all;line-height:1.55}.tco-meta{padding:12px 14px;border-radius:10px;background:color-mix(in srgb,var(--color-bg-elevated) 40%,transparent);border:1px solid var(--color-border-subtle)}@media(pointer:coarse),(max-width:768px){.tco-input{font-size:1rem;min-height:44px;padding:12px 14px}.tco-mini-select{padding:10px 12px;font-size:1rem;min-height:44px}.tco-savings-amount{font-size:2.2rem}}.hv-label{font-size:.7rem;font-family:monospace;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted)}.hv-toolbar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;border:1px solid var(--color-border-subtle);border-radius:12px;background:color-mix(in srgb,var(--color-bg-elevated) 30%,transparent)}.hv-vp-btn,.hv-mini-btn{padding:6px 12px;border-radius:8px;font-size:.72rem;font-family:monospace;background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);color:var(--color-text-muted);cursor:pointer;transition:all .15s;white-space:nowrap}.hv-vp-btn:hover,.hv-mini-btn:hover{border-color:color-mix(in srgb,var(--color-accent) 35%,transparent);color:var(--color-accent)}.hv-vp-btn.active{background:color-mix(in srgb,var(--color-accent) 12%,transparent);border-color:color-mix(in srgb,var(--color-accent) 45%,transparent);color:var(--color-accent);font-weight:600}.hv-tabs{display:flex;gap:4px;padding:4px;border:1px solid var(--color-border-subtle);border-radius:12px;background:var(--color-bg-elevated)}.hv-tab{flex:1;padding:10px 14px;border-radius:8px;font-size:.85rem;font-family:monospace;background:transparent;border:none;color:var(--color-text-muted);cursor:pointer;transition:all .15s;min-height:44px}.hv-tab.active{background:color-mix(in srgb,var(--color-accent) 14%,transparent);color:var(--color-accent);font-weight:600}.hv-split{display:grid;grid-template-columns:1fr 8px 1fr;gap:0;min-height:calc(100vh - 360px);height:calc(100vh - 360px);max-height:80vh}@media(max-width:1023px){.hv-split{display:block;height:auto;min-height:0}.hv-divider,.hv-pane.is-hidden-mobile{display:none}.hv-pane{min-height:calc(100vh - 360px);height:calc(100vh - 360px)}}.hv-pane{display:flex;flex-direction:column;border:1px solid var(--color-border-subtle);border-radius:12px;background:color-mix(in srgb,var(--color-bg-elevated) 30%,transparent);overflow:hidden;min-width:0}.hv-pane-header{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border-bottom:1px solid var(--color-border-subtle);background:color-mix(in srgb,var(--color-bg-elevated) 60%,transparent);font-family:monospace;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-secondary);font-weight:600}.hv-byte-count{color:var(--color-text-muted);font-weight:400}.hv-editor{flex:1;background:var(--color-bg-base);color:var(--color-text-primary);border:none;outline:none;padding:14px;font-family:Fira Code,Cascadia Code,monospace;font-size:.85rem;line-height:1.55;resize:none;tab-size:2;-moz-tab-size:2}.hv-editor:focus{outline:2px solid color-mix(in srgb,var(--color-accent) 35%,transparent);outline-offset:-2px}.hv-divider{background:var(--color-border-subtle);cursor:col-resize;position:relative;transition:background .15s}.hv-divider:focus-visible{outline:2px solid var(--color-accent);outline-offset:1px;background:var(--color-accent)}.hv-divider:hover,.hv-divider.is-dragging{background:var(--color-accent)}.hv-divider:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:2px;height:28px;background:var(--color-text-muted);opacity:.4;border-radius:1px}.hv-preview-container{flex:1;background:#fafafa;background-image:linear-gradient(45deg,#e5e5e5 25%,transparent 25%),linear-gradient(-45deg,#e5e5e5 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e5e5e5 75%),linear-gradient(-45deg,transparent 75%,#e5e5e5 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0px;overflow:auto;display:flex;justify-content:center;align-items:flex-start;padding:0}.theme-light .hv-preview-container{background-color:#f4f4f5}.hv-iframe{width:100%;height:100%;border:0;background:#fff;transition:max-width .2s ease}.hv-preview-container[data-vp=tablet] .hv-iframe{max-width:768px;box-shadow:0 4px 16px #00000040}.hv-preview-container[data-vp=phone] .hv-iframe{max-width:375px;box-shadow:0 4px 16px #00000040}.hv-preview-container[data-vp=desktop] .hv-iframe{max-width:100%}.hv-error-panel{border-top:1px solid color-mix(in srgb,var(--color-accent-danger, #f87171) 35%,transparent);background:color-mix(in srgb,var(--color-accent-danger, #f87171) 5%,var(--color-bg-elevated));max-height:200px;display:flex;flex-direction:column}.hv-error-header{display:flex;justify-content:space-between;align-items:center;padding:6px 12px;font-family:monospace;font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;color:var(--color-accent-danger, #f87171);font-weight:600}.hv-error-list{flex:1;overflow-y:auto;margin:0;padding:8px 12px;font-family:monospace;font-size:.72rem;color:var(--color-text-secondary);white-space:pre-wrap;word-break:break-word;line-height:1.5}.hv-security{padding:10px 14px;border-radius:10px;background:color-mix(in srgb,var(--color-accent-success, #34d399) 4%,var(--color-bg-elevated));border:1px solid color-mix(in srgb,var(--color-accent-success, #34d399) 20%,var(--color-border-subtle))}.hv-security code{background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);border-radius:4px;padding:1px 5px;font-size:.9em}@media(pointer:coarse),(max-width:768px){.hv-editor{font-size:1rem;padding:14px}.hv-vp-btn,.hv-mini-btn{padding:10px 14px;font-size:.85rem;min-height:40px}}.wc-hero{padding:18px 20px;border:1px solid var(--color-border-subtle);border-radius:14px;background:color-mix(in srgb,var(--color-accent) 6%,var(--color-bg-elevated))}.wc-hero-line{font-family:monospace;font-size:clamp(1.4rem,5vw,2.2rem);color:var(--color-text-primary);line-height:1.1;display:flex;flex-wrap:wrap;align-items:baseline;gap:.4ch}.wc-hero-num{font-weight:700}.wc-hero-label{font-size:.55em;font-weight:400;color:var(--color-text-muted);text-transform:lowercase;letter-spacing:.02em}.wc-hero-dot{color:var(--color-text-muted);margin:0 .2ch}.wc-hero-sub{margin-top:6px;font-size:.7rem;font-family:monospace;color:var(--color-text-muted);display:flex;align-items:center;gap:6px}.wc-hint-dot{font-size:.85rem}.wc-toolbar{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;padding:10px 12px;border:1px solid var(--color-border-subtle);border-radius:12px;background:color-mix(in srgb,var(--color-bg-elevated) 30%,transparent)}.wc-label{font-size:.7rem;font-family:monospace;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted)}.wc-mini-btn{padding:6px 10px;border-radius:8px;font-size:.72rem;font-family:monospace;background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);color:var(--color-text-muted);cursor:pointer;transition:all .15s}.wc-mini-btn:hover{border-color:color-mix(in srgb,var(--color-accent) 35%,transparent);color:var(--color-accent)}.wc-mini-select{background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);border-radius:8px;padding:5px 10px;font-size:.72rem;font-family:monospace;color:var(--color-text-muted);outline:none;max-width:100%;min-width:0}.wc-editor{background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);border-radius:12px;padding:14px 16px;font-size:.95rem;font-family:ui-sans-serif,system-ui,sans-serif;line-height:1.6;color:var(--color-text-primary);outline:none;transition:border-color .2s;resize:vertical;min-height:320px}.wc-editor:focus{border-color:color-mix(in srgb,var(--color-accent) 40%,transparent)}.wc-editor::placeholder{color:var(--color-text-muted);opacity:.7}.wc-goal-row{padding:12px 14px;border:1px solid var(--color-border-subtle);border-radius:12px;background:color-mix(in srgb,var(--color-bg-elevated) 30%,transparent)}.wc-goal-status{font-size:.72rem;font-family:monospace;color:var(--color-text-secondary)}.wc-goal-status.wc-met{color:var(--color-accent-success);font-weight:600}.wc-goal-slider{width:100%;margin-bottom:8px;accent-color:var(--color-accent)}.wc-goal-bar{height:6px;border-radius:3px;background:var(--color-border-subtle);overflow:hidden}.wc-goal-fill{height:100%;width:0%;background:linear-gradient(90deg,var(--color-accent),color-mix(in srgb,var(--color-accent) 60%,white));transition:width .15s ease-out}.wc-goal-fill.wc-met{background:linear-gradient(90deg,var(--color-accent-success),color-mix(in srgb,var(--color-accent-success) 60%,white))}.wc-stats-card{padding:16px 18px;border:1px solid var(--color-border-subtle);border-radius:14px;background:color-mix(in srgb,var(--color-bg-elevated) 50%,transparent)}.wc-stats-title{font-family:monospace;font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-primary);font-weight:700;margin-bottom:10px}.wc-stats-list{display:flex;flex-direction:column;gap:6px}.wc-stat-row{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:.8rem;font-family:monospace;color:var(--color-text-muted)}.wc-stat-num{color:var(--color-text-primary);font-weight:600;text-align:right}.wc-divider{height:1px;margin:12px 0;background:var(--color-border-subtle)}.wc-disclosure{border:1px solid var(--color-border-subtle);border-radius:12px;background:color-mix(in srgb,var(--color-bg-elevated) 30%,transparent);overflow:hidden}.wc-disclosure-summary{list-style:none;cursor:pointer;user-select:none;padding:11px 14px;display:flex;align-items:center;gap:10px;font-family:monospace;font-size:.78rem}.wc-disclosure-summary::-webkit-details-marker{display:none}.wc-disclosure-title{font-weight:700;color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.06em}.wc-disclosure-hint{color:var(--color-text-muted);margin-left:auto}.wc-disclosure-chevron{color:var(--color-text-muted);transition:transform .2s}details[open] .wc-disclosure-chevron{transform:rotate(180deg)}.wc-disclosure-body{padding:0 14px 12px}.wc-top-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px;font-family:monospace;font-size:.78rem}.wc-top-list li{display:flex;justify-content:space-between;align-items:center;padding:5px 9px;background:var(--color-bg-elevated);border-radius:6px;color:var(--color-text-secondary)}.wc-top-list .wc-top-word{font-weight:500;color:var(--color-text-primary)}.wc-top-list .wc-top-count{font-size:.72rem;color:var(--color-text-muted)}.wc-top-empty{color:var(--color-text-muted);font-style:italic}@media(pointer:coarse),(max-width:768px){.wc-editor{font-size:1rem;padding:14px 16px}.wc-mini-btn{padding:10px 14px;font-size:.85rem;min-height:40px}.wc-mini-select{padding:10px 12px;font-size:1rem;min-height:44px}.wc-goal-slider{min-height:32px}}.wst-section{padding:14px 16px;border:1px solid var(--color-border-subtle);border-radius:14px;background:color-mix(in srgb,var(--color-bg-elevated) 30%,transparent)}.wst-section-title{font-family:monospace;font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-primary);font-weight:700}.wst-label{font-size:.7rem;font-family:monospace;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);display:block}.wst-help{font-size:.7rem;font-family:monospace;color:var(--color-text-muted);line-height:1.5}.wst-input{background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);border-radius:10px;padding:9px 12px;font-size:.85rem;font-family:monospace;color:var(--color-text-primary);outline:none;transition:border-color .2s}.wst-input:focus{border-color:color-mix(in srgb,var(--color-accent) 40%,transparent)}.wst-input::placeholder{color:var(--color-text-muted);opacity:.7}.wst-mini-btn{padding:6px 10px;border-radius:8px;font-size:.72rem;font-family:monospace;background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);color:var(--color-text-muted);cursor:pointer;transition:all .15s}.wst-mini-btn:hover{border-color:color-mix(in srgb,var(--color-accent) 35%,transparent);color:var(--color-accent)}.wst-mini-select{background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);border-radius:8px;padding:5px 10px;font-size:.72rem;font-family:monospace;color:var(--color-text-muted);outline:none;max-width:100%;min-width:0}.wst-checkbox{accent-color:var(--color-accent);width:16px;height:16px}.wst-status{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-family:monospace;font-size:.72rem;font-weight:600;border:1px solid var(--color-border-subtle)}.wst-status:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.wst-status-idle{color:var(--color-text-muted)}.wst-status-connecting{color:var(--color-accent-warm, #fbbf24)}.wst-status-open{color:var(--color-accent-success, #34d399)}.wst-status-closed{color:var(--color-text-muted)}.wst-status-error{color:var(--color-accent-danger, #f87171)}.wst-meta-pill{padding:3px 8px;border-radius:6px;font-family:monospace;font-size:.7rem;background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);color:var(--color-text-muted)}.wst-disclosure{border:1px solid var(--color-border-subtle);border-radius:10px;background:color-mix(in srgb,var(--color-bg-elevated) 30%,transparent)}.wst-disclosure-summary{list-style:none;cursor:pointer;user-select:none;padding:9px 12px;display:flex;align-items:center;gap:10px;font-family:monospace;font-size:.74rem}.wst-disclosure-summary::-webkit-details-marker{display:none}.wst-disclosure-title{font-weight:700;color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.06em}.wst-disclosure-hint{color:var(--color-text-muted);margin-left:auto}.wst-disclosure-chevron{color:var(--color-text-muted);transition:transform .2s}details[open] .wst-disclosure-chevron{transform:rotate(180deg)}.wst-disclosure-body{padding:6px 12px 12px}.wst-send-result{font-size:.7rem;font-family:monospace;color:var(--color-text-muted);margin-top:6px;min-height:1em}.wst-send-result.wst-ok{color:var(--color-accent-success, #34d399)}.wst-send-result.wst-err{color:var(--color-accent-danger, #f87171)}.wst-count-pill{display:inline-block;margin-left:6px;padding:1px 7px;border-radius:999px;font-size:.65rem;font-weight:400;background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);color:var(--color-text-muted)}.wst-filter-toggle{font-family:monospace;font-size:.7rem;color:var(--color-text-muted);padding:3px 8px;border-radius:6px;background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);cursor:pointer;user-select:none;display:inline-flex;align-items:center;gap:5px}.wst-filter-toggle input{accent-color:var(--color-accent);margin:0}.wst-frame-log{max-height:520px;overflow-y:auto;border-radius:10px;background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);padding:6px;font-family:monospace;font-size:.78rem}.wst-empty{padding:30px 10px;text-align:center;color:var(--color-text-muted);font-style:italic;font-size:.78rem}.wst-frame{display:grid;grid-template-columns:64px 50px 60px 1fr;gap:8px;padding:6px 8px;border-left:2px solid transparent;border-bottom:1px solid var(--color-border-subtle);align-items:start}.wst-frame:last-child{border-bottom:none}.wst-frame-time{color:var(--color-text-muted);font-size:.7rem;padding-top:2px}.wst-frame-dir{text-align:center;padding:2px 4px;border-radius:4px;font-size:.65rem;font-weight:700;text-transform:uppercase;align-self:start}.wst-frame-dir-sent{background:color-mix(in srgb,var(--color-accent) 18%,transparent);color:var(--color-accent)}.wst-frame-dir-recv{background:color-mix(in srgb,var(--color-accent-success, #34d399) 18%,transparent);color:var(--color-accent-success, #34d399)}.wst-frame-dir-meta{background:color-mix(in srgb,var(--color-text-muted) 18%,transparent);color:var(--color-text-muted)}.wst-frame-dir-err{background:color-mix(in srgb,var(--color-accent-danger, #f87171) 18%,transparent);color:var(--color-accent-danger, #f87171)}.wst-frame-size{color:var(--color-text-muted);font-size:.7rem;padding-top:2px;text-align:right}.wst-frame-body{color:var(--color-text-primary);white-space:pre-wrap;word-break:break-word;line-height:1.45;min-width:0}.wst-frame.is-err{border-left-color:var(--color-accent-danger, #f87171)}.wst-frame.is-meta .wst-frame-body{color:var(--color-text-muted);font-style:italic}.wst-frame.hidden-row{display:none}.wst-json-token-key{color:var(--color-accent)}.wst-json-token-str{color:var(--color-accent-success, #34d399)}.wst-json-token-num,.wst-json-token-bool{color:var(--color-accent-warm, #fbbf24)}.wst-json-token-null{color:var(--color-text-muted)}.wst-stats-card{padding:16px 18px;border:1px solid var(--color-border-subtle);border-radius:14px;background:color-mix(in srgb,var(--color-bg-elevated) 50%,transparent)}.wst-stats-title{font-family:monospace;font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-primary);font-weight:700;margin-bottom:10px}.wst-stats-list{display:flex;flex-direction:column;gap:6px}.wst-stat-row{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:.8rem;font-family:monospace;color:var(--color-text-muted)}.wst-stat-num{color:var(--color-text-primary);font-weight:600;text-align:right}.wst-divider{height:1px;margin:12px 0;background:var(--color-border-subtle)}.wst-meta{padding:10px 14px;border:1px dashed var(--color-border-subtle);border-radius:10px}@media(pointer:coarse),(max-width:768px){.wst-input{font-size:1rem;padding:12px 14px;min-height:44px}.wst-mini-btn{padding:10px 14px;font-size:.85rem;min-height:40px}.wst-mini-select{padding:10px 12px;font-size:1rem;min-height:44px}.wst-frame{grid-template-columns:52px 44px 1fr;grid-template-rows:auto auto;gap:6px}.wst-frame-time{grid-column:1;grid-row:1}.wst-frame-dir{grid-column:2;grid-row:1}.wst-frame-size{grid-column:3;grid-row:1;text-align:right}.wst-frame-body{grid-column:1 / -1;grid-row:2;padding-top:4px}}.lmr-hero{padding:18px 20px;border:1px solid var(--color-border-subtle);border-radius:14px;background:color-mix(in srgb,var(--color-accent) 6%,var(--color-bg-elevated))}.lmr-hero-line{font-family:monospace;font-size:clamp(1.2rem,4vw,1.8rem);color:var(--color-text-primary);line-height:1.2;display:flex;flex-wrap:wrap;align-items:baseline;gap:.4ch}.lmr-hero-num{font-weight:700}.lmr-hero-label{font-size:.55em;font-weight:400;color:var(--color-text-muted);text-transform:lowercase;letter-spacing:.02em}.lmr-hero-dot{color:var(--color-text-muted);margin:0 .2ch}.lmr-hero-sub{margin-top:6px;font-size:.72rem;font-family:monospace;color:var(--color-text-muted);line-height:1.5}.lmr-section{padding:13px 15px;border:1px solid var(--color-border-subtle);border-radius:12px;background:color-mix(in srgb,var(--color-bg-elevated) 30%,transparent)}.lmr-section-title{font-family:monospace;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-primary);font-weight:700;margin-bottom:9px}.lmr-label{font-size:.7rem;font-family:monospace;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted)}.lmr-input{background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);border-radius:9px;padding:7px 10px;font-size:.8rem;font-family:monospace;color:var(--color-text-primary);outline:none;max-width:100%;min-width:0}.lmr-input:focus{border-color:color-mix(in srgb,var(--color-accent) 40%,transparent)}.lmr-mini-select{background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);border-radius:8px;padding:5px 10px;font-size:.72rem;font-family:monospace;color:var(--color-text-muted);outline:none;max-width:100%;min-width:0}.lmr-tab{padding:6px 10px;border-radius:999px;font-family:monospace;font-size:.7rem;background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);color:var(--color-text-muted);cursor:pointer;transition:all .15s}.lmr-tab:hover:not(.active){border-color:color-mix(in srgb,var(--color-accent) 30%,transparent);color:var(--color-text-secondary)}.lmr-tab.active{background:color-mix(in srgb,var(--color-accent) 12%,transparent);border-color:color-mix(in srgb,var(--color-accent) 45%,transparent);color:var(--color-accent);font-weight:600}.lmr-check{display:flex;align-items:center;gap:8px;font-family:monospace;font-size:.78rem;color:var(--color-text-secondary);cursor:pointer}.lmr-check input{accent-color:var(--color-accent)}.lmr-empty{padding:30px 20px;text-align:center;color:var(--color-text-muted);font-family:monospace;font-size:.85rem;border:1px dashed var(--color-border-subtle);border-radius:12px}.lmr-card{padding:14px 16px;border:1px solid var(--color-border-subtle);border-radius:12px;background:color-mix(in srgb,var(--color-bg-elevated) 40%,transparent);display:grid;grid-template-columns:1fr auto;gap:12px;align-items:start;transition:border-color .15s}.lmr-card:hover{border-color:color-mix(in srgb,var(--color-accent) 30%,transparent)}.lmr-card.is-fit-tight{border-left:3px solid var(--color-accent-warm, #fbbf24)}.lmr-card.is-fit-cant{border-left:3px solid var(--color-accent-danger, #f87171);opacity:.7}.lmr-card.is-fit-easy{border-left:3px solid var(--color-accent-success, #34d399)}.lmr-card-head{min-width:0}.lmr-card-title{font-family:monospace;font-size:.95rem;color:var(--color-text-primary);font-weight:700;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.lmr-card-vendor{font-size:.65rem;font-family:monospace;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;background:var(--color-bg-elevated);padding:2px 7px;border-radius:4px;border:1px solid var(--color-border-subtle)}.lmr-card-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}.lmr-tag{padding:2px 7px;border-radius:4px;font-size:.65rem;font-family:monospace;background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);color:var(--color-text-muted)}.lmr-tag-type{color:var(--color-accent);border-color:color-mix(in srgb,var(--color-accent) 30%,var(--color-border-subtle))}.lmr-tag-moe{color:var(--color-accent-warm, #fbbf24);border-color:color-mix(in srgb,var(--color-accent-warm, #fbbf24) 30%,var(--color-border-subtle))}.lmr-tag-lic-permissive{color:var(--color-accent-success, #34d399);border-color:color-mix(in srgb,var(--color-accent-success, #34d399) 30%,var(--color-border-subtle))}.lmr-tag-lic-restricted{color:var(--color-text-secondary)}.lmr-tag-lic-noncomm{color:var(--color-accent-danger, #f87171);border-color:color-mix(in srgb,var(--color-accent-danger, #f87171) 30%,var(--color-border-subtle))}.lmr-tag-cap{color:var(--color-text-secondary)}.lmr-card-stats{display:flex;flex-direction:column;gap:4px;align-items:flex-end;font-family:monospace;font-size:.72rem;color:var(--color-text-muted);min-width:130px}.lmr-stat-row{display:flex;justify-content:space-between;gap:10px;width:100%}.lmr-stat-row span:first-child{color:var(--color-text-muted)}.lmr-stat-row span:last-child{color:var(--color-text-primary);font-weight:600}.lmr-stat-row.is-warn span:last-child{color:var(--color-accent-warm, #fbbf24)}.lmr-stat-row.is-bad span:last-child{color:var(--color-accent-danger, #f87171)}.lmr-card-detail{grid-column:1 / -1;margin-top:6px;padding-top:10px;border-top:1px solid var(--color-border-subtle);display:flex;flex-wrap:wrap;gap:10px;font-family:monospace;font-size:.72rem;color:var(--color-text-muted)}.lmr-card-detail strong{color:var(--color-text-secondary);font-weight:600}.lmr-card-link{color:var(--color-accent);text-decoration:none;border-bottom:1px dotted color-mix(in srgb,var(--color-accent) 40%,transparent)}.lmr-card-link:hover{border-bottom-style:solid}.lmr-card-notes{grid-column:1 / -1;margin-top:4px;padding:8px 10px;border-radius:8px;background:color-mix(in srgb,var(--color-bg-elevated) 50%,transparent);font-family:monospace;font-size:.72rem;line-height:1.5;color:var(--color-text-secondary);font-style:italic}@media(pointer:coarse),(max-width:768px){.lmr-input{font-size:1rem;padding:10px 12px;min-height:44px}.lmr-mini-select{padding:10px 12px;font-size:1rem;min-height:44px}.lmr-tab{padding:9px 12px;font-size:.8rem;min-height:40px}.lmr-card{grid-template-columns:1fr;grid-template-rows:auto auto}.lmr-card-stats{align-items:stretch;min-width:0;padding-top:4px;border-top:1px solid var(--color-border-subtle)}}.mtv-section{padding:14px 16px;border:1px solid var(--color-border-subtle);border-radius:14px;background:color-mix(in srgb,var(--color-bg-elevated) 30%,transparent)}.mtv-section-title{font-family:monospace;font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-primary);font-weight:700}.mtv-mini-select{background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);border-radius:8px;padding:5px 10px;font-size:.72rem;font-family:monospace;color:var(--color-text-muted);outline:none;max-width:100%;min-width:0}.mtv-input{background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);border-radius:10px;padding:10px 12px;font-size:.78rem;font-family:monospace;line-height:1.5;color:var(--color-text-primary);outline:none;resize:vertical;min-height:200px}.mtv-input:focus{border-color:color-mix(in srgb,var(--color-accent) 40%,transparent)}.mtv-input::placeholder{color:var(--color-text-muted);opacity:.7}.mtv-parse-status{margin-top:6px;font-family:monospace;font-size:.7rem;color:var(--color-text-muted)}.mtv-parse-status.is-ok{color:var(--color-accent-success, #34d399)}.mtv-parse-status.is-err{color:var(--color-accent-danger, #f87171)}.mtv-stats-card{padding:16px 18px;border:1px solid var(--color-border-subtle);border-radius:14px;background:color-mix(in srgb,var(--color-bg-elevated) 50%,transparent)}.mtv-stats-title{font-family:monospace;font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-primary);font-weight:700;margin-bottom:10px}.mtv-stats-subtitle{font-family:monospace;font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);margin-bottom:6px}.mtv-stats-list{display:flex;flex-direction:column;gap:5px;margin-bottom:8px}.mtv-stat-row{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:.78rem;font-family:monospace;color:var(--color-text-muted)}.mtv-stat-num{color:var(--color-text-primary);font-weight:600}.mtv-divider{height:1px;margin:10px 0;background:var(--color-border-subtle)}.mtv-top-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px;font-family:monospace;font-size:.75rem}.mtv-top-list li{display:flex;justify-content:space-between;align-items:center;padding:4px 8px;background:var(--color-bg-elevated);border-radius:6px;color:var(--color-text-secondary)}.mtv-empty-inline{color:var(--color-text-muted);font-style:italic}.mtv-disclosure{border:1px solid var(--color-border-subtle);border-radius:12px;background:color-mix(in srgb,var(--color-bg-elevated) 30%,transparent)}.mtv-disclosure-summary{list-style:none;cursor:pointer;user-select:none;padding:11px 14px;display:flex;align-items:center;gap:10px;font-family:monospace;font-size:.78rem}.mtv-disclosure-summary::-webkit-details-marker{display:none}.mtv-disclosure-title{font-weight:700;color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.06em}.mtv-disclosure-chevron{color:var(--color-text-muted);transition:transform .2s;margin-left:auto}details[open] .mtv-disclosure-chevron{transform:rotate(180deg)}.mtv-disclosure-body{padding:4px 14px 14px}.mtv-help{font-family:monospace;font-size:.78rem;color:var(--color-text-secondary);line-height:1.6;margin-bottom:8px}.mtv-help code{background:var(--color-bg-elevated);padding:1px 5px;border-radius:4px;font-size:.85em}.mtv-legend{display:flex;flex-wrap:wrap;gap:10px 14px;margin-top:10px;font-family:monospace;font-size:.7rem;color:var(--color-text-muted)}.mtv-legend-item{display:inline-flex;align-items:center;gap:5px}.mtv-filter-toggle{font-family:monospace;font-size:.7rem;color:var(--color-text-muted);padding:4px 9px;border-radius:6px;background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);cursor:pointer;user-select:none;display:inline-flex;align-items:center;gap:5px}.mtv-filter-toggle input{accent-color:var(--color-accent);margin:0}.mtv-tree{padding:14px 14px 14px 4px;border:1px solid var(--color-border-subtle);border-radius:12px;background:var(--color-bg-elevated);min-height:400px;max-height:720px;overflow-y:auto;font-family:monospace}.mtv-empty{padding:60px 20px;text-align:center;color:var(--color-text-muted);font-style:italic;font-size:.85rem}.mtv-turn{margin-bottom:12px;border-left:2px solid var(--color-border-subtle);padding:6px 0 6px 12px;position:relative}.mtv-turn:last-child{margin-bottom:0}.mtv-turn-header{display:flex;align-items:center;gap:8px;font-size:.7rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px}.mtv-turn-role-assistant{color:var(--color-accent)}.mtv-turn-role-user{color:var(--color-accent-warm, #fbbf24)}.mtv-turn-role-system{color:var(--color-text-muted)}.mtv-text{padding:6px 10px;border-radius:6px;background:color-mix(in srgb,var(--color-bg-elevated) 60%,transparent);color:var(--color-text-secondary);font-size:.78rem;line-height:1.5;max-height:8em;overflow-y:auto;margin-bottom:4px;white-space:pre-wrap;word-break:break-word}.mtv-call{display:block;cursor:pointer;user-select:none;margin:4px 0;border:1px solid var(--color-border-subtle);border-radius:8px;background:color-mix(in srgb,var(--color-bg-elevated) 50%,transparent);overflow:hidden}.mtv-call.is-err{border-color:color-mix(in srgb,var(--color-accent-danger, #f87171) 50%,var(--color-border-subtle))}.mtv-call-header{list-style:none;cursor:pointer;user-select:none;padding:8px 11px;display:flex;align-items:center;gap:8px;font-size:.78rem;flex-wrap:wrap}.mtv-call-header::-webkit-details-marker{display:none}.mtv-call-name{color:var(--color-text-primary);font-weight:700}.mtv-cat-pill{padding:2px 7px;border-radius:4px;font-size:.65rem;font-family:monospace;text-transform:uppercase;letter-spacing:.04em;font-weight:700;border:1px solid currentColor}.mtv-cat-fs{color:var(--color-accent)}.mtv-cat-exec{color:var(--color-accent-warm, #fbbf24)}.mtv-cat-search{color:var(--color-accent-success, #34d399)}.mtv-cat-web{color:var(--color-text-primary);border-style:dashed}.mtv-cat-mcp{color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 15%,transparent)}.mtv-cat-meta{color:var(--color-text-muted)}.mtv-cat-other{color:var(--color-text-secondary)}.mtv-call-arg-preview{color:var(--color-text-muted);font-size:.72rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.mtv-call-status{margin-left:auto;padding:1px 6px;border-radius:4px;font-size:.65rem;font-family:monospace;background:var(--color-bg-elevated);color:var(--color-text-muted)}.mtv-call-status.is-ok{color:var(--color-accent-success, #34d399);border-color:var(--color-accent-success, #34d399)}.mtv-call-status.is-err{color:var(--color-accent-danger, #f87171);border-color:var(--color-accent-danger, #f87171)}.mtv-call-chevron{color:var(--color-text-muted)}details[open] .mtv-call-chevron{transform:rotate(180deg)}.mtv-call-body{padding:0 11px 10px;border-top:1px solid var(--color-border-subtle)}.mtv-call-block-label{font-size:.65rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;margin:8px 0 4px}.mtv-call-block{background:var(--color-bg-base, #0c0b09);border:1px solid var(--color-border-subtle);border-radius:6px;padding:8px 10px;font-size:.72rem;line-height:1.5;max-height:14em;overflow:auto;color:var(--color-text-primary);white-space:pre-wrap;word-break:break-word}.mtv-json-key{color:var(--color-accent)}.mtv-json-str{color:var(--color-accent-success, #34d399)}.mtv-json-num,.mtv-json-bool{color:var(--color-accent-warm, #fbbf24)}.mtv-json-null{color:var(--color-text-muted)}@media(pointer:coarse),(max-width:768px){.mtv-input{font-size:1rem;padding:12px 14px}.mtv-mini-select{padding:10px 12px;font-size:1rem;min-height:44px}.mtv-tree{max-height:520px}}.rgt-hero{padding:18px 20px;border:1px solid var(--color-border-subtle);border-radius:14px;background:color-mix(in srgb,var(--color-accent) 6%,var(--color-bg-elevated))}.rgt-hero-line{font-family:monospace;font-size:clamp(1.2rem,4vw,1.8rem);color:var(--color-text-primary);line-height:1.2;display:flex;flex-wrap:wrap;align-items:baseline;gap:.4ch}.rgt-hero-num{font-weight:700}.rgt-hero-label{font-size:.55em;font-weight:400;color:var(--color-text-muted);text-transform:lowercase;letter-spacing:.02em}.rgt-hero-sub{margin-top:6px;font-size:.72rem;font-family:monospace;color:var(--color-text-muted);line-height:1.5}.rgt-section{padding:14px 16px;border:1px solid var(--color-border-subtle);border-radius:14px;background:color-mix(in srgb,var(--color-bg-elevated) 30%,transparent)}.rgt-section-title{font-family:monospace;font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-primary);font-weight:700}.rgt-label{font-size:.7rem;font-family:monospace;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);display:block}.rgt-help{font-family:monospace;font-size:.72rem;color:var(--color-text-muted);line-height:1.5;margin-bottom:6px}.rgt-help code{background:var(--color-bg-elevated);padding:1px 5px;border-radius:4px;font-size:.9em}.rgt-input{background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);border-radius:10px;padding:10px 12px;font-size:.82rem;font-family:monospace;line-height:1.5;color:var(--color-text-primary);outline:none;resize:vertical}.rgt-input:focus{border-color:color-mix(in srgb,var(--color-accent) 40%,transparent)}.rgt-input::placeholder{color:var(--color-text-muted);opacity:.7}.rgt-mini-btn{padding:5px 10px;border-radius:8px;font-size:.7rem;font-family:monospace;background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);color:var(--color-text-muted);cursor:pointer;transition:all .15s}.rgt-mini-btn:hover{border-color:color-mix(in srgb,var(--color-accent) 35%,transparent);color:var(--color-accent)}.rgt-meta-pill{padding:3px 8px;border-radius:6px;font-family:monospace;font-size:.7rem;background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);color:var(--color-text-muted)}.rgt-tab{padding:7px 11px;border-radius:999px;font-family:monospace;font-size:.7rem;background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);color:var(--color-text-muted);cursor:pointer;transition:all .15s}.rgt-tab:hover:not(.active){border-color:color-mix(in srgb,var(--color-accent) 30%,transparent);color:var(--color-text-secondary)}.rgt-tab.active{background:color-mix(in srgb,var(--color-accent) 12%,transparent);border-color:color-mix(in srgb,var(--color-accent) 45%,transparent);color:var(--color-accent);font-weight:600}.rgt-warn{padding:9px 11px;border-radius:8px;background:color-mix(in srgb,var(--color-accent-warm, #fbbf24) 12%,transparent);border:1px solid color-mix(in srgb,var(--color-accent-warm, #fbbf24) 40%,transparent);font-family:monospace;font-size:.7rem;color:var(--color-text-secondary);line-height:1.5;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.rgt-filter-toggle{font-family:monospace;font-size:.7rem;color:var(--color-text-muted);padding:3px 8px;border-radius:6px;background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);cursor:pointer;user-select:none;display:inline-flex;align-items:center;gap:5px}.rgt-filter-toggle input{accent-color:var(--color-accent);margin:0}.rgt-per-query{max-height:480px;overflow-y:auto;display:flex;flex-direction:column;gap:6px}.rgt-empty{padding:30px 10px;text-align:center;color:var(--color-text-muted);font-style:italic;font-size:.78rem}.rgt-q-row{padding:10px 12px;border-radius:8px;background:color-mix(in srgb,var(--color-bg-elevated) 50%,transparent);border:1px solid var(--color-border-subtle);border-left:3px solid transparent;font-family:monospace;font-size:.78rem}.rgt-q-row.is-perfect{border-left-color:var(--color-accent-success, #34d399)}.rgt-q-row.is-partial{border-left-color:var(--color-accent-warm, #fbbf24)}.rgt-q-row.is-miss{border-left-color:var(--color-accent-danger, #f87171)}.rgt-q-text{color:var(--color-text-primary);font-weight:600;margin-bottom:4px}.rgt-q-meta{color:var(--color-text-muted);font-size:.7rem;display:flex;gap:12px;flex-wrap:wrap}.rgt-q-meta strong{color:var(--color-text-secondary)}.rgt-q-retrieved{margin-top:5px;font-size:.7rem}.rgt-q-retrieved-list{list-style:none;padding:0;margin:4px 0 0;display:flex;flex-direction:column;gap:3px}.rgt-q-retrieved-list li{padding:3px 7px;border-radius:5px;background:var(--color-bg-elevated);color:var(--color-text-muted);display:flex;align-items:center;gap:8px}.rgt-q-retrieved-list li.is-hit{color:var(--color-accent-success, #34d399);border-left:2px solid currentColor}.rgt-q-retrieved-list .rgt-rank{font-weight:700}.rgt-q-retrieved-list .rgt-score{margin-left:auto;opacity:.7}.rgt-stats-card{padding:16px 18px;border:1px solid var(--color-border-subtle);border-radius:14px;background:color-mix(in srgb,var(--color-bg-elevated) 50%,transparent)}.rgt-stats-title{font-family:monospace;font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-primary);font-weight:700;margin-bottom:10px}.rgt-stats-list{display:flex;flex-direction:column;gap:6px}.rgt-stat-row{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:.8rem;font-family:monospace;color:var(--color-text-muted)}.rgt-stat-num{color:var(--color-text-primary);font-weight:600}.rgt-divider{height:1px;margin:12px 0;background:var(--color-border-subtle)}@media(pointer:coarse),(max-width:768px){.rgt-input{font-size:1rem;padding:12px 14px}.rgt-mini-btn{padding:10px 14px;font-size:.85rem;min-height:40px}.rgt-tab{padding:10px 12px;font-size:.8rem;min-height:40px}}.tlh-hero{padding:18px 20px;border:1px solid var(--color-border-subtle);border-radius:14px;background:color-mix(in srgb,var(--color-accent-success, #34d399) 6%,var(--color-bg-elevated))}.tlh-hero-line{font-family:monospace;font-size:clamp(1.2rem,4vw,1.8rem);color:var(--color-text-primary);line-height:1.2;display:flex;flex-wrap:wrap;align-items:baseline;gap:.4ch}.tlh-hero-num{font-weight:700;color:var(--color-accent-success, #34d399)}.tlh-hero-label{font-size:.55em;font-weight:400;color:var(--color-text-muted);text-transform:lowercase;letter-spacing:.02em}.tlh-hero-sub{margin-top:6px;font-size:.72rem;font-family:monospace;color:var(--color-text-muted);line-height:1.5}.tlh-section{padding:14px 16px;border:1px solid var(--color-border-subtle);border-radius:14px;background:color-mix(in srgb,var(--color-bg-elevated) 30%,transparent)}.tlh-section-title{font-family:monospace;font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-primary);font-weight:700}.tlh-label{font-size:.7rem;font-family:monospace;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);display:block}.tlh-help{font-family:monospace;font-size:.72rem;color:var(--color-text-muted);line-height:1.5;margin-bottom:6px}.tlh-help code{background:var(--color-bg-elevated);padding:1px 5px;border-radius:4px;font-size:.9em}.tlh-input{background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);border-radius:10px;padding:9px 12px;font-size:.82rem;font-family:monospace;color:var(--color-text-primary);outline:none;max-width:100%;min-width:0;resize:vertical}.tlh-input:focus{border-color:color-mix(in srgb,var(--color-accent) 40%,transparent)}.tlh-input::placeholder{color:var(--color-text-muted);opacity:.7}.tlh-mini-btn{padding:5px 10px;border-radius:8px;font-size:.7rem;font-family:monospace;background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);color:var(--color-text-muted);cursor:pointer;transition:all .15s}.tlh-mini-btn:hover{border-color:color-mix(in srgb,var(--color-accent) 35%,transparent);color:var(--color-accent)}.tlh-meta-pill{padding:3px 8px;border-radius:6px;font-family:monospace;font-size:.7rem;background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);color:var(--color-text-muted)}.tlh-csv-status{margin-top:6px;font-family:monospace;font-size:.7rem;color:var(--color-text-muted)}.tlh-csv-status.is-ok{color:var(--color-accent-success, #34d399)}.tlh-csv-status.is-err{color:var(--color-accent-danger, #f87171)}.tlh-disclosure{border:1px solid var(--color-border-subtle);border-radius:12px;background:color-mix(in srgb,var(--color-bg-elevated) 30%,transparent)}.tlh-disclosure-summary{list-style:none;cursor:pointer;user-select:none;padding:10px 13px;display:flex;align-items:center;gap:10px;font-family:monospace;font-size:.76rem}.tlh-disclosure-summary::-webkit-details-marker{display:none}.tlh-disclosure-title{font-weight:700;color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.06em}.tlh-disclosure-hint{color:var(--color-text-muted);margin-left:auto}.tlh-disclosure-chevron{color:var(--color-text-muted);transition:transform .2s}details[open] .tlh-disclosure-chevron{transform:rotate(180deg)}.tlh-disclosure-body{padding:4px 13px 13px}.tlh-plan{max-height:480px;overflow-y:auto;display:flex;flex-direction:column;gap:6px}.tlh-empty{padding:28px 10px;text-align:center;color:var(--color-text-muted);font-style:italic;font-size:.78rem}.tlh-lot{padding:10px 12px;border-radius:8px;background:color-mix(in srgb,var(--color-bg-elevated) 50%,transparent);border:1px solid var(--color-border-subtle);border-left:3px solid transparent;font-family:monospace;font-size:.78rem;display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}.tlh-lot.is-harvest{border-left-color:var(--color-accent-success, #34d399)}.tlh-lot.is-wash{border-left-color:var(--color-accent-warm, #fbbf24)}.tlh-lot.is-hold{border-left-color:var(--color-text-muted);opacity:.7}.tlh-lot.is-gain{border-left-color:var(--color-accent);opacity:.7}.tlh-lot-head{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:baseline;min-width:0}.tlh-lot-ticker{color:var(--color-text-primary);font-weight:700}.tlh-lot-shares{color:var(--color-text-muted);font-size:.72rem}.tlh-lot-action{padding:2px 7px;border-radius:4px;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;border:1px solid currentColor}.tlh-action-harvest{color:var(--color-accent-success, #34d399)}.tlh-action-wash{color:var(--color-accent-warm, #fbbf24)}.tlh-action-hold{color:var(--color-text-muted)}.tlh-action-gain{color:var(--color-accent)}.tlh-lot-tag{padding:1px 6px;border-radius:4px;font-size:.65rem;font-family:monospace;background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);color:var(--color-text-muted)}.tlh-lot-tag.is-lt{color:var(--color-accent)}.tlh-lot-tag.is-st{color:var(--color-accent-warm, #fbbf24)}.tlh-lot-pnl{text-align:right;color:var(--color-text-primary);font-weight:600}.tlh-lot-pnl.is-loss{color:var(--color-accent-success, #34d399)}.tlh-lot-pnl.is-gain{color:var(--color-accent)}.tlh-lot-detail{grid-column:1 / -1;font-size:.7rem;color:var(--color-text-muted);line-height:1.4;padding-top:4px;border-top:1px solid var(--color-border-subtle);display:flex;flex-wrap:wrap;gap:10px}.tlh-lot-detail strong{color:var(--color-text-secondary)}.tlh-lot-warn{margin-top:4px;padding:4px 8px;border-radius:4px;background:color-mix(in srgb,var(--color-accent-warm, #fbbf24) 12%,transparent);color:var(--color-accent-warm, #fbbf24);font-size:.7rem}.tlh-stats-card{padding:16px 18px;border:1px solid var(--color-border-subtle);border-radius:14px;background:color-mix(in srgb,var(--color-bg-elevated) 50%,transparent)}.tlh-stats-title{font-family:monospace;font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-primary);font-weight:700;margin-bottom:10px}.tlh-stats-list{display:flex;flex-direction:column;gap:6px}.tlh-stat-row{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:.8rem;font-family:monospace;color:var(--color-text-muted)}.tlh-stat-num{color:var(--color-text-primary);font-weight:600}.tlh-warn-row .tlh-stat-num{color:var(--color-accent-warm, #fbbf24)}.tlh-good-row .tlh-stat-num{color:var(--color-accent-success, #34d399)}.tlh-divider{height:1px;margin:12px 0;background:var(--color-border-subtle)}.tlh-replacements{display:flex;flex-direction:column;gap:6px}.tlh-rep-row{padding:8px 10px;border-radius:8px;background:color-mix(in srgb,var(--color-bg-elevated) 50%,transparent);border:1px solid var(--color-border-subtle);font-family:monospace;font-size:.78rem;display:flex;flex-wrap:wrap;gap:6px 10px;align-items:baseline}.tlh-rep-from{color:var(--color-text-primary);font-weight:700}.tlh-rep-arrow{color:var(--color-text-muted)}.tlh-rep-to{color:var(--color-accent)}.tlh-rep-note{color:var(--color-text-muted);font-size:.7rem;flex-basis:100%}@media(pointer:coarse),(max-width:768px){.tlh-input{font-size:1rem;padding:12px 14px}.tlh-mini-btn{padding:10px 14px;font-size:.85rem;min-height:40px}.tlh-lot{grid-template-columns:1fr}.tlh-lot-pnl{text-align:left}}.pdm-hero{padding:16px 18px;border:1px solid var(--color-border-subtle);border-radius:14px;background:color-mix(in srgb,var(--color-accent) 6%,var(--color-bg-elevated))}.pdm-hero-line{font-family:monospace;font-size:clamp(1.1rem,3.6vw,1.6rem);color:var(--color-text-primary);line-height:1.2;display:flex;flex-wrap:wrap;align-items:baseline;gap:.4ch}.pdm-hero-num{font-weight:700}.pdm-hero-label{font-size:.6em;font-weight:400;color:var(--color-text-muted);text-transform:lowercase;letter-spacing:.02em}.pdm-hero-sub{margin-top:6px;font-size:.72rem;font-family:monospace;color:var(--color-text-muted);line-height:1.5}.pdm-dropzone{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:160px;padding:32px 16px;text-align:center;border:2px dashed var(--color-border-subtle);border-radius:14px;background:var(--color-bg-elevated);cursor:pointer;transition:all .15s}.pdm-dropzone:hover,.pdm-dropzone.is-drag{border-color:color-mix(in srgb,var(--color-accent) 50%,transparent);background:color-mix(in srgb,var(--color-accent) 5%,var(--color-bg-elevated))}.pdm-mini-btn{padding:5px 10px;border-radius:8px;font-size:.7rem;font-family:monospace;background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);color:var(--color-text-muted);cursor:pointer;transition:all .15s}.pdm-mini-btn:hover{border-color:color-mix(in srgb,var(--color-accent) 35%,transparent);color:var(--color-accent)}.pdm-list{list-style:none;padding:0;margin:0}.pdm-row{display:grid;grid-template-columns:28px 1fr 180px auto auto;gap:10px;align-items:center;padding:10px 12px;border:1px solid var(--color-border-subtle);border-radius:10px;background:color-mix(in srgb,var(--color-bg-elevated) 40%,transparent);border-left:3px solid transparent;transition:opacity .1s}.pdm-row.is-ready{border-left-color:var(--color-accent-success, #34d399)}.pdm-row.is-busy{border-left-color:var(--color-accent)}.pdm-row.is-err{border-left-color:var(--color-accent-danger, #f87171)}.pdm-row.is-drag-over{background:color-mix(in srgb,var(--color-accent) 10%,transparent)}.pdm-row.is-dragging{opacity:.4}.pdm-handle{cursor:grab;color:var(--color-text-muted);user-select:none;text-align:center;font-size:1rem;padding:4px}.pdm-handle:active{cursor:grabbing}.pdm-info{min-width:0}.pdm-name{font-family:monospace;font-size:.82rem;color:var(--color-text-primary);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pdm-meta{font-family:monospace;font-size:.7rem;color:var(--color-text-muted);margin-top:2px}.pdm-meta strong{color:var(--color-text-secondary)}.pdm-meta .pdm-err-msg{color:var(--color-accent-danger, #f87171)}.pdm-range-input{background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);border-radius:7px;padding:6px 8px;font-size:.78rem;font-family:monospace;color:var(--color-text-primary);outline:none;width:100%;min-width:0}.pdm-range-input:focus{border-color:color-mix(in srgb,var(--color-accent) 40%,transparent)}.pdm-range-input.is-invalid{border-color:var(--color-accent-danger, #f87171)}.pdm-page-count{font-family:monospace;font-size:.7rem;color:var(--color-text-muted);white-space:nowrap;padding:4px 8px;border-radius:5px;background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle)}.pdm-page-count.is-zero{color:var(--color-accent-danger, #f87171)}.pdm-page-count.is-set{color:var(--color-accent-success, #34d399)}.pdm-remove-btn{padding:4px 9px;border-radius:5px;font-size:.85rem;font-family:monospace;background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);color:var(--color-text-muted);cursor:pointer;transition:all .15s}.pdm-remove-btn:hover{border-color:var(--color-accent-danger, #f87171);color:var(--color-accent-danger, #f87171)}.pdm-row-actions{display:flex;gap:4px;align-items:center}.pdm-move-btn{padding:4px 8px;border-radius:5px;font-size:.85rem;font-family:monospace;background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);color:var(--color-text-muted);cursor:pointer;transition:all .15s}.pdm-move-btn:hover{border-color:color-mix(in srgb,var(--color-accent) 40%,transparent);color:var(--color-accent)}.pdm-disclosure{border:1px solid var(--color-border-subtle);border-radius:12px;background:color-mix(in srgb,var(--color-bg-elevated) 30%,transparent)}.pdm-disclosure-summary{list-style:none;cursor:pointer;user-select:none;padding:11px 14px;display:flex;align-items:center;gap:10px;font-family:monospace;font-size:.78rem}.pdm-disclosure-summary::-webkit-details-marker{display:none}.pdm-disclosure-title{font-weight:700;color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.06em}.pdm-disclosure-chevron{color:var(--color-text-muted);transition:transform .2s;margin-left:auto}details[open] .pdm-disclosure-chevron{transform:rotate(180deg)}.pdm-disclosure-body{padding:4px 14px 14px}.pdm-help{font-family:monospace;font-size:.78rem;color:var(--color-text-secondary);line-height:1.6;margin-bottom:6px}.pdm-help code{background:var(--color-bg-elevated);padding:1px 6px;border-radius:4px;font-size:.9em}.pdm-help-list{list-style:none;padding:0 0 0 4px;margin:6px 0 10px;display:flex;flex-direction:column;gap:4px;font-family:monospace;font-size:.78rem;color:var(--color-text-muted)}.pdm-help-list code{color:var(--color-accent)}@media(pointer:coarse),(max-width:768px){.pdm-row{grid-template-columns:28px 1fr auto;grid-template-rows:auto auto}.pdm-handle{grid-row:1 / 3}.pdm-info{grid-column:2;grid-row:1}.pdm-page-count{grid-column:3;grid-row:1}.pdm-range-input{grid-column:2 / 4;grid-row:2;font-size:1rem;padding:10px 12px;min-height:44px}.pdm-row-actions{grid-column:3;grid-row:1}.pdm-move-btn,.pdm-remove-btn{min-height:40px;min-width:40px}}.pdm-mode-tab{color:var(--color-text-muted);cursor:pointer;transition:all .15s;background:transparent;border:none}.pdm-mode-tab:hover{color:var(--color-text-secondary)}.pdm-mode-tab.is-active{background:color-mix(in srgb,var(--color-accent) 18%,transparent);color:var(--color-accent);font-weight:600}.pdm-thumbs{grid-column:1 / -1;margin-top:8px;padding-top:10px;border-top:1px dashed var(--color-border-subtle);display:flex;flex-wrap:wrap;gap:8px}.pdm-thumb{width:84px;display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px;background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);border-radius:6px;cursor:pointer;transition:all .1s;user-select:none}.pdm-thumb:hover{border-color:color-mix(in srgb,var(--color-accent) 40%,transparent)}.pdm-thumb.is-selected{border-color:var(--color-accent-success, #34d399);background:color-mix(in srgb,var(--color-accent-success, #34d399) 10%,var(--color-bg-elevated))}.pdm-thumb.is-deselected{opacity:.5}.pdm-thumb canvas,.pdm-thumb img{display:block;width:100%;height:100px;object-fit:contain;background:#fff;border-radius:3px}.pdm-thumb-label{font-family:monospace;font-size:.7rem;color:var(--color-text-secondary);display:flex;justify-content:space-between;align-items:center;width:100%;gap:4px}.pdm-thumb-label .pdm-thumb-page{font-weight:700}.pdm-thumb-rotate{background:transparent;border:none;color:var(--color-text-muted);cursor:pointer;padding:0 2px;font-size:.9rem;line-height:1}.pdm-thumb-rotate:hover{color:var(--color-accent)}.pdm-thumb.is-rotated .pdm-thumb-rotate{color:var(--color-accent-warm, #fbbf24)}.pdm-thumb-loading{width:100%;height:100px;background:var(--color-bg-elevated);display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);font-size:.7rem;font-family:monospace;border-radius:3px}.pdm-split-row{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;align-items:center;padding:8px 10px;background:color-mix(in srgb,var(--color-bg-elevated) 40%,transparent);border:1px solid var(--color-border-subtle);border-radius:8px;list-style:none}.pdm-split-row input{background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);border-radius:6px;padding:6px 8px;font-size:.78rem;font-family:monospace;color:var(--color-text-primary);outline:none;width:100%;min-width:0}.pdm-split-row input:focus{border-color:color-mix(in srgb,var(--color-accent) 40%,transparent)}@media(pointer:coarse),(max-width:768px){.pdm-split-row{grid-template-columns:1fr}.pdm-split-row input{font-size:1rem;padding:10px 12px;min-height:44px}}.smp-section{border:1px solid var(--color-border-subtle);border-radius:14px;padding:14px 16px;background:color-mix(in srgb,var(--color-bg-elevated) 30%,transparent)}.smp-section-title{font-family:monospace;font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-primary);font-weight:700;margin-bottom:10px}.smp-prompt{font-size:.95rem;color:var(--color-text-primary);background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);border-radius:10px;padding:10px 12px}.smp-cursor{color:var(--color-accent);animation:smp-blink 1.1s steps(2,start) infinite}@keyframes smp-blink{to{opacity:0}}.smp-ctrl-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:4px}.smp-label{font-size:.72rem;font-family:monospace;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-secondary);font-weight:600}.smp-val{font-family:monospace;font-size:.8rem;color:var(--color-accent);font-weight:600;min-width:38px;text-align:right}.smp-hint{font-size:.66rem;font-family:monospace;color:var(--color-text-muted);margin-top:3px;line-height:1.4}.smp-inline-tag{font-family:monospace;font-size:.62rem;color:var(--color-accent);border:1px solid color-mix(in srgb,var(--color-accent) 40%,transparent);border-radius:5px;padding:0 4px}.smp-range{-webkit-appearance:none;appearance:none;width:100%;height:5px;border-radius:999px;background:var(--color-border);outline:none;cursor:pointer;margin:2px 0}.smp-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--color-accent);border:2px solid var(--color-bg-base);cursor:pointer;transition:transform .1s}.smp-range::-webkit-slider-thumb:hover{transform:scale(1.15)}.smp-range::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--color-accent);border:2px solid var(--color-bg-base);cursor:pointer}.smp-order{list-style:decimal;padding-left:18px;display:flex;flex-direction:column;gap:3px}.smp-order li{font-size:.68rem;font-family:monospace;color:var(--color-text-secondary)}.smp-summary{font-family:monospace;font-size:.7rem;color:var(--color-text-muted);text-align:right}.smp-bars{display:flex;flex-direction:column;gap:5px}.smp-bar-row{display:grid;grid-template-columns:120px 1fr 56px;gap:10px;align-items:center}.smp-bar-label{font-family:monospace;font-size:.8rem;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:5px}.smp-bar-track{position:relative;height:18px;background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);border-radius:6px;overflow:hidden}.smp-bar-fill{position:absolute;top:0;left:0;height:100%;background:var(--color-accent);border-radius:6px 0 0 6px;transition:width .18s ease;min-width:0}.smp-bar-pct{font-family:monospace;font-size:.74rem;color:var(--color-accent);font-weight:600;text-align:right}.smp-bar-row.is-sampled .smp-bar-track{border-color:var(--color-accent-warm);box-shadow:0 0 0 1px var(--color-accent-warm)}.smp-bar-row.is-filtered .smp-bar-label{color:var(--color-text-muted);text-decoration:line-through}.smp-bar-row.is-filtered .smp-bar-pct{color:var(--color-text-muted);font-weight:400}.smp-tag{font-family:monospace;font-size:.58rem;border-radius:5px;padding:0 4px;line-height:1.5;text-decoration:none;flex-shrink:0}.smp-tag-rep{color:var(--color-accent);border:1px solid color-mix(in srgb,var(--color-accent) 40%,transparent)}.smp-tag-filtered{color:var(--color-text-muted);border:1px solid var(--color-border-subtle)}.smp-meta{padding:12px 14px;border-radius:10px;background:color-mix(in srgb,var(--color-bg-elevated) 40%,transparent);border:1px solid var(--color-border-subtle)}@media(pointer:coarse),(max-width:768px){.smp-range{height:8px}.smp-range::-webkit-slider-thumb{width:22px;height:22px}.smp-range::-moz-range-thumb{width:22px;height:22px}.smp-bar-row{grid-template-columns:96px 1fr 50px;gap:7px}.smp-bar-label{font-size:.78rem}.smp-prompt{font-size:1rem}}#amb-app{container-type:inline-size}#amb-app .amb-label{display:block;font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-secondary)}#amb-app .amb-hint{text-transform:none;letter-spacing:0;color:var(--color-text-muted);margin-left:.25rem}#amb-app .amb-words,#amb-app .amb-options,#amb-app .amb-panel{display:grid;grid-template-columns:minmax(0,1fr);gap:.875rem}@container (min-width: 560px){#amb-app .amb-words{grid-template-columns:repeat(2,minmax(0,1fr))}#amb-app .amb-options{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}}@container (min-width: 820px){#amb-app .amb-panel{grid-template-columns:minmax(200px,260px) minmax(0,1fr);align-items:start}}#amb-app .amb-art{display:block;width:100%;padding:1.25rem .5rem;border-radius:.75rem;cursor:pointer;background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle)}#amb-app .amb-art:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}#amb-app .amb-art svg{display:block;width:100%;height:auto;max-height:15rem;margin:0 auto;transform-origin:50% 50%;transition:transform .7s cubic-bezier(.65,0,.35,1)}#amb-app .amb-art[data-flipped=true] svg{transform:rotate(180deg)}@media(prefers-reduced-motion:reduce){#amb-app .amb-art svg{transition:none}}#amb-app .amb-empty{display:block;padding:2.5rem .5rem;font-size:.8rem;color:var(--color-text-muted)}#amb-app .amb-empty[hidden]{display:none}#amb-app .amb-caption{display:flex;flex-wrap:wrap;gap:.25rem 1.25rem;font-size:.8rem}#amb-app .amb-caption p{color:var(--color-text-muted)}#amb-app .amb-caption p[data-current=true]{color:var(--color-text-primary)}#amb-app .amb-cap-k{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.1em;margin-right:.35rem}#amb-app .amb-cap-v{font-family:var(--font-mono);font-weight:600;overflow-wrap:anywhere}#amb-app .amb-caption p[data-current=true] .amb-cap-v{color:var(--color-accent)}#amb-app .amb-swatch{width:.7rem;height:.7rem;border-radius:999px;display:inline-block;border:1px solid var(--color-border-subtle)}#amb-app .amb-legend{display:flex;flex-wrap:wrap;gap:.25rem .75rem;padding-top:.5rem;font-size:11px;color:var(--color-text-secondary)}#amb-app .amb-legend[hidden]{display:none}#amb-app .amb-legend i{display:inline-block;width:.6rem;height:.6rem;border-radius:2px;margin-right:.3rem;vertical-align:-1px}#amb-app .amb-table-wrap{overflow-x:auto;border:1px solid var(--color-border-subtle);border-radius:.75rem;background:var(--color-bg-surface)}#amb-app .amb-table{width:100%;border-collapse:collapse;font-size:.75rem}#amb-app .amb-table th{text-align:left;padding:.5rem .6rem;font-family:var(--font-mono);font-weight:500;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);border-bottom:1px solid var(--color-border-subtle)}#amb-app .amb-table th.text-right{text-align:right}#amb-app .amb-table td{padding:.4rem .6rem;border-bottom:1px solid var(--color-border-subtle);vertical-align:middle;color:var(--color-text-secondary)}#amb-app .amb-table tr:last-child td{border-bottom:0}#amb-app .amb-table .amb-n{font-family:var(--font-mono);color:var(--color-text-muted)}#amb-app .amb-table .amb-ch{font-family:var(--font-mono);font-size:.95rem;font-weight:600;color:var(--color-text-primary)}#amb-app .amb-table .amb-var{display:block;font-size:10px;color:var(--color-text-muted);white-space:nowrap}#amb-app .amb-table .amb-sc{font-family:var(--font-mono);font-weight:600;text-align:right;white-space:nowrap}#amb-app .amb-table .amb-sc[data-tier=success]{color:var(--color-accent-success)}#amb-app .amb-table .amb-sc[data-tier=warm]{color:var(--color-accent-warm)}#amb-app .amb-table .amb-sc[data-tier=danger]{color:var(--color-accent-danger)}#amb-app .amb-table .amb-sc[data-tier=none]{color:var(--color-text-muted)}#amb-app .amb-mini svg{display:block;width:1.1rem;height:2.2rem}#amb-app .amb-tag{display:inline-block;margin-left:.3rem;padding:0 .35rem;border-radius:999px;font-size:10px;border:1px solid var(--color-border-subtle);color:var(--color-text-muted)}#amb-app .amb-note{font-size:.75rem;line-height:1.5;color:var(--color-text-secondary);padding:.5rem .75rem;border-left:2px solid var(--color-accent-warm);background:var(--color-bg-surface);border-radius:0 .5rem .5rem 0}#pp-app{container-type:inline-size}#pp-app .pp-label{display:block;font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-secondary)}#pp-app .pp-val{font-family:var(--font-mono);font-size:10px;color:var(--color-text-muted)}#pp-app .pp-promise{border-color:color-mix(in srgb,var(--color-accent-success) 45%,var(--color-border))}#pp-app .pp-promise-list{display:grid;gap:.35rem;font-size:.8rem;line-height:1.5;color:var(--color-text-secondary);padding-left:1.1rem;list-style:disc}#pp-app .pp-promise-list strong{color:var(--color-text-primary);font-weight:600}#pp-app .pp-grid-3,#pp-app .pp-editor{display:grid;grid-template-columns:minmax(0,1fr);gap:1rem}@container (min-width: 620px){#pp-app .pp-grid-3{grid-template-columns:minmax(0,2fr) minmax(0,1fr);align-items:end}#pp-app #pp-custom{grid-column:1 / -1}}@container (min-width: 760px){#pp-app .pp-editor{grid-template-columns:minmax(280px,380px) minmax(0,1fr);align-items:start}}#pp-app .pp-frame{position:relative;width:100%;max-width:380px;margin:0 auto;aspect-ratio:var(--pp-ar, 1);background:#fff;border:1px solid var(--color-border);border-radius:.5rem;overflow:hidden;touch-action:none;user-select:none}#pp-app .pp-frame canvas{position:absolute;inset:0;width:100%;height:100%;display:block;cursor:grab}#pp-app .pp-frame canvas:active{cursor:grabbing}#pp-app .pp-frame canvas:focus-visible{outline:2px solid var(--color-accent);outline-offset:-2px}#pp-app .pp-guides{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}#pp-app .pp-guides[data-off=true],#pp-app .pp-tag[data-off=true]{display:none}#pp-app .pp-tag{position:absolute;left:4px;transform:translateY(-50%);pointer-events:none;font-family:var(--font-mono);font-size:9px;line-height:1;padding:2px 4px;border-radius:3px;background:#0009;color:#fff;letter-spacing:.04em}#pp-app .pp-drop{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;padding:1.25rem 1rem;text-align:center;cursor:pointer;border-radius:.75rem;border:2px dashed var(--color-border-subtle);background:var(--color-bg-elevated);transition:border-color .15s,background .15s}#pp-app .pp-drop:hover,#pp-app .pp-drop[data-over=true],#pp-app .pp-drop:focus-within{border-color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 6%,var(--color-bg-elevated))}#pp-app .pp-file{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}#pp-app .pp-checks{display:grid;gap:.4rem}#pp-app .pp-checks li{display:flex;gap:.5rem;align-items:flex-start;font-size:.75rem;line-height:1.45;color:var(--color-text-secondary)}#pp-app .pp-ic{flex:none;width:1rem;font-family:var(--font-mono);font-weight:700;text-align:center}#pp-app .pp-checks li[data-state=good] .pp-ic{color:var(--color-accent-success)}#pp-app .pp-checks li[data-state=warn] .pp-ic{color:var(--color-accent-warm)}#pp-app .pp-checks li[data-state=bad] .pp-ic{color:var(--color-accent-danger)}#pp-app .pp-checks li[data-state=idle] .pp-ic{color:var(--color-text-muted)}#pp-app .pp-spec-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem 1rem}#pp-app .pp-spec-grid dt{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted)}#pp-app .pp-spec-grid dd{margin-top:.15rem;font-size:.8rem;color:var(--color-text-primary)}#pp-app .pp-bullets{display:grid;gap:.3rem;padding-left:1.1rem;list-style:disc;font-size:.78rem;line-height:1.5;color:var(--color-text-secondary)}#pp-app .pp-note{font-size:.75rem;line-height:1.5;color:var(--color-text-secondary);padding:.5rem .75rem;border-left:2px solid var(--color-accent-warm);background:var(--color-bg-surface);border-radius:0 .5rem .5rem 0}#pp-app .pp-note[hidden]{display:none}#pp-app #pp-s-sources a{color:var(--color-accent);text-decoration:underline;text-underline-offset:2px;margin-right:.5rem}@media(prefers-reduced-motion:reduce){#pp-app .pp-drop{transition:none}}#sd-app{--g-sky: var(--color-accent);--g-teal: color-mix(in oklch, var(--color-accent) 50%, var(--color-accent-success));--g-green: var(--color-accent-success);--g-lime: color-mix(in oklch, var(--color-accent-success) 50%, var(--color-accent-warm));--g-amber: var(--color-accent-warm);--g-orange: color-mix(in oklch, var(--color-accent-warm) 50%, var(--color-accent-danger));--g-rose: var(--color-accent-danger);--g-violet: color-mix(in oklch, var(--color-accent) 50%, var(--color-accent-danger))}#sd-app{--p-mint: var(--g-green);--p-aqua: var(--g-teal);--p-citrus: var(--g-lime);--p-tangerine: var(--g-orange)}#sd-app{container-type:inline-size;--ink: 70%;--box: 18%}.theme-light #sd-app{--ink: 40%;--box: 13%}#sd-app:before{content:"";display:block;height:6px;margin-bottom:1.1rem;border-radius:999px;background:linear-gradient(90deg,var(--g-sky),var(--g-violet),var(--g-rose),var(--g-amber),var(--p-mint))}#sd-app .sd-label,#sd-app .sd-k{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-secondary)}#sd-app .sd-controls{display:grid;gap:.875rem;grid-template-columns:minmax(0,1fr);align-items:end}#sd-app .sd-actions{display:flex;flex-wrap:wrap;gap:.5rem}@container (min-width: 560px){#sd-app .sd-controls{grid-template-columns:minmax(0,260px) minmax(0,1fr)}}#sd-app .sd-layout{display:grid;gap:1.25rem;grid-template-columns:minmax(0,1fr)}@container (min-width: 760px){#sd-app .sd-layout{grid-template-columns:minmax(0,480px) minmax(0,1fr);align-items:start}}#sd-app .sd-stats{display:flex;flex-wrap:wrap;gap:.4rem .6rem;font-size:.8rem}#sd-app .sd-stats p{--h: var(--g-sky);margin:0;padding:.2rem .7rem;border-radius:999px;background:color-mix(in srgb,var(--h) 14%,var(--color-bg-elevated));border:1px solid color-mix(in srgb,var(--h) 45%,var(--color-border-subtle))}#sd-app .sd-stats p:nth-child(2){--h: var(--g-amber)}#sd-app .sd-stats p:nth-child(3){--h: var(--g-green)}#sd-app .sd-stats .sd-v{font-family:var(--font-mono);font-weight:600;color:var(--color-text-primary)}#sd-app .sd-wrap{position:relative;max-width:480px}#sd-app .sd-board{container-type:inline-size;display:grid;grid-template-rows:repeat(9,1fr);aspect-ratio:1;width:100%;border:2px solid var(--color-text-secondary);border-radius:.5rem;overflow:hidden;background:var(--color-bg-surface);box-shadow:0 10px 30px -14px color-mix(in srgb,var(--g-violet) 55%,transparent)}#sd-app .sd-row{display:grid;grid-template-columns:repeat(9,1fr)}#sd-app .sd-cell{--h: var(--g-sky);position:relative;display:block;padding:0;margin:0;border:0;border-radius:0;cursor:pointer;background-color:color-mix(in srgb,var(--h) var(--box),var(--color-bg-surface));border-right:1px solid var(--color-border);border-bottom:1px solid var(--color-border);color:var(--color-text-primary);font-family:var(--font-mono);line-height:1}#sd-app .sd-cell[data-box="1"],#sd-app .sd-cell[data-box="8"]{--h: var(--g-amber)}#sd-app .sd-cell[data-box="2"]{--h: var(--g-rose)}#sd-app .sd-cell[data-box="3"]{--h: var(--g-green)}#sd-app .sd-cell[data-box="4"]{--h: var(--g-violet)}#sd-app .sd-cell[data-box="5"]{--h: var(--g-teal)}#sd-app .sd-cell[data-box="6"]{--h: var(--g-orange)}#sd-app .sd-cell[data-c="2"],#sd-app .sd-cell[data-c="5"]{border-right:2px solid var(--color-text-secondary)}#sd-app .sd-cell[data-c="8"]{border-right:0}#sd-app .sd-cell[data-r="2"],#sd-app .sd-cell[data-r="5"]{border-bottom:2px solid var(--color-text-secondary)}#sd-app .sd-cell[data-r="8"]{border-bottom:0}#sd-app .sd-cell:focus-visible{outline:2px solid var(--color-text-primary);outline-offset:-2px;z-index:2}#sd-app .sd-cell[data-peer=true]{background-image:linear-gradient(color-mix(in srgb,var(--color-text-primary) 10%,transparent),color-mix(in srgb,var(--color-text-primary) 10%,transparent))}#sd-app .sd-cell[data-same=true]{background-image:linear-gradient(color-mix(in srgb,var(--g-amber) 36%,transparent),color-mix(in srgb,var(--g-amber) 36%,transparent));box-shadow:inset 0 -3px 0 var(--g-amber)}#sd-app .sd-cell[data-sel=true]{background-image:linear-gradient(color-mix(in srgb,var(--g-sky) 38%,transparent),color-mix(in srgb,var(--g-sky) 38%,transparent));box-shadow:inset 0 0 0 2px var(--g-sky)}#sd-app .sd-val{display:block;font-size:clamp(14px,5.2cqw,28px);font-weight:500;color:color-mix(in srgb,var(--g-sky) var(--ink),var(--color-text-primary))}#sd-app .sd-cell[data-given=true] .sd-val{color:var(--color-text-primary);font-weight:700}#sd-app .sd-cell[data-bad=true] .sd-val{color:color-mix(in srgb,var(--g-rose) 55%,var(--color-text-primary));text-decoration:underline;text-underline-offset:3px}#sd-app .sd-cell[data-wrong=true]{background-image:linear-gradient(color-mix(in srgb,var(--g-rose) 32%,transparent),color-mix(in srgb,var(--g-rose) 32%,transparent))}#sd-app .sd-cell[data-wrong=true]:after{content:"";position:absolute;inset:2px;border:2px dashed color-mix(in srgb,var(--g-rose) 55%,var(--color-text-primary));border-radius:2px;pointer-events:none}#sd-app .sd-cell:is([data-sel=true],[data-same=true],[data-wrong=true]) .sd-val,#sd-app .sd-cell:is([data-sel=true],[data-same=true],[data-wrong=true]) .sd-notes i{color:var(--color-text-primary)}#sd-app .sd-notes{position:absolute;inset:1px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);pointer-events:none}#sd-app .sd-notes i{--h: var(--g-sky);font-style:normal;font-size:clamp(7px,2.2cqw,11px);font-weight:700;display:grid;place-items:center;visibility:hidden;color:color-mix(in srgb,var(--h) var(--ink),var(--color-text-primary))}#sd-app .sd-notes i[data-d="4"],#sd-app .sd-notes i[data-d="5"],#sd-app .sd-notes i[data-d="6"]{--h: var(--g-amber)}#sd-app .sd-notes i[data-d="7"],#sd-app .sd-notes i[data-d="8"],#sd-app .sd-notes i[data-d="9"]{--h: var(--g-violet)}#sd-app .sd-notes i[data-on=true]{visibility:visible}#sd-app .sd-notes i:before{content:attr(data-d)}#sd-app .sd-cell[data-has-val=true] .sd-notes{display:none}#sd-app .sd-pad{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:.35rem;max-width:480px}@container (min-width: 760px){#sd-app .sd-pad{grid-template-columns:repeat(3,minmax(0,1fr));max-width:220px}}@container (max-width: 399px){#sd-app .sd-pad{grid-template-columns:repeat(5,minmax(0,1fr))}}#sd-app .sd-num{--h: var(--g-sky);min-height:2.75rem;padding:.55rem 0;border-radius:.6rem;font-family:var(--font-mono);font-size:1rem;font-weight:700;text-align:center;background:linear-gradient(180deg,color-mix(in srgb,var(--h) 26%,var(--color-bg-elevated)),color-mix(in srgb,var(--h) 12%,var(--color-bg-elevated)));border:1px solid color-mix(in srgb,var(--h) 55%,var(--color-border));color:var(--color-text-primary)}#sd-app .sd-num[data-d="4"],#sd-app .sd-num[data-d="5"],#sd-app .sd-num[data-d="6"]{--h: var(--g-amber)}#sd-app .sd-num[data-d="7"],#sd-app .sd-num[data-d="8"],#sd-app .sd-num[data-d="9"]{--h: var(--g-violet)}#sd-app .sd-num:hover{color:var(--color-text-primary);border-color:var(--h);box-shadow:0 0 14px color-mix(in srgb,var(--h) 40%,transparent)}#sd-app .sd-num[data-done=true]{border-style:dashed;border-color:var(--g-green)}#sd-app .sd-num[data-done=true]:after{content:" ✓";color:var(--g-green);font-size:.8em}#sd-app .sd-win{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:1rem;background:radial-gradient(circle at 12% 18%,color-mix(in srgb,var(--g-sky) 26%,transparent),transparent 55%),radial-gradient(circle at 88% 22%,color-mix(in srgb,var(--g-rose) 22%,transparent),transparent 55%),radial-gradient(circle at 50% 100%,color-mix(in srgb,var(--g-amber) 26%,transparent),transparent 60%),color-mix(in srgb,var(--color-bg-base) 90%,transparent);border-radius:.5rem;backdrop-filter:blur(3px);animation:sd-pop .45s ease-out both}#sd-app .sd-win[hidden]{display:none}#sd-app .sd-win:before{content:"★ ◆ ● ▲ ■" / "";display:block;margin-bottom:.5rem;font-size:1.4rem;letter-spacing:.35em;line-height:1;background:linear-gradient(90deg,var(--g-rose),var(--g-amber),var(--p-mint),var(--g-sky),var(--g-violet),var(--g-rose));background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:sd-shimmer 4s linear infinite}@keyframes sd-pop{0%{transform:scale(.96);opacity:0}to{transform:scale(1);opacity:1}}@keyframes sd-shimmer{0%{background-position:0 0}to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){#sd-app .sd-win,#sd-app .sd-win:before{animation:none}}#sd-app .sd-how{border-left:4px solid color-mix(in srgb,var(--g-violet) 70%,var(--color-border-subtle))}#sd-app .sd-how>summary{box-sizing:border-box;min-height:2rem;padding-block:.375rem}#sn-app{--g-sky: var(--color-accent);--g-teal: color-mix(in oklch, var(--color-accent) 50%, var(--color-accent-success));--g-green: var(--color-accent-success);--g-lime: color-mix(in oklch, var(--color-accent-success) 50%, var(--color-accent-warm));--g-amber: var(--color-accent-warm);--g-orange: color-mix(in oklch, var(--color-accent-warm) 50%, var(--color-accent-danger));--g-rose: var(--color-accent-danger);--g-violet: color-mix(in oklch, var(--color-accent) 50%, var(--color-accent-danger))}#sn-app{--sn-head: var(--g-sky);--sn-mid: var(--g-violet);--sn-tail: var(--g-rose);--sn-food: var(--g-amber);--sn-berry: var(--g-orange);--sn-dead: var(--g-rose);--sn-tile-a: color-mix(in oklch, var(--g-violet) 16%, var(--color-bg-surface));--sn-tile-b: color-mix(in oklch, var(--g-sky) 11%, var(--color-bg-surface));container-type:inline-size}.theme-light #sn-app{--sn-head: color-mix(in oklab, var(--g-sky) 60%, var(--color-text-primary));--sn-mid: color-mix(in oklab, var(--g-violet) 60%, var(--color-text-primary));--sn-tail: color-mix(in oklab, var(--g-rose) 60%, var(--color-text-primary));--sn-food: color-mix(in oklab, var(--g-amber) 60%, var(--color-text-primary));--sn-berry: color-mix(in oklab, var(--g-orange) 60%, var(--color-text-primary));--sn-dead: color-mix(in oklab, var(--g-rose) 60%, var(--color-text-primary))}#sn-app .sn-label,#sn-app .sn-k{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-secondary)}#sn-app .sn-controls{display:grid;gap:.875rem;grid-template-columns:minmax(0,1fr);align-items:end}#sn-app .sn-actions{display:flex;flex-wrap:wrap;gap:.5rem}@container (min-width: 600px){#sn-app .sn-controls{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto}}#sn-app .sn-layout{display:grid;gap:1.25rem;grid-template-columns:minmax(0,1fr)}@container (min-width: 760px){#sn-app .sn-layout{grid-template-columns:minmax(0,480px) minmax(0,1fr);align-items:start}}#sn-app .sn-stats{display:flex;flex-wrap:wrap;gap:.5rem;font-size:.85rem}#sn-app .sn-stats p{display:inline-flex;align-items:center;gap:.5rem;margin:0;padding:.3rem .8rem;border-radius:999px;border:1px solid color-mix(in oklch,var(--sn-c, var(--sn-head)) 45%,var(--color-border-subtle));background:color-mix(in oklch,var(--sn-c, var(--sn-head)) 14%,var(--color-bg-surface))}#sn-app .sn-stats p:nth-child(2){--sn-c: var(--sn-food)}#sn-app .sn-stats p:nth-child(3){--sn-c: var(--sn-mid)}#sn-app .sn-stats .sn-v{font-family:var(--font-body);font-size:1.05rem;font-weight:700;color:var(--color-text-primary)}#sn-app .sn-area{max-width:480px;width:100%;box-sizing:border-box;overflow:hidden;border:3px solid color-mix(in oklch,var(--sn-mid) 55%,var(--color-border));border-radius:1rem;background:var(--sn-tile-a);box-shadow:0 6px 24px color-mix(in oklch,var(--sn-mid) 22%,transparent)}#sn-app .sn-area[data-wrap=true]{border-style:dashed}#sn-app .sn-area[data-phase=running]{border-color:var(--sn-head);box-shadow:0 6px 28px color-mix(in oklch,var(--sn-head) 32%,transparent)}#sn-app .sn-area[data-phase=over]{border-color:var(--sn-tail);box-shadow:0 6px 28px color-mix(in oklch,var(--sn-tail) 30%,transparent)}#sn-app .sn-area:focus-visible{outline:3px solid var(--color-text-primary);outline-offset:2px}#sn-app .sn-canvas{display:block;width:100%;height:auto;aspect-ratio:1;touch-action:none;user-select:none;-webkit-user-select:none}#sn-app .sn-pad{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,3.25rem);gap:.4rem;width:100%;max-width:240px}#sn-app .sn-dir{min-height:3.25rem;border-radius:.75rem;font-size:1.1rem;line-height:1;display:grid;place-items:center;touch-action:manipulation;border-color:color-mix(in oklch,var(--sn-head) 55%,var(--color-border));background:color-mix(in oklch,var(--sn-head) 14%,var(--color-bg-elevated))}#sn-app .sn-dir:hover{background:color-mix(in oklch,var(--sn-head) 26%,var(--color-bg-elevated))}#sn-app .sn-dir-up{grid-column:2;grid-row:1}#sn-app .sn-dir-left{grid-column:1;grid-row:2}#sn-app .sn-dir-down{grid-column:2;grid-row:2}#sn-app .sn-dir-right{grid-column:3;grid-row:2}@media(prefers-reduced-motion:no-preference){#sn-app .sn-area{transition:border-color .3s ease,box-shadow .3s ease}#sn-app .sn-dir{transition:background-color .15s ease}}@media(prefers-reduced-motion:reduce){#sn-app *,#sn-app *:before,#sn-app *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}#sn-app .sn-how>summary{min-height:2rem;padding-block:.375rem;box-sizing:border-box}#tt-app{--g-sky: var(--color-accent);--g-teal: color-mix(in oklch, var(--color-accent) 50%, var(--color-accent-success));--g-green: var(--color-accent-success);--g-lime: color-mix(in oklch, var(--color-accent-success) 50%, var(--color-accent-warm));--g-amber: var(--color-accent-warm);--g-orange: color-mix(in oklch, var(--color-accent-warm) 50%, var(--color-accent-danger));--g-rose: var(--color-accent-danger);--g-violet: color-mix(in oklch, var(--color-accent) 50%, var(--color-accent-danger))}#tt-app{container-type:inline-size;--tt-x: var(--g-sky);--tt-o: var(--g-rose);--tt-win: var(--g-green);--tt-draw: var(--g-amber);--tt-line: var(--g-violet);--tt-c1: var(--g-sky);--tt-c2: var(--g-amber);--tt-c3: var(--g-rose);--tt-c4: var(--g-violet);--tt-c5: var(--g-green)}.theme-light #tt-app{--tt-x: color-mix(in srgb, var(--g-sky) 60%, var(--color-text-primary));--tt-o: color-mix(in srgb, var(--g-rose) 60%, var(--color-text-primary));--tt-win: color-mix(in srgb, var(--g-green) 60%, var(--color-text-primary));--tt-draw: color-mix(in srgb, var(--g-amber) 55%, var(--color-text-primary));--tt-line: color-mix(in srgb, var(--g-violet) 65%, var(--color-text-primary))}#tt-app .tt-label,#tt-app .tt-k{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-secondary)}#tt-app .tt-controls{display:grid;gap:.875rem;grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));align-items:end}#tt-app .tt-layout{display:grid;gap:1.25rem;grid-template-columns:minmax(0,1fr)}@container (min-width: 700px){#tt-app .tt-layout{grid-template-columns:minmax(0,360px) minmax(0,1fr);align-items:start}}#tt-app .tt-stats{font-size:.85rem}#tt-app .tt-v{font-family:var(--font-mono);font-weight:600;color:var(--color-text-primary)}#tt-app #tt-turn{display:inline-block;padding:.1rem .65rem;border:1px solid var(--color-border-subtle);border-radius:999px}#tt-app #tt-turn[data-side=X]{border-color:var(--tt-x);background:color-mix(in srgb,var(--tt-x) 18%,var(--color-bg-elevated))}#tt-app #tt-turn[data-side=O]{border-color:var(--tt-o);background:color-mix(in srgb,var(--tt-o) 18%,var(--color-bg-elevated))}#tt-app .tt-board{container-type:inline-size;display:grid;grid-template-rows:repeat(3,1fr);aspect-ratio:1;width:100%;max-width:360px;border:3px solid color-mix(in srgb,var(--tt-line) 70%,var(--color-text-secondary));border-radius:1rem;overflow:hidden;background:radial-gradient(circle at 0% 0%,color-mix(in srgb,var(--tt-x) 18%,transparent),transparent 60%),radial-gradient(circle at 100% 100%,color-mix(in srgb,var(--tt-o) 18%,transparent),transparent 60%),var(--color-bg-surface);box-shadow:0 12px 30px -16px color-mix(in srgb,var(--tt-line) 60%,transparent)}#tt-app .tt-row{display:grid;grid-template-columns:repeat(3,1fr)}#tt-app .tt-cell{position:relative;display:grid;place-items:center;padding:0;margin:0;border:0;border-radius:0;cursor:pointer;background:transparent;border-right:2px solid color-mix(in srgb,var(--tt-line) 45%,var(--color-border));border-bottom:2px solid color-mix(in srgb,var(--tt-line) 45%,var(--color-border));color:var(--color-text-primary);font-family:var(--font-mono);line-height:1}#tt-app .tt-cell[data-i="0"]{--tt-i: 0}#tt-app .tt-cell[data-i="1"]{--tt-i: 1}#tt-app .tt-cell[data-i="2"]{--tt-i: 2}#tt-app .tt-cell[data-i="3"]{--tt-i: 3}#tt-app .tt-cell[data-i="4"]{--tt-i: 4}#tt-app .tt-cell[data-i="5"]{--tt-i: 5}#tt-app .tt-cell[data-i="6"]{--tt-i: 6}#tt-app .tt-cell[data-i="7"]{--tt-i: 7}#tt-app .tt-cell[data-i="8"]{--tt-i: 8}#tt-app .tt-cell[data-c="2"]{border-right:0}#tt-app .tt-cell[data-r="2"]{border-bottom:0}#tt-app .tt-cell:hover:not([aria-disabled=true]){background:color-mix(in srgb,var(--tt-line) 16%,transparent)}#tt-app .tt-cell[aria-disabled=true]{cursor:default}#tt-app .tt-cell:focus-visible{outline:3px solid var(--color-accent);outline-offset:-3px;z-index:2}#tt-app .tt-key{position:absolute;top:5%;left:8%;font-size:clamp(9px,4cqw,13px);color:var(--color-text-secondary)}#tt-app .tt-cell:not([data-mark=""]) .tt-key{display:none}#tt-app .tt-glyph{position:relative;z-index:1;display:block;font-size:clamp(40px,24cqw,96px);font-weight:700}#tt-app .tt-cell[data-mark=X] .tt-glyph{color:var(--tt-x);text-shadow:0 0 .35em color-mix(in srgb,var(--tt-x) 45%,transparent)}#tt-app .tt-cell[data-mark=O] .tt-glyph{color:var(--tt-o);text-shadow:0 0 .35em color-mix(in srgb,var(--tt-o) 45%,transparent)}@media(hover:hover){#tt-app .tt-board[data-turn=X] .tt-cell[data-mark=""]:hover:not([aria-disabled=true]) .tt-glyph:before{content:"X";color:var(--tt-x);opacity:.35}#tt-app .tt-board[data-turn=O] .tt-cell[data-mark=""]:hover:not([aria-disabled=true]) .tt-glyph:before{content:"O";color:var(--tt-o);opacity:.35}}#tt-app .tt-cell[data-last=true][data-mark=X]{background:color-mix(in srgb,var(--tt-x) 14%,transparent)}#tt-app .tt-cell[data-last=true][data-mark=O]{background:color-mix(in srgb,var(--tt-o) 14%,transparent)}#tt-app .tt-cell[data-win=true]{background:color-mix(in srgb,var(--tt-win) 8%,transparent);box-shadow:inset 0 0 0 3px var(--tt-win)}#tt-app .tt-cell[data-win=true]:before{content:"";position:absolute;inset:0;pointer-events:none;transform-origin:left center;background:color-mix(in srgb,var(--tt-win) 10%,transparent)}#tt-app .tt-cell[data-win=true] .tt-glyph{text-decoration:underline;text-decoration-thickness:5px;text-underline-offset:6px;text-shadow:none}@media(prefers-reduced-motion:no-preference){#tt-app .tt-cell{transition:background-color .12s ease-out}#tt-app .tt-cell[data-last=true] .tt-glyph{animation:tt-pop .16s ease-out}#tt-app .tt-cell[data-win=true]:before{animation:tt-sweep .42s ease-out both;animation-delay:calc(var(--tt-i, 0) * 70ms)}#tt-app .tt-cell[data-win=true] .tt-glyph{animation:tt-bounce .52s ease-out both;animation-delay:calc(var(--tt-i, 0) * 70ms + .2s)}#tt-app .tt-banner[data-kind=win],#tt-app .tt-banner[data-kind=loss],#tt-app .tt-banner[data-kind=draw]{animation:tt-rise .36s ease-out both}#tt-app .tt-banner[data-kind=win]:after{animation:tt-twinkle .7s ease-out both;animation-delay:.3s}@keyframes tt-pop{0%{transform:scale(.6);opacity:.4}to{transform:scale(1);opacity:1}}@keyframes tt-sweep{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes tt-bounce{0%{transform:scale(1)}45%{transform:scale(1.18)}to{transform:scale(1)}}@keyframes tt-rise{0%{transform:translateY(6px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes tt-twinkle{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}}#tt-app .tt-banner{position:relative;min-height:2.75rem;display:flex;align-items:center;font-size:1.15rem;color:var(--color-text-primary)}#tt-app .tt-banner[data-kind=win],#tt-app .tt-banner[data-kind=loss],#tt-app .tt-banner[data-kind=draw]{padding:.5rem .875rem;border:1px solid var(--color-border);border-radius:.75rem;background:var(--color-bg-elevated)}#tt-app .tt-banner[data-kind=win]{border-color:var(--tt-win);padding-right:6.5rem;background:linear-gradient(100deg,color-mix(in srgb,var(--tt-win) 22%,var(--color-bg-elevated)),color-mix(in srgb,var(--tt-x) 14%,var(--color-bg-elevated)))}#tt-app .tt-banner[data-kind=loss]{border-color:var(--tt-o);background:linear-gradient(100deg,color-mix(in srgb,var(--tt-o) 18%,var(--color-bg-elevated)),color-mix(in srgb,var(--tt-line) 12%,var(--color-bg-elevated)))}#tt-app .tt-banner[data-kind=draw]{border-color:var(--tt-draw);background:linear-gradient(100deg,color-mix(in srgb,var(--tt-draw) 18%,var(--color-bg-elevated)),color-mix(in srgb,var(--tt-line) 12%,var(--color-bg-elevated)))}#tt-app .tt-banner[data-kind=win]:after{content:"";position:absolute;right:.9rem;top:50%;width:.5rem;height:.5rem;margin-top:-.25rem;border-radius:50%;pointer-events:none;background:var(--tt-c1);box-shadow:-1rem -.4rem 0 var(--tt-c2),-2rem .3rem 0 var(--tt-c3),-3rem -.3rem 0 var(--tt-c4),-4rem .25rem 0 var(--tt-c5)}@media(prefers-reduced-motion:reduce){#tt-app .tt-banner[data-kind=win]:after{display:none}}#tt-app .tt-tally{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;max-width:360px}#tt-app .tt-tally p{--tt-chip: var(--color-border-subtle);display:flex;flex-direction:column;gap:.25rem;padding:.5rem .625rem;min-width:0;border:1px solid var(--color-border-subtle);border-top:4px solid var(--tt-chip);border-radius:.6rem;background:linear-gradient(180deg,color-mix(in srgb,var(--tt-chip) 14%,var(--color-bg-surface)),var(--color-bg-surface))}#tt-app .tt-tally p[data-side=X]{--tt-chip: var(--tt-x)}#tt-app .tt-tally p[data-side=O]{--tt-chip: var(--tt-o)}#tt-app .tt-tally p[data-side=draw]{--tt-chip: var(--tt-draw)}#tt-app .tt-tally .tt-k{overflow-wrap:anywhere}#tt-app .tt-num{font-family:var(--font-mono);font-size:1.5rem;font-weight:700;color:var(--color-text-primary)}#tt-app [hidden]{display:none}#tt-app select:disabled{opacity:.5;cursor:not-allowed}#tt-app .tt-how>summary{box-sizing:border-box;min-height:2rem;padding-block:.375rem}#mp-app{--g-sky: var(--color-accent);--g-teal: color-mix(in oklch, var(--color-accent) 50%, var(--color-accent-success));--g-green: var(--color-accent-success);--g-lime: color-mix(in oklch, var(--color-accent-success) 50%, var(--color-accent-warm));--g-amber: var(--color-accent-warm);--g-orange: color-mix(in oklch, var(--color-accent-warm) 50%, var(--color-accent-danger));--g-rose: var(--color-accent-danger);--g-violet: color-mix(in oklch, var(--color-accent) 50%, var(--color-accent-danger))}#mp-app{--p-mint: var(--g-green);--p-aqua: var(--g-teal);--p-citrus: var(--g-lime);--p-tangerine: var(--g-orange)}#mp-app{container-type:inline-size;--ink: 70%;--wash: 34%}.theme-light #mp-app{--ink: 40%;--wash: 24%}#mp-app:before{content:"";display:block;height:6px;margin-bottom:1.1rem;border-radius:999px;background:linear-gradient(90deg,var(--g-sky),var(--p-aqua),var(--p-mint),var(--p-citrus),var(--g-amber),var(--p-tangerine),var(--g-rose),var(--g-violet))}#mp-app .mp-label,#mp-app .mp-k{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-secondary)}#mp-app .mp-controls{display:grid;gap:.875rem;grid-template-columns:minmax(0,1fr);align-items:end}#mp-app .mp-actions{display:flex;flex-wrap:wrap;gap:.5rem}@container (min-width: 560px){#mp-app .mp-controls{grid-template-columns:minmax(0,260px) minmax(0,1fr)}}#mp-app .mp-stats{display:flex;flex-wrap:wrap;gap:.4rem .6rem;font-size:.8rem}#mp-app .mp-stats p{--h: var(--g-sky);margin:0;padding:.2rem .7rem;border-radius:999px;background:color-mix(in srgb,var(--h) 14%,var(--color-bg-elevated));border:1px solid color-mix(in srgb,var(--h) 45%,var(--color-border-subtle))}#mp-app .mp-stats p:nth-child(2){--h: var(--g-amber)}#mp-app .mp-stats p:nth-child(3){--h: var(--g-green)}#mp-app .mp-stats p:nth-child(4){--h: var(--g-violet)}#mp-app .mp-stats p:nth-child(5){--h: var(--g-orange)}#mp-app .mp-stats .mp-v{font-family:var(--font-mono);font-weight:600;color:var(--color-text-primary)}#mp-app .mp-wrap{--mp-cols: 4;position:relative;width:100%;max-width:calc(var(--mp-cols) * 6.5rem)}#mp-app .mp-wrap[data-cols="5"]{--mp-cols: 5}#mp-app .mp-wrap[data-cols="6"]{--mp-cols: 6}#mp-app .mp-board{container-type:inline-size;display:grid;width:100%;gap:.4rem;grid-template-columns:repeat(var(--mp-cols),minmax(0,1fr))}#mp-app .mp-card{position:relative;display:block;min-width:0;padding:0;margin:0;border:0;border-radius:.6rem;cursor:pointer;background:transparent;aspect-ratio:5 / 6;perspective:700px}#mp-app .mp-card:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;z-index:2}#mp-app .mp-inner{position:absolute;inset:0;display:block;border-radius:.6rem;transform-style:preserve-3d;transition:transform .28s ease}#mp-app .mp-card[data-state=up] .mp-inner,#mp-app .mp-card[data-state=matched] .mp-inner{transform:rotateY(180deg)}#mp-app .mp-back,#mp-app .mp-front{position:absolute;inset:0;display:grid;place-items:center;border-radius:.6rem;border:1px solid var(--color-border);backface-visibility:hidden;-webkit-backface-visibility:hidden}#mp-app .mp-back{background:repeating-linear-gradient(45deg,color-mix(in srgb,var(--g-sky) 28%,var(--color-bg-elevated)) 0 6px,color-mix(in srgb,var(--g-violet) 20%,var(--color-bg-surface)) 6px 12px);border-color:color-mix(in srgb,var(--g-sky) 50%,var(--color-border))}#mp-app .mp-back:after{content:"◆︎" / "";font-size:clamp(14px,calc(26cqw / var(--mp-cols)),28px);line-height:1;color:color-mix(in srgb,var(--g-sky) 60%,var(--color-bg-surface))}#mp-app .mp-card:hover .mp-back{border-color:var(--color-accent);box-shadow:0 0 14px color-mix(in srgb,var(--g-sky) 40%,transparent)}#mp-app .mp-front{--h: var(--g-sky);transform:rotateY(180deg);font-family:var(--font-mono);line-height:1;font-weight:700;font-size:clamp(18px,calc(48cqw / var(--mp-cols)),48px);background:linear-gradient(150deg,color-mix(in srgb,var(--h) var(--wash),var(--color-bg-elevated)),color-mix(in srgb,var(--h) 10%,var(--color-bg-surface)));border:2px solid color-mix(in srgb,var(--h) 70%,var(--color-border));color:color-mix(in srgb,var(--h) var(--ink),var(--color-text-primary))}#mp-app .mp-card[data-state=matched] .mp-front{border-color:var(--color-accent-success);box-shadow:0 0 0 2px color-mix(in srgb,var(--p-mint) 45%,transparent),0 4px 16px -4px color-mix(in srgb,var(--p-mint) 55%,transparent)}#mp-app .mp-card[data-state=matched] .mp-front:after{content:"✓︎";position:absolute;top:2px;right:5px;font-size:.8rem;font-weight:700;color:color-mix(in srgb,var(--p-mint) var(--ink),var(--color-text-primary))}#mp-app .mp-card[data-state=matched]{animation:mp-pop .5s ease-out}@keyframes mp-pop{0%{transform:scale(1)}40%{transform:scale(1.08)}to{transform:scale(1)}}#mp-app .mp-front[data-s="0"]{--h: var(--g-amber)}#mp-app .mp-front[data-s="1"]{--h: var(--g-rose)}#mp-app .mp-front[data-s="2"]{--h: var(--g-sky)}#mp-app .mp-front[data-s="3"]{--h: var(--g-green)}#mp-app .mp-front[data-s="4"]{--h: var(--g-violet)}#mp-app .mp-front[data-s="5"]{--h: var(--g-teal)}#mp-app .mp-front[data-s="6"]{--h: var(--g-orange)}#mp-app .mp-front[data-s="7"]{--h: var(--g-lime)}#mp-app .mp-front[data-s="8"]{--h: color-mix(in oklch, var(--g-sky) 50%, var(--g-violet))}#mp-app .mp-front[data-s="9"]{--h: color-mix(in oklch, var(--g-violet) 50%, var(--g-rose))}#mp-app .mp-front[data-s="10"]{--h: color-mix(in oklch, var(--g-green) 50%, var(--g-teal))}#mp-app .mp-front[data-s="11"]{--h: color-mix(in oklch, var(--g-orange) 55%, var(--g-rose))}#mp-app .mp-front[data-s="12"]{--h: color-mix(in oklch, var(--g-amber) 55%, var(--g-lime))}#mp-app .mp-front[data-s="13"]{--h: color-mix(in oklch, var(--g-teal) 50%, var(--g-sky))}#mp-app .mp-front[data-s="14"]{--h: color-mix(in oklch, var(--g-lime) 50%, var(--g-green))}#mp-app .mp-front[data-s="15"]{--h: color-mix(in oklch, var(--g-amber) 55%, var(--g-orange))}#mp-app .mp-front[data-s="16"]{--h: color-mix(in oklch, var(--g-rose) 55%, var(--g-violet))}#mp-app .mp-front[data-s="17"]{--h: color-mix(in oklch, var(--g-violet) 55%, var(--g-sky))}#mp-app .mp-win{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:1rem;background:radial-gradient(circle at 15% 15%,color-mix(in srgb,var(--g-amber) 26%,transparent),transparent 55%),radial-gradient(circle at 85% 20%,color-mix(in srgb,var(--g-violet) 24%,transparent),transparent 55%),radial-gradient(circle at 50% 100%,color-mix(in srgb,var(--p-mint) 24%,transparent),transparent 60%),color-mix(in srgb,var(--color-bg-base) 90%,transparent);border-radius:.5rem;backdrop-filter:blur(3px);z-index:3;animation:mp-win-in .45s ease-out both}#mp-app .mp-win[hidden]{display:none}#mp-app .mp-win:before{content:"● ★ ◆ ▲ ●" / "";display:block;margin-bottom:.5rem;font-size:1.4rem;letter-spacing:.35em;line-height:1;background:linear-gradient(90deg,var(--g-amber),var(--g-rose),var(--g-violet),var(--g-sky),var(--p-mint),var(--g-amber));background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:mp-shimmer 4s linear infinite}@keyframes mp-win-in{0%{transform:scale(.96);opacity:0}to{transform:scale(1);opacity:1}}@keyframes mp-shimmer{0%{background-position:0 0}to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){#mp-app .mp-inner{transition:none}#mp-app .mp-card[data-state=matched],#mp-app .mp-win,#mp-app .mp-win:before{animation:none}}#mp-app .mp-how{border-left:4px solid color-mix(in srgb,var(--g-violet) 70%,var(--color-border-subtle))}#mp-app .mp-how>summary{min-height:2rem;padding-block:.375rem;box-sizing:border-box}#mt-app{--g-sky: var(--color-accent);--g-teal: color-mix(in oklch, var(--color-accent) 50%, var(--color-accent-success));--g-green: var(--color-accent-success);--g-lime: color-mix(in oklch, var(--color-accent-success) 50%, var(--color-accent-warm));--g-amber: var(--color-accent-warm);--g-orange: color-mix(in oklch, var(--color-accent-warm) 50%, var(--color-accent-danger));--g-rose: var(--color-accent-danger);--g-violet: color-mix(in oklch, var(--color-accent) 50%, var(--color-accent-danger));--mt-ink: var(--color-bg-base)}.theme-light #mt-app{--mt-ink: var(--color-text-primary)}#mt-app{container-type:inline-size}#mt-app .mt-k{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-secondary)}#mt-app .mt-controls{display:flex;flex-wrap:wrap;gap:.5rem}#mt-app .mt-layout{display:grid;gap:1.25rem;grid-template-columns:minmax(0,1fr)}@container (min-width: 640px){#mt-app .mt-layout{grid-template-columns:minmax(0,440px) minmax(0,1fr);align-items:start}}#mt-app .mt-stats{display:flex;flex-wrap:wrap;gap:.35rem .5rem;font-size:.8rem}#mt-app .mt-stats p{margin:0;display:inline-flex;align-items:center;gap:.4rem;padding:.2rem .65rem;border-radius:999px;background:color-mix(in srgb,var(--g-sky) 10%,var(--color-bg-elevated));border:1px solid color-mix(in srgb,var(--g-sky) 30%,var(--color-border-subtle))}#mt-app .mt-stats p:nth-child(2){background:color-mix(in srgb,var(--g-amber) 10%,var(--color-bg-elevated));border-color:color-mix(in srgb,var(--g-amber) 30%,var(--color-border-subtle))}#mt-app .mt-stats p:nth-child(3){background:color-mix(in srgb,var(--g-violet) 12%,var(--color-bg-elevated));border-color:color-mix(in srgb,var(--g-violet) 35%,var(--color-border-subtle))}#mt-app .mt-stats p:nth-child(4){background:color-mix(in srgb,var(--g-rose) 10%,var(--color-bg-elevated));border-color:color-mix(in srgb,var(--g-rose) 30%,var(--color-border-subtle))}#mt-app .mt-stats .mt-v{font-family:var(--font-mono);font-weight:600;color:var(--color-text-primary)}#mt-app .mt-wrap{max-width:440px}#mt-app .mt-board{--g: 2.4cqw;--t: calc((100cqw - 5 * var(--g)) / 4);container-type:inline-size;position:relative;width:100%;aspect-ratio:1;border-radius:1.1rem;background:linear-gradient(160deg,color-mix(in srgb,var(--g-violet) 14%,var(--color-bg-elevated)),color-mix(in srgb,var(--g-sky) 7%,var(--color-bg-surface)));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--g-violet) 35%,var(--color-border)),0 14px 30px -18px color-mix(in srgb,var(--g-violet) 55%,transparent);touch-action:none;user-select:none;-webkit-user-select:none;cursor:grab}#mt-app .mt-board:focus-visible{outline:2px solid var(--color-text-primary);outline-offset:3px}#mt-app .mt-cell,#mt-app .mt-tile{position:absolute;left:0;top:0;width:var(--t);height:var(--t);transform:translate(calc(var(--x) * (var(--t) + var(--g)) + var(--g)),calc(var(--y) * (var(--t) + var(--g)) + var(--g)))}#mt-app .mt-cell{border-radius:.7rem;background:color-mix(in srgb,var(--g-violet) 9%,var(--color-bg-surface))}#mt-app .mt-tile{z-index:2;transition:transform .11s ease-out;--c: var(--g-sky)}#mt-app .mt-tile.mt-ghost{z-index:1}#mt-app .mt-face{position:relative;width:100%;height:100%;display:grid;place-items:center;border-radius:.7rem;font-family:var(--font-mono);font-weight:700;line-height:1;color:var(--mt-ink);font-size:clamp(16px,9cqw,40px);background:linear-gradient(150deg,color-mix(in srgb,var(--c) 82%,var(--color-text-primary)),var(--c) 70%);box-shadow:0 3px 8px -4px color-mix(in srgb,var(--color-bg-base) 85%,transparent)}#mt-app .mt-tile[data-d="3"] .mt-face{font-size:clamp(14px,7.5cqw,32px)}#mt-app .mt-tile[data-d="4"] .mt-face{font-size:clamp(12px,6cqw,26px)}#mt-app .mt-tile[data-d="5"] .mt-face{font-size:clamp(10px,4.8cqw,22px)}#mt-app .mt-tile[data-t="1"]{--c: color-mix(in srgb, var(--g-sky) 75%, var(--color-bg-elevated))}#mt-app .mt-tile[data-t="2"]{--c: var(--g-sky)}#mt-app .mt-tile[data-t="3"]{--c: var(--g-teal)}#mt-app .mt-tile[data-t="4"]{--c: var(--g-green)}#mt-app .mt-tile[data-t="5"]{--c: var(--g-lime)}#mt-app .mt-tile[data-t="6"]{--c: var(--g-amber)}#mt-app .mt-tile[data-t="7"]{--c: var(--g-orange)}#mt-app .mt-tile[data-t="8"]{--c: var(--g-rose)}#mt-app .mt-tile[data-t="9"]{--c: color-mix(in srgb, var(--g-violet) 70%, var(--color-bg-elevated))}#mt-app .mt-tile[data-t="10"],#mt-app .mt-tile[data-t="11"],#mt-app .mt-tile[data-t="12"]{--c: var(--g-violet)}#mt-app .mt-tile[data-t="11"] .mt-face,#mt-app .mt-tile[data-t="12"] .mt-face{box-shadow:0 0 0 3px var(--g-amber),0 6px 14px -6px color-mix(in srgb,var(--g-violet) 70%,transparent)}@keyframes mt-pop{0%{transform:scale(.6);opacity:0}60%{transform:scale(1.12);opacity:1}to{transform:scale(1);opacity:1}}@keyframes mt-in{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes mt-rise{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}@keyframes mt-glow{0%,to{opacity:0}50%{opacity:1}}#mt-app .mt-tile.mt-merged .mt-face{animation:mt-pop .17s ease-out .1s backwards}#mt-app .mt-tile.mt-new .mt-face{animation:mt-in .15s ease-out .1s backwards}@media(prefers-reduced-motion:no-preference){#mt-app .mt-tile[data-t="11"] .mt-face:after,#mt-app .mt-tile[data-t="12"] .mt-face:after{content:"";position:absolute;inset:-7px;border-radius:.95rem;pointer-events:none;box-shadow:0 0 18px 3px color-mix(in srgb,var(--g-amber) 80%,transparent);animation:mt-glow 1.1s ease-in-out 3 both}#mt-app .mt-banner[data-kind=win]{animation:mt-rise .45s ease-out both}}@media(prefers-reduced-motion:reduce){#mt-app .mt-tile{transition:none}#mt-app .mt-tile .mt-face{animation:none!important}}#mt-app .mt-banner[hidden],#mt-app .mt-banner [hidden]{display:none}#mt-app .mt-banner{border-color:color-mix(in srgb,var(--g-violet) 40%,var(--color-border-subtle))}#mt-app .mt-banner[data-kind=win]{border-color:var(--g-amber);background:linear-gradient(120deg,color-mix(in srgb,var(--g-violet) 16%,var(--color-bg-surface)),color-mix(in srgb,var(--g-amber) 14%,var(--color-bg-surface)))}#mt-app .mt-dpad{display:grid;grid-template-columns:repeat(3,3.25rem);grid-template-rows:repeat(2,3.25rem);gap:.4rem;grid-template-areas:". up ." "left down right"}#mt-app .mt-dir{padding:0;border-radius:.9rem;font-size:1.25rem;line-height:1;display:grid;place-items:center;border-color:color-mix(in srgb,var(--g-violet) 50%,var(--color-border))}#mt-app .mt-dir-up{grid-area:up}#mt-app .mt-dir-left{grid-area:left}#mt-app .mt-dir-down{grid-area:down}#mt-app .mt-dir-right{grid-area:right}#mt-app .mt-how>summary{min-height:2rem;padding-block:.375rem;box-sizing:border-box}#sp-app{--g-sky: var(--color-accent);--g-teal: color-mix(in oklch, var(--color-accent) 50%, var(--color-accent-success));--g-green: var(--color-accent-success);--g-lime: color-mix(in oklch, var(--color-accent-success) 50%, var(--color-accent-warm));--g-amber: var(--color-accent-warm);--g-orange: color-mix(in oklch, var(--color-accent-warm) 50%, var(--color-accent-danger));--g-rose: var(--color-accent-danger);--g-violet: color-mix(in oklch, var(--color-accent) 50%, var(--color-accent-danger))}#sp-app{--p-mint: var(--g-green);--p-aqua: var(--g-teal);--p-citrus: var(--g-lime);--p-tangerine: var(--g-orange)}#sp-app{container-type:inline-size;--wash: 56%}.theme-light #sp-app{--wash: 52%}#sp-app:before{content:"";display:block;height:6px;margin-bottom:1.1rem;border-radius:999px;background:linear-gradient(90deg,var(--g-sky),var(--p-aqua),var(--p-mint),var(--p-citrus),var(--g-amber),var(--p-tangerine),var(--g-rose))}#sp-app .sp-label,#sp-app .sp-k{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-secondary)}#sp-app .sp-controls{display:grid;gap:.875rem;grid-template-columns:minmax(0,1fr);align-items:end}#sp-app .sp-actions{display:flex;flex-wrap:wrap;gap:.5rem}@container (min-width: 560px){#sp-app .sp-controls{grid-template-columns:minmax(0,260px) minmax(0,1fr)}}#sp-app .sp-layout{display:grid;gap:1.25rem;grid-template-columns:minmax(0,1fr)}@container (min-width: 760px){#sp-app .sp-layout{grid-template-columns:minmax(0,480px) minmax(0,1fr);align-items:start}}#sp-app .sp-stats{display:flex;flex-wrap:wrap;gap:.4rem .6rem;font-size:.8rem}#sp-app .sp-stats p{--h: var(--g-sky);margin:0;padding:.2rem .7rem;border-radius:999px;background:color-mix(in srgb,var(--h) 14%,var(--color-bg-elevated));border:1px solid color-mix(in srgb,var(--h) 45%,var(--color-border-subtle))}#sp-app .sp-stats p:nth-child(2){--h: var(--g-amber)}#sp-app .sp-stats p:nth-child(3){--h: var(--g-green)}#sp-app .sp-stats p:nth-child(4){--h: var(--g-violet)}#sp-app .sp-v{font-family:var(--font-mono);font-weight:600;color:var(--color-text-primary)}#sp-app .sp-best{border-left:4px solid color-mix(in srgb,var(--g-amber) 75%,var(--color-border-subtle))}#sp-app .sp-wrap{position:relative;max-width:480px}#sp-app .sp-board{--n: 4;position:relative;container-type:inline-size;aspect-ratio:1;width:100%;border:2px solid var(--color-text-secondary);border-radius:.5rem;overflow:hidden;background:linear-gradient(135deg,color-mix(in srgb,var(--g-sky) 14%,var(--color-bg-surface)),color-mix(in srgb,var(--g-rose) 14%,var(--color-bg-surface)));box-shadow:0 10px 30px -14px color-mix(in srgb,var(--g-violet) 55%,transparent)}#sp-app .sp-tile{--t: 1;--h: color-mix(in oklch longer hue, var(--g-rose) calc((var(--t) - 1) / (var(--n) * var(--n) - 2) * 100%), var(--g-sky));position:absolute;left:0;top:0;display:block;padding:0;margin:0;border:0;border-radius:0;cursor:pointer;background:transparent;width:calc(100% / var(--n));height:calc(100% / var(--n));transform:translate(calc(var(--c) * 100%),calc(var(--r) * 100%));transition:transform .14s ease-out;touch-action:manipulation;-webkit-tap-highlight-color:transparent}#sp-app .sp-tile:focus-visible{outline:none;z-index:2}#sp-app .sp-tile:focus-visible .sp-face{outline:3px solid var(--color-text-primary);outline-offset:2px}#sp-app .sp-face{position:absolute;inset:3px;display:grid;place-items:center;border-radius:.5rem;background:linear-gradient(150deg,color-mix(in srgb,var(--h) var(--wash),var(--color-bg-elevated)),color-mix(in srgb,var(--h) 16%,var(--color-bg-surface)));border:2px solid color-mix(in srgb,var(--h) 35%,var(--color-border));color:var(--color-text-primary);font-family:var(--font-mono);font-weight:700;line-height:1;font-size:calc(34cqw / var(--n))}#sp-app .sp-tile[data-can=true] .sp-face{border-color:var(--h);box-shadow:0 4px 12px -5px color-mix(in srgb,var(--h) 70%,transparent)}#sp-app .sp-tile[data-can=false]{cursor:default}#sp-app .sp-tile[data-home=true] .sp-face{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--h) 70%,var(--color-text-primary))}#sp-app .sp-tile[data-home=true] .sp-face:after{content:"✓︎";position:absolute;top:5%;right:9%;font-size:max(10px,calc(11cqw / var(--n)));font-weight:700;line-height:1}#sp-app .sp-tile[data-hint=true]{z-index:1}#sp-app .sp-tile[data-hint=true] .sp-face{border-color:var(--color-text-primary);box-shadow:inset 0 0 0 3px var(--color-text-primary),0 0 16px color-mix(in srgb,var(--g-amber) 70%,transparent);animation:sp-hint 1.8s ease-in-out infinite}#sp-app .sp-tile[data-hint=true] .sp-face:before{content:"★︎";position:absolute;top:5%;left:9%;font-size:max(10px,calc(11cqw / var(--n)));line-height:1}@keyframes sp-hint{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}#sp-app .sp-win{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:1rem;background:radial-gradient(circle at 10% 15%,color-mix(in srgb,var(--g-sky) 26%,transparent),transparent 55%),radial-gradient(circle at 90% 20%,color-mix(in srgb,var(--g-rose) 22%,transparent),transparent 55%),radial-gradient(circle at 50% 100%,color-mix(in srgb,var(--g-amber) 26%,transparent),transparent 60%),color-mix(in srgb,var(--color-bg-base) 90%,transparent);border-radius:.5rem;backdrop-filter:blur(3px);z-index:3;animation:sp-win-in .45s ease-out both}#sp-app .sp-win[hidden]{display:none}#sp-app .sp-win:before{content:"■ ● ▲ ◆ ★" / "";display:block;margin-bottom:.5rem;font-size:1.4rem;letter-spacing:.35em;line-height:1;background:linear-gradient(90deg,var(--g-sky),var(--p-mint),var(--g-amber),var(--g-rose),var(--g-violet),var(--g-sky));background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:sp-shimmer 4s linear infinite}@keyframes sp-win-in{0%{transform:scale(.96);opacity:0}to{transform:scale(1);opacity:1}}@keyframes sp-shimmer{0%{background-position:0 0}to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){#sp-app .sp-tile{transition:none}#sp-app .sp-tile[data-hint=true] .sp-face,#sp-app .sp-win,#sp-app .sp-win:before{animation:none}}#sp-app .sp-how{border-left:4px solid color-mix(in srgb,var(--g-violet) 70%,var(--color-border-subtle))}#sp-app .sp-how>summary{box-sizing:border-box;min-height:2rem;padding-block:.375rem}#mn-app{--g-sky: var(--color-accent);--g-teal: color-mix(in oklch, var(--color-accent) 50%, var(--color-accent-success));--g-green: var(--color-accent-success);--g-lime: color-mix(in oklch, var(--color-accent-success) 50%, var(--color-accent-warm));--g-amber: var(--color-accent-warm);--g-orange: color-mix(in oklch, var(--color-accent-warm) 50%, var(--color-accent-danger));--g-rose: var(--color-accent-danger);--g-violet: color-mix(in oklch, var(--color-accent) 50%, var(--color-accent-danger))}#mn-app{--mn-1: var(--g-sky);--mn-2: var(--g-green);--mn-3: var(--g-rose);--mn-4: var(--g-violet);--mn-5: var(--g-orange);--mn-6: var(--g-teal);--mn-7: var(--g-amber);--mn-8: var(--g-lime);--mn-ink: 78%;container-type:inline-size}.theme-light #mn-app{--mn-ink: 40%}#mn-app .mn-label,#mn-app .mn-k{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-secondary)}#mn-app .mn-controls{display:grid;gap:.875rem;grid-template-columns:minmax(0,1fr);align-items:end}#mn-app .mn-actions{display:flex;flex-wrap:wrap;gap:.5rem}@container (min-width: 560px){#mn-app .mn-controls{grid-template-columns:minmax(0,320px) minmax(0,1fr)}}#mn-app .mn-stats{display:flex;flex-wrap:wrap;gap:.5rem;font-size:.85rem}#mn-app .mn-stats p{display:inline-flex;align-items:center;gap:.5rem;margin:0;padding:.3rem .8rem;border-radius:999px;border:1px solid color-mix(in oklch,var(--mn-c, var(--mn-1)) 45%,var(--color-border-subtle));background:color-mix(in oklch,var(--mn-c, var(--mn-1)) 14%,var(--color-bg-surface))}#mn-app .mn-stats p:nth-child(1){--mn-c: var(--mn-3)}#mn-app .mn-stats p:nth-child(2){--mn-c: var(--mn-1)}#mn-app .mn-stats p:nth-child(3){--mn-c: var(--mn-7)}#mn-app .mn-stats .mn-v{font-family:var(--font-body);font-size:1.05rem;font-weight:700;color:var(--color-text-primary)}#mn-app .mn-scroll{max-width:100%;overflow:auto;width:fit-content;padding:4px;box-sizing:border-box;border:2px solid color-mix(in oklch,var(--mn-4) 55%,var(--color-border));border-radius:.9rem;background:radial-gradient(120% 90% at 0% 0%,color-mix(in oklch,var(--mn-1) 16%,transparent),transparent 60%),radial-gradient(120% 90% at 100% 100%,color-mix(in oklch,var(--mn-4) 18%,transparent),transparent 60%),var(--color-bg-surface)}#mn-app .mn-board{--mn-cols: 9;--mn-min: 30px;--mn-max: 44px;--mn-cell: clamp(var(--mn-min), calc((100cqw - 18px) / var(--mn-cols)), var(--mn-max));width:max-content}#mn-app .mn-board[data-level=intermediate]{--mn-cols: 16;--mn-min: 28px;--mn-max: 34px}#mn-app .mn-board[data-level=expert]{--mn-cols: 30;--mn-min: 28px;--mn-max: 32px}#mn-app .mn-row{display:grid;grid-template-columns:repeat(var(--mn-cols),var(--mn-cell))}#mn-app .mn-cell{position:relative;box-sizing:border-box;width:var(--mn-cell);height:var(--mn-cell);padding:0;margin:0;cursor:pointer;display:grid;place-items:center;line-height:1;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:manipulation;font-family:var(--font-body);font-weight:800;font-size:calc(var(--mn-cell) * .56);color:var(--color-text-primary);border:2px solid transparent;background-clip:padding-box;border-radius:calc(var(--mn-cell) * .28)}#mn-app .mn-cell[data-k=hidden],#mn-app .mn-cell[data-k=flag],#mn-app .mn-cell[data-k=wrong]{background-image:linear-gradient(150deg,color-mix(in oklch,var(--mn-1) 50%,var(--color-bg-elevated)),color-mix(in oklch,var(--mn-4) 42%,var(--color-bg-elevated)));box-shadow:inset 0 2px color-mix(in oklch,var(--color-text-primary) 22%,transparent),0 1px 2px color-mix(in oklch,var(--color-bg-base) 70%,transparent)}#mn-app .mn-row:nth-child(odd) .mn-cell:nth-child(2n)[data-k=hidden],#mn-app .mn-row:nth-child(2n) .mn-cell:nth-child(odd)[data-k=hidden]{background-image:linear-gradient(150deg,color-mix(in oklch,var(--mn-6) 46%,var(--color-bg-elevated)),color-mix(in oklch,var(--mn-1) 40%,var(--color-bg-elevated)))}#mn-app .mn-cell[data-k=hidden]:hover{filter:brightness(1.18) saturate(1.2)}#mn-app .mn-cell[data-k=flag]{background-image:linear-gradient(150deg,color-mix(in oklch,var(--mn-7) 42%,var(--color-bg-elevated)),color-mix(in oklch,var(--mn-5) 38%,var(--color-bg-elevated)))}#mn-app .mn-cell[data-k=wrong]{background-image:linear-gradient(150deg,color-mix(in oklch,var(--mn-3) 46%,var(--color-bg-elevated)),color-mix(in oklch,var(--mn-4) 36%,var(--color-bg-elevated)))}#mn-app .mn-cell[data-k=open],#mn-app .mn-cell[data-k=mine],#mn-app .mn-cell[data-k=boom]{background-color:color-mix(in oklch,var(--mn-c, var(--mn-1)) 12%,var(--color-bg-base));box-shadow:inset 0 0 0 1px color-mix(in oklch,var(--mn-c, var(--mn-1)) 22%,transparent);cursor:default}#mn-app .mn-cell[data-k=open][data-n]{background-color:color-mix(in oklch,var(--mn-c) 20%,var(--color-bg-base))}#mn-app .mn-cell[data-k=mine]{--mn-c: var(--mn-3)}#mn-app .mn-cell[data-k=boom]{--mn-c: var(--mn-5);background-color:color-mix(in oklch,var(--mn-3) 38%,var(--color-bg-base));box-shadow:inset 0 0 0 3px var(--mn-c)}#mn-app .mn-cell:focus-visible{outline:3px solid var(--color-text-primary);outline-offset:-3px;z-index:2}#mn-app .mn-cell[data-n="1"]{--mn-c: var(--mn-1)}#mn-app .mn-cell[data-n="2"]{--mn-c: var(--mn-2)}#mn-app .mn-cell[data-n="3"]{--mn-c: var(--mn-3)}#mn-app .mn-cell[data-n="4"]{--mn-c: var(--mn-4)}#mn-app .mn-cell[data-n="5"]{--mn-c: var(--mn-5)}#mn-app .mn-cell[data-n="6"]{--mn-c: var(--mn-6)}#mn-app .mn-cell[data-n="7"]{--mn-c: var(--mn-7)}#mn-app .mn-cell[data-n="8"]{--mn-c: var(--mn-8)}#mn-app .mn-cell[data-n]{color:color-mix(in oklch,var(--mn-c) var(--mn-ink),var(--color-text-primary))}#mn-app .mn-cell[data-k=flag]:before,#mn-app .mn-cell[data-k=mine]:before,#mn-app .mn-cell[data-k=boom]:before,#mn-app .mn-cell[data-k=wrong]:before,#mn-app .mn-cell[data-k=wrong]:after{content:"";position:absolute;pointer-events:none}#mn-app .mn-cell[data-k=flag]:before{left:33%;top:20%;width:9%;height:60%;border-radius:2px;background:var(--color-text-primary)}#mn-app .mn-cell[data-k=flag]:after{content:"";position:absolute;pointer-events:none;left:42%;top:20%;width:34%;height:32%;background:color-mix(in oklch,var(--mn-3) 85%,var(--color-text-primary));clip-path:polygon(0 0,100% 50%,0 100%)}#mn-app .mn-cell[data-k=mine]:before,#mn-app .mn-cell[data-k=boom]:before{inset:16%;background:color-mix(in oklch,var(--mn-3) var(--mn-ink),var(--color-text-primary));clip-path:polygon(50% 0%,60% 20%,80% 10%,80% 30%,100% 40%,80% 50%,100% 60%,80% 70%,80% 90%,60% 80%,50% 100%,40% 80%,20% 90%,20% 70%,0% 60%,20% 50%,0% 40%,20% 30%,20% 10%,40% 20%)}#mn-app .mn-cell[data-k=mine]:after,#mn-app .mn-cell[data-k=boom]:after{content:"";position:absolute;pointer-events:none;inset:36%;border-radius:50%;background:color-mix(in oklch,var(--mn-7) 80%,var(--color-bg-base))}#mn-app .mn-cell[data-k=wrong]:before,#mn-app .mn-cell[data-k=wrong]:after{left:50%;top:18%;width:11%;height:64%;margin-left:-5.5%;border-radius:2px;background:var(--color-text-primary)}#mn-app .mn-cell[data-k=wrong]:before{transform:rotate(45deg)}#mn-app .mn-cell[data-k=wrong]:after{transform:rotate(-45deg)}#mn-app .mn-result{border-width:2px}#mn-app #mn-flagmode[aria-pressed=true]{border-color:var(--mn-7);background:color-mix(in oklch,var(--mn-7) 24%,var(--color-bg-elevated))}#mn-app .mn-result[data-outcome=won]{border-color:var(--mn-2);background:linear-gradient(135deg,color-mix(in oklch,var(--mn-2) 18%,var(--color-bg-surface)),color-mix(in oklch,var(--mn-1) 16%,var(--color-bg-surface)));box-shadow:0 0 0 4px color-mix(in oklch,var(--mn-2) 22%,transparent),0 0 28px color-mix(in oklch,var(--mn-1) 30%,transparent)}#mn-app .mn-result[data-outcome=lost]{border-color:var(--mn-3);background:linear-gradient(135deg,color-mix(in oklch,var(--mn-3) 14%,var(--color-bg-surface)),color-mix(in oklch,var(--mn-4) 14%,var(--color-bg-surface)))}#mn-app .mn-result[hidden]{display:none}@media(prefers-reduced-motion:no-preference){#mn-app .mn-cell{transition:filter .12s ease,box-shadow .12s ease}#mn-app .mn-result[data-outcome=won]{animation:mn-glow 1.4s ease-in-out 2}}@keyframes mn-glow{0%,to{box-shadow:0 0 0 4px color-mix(in oklch,var(--mn-2) 22%,transparent),0 0 12px color-mix(in oklch,var(--mn-1) 15%,transparent)}50%{box-shadow:0 0 0 8px color-mix(in oklch,var(--mn-2) 30%,transparent),0 0 38px color-mix(in oklch,var(--mn-1) 45%,transparent)}}@media(prefers-reduced-motion:reduce){#mn-app *,#mn-app *:before,#mn-app *:after{animation:none!important;transition:none!important}}#mn-app .mn-how>summary{min-height:2rem;padding-block:.375rem;box-sizing:border-box}#lg-app{--g-sky: var(--color-accent);--g-teal: color-mix(in oklch, var(--color-accent) 50%, var(--color-accent-success));--g-green: var(--color-accent-success);--g-lime: color-mix(in oklch, var(--color-accent-success) 50%, var(--color-accent-warm));--g-amber: var(--color-accent-warm);--g-orange: color-mix(in oklch, var(--color-accent-warm) 50%, var(--color-accent-danger));--g-rose: var(--color-accent-danger);--g-violet: color-mix(in oklch, var(--color-accent) 50%, var(--color-accent-danger))}#lg-app{--p-mint: var(--g-green);--p-aqua: var(--g-teal);--p-citrus: var(--g-lime);--p-tangerine: var(--g-orange)}#lg-app{container-type:inline-size;--ink: 70%;--shine: var(--color-text-primary)}.theme-light #lg-app{--ink: 40%;--shine: var(--color-bg-surface)}#lg-app:before{content:"";display:block;height:6px;margin-bottom:1.1rem;border-radius:999px;background:linear-gradient(90deg,var(--g-amber),var(--p-citrus),var(--p-mint),var(--p-aqua),var(--g-sky));box-shadow:0 0 14px color-mix(in srgb,var(--g-amber) 45%,transparent)}#lg-app .lg-label,#lg-app .lg-k{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-secondary)}#lg-app .lg-controls{display:grid;gap:.875rem;grid-template-columns:repeat(2,minmax(0,1fr));align-items:end}#lg-app .lg-actions{display:flex;flex-wrap:wrap;gap:.5rem;grid-column:1 / -1}@container (min-width: 560px){#lg-app .lg-controls{grid-template-columns:minmax(0,150px) minmax(0,150px) minmax(0,1fr)}#lg-app .lg-actions{grid-column:auto}}#lg-app .lg-layout{display:grid;gap:1.25rem;grid-template-columns:minmax(0,1fr)}@container (min-width: 760px){#lg-app .lg-layout{grid-template-columns:minmax(0,480px) minmax(0,1fr);align-items:start}}#lg-app .lg-stats{display:flex;flex-wrap:wrap;gap:.4rem .6rem;font-size:.8rem}#lg-app .lg-stats p{--h: var(--g-sky);margin:0;padding:.2rem .7rem;border-radius:999px;background:color-mix(in srgb,var(--h) 14%,var(--color-bg-elevated));border:1px solid color-mix(in srgb,var(--h) 45%,var(--color-border-subtle))}#lg-app .lg-stats p:nth-child(2){--h: var(--g-green)}#lg-app .lg-stats p:nth-child(3){--h: var(--g-amber)}#lg-app .lg-stats p:nth-child(4){--h: var(--g-violet)}#lg-app .lg-stats p:nth-child(5){--h: var(--g-orange)}#lg-app .lg-stats .lg-v{font-family:var(--font-mono);font-weight:600;color:var(--color-text-primary)}#lg-app .lg-wrap{max-width:480px}#lg-app .lg-board{display:flex;flex-direction:column;gap:6px;width:100%;border-radius:.6rem;background:color-mix(in srgb,var(--g-sky) 10%,var(--color-bg-base));box-shadow:0 0 0 6px color-mix(in srgb,var(--g-sky) 10%,var(--color-bg-base)),0 0 0 7px color-mix(in srgb,var(--g-sky) 35%,var(--color-border-subtle)),0 10px 30px -10px color-mix(in srgb,var(--g-violet) 50%,transparent)}#lg-app .lg-row{display:grid;grid-template-columns:repeat(var(--n, 5),minmax(0,1fr));gap:6px}#lg-app .lg-cell{position:relative;display:grid;place-items:center;aspect-ratio:1;min-width:0;padding:0;margin:0;cursor:pointer;border:2px solid var(--color-border);border-radius:.6rem;color:var(--color-text-primary);background:color-mix(in srgb,var(--g-sky) 8%,var(--color-bg-elevated));transition:background-color .12s ease,border-color .12s ease,box-shadow .18s ease}#lg-app .lg-cell:hover{border-color:color-mix(in srgb,var(--g-sky) 70%,var(--color-border))}#lg-app .lg-cell:focus-visible{outline:3px solid var(--color-text-primary);outline-offset:2px;z-index:2}#lg-app .lg-lamp{display:block;width:24%;aspect-ratio:1;border:2px solid var(--color-text-muted);border-radius:3px;background:transparent}#lg-app .lg-cell[data-lit=true]{z-index:1;background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--g-amber) 46%,transparent),color-mix(in srgb,var(--g-sky) 24%,transparent) 75%),color-mix(in srgb,var(--g-sky) 10%,var(--color-bg-elevated));border-color:color-mix(in srgb,var(--g-amber) 75%,var(--g-sky));box-shadow:0 0 14px -2px color-mix(in srgb,var(--g-amber) 55%,transparent),0 0 30px 2px color-mix(in srgb,var(--g-sky) 32%,transparent)}#lg-app .lg-cell[data-lit=true] .lg-lamp{width:56%;border:2px solid var(--color-text-primary);border-radius:50%;background:radial-gradient(circle at 38% 34%,color-mix(in srgb,var(--g-amber) 45%,var(--shine)) 0 18%,var(--g-amber) 58%,var(--p-tangerine) 100%);box-shadow:0 0 10px 2px color-mix(in srgb,var(--g-amber) 70%,transparent),0 0 22px 6px color-mix(in srgb,var(--g-sky) 35%,transparent)}#lg-app .lg-cell[data-plan=solution]{border-style:dashed;border-color:color-mix(in srgb,var(--g-violet) var(--ink),var(--color-text-primary))}#lg-app .lg-cell[data-plan=hint]{border-style:solid;border-color:color-mix(in srgb,var(--g-violet) var(--ink),var(--color-text-primary));box-shadow:0 0 0 3px color-mix(in srgb,var(--g-violet) 40%,transparent)}#lg-app .lg-mark{display:none;position:absolute;top:3px;right:3px;width:22%;max-width:14px;aspect-ratio:1;transform:rotate(45deg);background:color-mix(in srgb,var(--g-violet) var(--ink),var(--color-text-primary));border:1px solid var(--color-text-primary)}#lg-app .lg-cell[data-plan=solution] .lg-mark,#lg-app .lg-cell[data-plan=hint] .lg-mark{display:block}#lg-app .lg-legend{display:grid;gap:.4rem;list-style:none;margin:0 0 .75rem;padding:0;font-size:.75rem;color:var(--color-text-secondary)}#lg-app .lg-legend li{display:flex;align-items:center;gap:.6rem}#lg-app .lg-sw{position:relative;display:inline-block;flex:none;width:1.6rem;height:1.6rem;border:2px solid var(--color-border);border-radius:.4rem;background:color-mix(in srgb,var(--g-sky) 8%,var(--color-bg-elevated))}#lg-app .lg-sw:before{content:"";position:absolute;inset:0;margin:auto;width:24%;height:24%;border:2px solid var(--color-text-muted);border-radius:2px}#lg-app .lg-sw-lit{border-color:color-mix(in srgb,var(--g-amber) 75%,var(--g-sky));background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--g-amber) 46%,transparent),color-mix(in srgb,var(--g-sky) 24%,transparent) 75%),color-mix(in srgb,var(--g-sky) 10%,var(--color-bg-elevated));box-shadow:0 0 10px -1px color-mix(in srgb,var(--g-amber) 55%,transparent)}#lg-app .lg-sw-lit:before{width:56%;height:56%;border:2px solid var(--color-text-primary);border-radius:50%;background:radial-gradient(circle at 38% 34%,color-mix(in srgb,var(--g-amber) 45%,var(--shine)) 0 18%,var(--g-amber) 58%,var(--p-tangerine) 100%)}#lg-app .lg-sw-plan{border-style:dashed;border-color:color-mix(in srgb,var(--g-violet) var(--ink),var(--color-text-primary))}#lg-app .lg-sw-hint{border-color:color-mix(in srgb,var(--g-violet) var(--ink),var(--color-text-primary))}#lg-app .lg-sw-plan:after,#lg-app .lg-sw-hint:after{content:"";position:absolute;top:1px;right:1px;width:6px;height:6px;transform:rotate(45deg);background:color-mix(in srgb,var(--g-violet) var(--ink),var(--color-text-primary));border:1px solid var(--color-text-primary)}#lg-app .lg-win{border:2px solid transparent;background:radial-gradient(circle at 50% 0%,color-mix(in srgb,var(--g-amber) 20%,transparent),transparent 65%) padding-box,linear-gradient(var(--color-bg-surface),var(--color-bg-surface)) padding-box,linear-gradient(90deg,var(--g-amber),var(--p-citrus),var(--p-mint),var(--g-sky),var(--g-violet),var(--g-rose)) border-box;animation:lg-win-in .45s ease-out both}#lg-app .lg-win[hidden]{display:none}#lg-app .lg-win:before{content:"★ ● ◆ ▲ ■" / "";display:block;margin-bottom:.4rem;font-size:1.3rem;letter-spacing:.35em;line-height:1;background:linear-gradient(90deg,var(--g-amber),var(--g-rose),var(--g-violet),var(--g-sky),var(--p-mint),var(--g-amber));background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:lg-shimmer 4s linear infinite}#lg-app .lg-row{--dr: 0}#lg-app .lg-cell{--dc: 0}#lg-app .lg-row:nth-child(2){--dr: 1}#lg-app .lg-row:nth-child(3){--dr: 2}#lg-app .lg-row:nth-child(4){--dr: 3}#lg-app .lg-row:nth-child(5){--dr: 4}#lg-app .lg-row:nth-child(6){--dr: 5}#lg-app .lg-row:nth-child(7){--dr: 6}#lg-app .lg-cell:nth-child(2){--dc: 1}#lg-app .lg-cell:nth-child(3){--dc: 2}#lg-app .lg-cell:nth-child(4){--dc: 3}#lg-app .lg-cell:nth-child(5){--dc: 4}#lg-app .lg-cell:nth-child(6){--dc: 5}#lg-app .lg-cell:nth-child(7){--dc: 6}#lg-app .lg-wrap:has(~.lg-win:not([hidden])) .lg-cell{animation:lg-cheer .8s ease-out both;animation-delay:calc((var(--dr) + var(--dc)) * 70ms)}@keyframes lg-cheer{0%,to{transform:scale(1)}45%{transform:scale(1.12);border-color:var(--g-amber);box-shadow:0 0 16px 2px color-mix(in srgb,var(--g-amber) 55%,transparent),0 0 30px 4px color-mix(in srgb,var(--g-sky) 35%,transparent)}}@keyframes lg-win-in{0%{transform:scale(.97);opacity:0}to{transform:scale(1);opacity:1}}@keyframes lg-shimmer{0%{background-position:0 0}to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){#lg-app .lg-cell{transition:none}#lg-app .lg-wrap:has(~.lg-win:not([hidden])) .lg-cell,#lg-app .lg-win,#lg-app .lg-win:before{animation:none}}#lg-app .lg-how{border-left:4px solid color-mix(in srgb,var(--g-amber) 70%,var(--color-border-subtle))}#lg-app .lg-how>summary{box-sizing:border-box;min-height:2rem;padding-block:.375rem}#th-app{--g-sky: var(--color-accent);--g-teal: color-mix(in oklch, var(--color-accent) 50%, var(--color-accent-success));--g-green: var(--color-accent-success);--g-lime: color-mix(in oklch, var(--color-accent-success) 50%, var(--color-accent-warm));--g-amber: var(--color-accent-warm);--g-orange: color-mix(in oklch, var(--color-accent-warm) 50%, var(--color-accent-danger));--g-rose: var(--color-accent-danger);--g-violet: color-mix(in oklch, var(--color-accent) 50%, var(--color-accent-danger));--th-h1: var(--g-rose);--th-h2: var(--g-orange);--th-h3: var(--g-amber);--th-h4: var(--g-lime);--th-h5: var(--g-green);--th-h6: var(--g-teal);--th-h7: var(--g-sky);--th-h8: var(--g-violet);--th-ok: var(--g-green);--th-ink: var(--color-bg-base);--th-lite: var(--color-text-primary);container-type:inline-size}.theme-light #th-app{--th-ink: var(--color-text-primary);--th-lite: var(--color-bg-base)}#th-app .th-label,#th-app .th-k{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-secondary)}#th-app .th-controls{display:grid;gap:.875rem;grid-template-columns:minmax(0,1fr);align-items:end;padding:.875rem;border-radius:1rem;border:1px solid color-mix(in srgb,var(--g-violet) 35%,transparent);background:linear-gradient(120deg,color-mix(in srgb,var(--g-violet) 14%,var(--color-bg-elevated)),color-mix(in srgb,var(--g-amber) 12%,var(--color-bg-elevated)))}#th-app .th-actions{display:flex;flex-wrap:wrap;gap:.5rem}#th-app .th-actions button:disabled{opacity:.45;cursor:not-allowed}@container (min-width: 620px){#th-app .th-controls{grid-template-columns:minmax(0,260px) minmax(0,1fr)}}#th-app .th-stats{display:flex;flex-wrap:wrap;gap:.4rem;font-size:.8rem}#th-app .th-stats p{display:inline-flex;align-items:baseline;gap:.4rem;padding:.2rem .65rem;border-radius:999px;border:1px solid var(--th-chip);background:color-mix(in srgb,var(--th-chip) 14%,var(--color-bg-elevated))}#th-app .th-stats p:nth-child(1){--th-chip: var(--g-sky)}#th-app .th-stats p:nth-child(2){--th-chip: var(--th-ok)}#th-app .th-stats p:nth-child(3){--th-chip: var(--g-violet)}#th-app .th-stats p:nth-child(4){--th-chip: var(--g-amber)}#th-app .th-stats .th-v{font-family:var(--font-mono);font-weight:600;color:var(--color-text-primary)}#th-app .th-board{display:grid;gap:.75rem}#th-app .th-stage{--th-dh: 24px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;max-width:720px;width:100%}@container (max-width: 440px){#th-app .th-stage{--th-dh: 20px;gap:.375rem}}#th-app .th-peg{position:relative;display:flex;flex-direction:column;justify-content:flex-end;align-items:stretch;height:calc((var(--th-n, 4) + 1) * var(--th-dh) + 2.25rem);min-width:0;margin:0;padding:0 0 .25rem;cursor:pointer;font:inherit;color:var(--color-text-primary);border:1.5px solid var(--th-peg-c, var(--color-border));border-radius:.75rem;overflow:hidden;background:linear-gradient(180deg,color-mix(in srgb,var(--th-peg-c, var(--g-sky)) 6%,var(--color-bg-surface)),color-mix(in srgb,var(--th-peg-c, var(--g-sky)) 20%,var(--color-bg-surface)))}#th-app .th-peg[data-p="0"]{--th-peg-c: var(--g-sky)}#th-app .th-peg[data-p="1"]{--th-peg-c: var(--g-violet)}#th-app .th-peg[data-p="2"]{--th-peg-c: var(--g-amber)}#th-app .th-peg:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}#th-app .th-peg[data-src=true]{border-color:var(--color-text-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--th-peg-c) 55%,transparent)}#th-app .th-peg[data-legal=true]{border-color:var(--th-peg-c);border-style:dashed;box-shadow:0 0 14px color-mix(in srgb,var(--th-peg-c) 40%,transparent)}#th-app .th-rod{position:absolute;left:50%;top:.5rem;bottom:1.75rem;width:8px;transform:translate(-50%);background:linear-gradient(90deg,color-mix(in srgb,var(--th-peg-c) 55%,var(--color-bg-base)),var(--th-peg-c),color-mix(in srgb,var(--th-peg-c) 55%,var(--color-bg-base)));border-radius:4px}#th-app .th-stack{position:relative;z-index:1;display:flex;flex-direction:column-reverse;align-items:center;width:100%}#th-app .th-disc{box-sizing:border-box;display:flex;align-items:center;justify-content:center;max-width:100%;height:calc(var(--th-dh) - 2px);margin-bottom:2px;border-radius:6px;border:1.5px solid color-mix(in srgb,var(--th-c, var(--g-sky)) 60%,var(--th-ink));background:linear-gradient(180deg,color-mix(in srgb,var(--th-c, var(--g-sky)) 72%,var(--th-lite)),var(--th-c, var(--g-sky)) 55%,color-mix(in srgb,var(--th-c, var(--g-sky)) 85%,var(--th-ink)));box-shadow:0 2px 4px color-mix(in srgb,var(--th-ink) 35%,transparent);font-family:var(--font-mono);font-size:11px;font-weight:700;line-height:1;color:var(--th-ink)}#th-app .th-disc[data-d="1"]{--th-c: var(--th-h1)}#th-app .th-disc[data-d="2"]{--th-c: var(--th-h2)}#th-app .th-disc[data-d="3"]{--th-c: var(--th-h3)}#th-app .th-disc[data-d="4"]{--th-c: var(--th-h4)}#th-app .th-disc[data-d="5"]{--th-c: var(--th-h5)}#th-app .th-disc[data-d="6"]{--th-c: var(--th-h6)}#th-app .th-disc[data-d="7"]{--th-c: var(--th-h7)}#th-app .th-disc[data-d="8"]{--th-c: var(--th-h8)}#th-app .th-disc[data-lift=true]{transform:translateY(calc(var(--th-lift, 1) * var(--th-dh) * -1));border-color:var(--color-text-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--th-c, var(--g-sky)) 60%,transparent),0 4px 10px color-mix(in srgb,var(--th-c, var(--g-sky)) 50%,transparent)}#th-app .th-pname{position:relative;z-index:1;display:block;height:1.5rem;line-height:1.5rem;text-align:center;font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-secondary)}#th-app .th-win[hidden]{display:none}#th-app .th-win{border-color:var(--th-ok);background:linear-gradient(135deg,color-mix(in srgb,var(--th-ok) 20%,var(--color-bg-elevated)),color-mix(in srgb,var(--g-violet) 16%,var(--color-bg-elevated)))}@media(prefers-reduced-motion:no-preference){#th-app .th-board:has(.th-win:not([hidden])) .th-disc{animation:th-hop .6s ease-out 1 both}#th-app .th-board:has(.th-win:not([hidden])) .th-disc[data-d="2"]{animation-delay:80ms}#th-app .th-board:has(.th-win:not([hidden])) .th-disc[data-d="3"]{animation-delay:.16s}#th-app .th-board:has(.th-win:not([hidden])) .th-disc[data-d="4"]{animation-delay:.24s}#th-app .th-board:has(.th-win:not([hidden])) .th-disc[data-d="5"]{animation-delay:.32s}#th-app .th-board:has(.th-win:not([hidden])) .th-disc[data-d="6"]{animation-delay:.4s}#th-app .th-board:has(.th-win:not([hidden])) .th-disc[data-d="7"]{animation-delay:.48s}#th-app .th-board:has(.th-win:not([hidden])) .th-disc[data-d="8"]{animation-delay:.56s}#th-app .th-win:not([hidden]){animation:th-pop .42s ease-out 1}}@keyframes th-hop{0%{transform:translateY(0)}40%{transform:translateY(-.5rem)}to{transform:translateY(0)}}@keyframes th-pop{0%{transform:scale(.97)}to{transform:scale(1)}}#th-app .th-how>summary{box-sizing:border-box;min-height:2rem;padding-block:.375rem}#hm-app{--g-sky: var(--color-accent);--g-teal: color-mix(in oklch, var(--color-accent) 50%, var(--color-accent-success));--g-green: var(--color-accent-success);--g-lime: color-mix(in oklch, var(--color-accent-success) 50%, var(--color-accent-warm));--g-amber: var(--color-accent-warm);--g-orange: color-mix(in oklch, var(--color-accent-warm) 50%, var(--color-accent-danger));--g-rose: var(--color-accent-danger);--g-violet: color-mix(in oklch, var(--color-accent) 50%, var(--color-accent-danger));--hm-ok: var(--g-green);--hm-glow: var(--g-orange);--hm-ink: var(--color-bg-base);--hm-paper: color-mix(in srgb, var(--color-text-primary) 85%, var(--g-sky));--hm-ok-ink: var(--hm-ok);--hm-bad-ink: var(--color-accent-danger);container-type:inline-size}.theme-light #hm-app{--hm-ok-ink: color-mix(in srgb, var(--hm-ok) 45%, var(--color-text-primary));--hm-bad-ink: color-mix(in srgb, var(--color-accent-danger) 50%, var(--color-text-primary));--hm-ink: var(--color-text-primary);--hm-paper: color-mix(in srgb, var(--color-bg-base) 90%, var(--g-sky))}#hm-app .hm-label,#hm-app .hm-k{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-secondary)}#hm-app .hm-controls{display:grid;gap:.875rem;grid-template-columns:minmax(0,1fr);align-items:end;padding:.875rem;border-radius:1rem;border:1px solid color-mix(in srgb,var(--g-sky) 35%,transparent);background:linear-gradient(120deg,color-mix(in srgb,var(--g-sky) 14%,var(--color-bg-elevated)),color-mix(in srgb,var(--g-violet) 14%,var(--color-bg-elevated)))}#hm-app .hm-actions{display:flex;flex-wrap:wrap;gap:.5rem}@container (min-width: 600px){#hm-app .hm-controls{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto}}#hm-app .hm-layout{display:grid;gap:1.25rem;grid-template-columns:minmax(0,1fr)}@container (min-width: 640px){#hm-app .hm-layout{grid-template-columns:minmax(0,220px) minmax(0,1fr);align-items:start}}#hm-app .hm-gallows{display:block;width:100%;max-width:220px;height:auto;margin:0 auto .75rem;border-radius:1rem;overflow:hidden;border:2px solid color-mix(in srgb,var(--g-sky) 50%,transparent);box-shadow:0 6px 18px color-mix(in srgb,var(--g-sky) 18%,transparent)}#hm-app .hm-sky{fill:color-mix(in srgb,var(--g-sky) 30%,var(--color-bg-elevated))}#hm-app .hm-sun{fill:var(--g-amber)}#hm-app .hm-cloud ellipse{fill:var(--hm-paper)}#hm-app .hm-hill-back{fill:color-mix(in srgb,var(--hm-ok) 45%,var(--color-bg-elevated))}#hm-app .hm-hill{fill:color-mix(in srgb,var(--hm-ok) 75%,var(--color-bg-base))}#hm-app .hm-fl-a{fill:var(--g-rose)}#hm-app .hm-fl-b{fill:var(--g-violet)}#hm-app .hm-fl-c{fill:var(--g-amber)}#hm-app .hm-part{opacity:0}#hm-app .hm-part[data-on=true]{opacity:1}#hm-app .hm-fill{stroke:color-mix(in srgb,var(--hm-ink) 55%,transparent);stroke-width:2}#hm-app .hm-c-tip{fill:var(--g-rose)}#hm-app .hm-c-head{fill:var(--g-amber)}#hm-app .hm-c-body{fill:var(--g-sky)}#hm-app .hm-c-arml{fill:var(--hm-ok)}#hm-app .hm-c-armr{fill:var(--g-violet)}#hm-app .hm-c-legl{fill:var(--hm-glow)}#hm-app .hm-c-legr{fill:var(--g-rose)}#hm-app .hm-line{stroke:var(--hm-ink);stroke-width:3;stroke-linecap:round}#hm-app .hm-eye{fill:var(--hm-ink)}#hm-app .hm-smile{fill:none;stroke:var(--hm-ink);stroke-width:3;stroke-linecap:round}#hm-app .hm-oh{fill:var(--hm-ink);display:none}#hm-app .hm-light{fill:var(--g-amber);stroke:color-mix(in srgb,var(--hm-ink) 55%,transparent);stroke-width:2}#hm-app .hm-panel{fill:color-mix(in srgb,var(--hm-ink) 40%,transparent)}#hm-app .hm-cheer{display:none}#hm-app .hm-star{fill:var(--g-amber);stroke:color-mix(in srgb,var(--hm-ink) 55%,transparent);stroke-width:1}#hm-app .hm-star-b{fill:var(--g-rose)}#hm-app .hm-star-c{fill:var(--g-violet)}#hm-app .hm-gallows[data-state=won] .hm-cheer{display:block}#hm-app .hm-gallows[data-state=won]{border-color:var(--hm-ok);box-shadow:0 6px 22px color-mix(in srgb,var(--hm-ok) 35%,transparent)}#hm-app .hm-gallows[data-state=lost]{border-color:var(--hm-glow);box-shadow:0 6px 18px color-mix(in srgb,var(--hm-glow) 25%,transparent)}#hm-app .hm-gallows[data-state=lost] .hm-sun{opacity:.35}#hm-app .hm-gallows[data-state=lost] .hm-smile{display:none}#hm-app .hm-gallows[data-state=lost] .hm-oh{display:block}@media(prefers-reduced-motion:no-preference){#hm-app .hm-part{transition:opacity .18s ease}#hm-app .hm-key{transition:background-color .12s ease,border-color .12s ease}#hm-app .hm-star{animation:hm-twinkle 1.6s ease-in-out infinite alternate}#hm-app .hm-star-b{animation-delay:.5s}#hm-app .hm-star-c{animation-delay:1s}#hm-app .hm-banner[data-result=won]{animation:hm-pop .42s ease-out 1}#hm-app:has(.hm-gallows[data-state=won]) .hm-slot[data-state=shown]{animation:hm-hop .52s ease-out 1}}@keyframes hm-twinkle{0%{opacity:.5}to{opacity:1}}@keyframes hm-pop{0%{transform:scale(.96)}to{transform:scale(1)}}@keyframes hm-hop{0%{transform:translateY(0)}40%{transform:translateY(-.45rem)}to{transform:translateY(0)}}#hm-app .hm-stats{display:flex;flex-wrap:wrap;gap:.4rem;font-size:.8rem}#hm-app .hm-stats p{display:inline-flex;align-items:baseline;gap:.4rem;padding:.2rem .65rem;border-radius:999px;border:1px solid var(--hm-chip);background:color-mix(in srgb,var(--hm-chip) 14%,var(--color-bg-elevated))}#hm-app .hm-stats p:nth-child(1){--hm-chip: var(--g-rose)}#hm-app .hm-stats p:nth-child(2){--hm-chip: var(--g-sky)}#hm-app .hm-stats p:nth-child(3){--hm-chip: var(--hm-ok)}#hm-app .hm-stats p:nth-child(4){--hm-chip: var(--g-amber)}#hm-app .hm-stats .hm-v{font-family:var(--font-mono);font-weight:600;color:var(--color-text-primary)}#hm-app .hm-word{container-type:inline-size;display:flex;flex-wrap:wrap;justify-content:center;gap:.3rem;min-height:2.75rem;padding:.75rem .5rem;border-radius:1rem;background:linear-gradient(180deg,color-mix(in srgb,var(--g-violet) 12%,var(--color-bg-elevated)),color-mix(in srgb,var(--g-sky) 10%,var(--color-bg-elevated)))}#hm-app .hm-slot{display:inline-flex;align-items:flex-end;justify-content:center;width:clamp(1.4rem,7.5cqw,2.4rem);height:clamp(2rem,9cqw,3rem);border-bottom:3px solid var(--g-sky);border-radius:.3rem .3rem 0 0;font-family:var(--font-mono);font-weight:700;line-height:1.2;font-size:clamp(1.1rem,5.5cqw,1.9rem);color:var(--color-text-primary);text-transform:uppercase}.theme-light #hm-app .hm-slot[data-state=hidden]{border-bottom-color:color-mix(in srgb,var(--g-sky) 40%,var(--color-text-primary))}#hm-app .hm-slot[data-state=shown]{border-bottom-color:var(--hm-ok);background:color-mix(in srgb,var(--hm-ok) 20%,transparent)}#hm-app .hm-slot[data-state=missed]{color:var(--hm-bad-ink);border-bottom-color:var(--hm-bad-ink);background:color-mix(in srgb,var(--g-rose) 12%,transparent)}#hm-app .hm-word-text{text-align:center;font-family:var(--font-mono);font-size:.8rem;color:var(--color-text-secondary);letter-spacing:.04em;overflow-wrap:anywhere}#hm-app .hm-banner{padding:1rem;text-align:center}#hm-app .hm-banner[hidden]{display:none}#hm-app .hm-banner>div{justify-content:center}#hm-app .hm-banner[data-result=won]{border-color:var(--hm-ok);background:linear-gradient(135deg,color-mix(in srgb,var(--hm-ok) 22%,var(--color-bg-elevated)),color-mix(in srgb,var(--g-amber) 16%,var(--color-bg-elevated)))}#hm-app .hm-banner[data-result=lost]{border-color:var(--color-accent-danger);background:linear-gradient(135deg,color-mix(in srgb,var(--g-rose) 14%,var(--color-bg-elevated)),color-mix(in srgb,var(--g-violet) 14%,var(--color-bg-elevated)))}#hm-app .hm-keys{display:grid;grid-template-columns:repeat(auto-fill,minmax(2.75rem,1fr));gap:.35rem}#hm-app .hm-key{display:inline-flex;align-items:center;justify-content:center;gap:.2rem;min-height:2.75rem;padding:.25rem 0;border-radius:.6rem;font-family:var(--font-mono);font-size:1rem;font-weight:600;border-color:color-mix(in srgb,var(--g-sky) 45%,transparent);background:color-mix(in srgb,var(--g-sky) 12%,var(--color-bg-elevated))}#hm-app .hm-key[data-l=a],#hm-app .hm-key[data-l=e],#hm-app .hm-key[data-l=i],#hm-app .hm-key[data-l=o],#hm-app .hm-key[data-l=u]{border-color:color-mix(in srgb,var(--g-amber) 60%,transparent);background:color-mix(in srgb,var(--g-amber) 16%,var(--color-bg-elevated))}#hm-app .hm-key .hm-mark{font-size:.7rem;font-weight:700}#hm-app .hm-key:disabled{cursor:default;transform:none;filter:none}#hm-app .hm-key:disabled[data-state=unused]{opacity:.5}#hm-app .hm-key[data-state=correct]{opacity:1;border-color:var(--hm-ok);background:color-mix(in srgb,var(--hm-ok) 28%,var(--color-bg-elevated));color:var(--color-text-primary)}#hm-app .hm-key[data-state=correct] .hm-mark{color:var(--hm-ok-ink)}#hm-app .hm-key[data-state=wrong]{opacity:1;border-color:var(--color-accent-danger);background:color-mix(in srgb,var(--g-rose) 20%,var(--color-bg-elevated));color:var(--color-text-secondary)}#hm-app .hm-key[data-state=wrong] .hm-ch{text-decoration:line-through}#hm-app .hm-key[data-state=wrong] .hm-mark{color:var(--hm-bad-ink)}#hm-app .hm-key:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}#hm-app .hm-how>summary{min-height:2rem;padding-block:.375rem;box-sizing:border-box}#fr-app{--g-sky: var(--color-accent);--g-teal: color-mix(in oklch, var(--color-accent) 50%, var(--color-accent-success));--g-green: var(--color-accent-success);--g-lime: color-mix(in oklch, var(--color-accent-success) 50%, var(--color-accent-warm));--g-amber: var(--color-accent-warm);--g-orange: color-mix(in oklch, var(--color-accent-warm) 50%, var(--color-accent-danger));--g-rose: var(--color-accent-danger);--g-violet: color-mix(in oklch, var(--color-accent) 50%, var(--color-accent-danger));--fr-p1: var(--g-violet);--fr-p2: var(--g-amber);--fr-board: color-mix(in srgb, var(--g-violet) 9%, var(--color-bg-elevated));--fr-hole: color-mix(in srgb, var(--color-bg-base) 88%, var(--g-violet));--fr-ink: var(--color-bg-base);--fr-hole-edge: color-mix(in srgb, var(--color-bg-base) 70%, transparent);container-type:inline-size}.theme-light #fr-app{--fr-hole: color-mix(in srgb, var(--color-text-primary) 14%, var(--color-bg-elevated));--fr-hole-edge: color-mix(in srgb, var(--color-text-primary) 38%, transparent);--fr-ink: var(--color-text-primary)}#fr-app .fr-label,#fr-app .fr-k{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-secondary)}#fr-app .fr-controls{display:grid;gap:.875rem;grid-template-columns:minmax(0,1fr);align-items:end}@container (min-width: 560px){#fr-app .fr-controls{grid-template-columns:repeat(3,minmax(0,1fr))}}#fr-app .fr-layout{display:grid;gap:1.25rem;grid-template-columns:minmax(0,1fr)}@container (min-width: 760px){#fr-app .fr-layout{grid-template-columns:minmax(0,480px) minmax(0,1fr);align-items:start}}#fr-app .fr-stats{display:flex;flex-wrap:wrap;gap:.35rem .5rem;font-size:.8rem}#fr-app .fr-stats p{margin:0;display:inline-flex;align-items:center;gap:.4rem;padding:.2rem .65rem;border-radius:999px;background:color-mix(in srgb,var(--g-sky) 9%,var(--color-bg-elevated));border:1px solid color-mix(in srgb,var(--g-sky) 30%,var(--color-border-subtle))}#fr-app .fr-stats .fr-v{font-family:var(--font-mono);font-weight:600;color:var(--color-text-primary)}#fr-app[data-turn="1"] #fr-turn{text-decoration:underline;text-decoration-color:var(--fr-p1);text-decoration-thickness:3px;text-underline-offset:3px}#fr-app[data-turn="2"] #fr-turn{text-decoration:underline;text-decoration-color:var(--fr-p2);text-decoration-thickness:3px;text-underline-offset:3px}#fr-app select:disabled{opacity:.5;cursor:not-allowed}#fr-app .fr-field{--fr-pad: .6rem;--fr-gap: .35rem;max-width:480px;width:100%}#fr-app .fr-heads{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:var(--fr-gap);padding:0 var(--fr-pad) .45rem}#fr-app .fr-head{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:2.9rem;min-width:0;padding:.2rem 0;border-radius:.8rem;cursor:pointer}#fr-app .fr-head:disabled{opacity:.35;cursor:not-allowed}#fr-app .fr-head:focus-visible{outline:2px solid var(--color-text-primary);outline-offset:2px}#fr-app .fr-head[data-cursor=true]{border-color:var(--g-violet);background:color-mix(in srgb,var(--g-violet) 16%,var(--color-bg-elevated))}#fr-app .fr-num{font-family:var(--font-mono);font-size:11px;line-height:1;color:var(--color-text-secondary)}#fr-app .fr-prev{visibility:hidden}#fr-app .fr-head[data-cursor=true] .fr-prev{visibility:visible}#fr-app .fr-board{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:var(--fr-gap);padding:var(--fr-pad);background:linear-gradient(170deg,var(--fr-board),color-mix(in srgb,var(--g-violet) 4%,var(--color-bg-surface)));border:1px solid color-mix(in srgb,var(--g-violet) 28%,var(--color-border-subtle));border-radius:1.4rem;overflow:hidden;box-shadow:0 14px 30px -16px color-mix(in srgb,var(--g-violet) 50%,transparent)}#fr-app .fr-cell{position:relative;aspect-ratio:1;border-radius:50%;cursor:pointer;background:var(--fr-hole);box-shadow:inset 0 2px 5px var(--fr-hole-edge)}#fr-app .fr-cell[data-last=true]{outline:2px dashed var(--color-text-secondary);outline-offset:2px}#fr-app .fr-cell[data-win=true]{outline:3px solid var(--color-text-primary);outline-offset:2px;animation:fr-pulse .9s ease-in-out .4s 3}#fr-app .fr-cell[data-win=true][data-p="1"]{--fr-win: var(--fr-p1)}#fr-app .fr-cell[data-win=true][data-p="2"]{--fr-win: var(--fr-p2)}#fr-app .fr-disc{position:absolute;inset:0;border-radius:50%;box-sizing:border-box;--fr-ring: 3px}#fr-app .fr-token{display:inline-block;width:1.15rem;height:1.15rem;flex:none;border-radius:50%;box-sizing:border-box;position:relative;--fr-ring: 2px}#fr-app .fr-disc[data-p="0"]{display:none}#fr-app .fr-disc[data-p="1"],#fr-app .fr-token[data-p="1"]{background:radial-gradient(circle at 34% 30%,color-mix(in srgb,var(--fr-p1) 65%,var(--color-text-primary)),var(--fr-p1) 62%);box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--fr-p1) 55%,var(--color-text-primary)),0 3px 6px -2px color-mix(in srgb,var(--color-bg-base) 80%,transparent)}#fr-app .fr-disc[data-p="2"],#fr-app .fr-token[data-p="2"]{background:radial-gradient(circle at 34% 30%,color-mix(in srgb,var(--fr-p2) 65%,var(--color-text-primary)),var(--fr-p2) 62%);box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--fr-p2) 55%,var(--color-text-primary)),0 3px 6px -2px color-mix(in srgb,var(--color-bg-base) 80%,transparent)}#fr-app .fr-disc[data-p="1"]:after,#fr-app .fr-token[data-p="1"]:after{content:"";position:absolute;inset:31%;border-radius:50%;background:var(--fr-ink)}#fr-app .fr-disc[data-p="2"]:after,#fr-app .fr-token[data-p="2"]:after{content:"";position:absolute;inset:21%;border-radius:50%;box-shadow:inset 0 0 0 var(--fr-ring) var(--fr-ink)}#fr-app .fr-cell[data-drop=true] .fr-disc{animation:fr-drop calc(.14s + var(--fr-n, 1) * .05s) cubic-bezier(.55,0,.9,.55) both}@keyframes fr-drop{0%{transform:translateY(calc(var(--fr-n, 1) * -112%))}to{transform:translateY(0)}}@keyframes fr-pulse{0%,to{transform:scale(1);box-shadow:0 0 0 0 transparent}50%{transform:scale(1.1);box-shadow:0 0 20px 4px color-mix(in srgb,var(--fr-win, var(--fr-p1)) 75%,transparent)}}@media(prefers-reduced-motion:reduce){#fr-app .fr-cell,#fr-app .fr-disc{animation:none!important}#fr-app *{transition:none!important}}#fr-app .fr-legend{list-style:none;margin:0;padding:0;display:grid;gap:.4rem;font-size:.8rem;color:var(--color-text-secondary)}#fr-app .fr-legend li{display:flex;align-items:center;gap:.5rem;min-width:0}#fr-app .fr-banner[hidden]{display:none}#fr-app .fr-banner{border-color:color-mix(in srgb,var(--g-violet) 45%,var(--color-border-subtle))}#fr-app .fr-how>summary{box-sizing:border-box;min-height:2rem;padding-block:.375rem}#rv-app{--g-sky: var(--color-accent);--g-teal: color-mix(in oklch, var(--color-accent) 50%, var(--color-accent-success));--g-green: var(--color-accent-success);--g-lime: color-mix(in oklch, var(--color-accent-success) 50%, var(--color-accent-warm));--g-amber: var(--color-accent-warm);--g-orange: color-mix(in oklch, var(--color-accent-warm) 50%, var(--color-accent-danger));--g-rose: var(--color-accent-danger);--g-violet: color-mix(in oklch, var(--color-accent) 50%, var(--color-accent-danger))}#rv-app{--rv-sky: var(--g-sky);--rv-amber: var(--g-amber);--rv-violet: var(--g-violet);--rv-aqua: var(--g-teal);--rv-night: var(--color-bg-base);--rv-day: var(--color-text-primary);container-type:inline-size}.theme-light #rv-app{--rv-night: var(--color-text-primary);--rv-day: var(--color-bg-base)}#rv-app .rv-label,#rv-app .rv-k{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-secondary)}#rv-app .rv-controls{display:grid;gap:.875rem;grid-template-columns:minmax(0,1fr);align-items:end}@container (min-width: 560px){#rv-app .rv-controls{grid-template-columns:repeat(3,minmax(0,1fr))}}#rv-app .rv-layout{display:grid;gap:1.25rem;grid-template-columns:minmax(0,1fr)}@container (min-width: 760px){#rv-app .rv-layout{grid-template-columns:minmax(0,480px) minmax(0,1fr);align-items:start}}#rv-app .rv-score{display:flex;flex-wrap:wrap;gap:.5rem;max-width:480px}#rv-app .rv-side{display:flex;align-items:center;gap:.5rem;flex:1 1 0;min-width:8.5rem;padding:.4rem .7rem;border:1px solid var(--color-border);border-radius:.75rem;background:var(--color-bg-surface)}#rv-app #rv-side1{--rv-me: var(--rv-sky)}#rv-app #rv-side2{--rv-me: var(--rv-amber)}#rv-app .rv-side[data-turn=true]{border-color:var(--rv-me);border-width:2px;padding:calc(.4rem - 1px) calc(.7rem - 1px);background:color-mix(in oklch,var(--rv-me) 14%,var(--color-bg-surface));box-shadow:0 0 14px color-mix(in oklch,var(--rv-me) 28%,transparent)}#rv-app .rv-side .rv-v{margin-left:auto;font-family:var(--font-mono);font-weight:700;font-size:1.1rem;color:var(--color-text-primary)}#rv-app .rv-turn{font-size:.85rem;color:var(--color-text-primary);min-height:1.25rem}#rv-app .rv-stats{display:grid;gap:.25rem;font-size:.8rem}#rv-app .rv-stats .rv-v{font-family:var(--font-mono);font-weight:600;color:var(--color-text-primary)}#rv-app .rv-wrap{position:relative;max-width:480px}#rv-app .rv-board{container-type:inline-size;display:grid;grid-template-rows:repeat(8,1fr);aspect-ratio:1;width:100%;border:3px solid color-mix(in oklch,var(--rv-violet) 70%,var(--rv-day));border-radius:.75rem;overflow:hidden;background:linear-gradient(145deg,color-mix(in oklch,var(--rv-violet) 46%,var(--rv-night)),color-mix(in oklch,var(--rv-sky) 22%,var(--rv-night)));box-shadow:0 6px 22px color-mix(in oklch,var(--rv-violet) 30%,transparent)}#rv-app .rv-row{display:grid;grid-template-columns:repeat(8,1fr)}#rv-app .rv-cell{position:relative;display:grid;place-items:center;min-width:0;min-height:0;padding:0;margin:0;border:0;border-radius:0;cursor:pointer;background:transparent;border-right:1px solid color-mix(in oklch,var(--rv-sky) 24%,transparent);border-bottom:1px solid color-mix(in oklch,var(--rv-sky) 24%,transparent);color:var(--color-text-primary)}#rv-app .rv-row:nth-child(odd) .rv-cell:nth-child(2n),#rv-app .rv-row:nth-child(2n) .rv-cell:nth-child(odd){background:color-mix(in oklch,var(--rv-day) 5%,transparent)}#rv-app .rv-cell[data-c="7"]{border-right:0}#rv-app .rv-cell[data-r="7"]{border-bottom:0}#rv-app .rv-cell:focus-visible{outline:3px solid var(--rv-day);outline-offset:-3px;z-index:2}#rv-app .rv-cell[data-last=true]{background:color-mix(in oklch,var(--rv-amber) 22%,transparent)}#rv-app .rv-cell[data-legal=true]:hover{background:color-mix(in oklch,var(--rv-sky) 22%,transparent)}#rv-app .rv-cell[data-legal=true]:after{content:"";width:22%;height:22%;border-radius:50%;pointer-events:none;background:color-mix(in oklch,var(--rv-day) 62%,transparent);box-shadow:0 0 0 3px color-mix(in oklch,var(--rv-day) 16%,transparent)}#rv-app .rv-disc,#rv-app .rv-sw{box-shadow:0 0 0 1.5px color-mix(in oklch,var(--rv-day) 60%,transparent),0 2px 5px color-mix(in oklch,var(--rv-night) 70%,transparent)}#rv-app .rv-disc{display:none;position:relative;width:78%;height:78%;border-radius:50%}#rv-app .rv-cell[data-p="1"] .rv-disc,#rv-app .rv-cell[data-p="2"] .rv-disc{display:block}#rv-app .rv-cell[data-p="1"] .rv-disc,#rv-app .rv-sw[data-p="1"]{background:radial-gradient(circle at 34% 28%,color-mix(in oklch,var(--rv-sky) 55%,var(--rv-day)) 0%,var(--rv-sky) 48%,color-mix(in oklch,var(--rv-sky) 72%,var(--rv-violet)) 100%)}#rv-app .rv-cell[data-p="2"] .rv-disc,#rv-app .rv-sw[data-p="2"]{background:radial-gradient(circle at 34% 28%,color-mix(in oklch,var(--rv-amber) 55%,var(--rv-day)) 0%,var(--rv-amber) 48%,color-mix(in oklch,var(--rv-amber) 72%,var(--rv-violet)) 100%)}#rv-app .rv-cell[data-p="2"] .rv-disc:after,#rv-app .rv-sw[data-p="2"]:after{content:"";position:absolute;inset:24%;border-radius:50%;border:max(2px,.7cqw) solid color-mix(in oklch,var(--rv-violet) 40%,var(--rv-night))}#rv-app .rv-sw{position:relative;flex:none;width:1.1rem;height:1.1rem;border-radius:50%}#rv-app .rv-sw[data-p="2"]:after{border-width:2px}#rv-app .rv-over{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:.75rem 1rem;margin-top:.75rem;background:color-mix(in oklch,var(--rv-night) 80%,var(--rv-violet));border-radius:.75rem;border:3px solid var(--rv-sky);box-shadow:inset 0 0 0 3px color-mix(in oklch,var(--rv-amber) 70%,transparent),0 0 26px color-mix(in oklch,var(--rv-sky) 35%,transparent)}#rv-app .rv-over p{color:var(--rv-day)}#rv-app .rv-over[hidden],#rv-app .rv-note[hidden]{display:none}#rv-app #rv-undo[aria-disabled=true]{opacity:.5;cursor:not-allowed}#rv-app .rv-note{padding:.4rem .7rem;border:1px solid var(--rv-amber);border-radius:.75rem;font-size:.8rem;color:var(--color-text-primary);max-width:480px;background:color-mix(in oklch,var(--rv-amber) 12%,var(--color-bg-surface))}@media(prefers-reduced-motion:no-preference){#rv-app .rv-cell[data-flip=true] .rv-disc{animation:rv-pop .65s ease-out}#rv-app .rv-over:not([hidden]){animation:rv-glow 1.6s ease-in-out 2}}@media(prefers-reduced-motion:reduce){#rv-app *{animation:none!important;transition:none!important}#rv-app .rv-cell[data-flip=true] .rv-disc{box-shadow:0 0 0 1.5px color-mix(in oklch,var(--rv-day) 60%,transparent),0 0 0 4px color-mix(in oklch,var(--rv-aqua) 75%,transparent)}}@keyframes rv-pop{0%{transform:scale(.55);box-shadow:0 0 0 1.5px color-mix(in oklch,var(--rv-day) 60%,transparent),0 0 0 6px color-mix(in oklch,var(--rv-aqua) 80%,transparent)}60%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes rv-glow{0%,to{box-shadow:inset 0 0 0 3px color-mix(in oklch,var(--rv-amber) 70%,transparent),0 0 12px color-mix(in oklch,var(--rv-sky) 20%,transparent)}50%{box-shadow:inset 0 0 0 3px color-mix(in oklch,var(--rv-amber) 70%,transparent),0 0 38px color-mix(in oklch,var(--rv-sky) 55%,transparent)}}#rv-app .rv-how>summary{box-sizing:border-box;min-height:2rem;padding-block:.375rem}#sl-app{--g-sky: var(--color-accent);--g-teal: color-mix(in oklch, var(--color-accent) 50%, var(--color-accent-success));--g-green: var(--color-accent-success);--g-lime: color-mix(in oklch, var(--color-accent-success) 50%, var(--color-accent-warm));--g-amber: var(--color-accent-warm);--g-orange: color-mix(in oklch, var(--color-accent-warm) 50%, var(--color-accent-danger));--g-rose: var(--color-accent-danger);--g-violet: color-mix(in oklch, var(--color-accent) 50%, var(--color-accent-danger))}#sl-app{--sl-s0: var(--g-violet);--sl-s1: var(--g-rose);--sl-s2: var(--g-amber);--sl-s3: var(--g-teal);--sl-sky: var(--g-sky);--sl-grn: var(--g-green);--sl-ink: 78%;container-type:inline-size}.theme-light #sl-app{--sl-ink: 40%}#sl-app .sl-label,#sl-app .sl-k{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-secondary)}#sl-app .sl-controls{display:grid;gap:.875rem;grid-template-columns:minmax(0,1fr);align-items:end}#sl-app .sl-actions{display:flex;flex-wrap:wrap;gap:.5rem}@container (min-width: 560px){#sl-app .sl-controls{grid-template-columns:minmax(0,200px) minmax(0,1fr)}}#sl-app .sl-stats{display:flex;flex-wrap:wrap;gap:.5rem;font-size:.8rem}#sl-app .sl-stats p{display:inline-flex;align-items:center;gap:.5rem;margin:0;padding:.25rem .7rem;border-radius:999px;border:1px solid color-mix(in oklch,var(--sl-chip, var(--sl-sky)) 45%,var(--color-border-subtle));background:color-mix(in oklch,var(--sl-chip, var(--sl-sky)) 13%,var(--color-bg-surface))}#sl-app .sl-stats p:nth-child(2){--sl-chip: var(--sl-s0)}#sl-app .sl-stats p:nth-child(3){--sl-chip: var(--sl-s2)}#sl-app .sl-stats p:nth-child(4){--sl-chip: var(--sl-s3)}#sl-app .sl-stats p:nth-child(5){--sl-chip: var(--sl-s1)}#sl-app .sl-stats p:nth-child(6){--sl-chip: var(--sl-grn)}#sl-app .sl-stats .sl-v{font-family:var(--font-mono);font-weight:600;color:var(--color-text-primary)}#sl-app .sl-wrap{position:relative;max-width:800px;container-type:inline-size;padding:8px;box-sizing:border-box;background:linear-gradient(160deg,color-mix(in oklch,var(--sl-s0) 30%,var(--color-bg-surface)),color-mix(in oklch,var(--sl-sky) 14%,var(--color-bg-surface)) 70%,color-mix(in oklch,var(--sl-s3) 12%,var(--color-bg-surface)));border:2px solid color-mix(in oklch,var(--sl-s0) 55%,var(--color-border));border-radius:1rem}#sl-app .sl-wrap[data-state=won]{border-color:var(--sl-s2);box-shadow:0 0 0 4px color-mix(in oklch,var(--sl-s2) 30%,transparent),0 0 34px color-mix(in oklch,var(--sl-sky) 40%,transparent)}#sl-app .sl-board{--gap: clamp(3px, 1.4cqw, 12px);--cw: calc((100cqw - 6 * var(--gap)) / 7);--ch: calc(var(--cw) * 1.4);--du: calc(var(--cw) * .14);--uu: calc(var(--cw) * .42);position:relative;display:grid;row-gap:calc(var(--gap) * 3);user-select:none;-webkit-user-select:none}#sl-app .sl-top,#sl-app .sl-tab{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));column-gap:var(--gap);align-items:stretch}#sl-app .sl-tab{min-height:calc(var(--ch) + 5 * var(--uu))}#sl-app .sl-pile{position:relative;display:block;align-self:stretch;width:100%;min-width:0;min-height:var(--ch);margin:0;padding:0;border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer;border-radius:calc(var(--cw) * .1);-webkit-tap-highlight-color:transparent}#sl-app .sl-pile[data-pile=waste]{grid-column:span 2}#sl-app .sl-pile[data-pile^=t]{min-height:calc(var(--ch) + var(--sl-d, 0) * var(--du) + var(--sl-u, 0) * var(--uu))}#sl-app .sl-pile[data-down="1"]{--sl-d: 1}#sl-app .sl-pile[data-down="2"]{--sl-d: 2}#sl-app .sl-pile[data-down="3"]{--sl-d: 3}#sl-app .sl-pile[data-down="4"]{--sl-d: 4}#sl-app .sl-pile[data-down="5"]{--sl-d: 5}#sl-app .sl-pile[data-down="6"]{--sl-d: 6}#sl-app .sl-pile[data-up="2"]{--sl-u: 1}#sl-app .sl-pile[data-up="3"]{--sl-u: 2}#sl-app .sl-pile[data-up="4"]{--sl-u: 3}#sl-app .sl-pile[data-up="5"]{--sl-u: 4}#sl-app .sl-pile[data-up="6"]{--sl-u: 5}#sl-app .sl-pile[data-up="7"]{--sl-u: 6}#sl-app .sl-pile[data-up="8"]{--sl-u: 7}#sl-app .sl-pile[data-up="9"]{--sl-u: 8}#sl-app .sl-pile[data-up="10"]{--sl-u: 9}#sl-app .sl-pile[data-up="11"]{--sl-u: 10}#sl-app .sl-pile[data-up="12"]{--sl-u: 11}#sl-app .sl-pile[data-up="13"]{--sl-u: 12}#sl-app .sl-pile:focus-visible{outline:3px solid var(--color-text-primary);outline-offset:2px}#sl-app .sl-pile[data-target=true]{outline:3px dashed var(--sl-grn);outline-offset:2px}#sl-app .sl-slot{position:absolute;left:0;top:0;width:var(--cw);height:var(--ch);box-sizing:border-box;display:grid;place-items:center;border:1.5px dashed color-mix(in oklch,var(--sl-sky) 45%,var(--color-border));border-radius:calc(var(--cw) * .1);background:color-mix(in oklch,var(--sl-sky) 6%,transparent);color:var(--color-text-muted);font-family:var(--font-mono);font-size:calc(var(--cw) * .5);line-height:1}#sl-app .sl-slot:before{content:attr(data-mark)}#sl-app .sl-pile[data-pile=f0] .sl-slot{--sl-c: var(--sl-s0)}#sl-app .sl-pile[data-pile=f1] .sl-slot{--sl-c: var(--sl-s1)}#sl-app .sl-pile[data-pile=f2] .sl-slot{--sl-c: var(--sl-s2)}#sl-app .sl-pile[data-pile=f3] .sl-slot{--sl-c: var(--sl-s3)}#sl-app .sl-pile[data-pile^=f] .sl-slot{border-color:color-mix(in oklch,var(--sl-c) 60%,var(--color-border));background:color-mix(in oklch,var(--sl-c) 10%,transparent);color:color-mix(in oklch,var(--sl-c) var(--sl-ink),var(--color-text-primary))}#sl-app .sl-card{position:absolute;left:0;top:0;width:var(--cw);height:var(--ch);box-sizing:border-box;overflow:hidden;border:1px solid color-mix(in oklch,var(--sl-c, var(--sl-sky)) 45%,var(--color-border));border-radius:calc(var(--cw) * .1);background-color:color-mix(in oklch,var(--sl-c, var(--sl-sky)) 9%,var(--color-bg-elevated));color:color-mix(in oklch,var(--sl-c, var(--sl-sky)) var(--sl-ink),var(--color-text-primary));font-family:var(--font-mono);line-height:1;user-select:none;-webkit-user-select:none;box-shadow:0 1px 3px color-mix(in oklch,var(--color-bg-base) 60%,transparent)}#sl-app .sl-card[data-s="0"]{--sl-c: var(--sl-s0)}#sl-app .sl-card[data-s="1"]{--sl-c: var(--sl-s1)}#sl-app .sl-card[data-s="2"]{--sl-c: var(--sl-s2)}#sl-app .sl-card[data-s="3"]{--sl-c: var(--sl-s3)}#sl-app .sl-card[data-up=true]{touch-action:none;background-image:radial-gradient(circle at 50% 78%,color-mix(in oklch,var(--sl-c) 22%,transparent) 0 30%,transparent 32%),linear-gradient(180deg,color-mix(in oklch,var(--sl-c) 24%,transparent) 0 calc(var(--cw) * .36),transparent calc(var(--cw) * .36))}#sl-app .sl-corner{position:absolute;left:6%;top:5%;font-size:max(10px,calc(var(--cw) * .27));font-weight:700;white-space:nowrap}#sl-app .sl-big{position:absolute;left:0;right:0;bottom:6%;text-align:center;font-size:calc(var(--cw) * .52)}#sl-app .sl-card[data-up=false]{--sl-w: calc(var(--cw) * .06);background-color:color-mix(in oklch,var(--sl-s0) 38%,var(--color-bg-surface));background-image:radial-gradient(circle at 50% 50%,color-mix(in oklch,var(--sl-s2) 90%,transparent) 0 calc(var(--cw) * .09),transparent calc(var(--cw) * .1)),repeating-linear-gradient(135deg,color-mix(in oklch,var(--sl-sky) 55%,transparent) 0 var(--sl-w),color-mix(in oklch,var(--sl-s0) 50%,transparent) var(--sl-w) calc(var(--sl-w) * 2),color-mix(in oklch,var(--sl-s1) 42%,transparent) calc(var(--sl-w) * 2) calc(var(--sl-w) * 3));border-color:color-mix(in oklch,var(--sl-sky) 60%,var(--color-border));box-shadow:inset 0 0 0 calc(var(--cw) * .05) color-mix(in oklch,var(--color-bg-surface) 85%,transparent),inset 0 0 0 calc(var(--cw) * .07) color-mix(in oklch,var(--sl-s2) 65%,transparent)}#sl-app .sl-badge{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:.15em .45em;border-radius:999px;background:var(--color-bg-surface);color:var(--color-text-primary);font-size:max(10px,calc(var(--cw) * .27));font-weight:700}#sl-app .sl-card[data-sel=true]{outline:3px solid var(--sl-s2);outline-offset:-1px;z-index:1;background-color:color-mix(in oklch,var(--sl-s2) 22%,var(--color-bg-elevated))}#sl-app .sl-pile:focus-visible .sl-card[data-cur=true]{outline:3px dashed var(--color-text-primary);outline-offset:1px;z-index:2}#sl-app .sl-win{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:1rem;z-index:5;border-radius:1rem;backdrop-filter:blur(3px);background:color-mix(in oklch,var(--color-bg-base) 84%,var(--sl-s0));border:3px solid var(--sl-s2);box-shadow:inset 0 0 0 3px color-mix(in oklch,var(--sl-sky) 60%,transparent),0 0 30px color-mix(in oklch,var(--sl-s2) 40%,transparent)}#sl-app .sl-win[hidden]{display:none}@media(prefers-reduced-motion:no-preference){#sl-app .sl-wrap[data-state=won]{animation:sl-glow 1.8s ease-in-out 2}}@keyframes sl-glow{0%,to{box-shadow:0 0 0 4px color-mix(in oklch,var(--sl-s2) 24%,transparent),0 0 12px color-mix(in oklch,var(--sl-sky) 20%,transparent)}50%{box-shadow:0 0 0 8px color-mix(in oklch,var(--sl-s2) 36%,transparent),0 0 44px color-mix(in oklch,var(--sl-sky) 55%,transparent)}}@media(prefers-reduced-motion:reduce){#sl-app *{transition:none!important;animation:none!important}}#sl-app .sl-how>summary{min-height:2rem;padding-block:.375rem;box-sizing:border-box}#rt-app{--g-sky: var(--color-accent);--g-teal: color-mix(in oklch, var(--color-accent) 50%, var(--color-accent-success));--g-green: var(--color-accent-success);--g-lime: color-mix(in oklch, var(--color-accent-success) 50%, var(--color-accent-warm));--g-amber: var(--color-accent-warm);--g-orange: color-mix(in oklch, var(--color-accent-warm) 50%, var(--color-accent-danger));--g-rose: var(--color-accent-danger);--g-violet: color-mix(in oklch, var(--color-accent) 50%, var(--color-accent-danger))}#rt-app{--rt-idle: var(--g-sky);--rt-idle-2: var(--g-violet);--rt-wait: var(--g-amber);--rt-wait-2: var(--g-orange);--rt-go: var(--g-green);--rt-go-2: var(--g-lime);--rt-early: var(--g-rose);--rt-early-2: var(--g-orange);--rt-result: var(--g-violet);--rt-result-2: var(--g-sky);--rt-done: var(--g-teal);--rt-done-2: var(--g-violet);--rt-s1: var(--g-sky);--rt-s2: var(--g-green);--rt-s3: var(--g-amber);--rt-s4: var(--g-rose);--rt-s5: var(--g-violet);--rt-dot-1: var(--g-sky);--rt-dot-2: var(--g-amber);--rt-dot-3: var(--g-rose);--rt-dot-4: var(--g-lime);--rt-dot-5: var(--g-violet);--rt-dot-6: var(--g-orange)}#rt-app{container-type:inline-size}#rt-app .rt-k{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-secondary)}#rt-app .rt-v{font-family:var(--font-mono);font-weight:600;color:var(--color-text-primary)}#rt-app .rt-panel{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;box-sizing:border-box;width:100%;min-height:11rem;margin:0;padding:1.25rem 1rem;cursor:pointer;font:inherit;text-align:center;color:var(--color-text-primary);touch-action:manipulation;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;border:3px solid var(--rt-idle);border-radius:1rem;background:linear-gradient(155deg,color-mix(in srgb,var(--rt-idle) 24%,var(--color-bg-surface)),color-mix(in srgb,var(--rt-idle-2) 14%,var(--color-bg-surface)))}@container (min-width: 520px){#rt-app .rt-panel{min-height:14rem}}#rt-app .rt-panel:focus-visible{outline:3px solid var(--color-text-primary);outline-offset:3px}#rt-app .rt-label{font-size:clamp(1.4rem,7cqw,2.25rem);font-weight:700;line-height:1.15}#rt-app .rt-sub{font-size:.85rem;color:var(--color-text-primary);line-height:1.4}#rt-app .rt-panel:before{content:"▶︎";content:"▶︎" / "";font-size:1.6rem;line-height:1;color:var(--rt-idle)}#rt-app .rt-panel[data-state=waiting]{border-style:dashed;border-radius:.5rem;border-color:var(--rt-wait);background:linear-gradient(155deg,color-mix(in srgb,var(--rt-wait) 26%,var(--color-bg-surface)),color-mix(in srgb,var(--rt-wait-2) 14%,var(--color-bg-surface)))}#rt-app .rt-panel[data-state=waiting]:before{content:"• • •";content:"• • •" / "";color:var(--rt-wait);letter-spacing:.15em;white-space:pre}#rt-app .rt-panel[data-state=go]{border-style:solid;border-width:8px;border-radius:0;border-color:var(--rt-go);background:linear-gradient(155deg,color-mix(in srgb,var(--rt-go) 40%,var(--color-bg-surface)),color-mix(in srgb,var(--rt-go-2) 22%,var(--color-bg-surface)));animation:rt-ring .5s ease-out 1}#rt-app .rt-panel[data-state=go]:before{content:"➜";content:"➜" / "";color:var(--rt-go);font-size:2.2rem}#rt-app .rt-panel[data-state=go] .rt-label{font-size:clamp(1.75rem,9cqw,3rem)}#rt-app .rt-panel[data-state=early]{border-style:double;border-width:6px;border-radius:1.75rem;border-color:var(--rt-early);background:linear-gradient(155deg,color-mix(in srgb,var(--rt-early) 24%,var(--color-bg-surface)),color-mix(in srgb,var(--rt-early-2) 12%,var(--color-bg-surface)))}#rt-app .rt-panel[data-state=early]:before{content:"✕";content:"✕" / "";color:var(--rt-early)}#rt-app .rt-panel[data-state=result],#rt-app .rt-panel[data-state=done]{border-color:var(--rt-result);background:linear-gradient(155deg,color-mix(in srgb,var(--rt-result) 26%,var(--color-bg-surface)),color-mix(in srgb,var(--rt-result-2) 14%,var(--color-bg-surface)))}#rt-app .rt-panel[data-state=result]:before{content:"✓";content:"✓" / "";color:var(--rt-result)}#rt-app .rt-panel[data-state=result] .rt-label,#rt-app .rt-panel[data-state=done] .rt-label{font-family:var(--font-mono)}#rt-app .rt-panel[data-state=done]{border-color:var(--rt-done);border-width:5px;background:linear-gradient(155deg,color-mix(in srgb,var(--rt-done) 28%,var(--color-bg-surface)),color-mix(in srgb,var(--rt-done-2) 22%,var(--color-bg-surface)))}#rt-app .rt-panel[data-state=done]:before{content:"★";content:"★" / "";color:var(--rt-wait);font-size:2rem}#rt-app .rt-panel[data-state=done]:after{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(circle at 7% 18%,var(--rt-dot-1) 0 5px,transparent 6px),radial-gradient(circle at 12% 70%,var(--rt-dot-2) 0 4px,transparent 5px),radial-gradient(circle at 5% 44%,var(--rt-dot-3) 0 3px,transparent 4px),radial-gradient(circle at 93% 22%,var(--rt-dot-4) 0 5px,transparent 6px),radial-gradient(circle at 88% 74%,var(--rt-dot-5) 0 4px,transparent 5px),radial-gradient(circle at 95% 50%,var(--rt-dot-6) 0 3px,transparent 4px);animation:rt-confetti 1.4s ease-out 1 both}@keyframes rt-ring{0%{box-shadow:0 0 color-mix(in srgb,var(--rt-go) 65%,transparent)}to{box-shadow:0 0 0 18px color-mix(in srgb,var(--rt-go) 0%,transparent)}}@keyframes rt-confetti{0%{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:none}}#rt-app .rt-slots{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.375rem}#rt-app .rt-slot{--slot: var(--rt-s1);display:flex;flex-direction:column;align-items:center;gap:.15rem;min-width:0;padding:.4rem .2rem;border:1.5px solid var(--color-border);border-top:4px solid var(--slot);border-radius:.5rem;background:var(--color-bg-surface);text-align:center}#rt-app .rt-slot[data-n="2"]{--slot: var(--rt-s2)}#rt-app .rt-slot[data-n="3"]{--slot: var(--rt-s3)}#rt-app .rt-slot[data-n="4"]{--slot: var(--rt-s4)}#rt-app .rt-slot[data-n="5"]{--slot: var(--rt-s5)}#rt-app .rt-slot[data-cur=true]{border-style:dashed;border-color:var(--slot);border-top-style:solid}#rt-app .rt-slot[data-filled=true]{border-color:var(--slot);background:color-mix(in srgb,var(--slot) 16%,var(--color-bg-surface))}#rt-app .rt-slot .rt-v{font-size:.8rem;overflow-wrap:anywhere}@container (max-width: 400px){#rt-app .rt-slot .rt-v{font-size:.7rem}}#rt-app .rt-slot .rt-k{font-size:9px;letter-spacing:.06em}#rt-app .rt-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem 1rem;font-size:.85rem;margin-top:.35rem}#rt-app .rt-stats p{display:flex;flex-direction:column;gap:.1rem;min-width:0;padding-left:.5rem;border-left:4px solid var(--rt-s1)}#rt-app .rt-stats p:nth-child(2){border-left-color:var(--rt-s2)}#rt-app .rt-stats p:nth-child(3){border-left-color:var(--rt-s3)}#rt-app .rt-stats p:nth-child(4){border-left-color:var(--rt-s4)}@container (min-width: 520px){#rt-app .rt-summary .rt-stats{grid-template-columns:repeat(4,minmax(0,1fr))}}#rt-app .rt-summary{border-color:var(--rt-result);background:linear-gradient(155deg,color-mix(in srgb,var(--rt-result) 12%,var(--color-bg-surface)),color-mix(in srgb,var(--rt-done) 8%,var(--color-bg-surface)))}#rt-app .rt-summary[hidden],#rt-app .rt-notice[hidden],#rt-app .rt-hist[hidden]{display:none}#rt-app .rt-notice{margin:0;padding:.4rem .75rem;font-size:.8rem;font-weight:600;color:var(--color-text-primary);border:2px solid var(--rt-go);border-radius:.5rem;background:linear-gradient(120deg,color-mix(in srgb,var(--rt-go) 20%,var(--color-bg-surface)),color-mix(in srgb,var(--rt-wait) 16%,var(--color-bg-surface)))}#rt-app .rt-notice:before{content:"★ ";content:"★ " / "";color:var(--rt-wait);white-space:pre}#rt-app .rt-hist{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.3rem}#rt-app .rt-hist li{--chip: var(--rt-s1);font-family:var(--font-mono);font-size:.72rem;color:var(--color-text-primary);padding:.15rem .45rem;border:1px solid var(--color-border-subtle);border-left:4px solid var(--chip);border-radius:.4rem;background:color-mix(in srgb,var(--chip) 10%,var(--color-bg-surface))}#rt-app .rt-hist li:nth-child(5n+2){--chip: var(--rt-s2)}#rt-app .rt-hist li:nth-child(5n+3){--chip: var(--rt-s3)}#rt-app .rt-hist li:nth-child(5n+4){--chip: var(--rt-s4)}#rt-app .rt-hist li:nth-child(5n+5){--chip: var(--rt-s5)}#rt-app .rt-how>summary{min-height:2rem;padding-block:.375rem;box-sizing:border-box}.theme-light #rt-app .rt-panel[data-state=idle]{border-color:color-mix(in srgb,var(--rt-idle) 60%,var(--color-text-primary))}.theme-light #rt-app .rt-panel[data-state=idle]:before{color:color-mix(in srgb,var(--rt-idle) 60%,var(--color-text-primary))}.theme-light #rt-app .rt-panel[data-state=waiting]{border-color:color-mix(in srgb,var(--rt-wait) 60%,var(--color-text-primary))}.theme-light #rt-app .rt-panel[data-state=waiting]:before{color:color-mix(in srgb,var(--rt-wait) 60%,var(--color-text-primary))}.theme-light #rt-app .rt-panel[data-state=go]{border-color:color-mix(in srgb,var(--rt-go) 60%,var(--color-text-primary))}.theme-light #rt-app .rt-panel[data-state=go]:before{color:color-mix(in srgb,var(--rt-go) 60%,var(--color-text-primary))}.theme-light #rt-app .rt-panel[data-state=early]{border-color:color-mix(in srgb,var(--rt-early) 60%,var(--color-text-primary))}.theme-light #rt-app .rt-panel[data-state=early]:before{color:color-mix(in srgb,var(--rt-early) 60%,var(--color-text-primary))}.theme-light #rt-app .rt-panel[data-state=result]{border-color:color-mix(in srgb,var(--rt-result) 60%,var(--color-text-primary))}.theme-light #rt-app .rt-panel[data-state=result]:before{color:color-mix(in srgb,var(--rt-result) 60%,var(--color-text-primary))}.theme-light #rt-app .rt-panel[data-state=done]{border-color:color-mix(in srgb,var(--rt-done) 60%,var(--color-text-primary))}.theme-light #rt-app .rt-panel[data-state=done]:before{color:color-mix(in srgb,var(--rt-wait) 50%,var(--color-text-primary))}@media(prefers-reduced-motion:reduce){#rt-app .rt-panel,#rt-app .rt-panel:after{animation:none!important;transition:none!important}}#pgs-app{--g-sky: var(--color-accent);--g-teal: color-mix(in oklch, var(--color-accent) 50%, var(--color-accent-success));--g-green: var(--color-accent-success);--g-lime: color-mix(in oklch, var(--color-accent-success) 50%, var(--color-accent-warm));--g-amber: var(--color-accent-warm);--g-orange: color-mix(in oklch, var(--color-accent-warm) 50%, var(--color-accent-danger));--g-rose: var(--color-accent-danger);--g-violet: color-mix(in oklch, var(--color-accent) 50%, var(--color-accent-danger));--pgs-ok: var(--g-green);--pgs-warm: var(--g-orange);--pgs-lite: var(--color-text-primary);--pgs-board: color-mix(in srgb, var(--pgs-warm) 30%, var(--color-bg-elevated));--pgs-board-edge: color-mix(in srgb, var(--g-amber) 60%, var(--color-bg-base));--pgs-hole: color-mix(in srgb, var(--color-bg-base) 78%, var(--pgs-warm));--pgs-hole-edge: color-mix(in srgb, var(--g-amber) 38%, var(--pgs-hole));--pgs-peg: radial-gradient(circle at 32% 28%, color-mix(in srgb, var(--g-sky) 55%, var(--pgs-lite)), var(--g-sky) 40%, var(--g-violet) 100%);--pgs-peg-sel: radial-gradient(circle at 32% 28%, color-mix(in srgb, var(--g-amber) 55%, var(--pgs-lite)), var(--g-amber) 40%, var(--pgs-warm) 100%);container-type:inline-size}.theme-light #pgs-app{--pgs-lite: var(--color-bg-base);--pgs-board: color-mix(in srgb, var(--pgs-warm) 40%, var(--color-bg-surface));--pgs-board-edge: color-mix(in srgb, var(--pgs-warm) 70%, var(--color-text-primary));--pgs-hole: color-mix(in srgb, var(--pgs-warm) 55%, var(--color-text-primary));--pgs-hole-edge: color-mix(in srgb, var(--g-amber) 40%, var(--pgs-hole))}.theme-light #pgs-app .pgs-cell[data-legal=true]:after,.theme-light #pgs-app .pgs-sw[data-k=land] i{background:color-mix(in srgb,var(--pgs-ok) 40%,var(--color-bg-base))}#pgs-app .pgs-label,#pgs-app .pgs-k{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-secondary)}#pgs-app .pgs-controls{display:grid;gap:.875rem;grid-template-columns:minmax(0,1fr);align-items:end;padding:.875rem;border-radius:1rem;border:1px solid color-mix(in srgb,var(--pgs-warm) 40%,transparent);background:linear-gradient(120deg,color-mix(in srgb,var(--pgs-warm) 16%,var(--color-bg-elevated)),color-mix(in srgb,var(--g-violet) 12%,var(--color-bg-elevated)))}#pgs-app .pgs-actions{display:flex;flex-wrap:wrap;gap:.5rem}@container (min-width: 560px){#pgs-app .pgs-controls{grid-template-columns:minmax(0,260px) minmax(0,1fr)}}#pgs-app .pgs-layout{display:grid;gap:1.25rem;grid-template-columns:minmax(0,1fr)}@container (min-width: 760px){#pgs-app .pgs-layout{grid-template-columns:minmax(0,460px) minmax(0,1fr);align-items:start}}#pgs-app .pgs-stats{display:flex;flex-wrap:wrap;gap:.4rem;font-size:.8rem}#pgs-app .pgs-stats p{display:inline-flex;align-items:baseline;gap:.4rem;padding:.2rem .65rem;border-radius:999px;border:1px solid var(--pgs-chip);background:color-mix(in srgb,var(--pgs-chip) 14%,var(--color-bg-elevated))}#pgs-app .pgs-stats p:nth-child(1){--pgs-chip: var(--g-sky)}#pgs-app .pgs-stats p:nth-child(2){--pgs-chip: var(--g-violet)}#pgs-app .pgs-stats p:nth-child(3){--pgs-chip: var(--g-amber)}#pgs-app .pgs-stats p:nth-child(4){--pgs-chip: var(--pgs-ok)}#pgs-app .pgs-stats .pgs-v{font-family:var(--font-mono);font-weight:600;color:var(--color-text-primary)}#pgs-app .pgs-wrap{max-width:460px}#pgs-app .pgs-board{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;width:100%;box-sizing:border-box;padding:8px;aspect-ratio:1;align-content:stretch;border:3px solid var(--pgs-board-edge);border-radius:1rem;background:radial-gradient(circle at 50% 40%,color-mix(in srgb,var(--pgs-board) 80%,var(--pgs-lite)),var(--pgs-board) 70%);box-shadow:inset 0 0 22px color-mix(in srgb,var(--pgs-warm) 25%,transparent),0 6px 16px color-mix(in srgb,var(--pgs-warm) 18%,transparent)}#pgs-app .pgs-gap{min-width:0;aspect-ratio:1}#pgs-app .pgs-cell{position:relative;display:grid;place-items:center;aspect-ratio:1;min-width:0;padding:0;margin:0;cursor:pointer;border:2px solid var(--pgs-hole-edge);border-radius:50%;color:var(--color-text-primary);background:radial-gradient(circle at 50% 60%,var(--pgs-hole),color-mix(in srgb,var(--pgs-hole) 80%,var(--color-bg-base)));box-shadow:inset 0 3px 5px color-mix(in srgb,var(--color-bg-base) 55%,transparent)}#pgs-app .pgs-cell:focus-visible{outline:3px solid var(--color-text-primary);outline-offset:2px;z-index:2}#pgs-app .pgs-peg{display:none;width:74%;aspect-ratio:1;border-radius:50%;background:var(--pgs-peg);border:2px solid var(--color-text-primary);pointer-events:none;box-shadow:0 3px 5px color-mix(in srgb,var(--color-bg-base) 60%,transparent)}#pgs-app .pgs-cell[data-state=peg] .pgs-peg{display:block}#pgs-app .pgs-cell[data-state=peg]{border-color:var(--g-amber)}#pgs-app .pgs-cell[data-sel=true]{border:3px solid var(--color-text-primary)}#pgs-app .pgs-cell[data-sel=true] .pgs-peg{background:var(--pgs-peg-sel)}#pgs-app .pgs-cell[data-legal=true]{border:2px dashed var(--pgs-ok);background:color-mix(in srgb,var(--pgs-ok) 22%,var(--pgs-hole))}#pgs-app .pgs-cell[data-legal=true]:after{content:"";position:absolute;inset:0;margin:auto;width:26%;height:26%;border-radius:50%;background:var(--pgs-ok);pointer-events:none}#pgs-app .pgs-cell[data-hint=to]{border:3px solid var(--g-amber)}#pgs-app .pgs-cell[data-centre=true][data-state=hole]:not([data-legal=true]):before{content:"";position:absolute;inset:0;margin:auto;width:30%;height:30%;border-radius:50%;border:2px solid var(--g-amber);pointer-events:none}#pgs-app .pgs-mark{display:none;position:absolute;top:2px;right:2px;width:22%;max-width:12px;aspect-ratio:1;background:var(--g-amber);border:1px solid var(--color-text-primary);transform:rotate(45deg);pointer-events:none}#pgs-app .pgs-cell[data-hint=from] .pgs-mark,#pgs-app .pgs-cell[data-hint=to] .pgs-mark{display:block}#pgs-app .pgs-legend{display:grid;gap:.4rem;list-style:none;margin:0;padding:0;font-size:.75rem;color:var(--color-text-secondary)}#pgs-app .pgs-legend li{display:flex;align-items:center;gap:.6rem}#pgs-app .pgs-sw{position:relative;display:grid;place-items:center;flex:none;width:1.6rem;height:1.6rem;border:2px solid var(--pgs-hole-edge);border-radius:50%;background:var(--pgs-hole)}#pgs-app .pgs-sw i{display:none;width:74%;aspect-ratio:1;border-radius:50%;background:var(--pgs-peg);border:2px solid var(--color-text-primary)}#pgs-app .pgs-sw[data-k=peg] i,#pgs-app .pgs-sw[data-k=sel] i{display:block}#pgs-app .pgs-sw[data-k=peg]{border-color:var(--g-amber)}#pgs-app .pgs-sw[data-k=sel]{border:3px solid var(--color-text-primary)}#pgs-app .pgs-sw[data-k=sel] i{background:var(--pgs-peg-sel)}#pgs-app .pgs-sw[data-k=land]{border:2px dashed var(--pgs-ok);background:color-mix(in srgb,var(--pgs-ok) 22%,var(--pgs-hole))}#pgs-app .pgs-sw[data-k=land] i{display:block;width:26%;border:0;background:var(--pgs-ok)}#pgs-app .pgs-sw[data-k=hint]{border:3px solid var(--g-amber)}#pgs-app .pgs-sw[data-k=hint] i{display:block;position:absolute;top:0;right:0;width:6px;aspect-ratio:1;border-radius:0;border:1px solid var(--color-text-primary);background:var(--g-amber);transform:rotate(45deg)}#pgs-app .pgs-sw[data-k=centre] i{display:block;width:30%;background:transparent;border:2px solid var(--g-amber)}#pgs-app .pgs-end[hidden]{display:none}#pgs-app .pgs-end{border-color:var(--g-amber);background:linear-gradient(135deg,color-mix(in srgb,var(--g-amber) 20%,var(--color-bg-elevated)),color-mix(in srgb,var(--g-violet) 16%,var(--color-bg-elevated)))}@media(prefers-reduced-motion:no-preference){#pgs-app .pgs-cell{transition:border-color .12s ease,background-color .12s ease}#pgs-app .pgs-cell[data-landed=true] .pgs-peg{animation:pgs-pop .26s ease-out}#pgs-app .pgs-layout:has(.pgs-end:not([hidden])) .pgs-cell[data-state=peg] .pgs-peg{animation:pgs-glow 1.8s ease-in-out infinite alternate}#pgs-app .pgs-end:not([hidden]){animation:pgs-settle .42s ease-out 1}}@media(prefers-reduced-motion:reduce){#pgs-app *{animation:none!important;transition:none!important}}@keyframes pgs-pop{0%{transform:scale(.6)}70%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes pgs-glow{0%{box-shadow:0 3px 5px color-mix(in srgb,var(--color-bg-base) 60%,transparent)}to{box-shadow:0 0 12px 3px color-mix(in srgb,var(--g-amber) 70%,transparent)}}@keyframes pgs-settle{0%{transform:scale(.97)}to{transform:scale(1)}}#pgs-app .pgs-how>summary{min-height:2rem;padding-block:.375rem;box-sizing:border-box}#ck-app{--g-sky: var(--color-accent);--g-teal: color-mix(in oklch, var(--color-accent) 50%, var(--color-accent-success));--g-green: var(--color-accent-success);--g-lime: color-mix(in oklch, var(--color-accent-success) 50%, var(--color-accent-warm));--g-amber: var(--color-accent-warm);--g-orange: color-mix(in oklch, var(--color-accent-warm) 50%, var(--color-accent-danger));--g-rose: var(--color-accent-danger);--g-violet: color-mix(in oklch, var(--color-accent) 50%, var(--color-accent-danger))}#ck-app{container-type:inline-size;--ck-solid: var(--g-sky);--ck-ring: var(--g-amber);--ck-go: var(--g-green);--ck-vio: var(--g-violet);--ck-rose: var(--g-rose);--ck-play: color-mix(in srgb, var(--g-violet) 42%, var(--color-bg-base));--ck-rest: color-mix(in srgb, var(--g-amber) 22%, var(--color-bg-elevated));--ck-ink: var(--color-bg-base);--ck-glint: var(--color-text-primary);--ck-frame: color-mix(in oklch, var(--g-amber) 35%, var(--g-violet))}.theme-light #ck-app{--ck-play: color-mix(in srgb, var(--g-violet) 62%, var(--color-text-secondary));--ck-rest: color-mix(in srgb, var(--g-amber) 22%, var(--color-bg-elevated));--ck-ink: var(--color-text-primary);--ck-glint: var(--color-bg-surface)}#ck-app .ck-label,#ck-app .ck-k{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-secondary)}#ck-app .ck-controls{display:grid;gap:.875rem;grid-template-columns:minmax(0,1fr);align-items:end}@container (min-width: 560px){#ck-app .ck-controls{grid-template-columns:repeat(3,minmax(0,1fr))}}#ck-app .ck-layout{display:grid;gap:1.25rem;grid-template-columns:minmax(0,1fr)}@container (min-width: 760px){#ck-app .ck-layout{grid-template-columns:minmax(0,480px) minmax(0,1fr);align-items:start}}#ck-app .ck-score{display:flex;flex-wrap:wrap;gap:.5rem;max-width:480px}#ck-app .ck-side{--ck-c: var(--color-border);display:flex;align-items:center;gap:.5rem;flex:1 1 0;min-width:8.5rem;padding:.4rem .7rem;border:1px solid color-mix(in srgb,var(--ck-c) 45%,var(--color-border));border-radius:.6rem;background:linear-gradient(100deg,color-mix(in srgb,var(--ck-c) 16%,var(--color-bg-surface)),var(--color-bg-surface))}#ck-app #ck-side1{--ck-c: var(--ck-solid)}#ck-app #ck-side2{--ck-c: var(--ck-ring)}#ck-app .ck-side[data-turn=true]{border-color:var(--ck-c);border-width:2px;padding:calc(.4rem - 1px) calc(.7rem - 1px);box-shadow:0 0 14px -4px color-mix(in srgb,var(--ck-c) 70%,transparent)}#ck-app .ck-side .ck-sub{font-size:.7rem;color:var(--color-text-muted)}#ck-app .ck-side .ck-v{margin-left:auto;font-family:var(--font-mono);font-weight:700;font-size:1.1rem;color:var(--color-text-primary)}#ck-app .ck-turn{font-size:.85rem;color:var(--color-text-primary);min-height:1.25rem}#ck-app .ck-stats{display:grid;gap:.25rem;font-size:.8rem}#ck-app .ck-stats .ck-v{font-family:var(--font-mono);font-weight:600;color:var(--color-text-primary)}#ck-app .ck-wrap{position:relative;max-width:480px}#ck-app .ck-board{container-type:inline-size;display:grid;grid-template-rows:repeat(8,1fr);aspect-ratio:1;width:100%;border:3px solid var(--ck-frame);border-radius:.75rem;overflow:hidden;background:var(--ck-rest);box-shadow:0 14px 34px -18px color-mix(in srgb,var(--ck-vio) 65%,transparent)}#ck-app .ck-row{display:grid;grid-template-columns:repeat(8,1fr)}#ck-app .ck-cell{position:relative;display:grid;place-items:center;min-width:0;min-height:0;padding:0;margin:0;border:0;border-radius:0;cursor:pointer;background:var(--ck-rest);color:var(--color-text-primary)}#ck-app .ck-cell[data-play=true]{background:repeating-linear-gradient(135deg,color-mix(in srgb,var(--ck-vio) 16%,transparent) 0 2px,transparent 2px 9px),var(--ck-play)}#ck-app .ck-cell[data-play=false]{cursor:default}#ck-app .ck-cell:focus-visible{outline:3px solid var(--color-accent);outline-offset:-3px;z-index:2}#ck-app .ck-cell[data-last=true]{background:linear-gradient(color-mix(in srgb,var(--ck-ring) 34%,transparent),color-mix(in srgb,var(--ck-ring) 34%,transparent)),var(--ck-play);box-shadow:inset 0 0 0 3px color-mix(in srgb,var(--ck-ring) 75%,transparent)}#ck-app .ck-cell[data-dest=true]:hover{background:color-mix(in srgb,var(--ck-go) 30%,var(--ck-play))}#ck-app .ck-cell[data-dest=true]:after{content:"";width:26%;height:26%;border-radius:50%;background:var(--ck-go);pointer-events:none;box-shadow:0 0 0 2px var(--color-bg-base),0 0 0 4px color-mix(in srgb,var(--ck-go) 55%,transparent)}#ck-app .ck-disc{--ck-piece: var(--ck-solid);display:none;position:relative;width:78%;height:78%;border-radius:50%;place-items:center;box-shadow:0 0 0 2px color-mix(in srgb,var(--ck-piece) 45%,var(--color-text-primary)),0 3px 6px -1px color-mix(in srgb,var(--color-bg-base) 60%,transparent);background:radial-gradient(circle at 35% 30%,color-mix(in oklch,var(--ck-piece) 78%,var(--ck-glint)),var(--ck-piece) 62%)}#ck-app .ck-cell[data-side=dark] .ck-disc,#ck-app .ck-cell[data-side=light] .ck-disc{display:grid}.theme-light #ck-app .ck-cell .ck-disc{outline:2px solid var(--color-bg-surface)}#ck-app .ck-cell[data-side=light] .ck-disc{--ck-piece: var(--ck-ring)}#ck-app .ck-sw{--ck-piece: var(--ck-solid);position:relative;flex:none;width:1.1rem;height:1.1rem;border-radius:50%;box-shadow:0 0 0 1.5px color-mix(in srgb,var(--ck-piece) 45%,var(--color-text-primary));background:var(--ck-piece)}#ck-app .ck-sw[data-p="2"]{--ck-piece: var(--ck-ring)}#ck-app .ck-cell[data-side=light] .ck-disc:after,#ck-app .ck-sw[data-p="2"]:after{content:"";position:absolute;inset:15%;border-radius:50%;border:max(2px,.55cqw) solid var(--ck-ink);pointer-events:none}#ck-app .ck-sw[data-p="2"]:after{border-width:2px;inset:14%}#ck-app .ck-crown{display:none;width:52%;height:52%;border-radius:50%;place-items:center;line-height:1;position:relative;z-index:1;background:var(--color-bg-base);color:var(--color-text-primary);font-size:clamp(8px,3.4cqw,22px)}#ck-app .ck-cell[data-king=true] .ck-crown{display:grid}#ck-app .ck-cell[data-movable=true] .ck-disc{outline:2px dashed var(--color-text-primary);outline-offset:2px}#ck-app .ck-cell[data-sel=true] .ck-disc{outline:3px solid var(--color-text-primary);outline-offset:2px}#ck-app .ck-over{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:1rem;background:color-mix(in srgb,var(--color-bg-base) 84%,transparent);border-radius:.5rem;backdrop-filter:blur(3px);box-shadow:inset 0 0 0 3px color-mix(in srgb,var(--ck-frame) 80%,transparent)}#ck-app .ck-over:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at 12% 20%,var(--ck-solid) 0 4px,transparent 5px),radial-gradient(circle at 30% 10%,var(--ck-ring) 0 3px,transparent 4px),radial-gradient(circle at 52% 16%,var(--ck-rose) 0 4px,transparent 5px),radial-gradient(circle at 74% 8%,var(--ck-vio) 0 3px,transparent 4px),radial-gradient(circle at 90% 22%,var(--ck-go) 0 4px,transparent 5px),radial-gradient(circle at 18% 84%,var(--ck-vio) 0 3px,transparent 4px),radial-gradient(circle at 42% 90%,var(--ck-go) 0 4px,transparent 5px),radial-gradient(circle at 66% 86%,var(--ck-solid) 0 3px,transparent 4px),radial-gradient(circle at 88% 80%,var(--ck-ring) 0 4px,transparent 5px)}#ck-app .ck-over>*{position:relative}#ck-app .ck-over[hidden],#ck-app .ck-note[hidden]{display:none}#ck-app #ck-undo[aria-disabled=true]{opacity:.5;cursor:not-allowed}#ck-app .ck-note{padding:.4rem .7rem;border:1px solid var(--ck-ring);border-radius:.6rem;font-size:.8rem;color:var(--color-text-primary);max-width:480px;background:color-mix(in srgb,var(--ck-ring) 14%,var(--color-bg-surface))}@media(prefers-reduced-motion:no-preference){#ck-app .ck-cell[data-to=true] .ck-disc{animation:ck-pop .45s ease-out}#ck-app .ck-cell[data-dest=true]:after{animation:ck-ping 1.2s ease-out 2}#ck-app .ck-over:not([hidden]){animation:ck-rise .36s ease-out both}#ck-app .ck-over:not([hidden]):before{animation:ck-scatter .9s ease-out both}}@media(prefers-reduced-motion:reduce){#ck-app *{animation:none!important;transition:none!important}}@keyframes ck-pop{0%{transform:scale(.7)}60%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes ck-ping{0%{box-shadow:0 0 0 2px var(--color-bg-base),0 0 0 4px color-mix(in srgb,var(--ck-go) 55%,transparent)}to{box-shadow:0 0 0 2px var(--color-bg-base),0 0 0 14px color-mix(in srgb,var(--ck-go) 0%,transparent)}}@keyframes ck-rise{0%{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes ck-scatter{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}#ck-app .ck-how>summary{box-sizing:border-box;min-height:2rem;padding-block:.375rem}#db-app{--g-sky: var(--color-accent);--g-teal: color-mix(in oklch, var(--color-accent) 50%, var(--color-accent-success));--g-green: var(--color-accent-success);--g-lime: color-mix(in oklch, var(--color-accent-success) 50%, var(--color-accent-warm));--g-amber: var(--color-accent-warm);--g-orange: color-mix(in oklch, var(--color-accent-warm) 50%, var(--color-accent-danger));--g-rose: var(--color-accent-danger);--g-violet: color-mix(in oklch, var(--color-accent) 50%, var(--color-accent-danger))}#db-app{container-type:inline-size;--db-dot: 28px;--db-n: 4;--db-a: var(--g-sky);--db-b: var(--g-amber);--db-vio: var(--g-violet);--db-sea-line: var(--g-teal);--db-rose: var(--g-rose);--db-go: var(--g-green)}.theme-light #db-app{--db-a: color-mix(in srgb, var(--g-sky) 72%, var(--color-text-primary));--db-b: color-mix(in srgb, var(--g-amber) 55%, var(--color-text-primary));--db-go: color-mix(in srgb, var(--g-green) 65%, var(--color-text-primary))}#db-app[data-n="3"]{--db-n: 3}#db-app[data-n="4"]{--db-n: 4}#db-app[data-n="5"]{--db-n: 5}#db-app .db-label,#db-app .db-k{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-secondary)}#db-app .db-controls{display:grid;gap:.75rem;grid-template-columns:repeat(2,minmax(0,1fr));align-items:end}#db-app .db-controls .db-wide{grid-column:1 / -1}@container (min-width: 620px){#db-app .db-controls{grid-template-columns:minmax(0,1.6fr) repeat(3,minmax(0,1fr))}#db-app .db-controls .db-wide{grid-column:auto}}#db-app select:disabled{opacity:.5;cursor:not-allowed}#db-app .db-layout{display:grid;gap:1.25rem;grid-template-columns:minmax(0,1fr)}@container (min-width: 760px){#db-app .db-layout{grid-template-columns:minmax(0,540px) minmax(0,1fr);align-items:start}}#db-app .db-stats{display:flex;flex-wrap:wrap;gap:.25rem 1.25rem;font-size:.8rem}#db-app .db-stats .db-v,#db-app .db-turnline .db-v{font-family:var(--font-mono);font-weight:600;color:var(--color-text-primary)}#db-app .db-turnline{font-size:.8rem;margin:0}#db-app #db-turn{display:inline-block;padding:.1rem .65rem;border:1px solid transparent;border-radius:999px}#db-app[data-turn="1"] #db-turn{border-color:var(--db-a);background:color-mix(in srgb,var(--db-a) 20%,var(--color-bg-elevated))}#db-app[data-turn="2"] #db-turn{border-color:var(--db-b);background:color-mix(in srgb,var(--db-b) 20%,var(--color-bg-elevated))}#db-app .db-scores{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}#db-app .db-chip{--db-c: var(--color-border);display:flex;align-items:center;gap:.5rem;min-width:0;margin:0;padding:.4rem .6rem;border:2px solid color-mix(in srgb,var(--db-c) 40%,var(--color-border-subtle));border-radius:.6rem;background:linear-gradient(100deg,color-mix(in srgb,var(--db-c) 18%,var(--color-bg-surface)),var(--color-bg-surface))}#db-app .db-chip[data-p="1"]{--db-c: var(--db-a)}#db-app .db-chip[data-p="2"]{--db-c: var(--db-b)}#db-app .db-chip[data-active=true]{border-color:var(--db-c);box-shadow:0 0 14px -4px color-mix(in srgb,var(--db-c) 70%,transparent)}#db-app .db-pname{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;color:var(--color-text-secondary)}#db-app .db-num{font-family:var(--font-mono);font-weight:700;font-size:1.1rem;color:var(--color-text-primary)}#db-app .db-mark{--db-c: var(--color-border);display:inline-grid;place-items:center;width:1.5rem;height:1.5rem;flex:none;border-radius:.35rem;font-family:var(--font-mono);font-weight:700;font-size:.8rem;color:var(--color-text-primary);background:color-mix(in srgb,var(--db-c) 38%,var(--color-bg-elevated));box-shadow:inset 0 0 0 2px var(--db-c)}#db-app .db-mark[data-p="1"]{--db-c: var(--db-a)}#db-app .db-mark[data-p="2"]{--db-c: var(--db-b)}#db-app .db-wrap{container-type:inline-size;width:100%;max-width:min(540px,calc(var(--db-n) * 96px + (var(--db-n) + 1) * var(--db-dot)))}#db-app .db-board{--db-box: max(16px, calc((100cqw - (var(--db-n) + 1) * var(--db-dot)) / var(--db-n)));display:grid;width:100%;border-radius:14px;grid-template-columns:repeat(var(--db-n),var(--db-dot) minmax(0,1fr)) var(--db-dot);grid-template-rows:repeat(var(--db-n),var(--db-dot) var(--db-box)) var(--db-dot);background:radial-gradient(circle at 0% 0%,color-mix(in srgb,var(--db-vio) 16%,transparent),transparent 60%),radial-gradient(circle at 100% 100%,color-mix(in srgb,var(--db-sea-line) 14%,transparent),transparent 60%),var(--color-bg-surface);box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--db-vio) 45%,var(--color-border-subtle))}#db-app .db-dot{display:grid;place-items:center}#db-app .db-dot:before{content:"";width:10px;height:10px;border-radius:50%;background:color-mix(in srgb,var(--db-vio) 60%,var(--color-text-secondary))}#db-app .db-line{position:relative;display:block;width:100%;height:100%;min-width:0;min-height:0;padding:0;margin:0;border:0;border-radius:8px;background:transparent;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}#db-app .db-line:after{content:"";position:absolute;border-radius:4px;transition:background-color .12s;background:color-mix(in srgb,var(--color-border-strong) 65%,color-mix(in srgb,var(--db-vio) 30%,transparent))}#db-app .db-line[data-h="1"]:after{left:3px;right:3px;top:50%;height:6px;margin-top:-3px}#db-app .db-line[data-h="0"]:after{top:3px;bottom:3px;left:50%;width:6px;margin-left:-3px}.theme-light #db-app .db-line[data-o="0"]:after{background:color-mix(in srgb,var(--color-text-secondary) 75%,var(--color-bg-base))}#db-app .db-line[data-o="1"]:after{background:var(--db-a)}#db-app .db-line[data-o="2"]:after{background:var(--db-b)}#db-app .db-line[data-o="1"],#db-app .db-line[data-o="2"]{cursor:default}#db-app .db-line[data-last=true]:after{box-shadow:0 0 0 2px var(--color-bg-base),0 0 0 4px var(--color-text-primary)}#db-app .db-line:focus-visible{outline:2px solid var(--color-text-primary);outline-offset:-2px;z-index:2}@media(hover:hover){#db-app[data-turn="1"] .db-line[data-o="0"]:hover:after{background:color-mix(in srgb,var(--db-a) 60%,transparent)}#db-app[data-turn="2"] .db-line[data-o="0"]:hover:after{background:color-mix(in srgb,var(--db-b) 60%,transparent)}}#db-app .db-box{display:grid;place-items:center;min-width:0;min-height:0;margin:2px;border-radius:6px;font-family:var(--font-mono);font-weight:700;line-height:1;font-size:clamp(11px,calc(var(--db-box) * .42),30px)}#db-app .db-box[data-o="1"]{color:var(--color-text-primary);box-shadow:inset 0 0 0 2px var(--db-a);background:linear-gradient(145deg,color-mix(in srgb,var(--db-a) 50%,var(--color-bg-elevated)),color-mix(in srgb,var(--db-a) 32%,var(--color-bg-elevated)))}#db-app .db-box[data-o="2"]{color:var(--color-text-primary);box-shadow:inset 0 0 0 2px var(--db-b);background:linear-gradient(145deg,color-mix(in srgb,var(--db-b) 50%,var(--color-bg-elevated)),color-mix(in srgb,var(--db-b) 32%,var(--color-bg-elevated)))}#db-app .db-box[data-fresh=true]{animation:db-pop .28s ease-out}@keyframes db-pop{0%{transform:scale(.55);opacity:0}to{transform:scale(1);opacity:1}}@keyframes db-glow{0%{box-shadow:inset 0 0 0 2px var(--db-c),0 0 color-mix(in srgb,var(--db-c) 70%,transparent)}to{box-shadow:inset 0 0 0 2px var(--db-c),0 0 0 10px color-mix(in srgb,var(--db-c) 0%,transparent)}}#db-app .db-box[data-o="1"]{--db-c: var(--db-a)}#db-app .db-box[data-o="2"]{--db-c: var(--db-b)}@media(prefers-reduced-motion:no-preference){#db-app .db-box[data-fresh=true]{animation:db-pop .28s ease-out,db-glow .8s ease-out}#db-app .db-banner:not([hidden]){animation:db-rise .36s ease-out both}}@keyframes db-rise{0%{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}@media(prefers-reduced-motion:reduce){#db-app .db-box{animation:none!important}#db-app *{transition:none!important;animation:none!important}}#db-app .db-legend{list-style:none;margin:0;padding:0;display:grid;gap:.4rem;font-size:.8rem;color:var(--color-text-secondary)}#db-app .db-legend li{display:flex;align-items:center;gap:.5rem;min-width:0}#db-app .db-banner{position:relative;overflow:hidden;border-color:var(--db-go);border-top-width:4px;background:linear-gradient(100deg,color-mix(in srgb,var(--db-a) 14%,var(--color-bg-elevated)),color-mix(in srgb,var(--db-b) 14%,var(--color-bg-elevated)))}#db-app .db-banner:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 92% 24%,var(--db-a) 0 4px,transparent 5px),radial-gradient(circle at 84% 62%,var(--db-b) 0 3px,transparent 4px),radial-gradient(circle at 96% 80%,var(--db-rose) 0 4px,transparent 5px),radial-gradient(circle at 74% 18%,var(--db-vio) 0 3px,transparent 4px),radial-gradient(circle at 76% 84%,var(--db-go) 0 4px,transparent 5px)}#db-app .db-banner>*{position:relative}#db-app .db-banner[hidden]{display:none}#db-app .db-how>summary{box-sizing:border-box;min-height:2rem;padding-block:.375rem}#gm-app{--g-sky: var(--color-accent);--g-teal: color-mix(in oklch, var(--color-accent) 50%, var(--color-accent-success));--g-green: var(--color-accent-success);--g-lime: color-mix(in oklch, var(--color-accent-success) 50%, var(--color-accent-warm));--g-amber: var(--color-accent-warm);--g-orange: color-mix(in oklch, var(--color-accent-warm) 50%, var(--color-accent-danger));--g-rose: var(--color-accent-danger);--g-violet: color-mix(in oklch, var(--color-accent) 50%, var(--color-accent-danger))}#gm-app{container-type:inline-size;--gm-n: 13;--gm-solid: var(--g-sky);--gm-ring: var(--g-amber);--gm-win: var(--g-green);--gm-hit: var(--g-lime);--gm-vio: var(--g-violet);--gm-sea-line: var(--g-teal);--gm-rose: var(--g-rose);--gm-sea: color-mix(in srgb, var(--g-teal) 16%, var(--color-bg-surface));--gm-grid: color-mix(in srgb, var(--g-teal) 55%, var(--color-border-strong));--gm-glint: var(--color-text-primary);--gm-dot: var(--color-bg-base)}.theme-light #gm-app{--gm-solid: color-mix(in srgb, var(--g-sky) 72%, var(--color-text-primary));--gm-ring: color-mix(in srgb, var(--g-amber) 70%, var(--color-text-primary));--gm-win: color-mix(in srgb, var(--g-green) 65%, var(--color-text-primary));--gm-glint: var(--color-bg-surface);--gm-dot: var(--color-bg-surface)}#gm-app[data-n="9"]{--gm-n: 9}#gm-app[data-n="13"]{--gm-n: 13}#gm-app[data-n="15"]{--gm-n: 15}#gm-app .gm-label,#gm-app .gm-k{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-secondary)}#gm-app .gm-controls{display:grid;gap:.75rem;grid-template-columns:repeat(2,minmax(0,1fr));align-items:end}@container (min-width: 600px){#gm-app .gm-controls{grid-template-columns:repeat(4,minmax(0,1fr))}}#gm-app .gm-layout{display:grid;gap:1.25rem;grid-template-columns:minmax(0,1fr)}@container (min-width: 760px){#gm-app .gm-layout{grid-template-columns:minmax(0,560px) minmax(0,1fr);align-items:start}}#gm-app .gm-score{display:flex;flex-wrap:wrap;gap:.5rem;max-width:560px}#gm-app .gm-side{--gm-c: var(--color-border);display:flex;align-items:center;gap:.5rem;flex:1 1 0;min-width:8.5rem;padding:.4rem .7rem;border:1px solid color-mix(in srgb,var(--gm-c) 45%,var(--color-border));border-radius:.6rem;background:linear-gradient(100deg,color-mix(in srgb,var(--gm-c) 16%,var(--color-bg-surface)),var(--color-bg-surface))}#gm-app #gm-side1{--gm-c: var(--gm-solid)}#gm-app #gm-side2{--gm-c: var(--gm-ring)}#gm-app .gm-side[data-turn=true]{border-color:var(--gm-c);border-width:2px;padding:calc(.4rem - 1px) calc(.7rem - 1px);box-shadow:0 0 14px -4px color-mix(in srgb,var(--gm-c) 70%,transparent)}#gm-app .gm-side .gm-v{margin-left:auto;font-family:var(--font-mono);font-weight:700;font-size:1.1rem;color:var(--color-text-primary)}#gm-app .gm-turn{font-size:.85rem;color:var(--color-text-primary);min-height:1.25rem}#gm-app .gm-stats{display:grid;gap:.25rem;font-size:.8rem}#gm-app .gm-stats .gm-v{font-family:var(--font-mono);font-weight:600;color:var(--color-text-primary)}#gm-app .gm-wrap{position:relative;max-width:560px;overflow-x:auto}#gm-app .gm-board{container-type:inline-size;display:grid;grid-template-rows:repeat(var(--gm-n),minmax(0,1fr));aspect-ratio:1;width:100%;border:2px solid color-mix(in srgb,var(--gm-sea-line) 65%,var(--color-text-secondary));border-radius:.5rem;overflow:hidden;background:radial-gradient(circle at 15% 10%,color-mix(in srgb,var(--gm-solid) 12%,transparent),transparent 55%),radial-gradient(circle at 90% 95%,color-mix(in srgb,var(--gm-ring) 12%,transparent),transparent 55%),var(--gm-sea);min-width:calc(var(--gm-n) * 24px + 4px);min-height:calc(var(--gm-n) * 24px + 4px)}#gm-app .gm-row{display:grid;grid-template-columns:repeat(var(--gm-n),minmax(0,1fr));min-height:0}#gm-app .gm-cell{position:relative;display:block;min-width:0;min-height:0;padding:0;margin:0;border:0;border-radius:0;cursor:pointer;background-color:transparent;color:var(--color-text-primary);font:inherit}#gm-app .gm-cell:before,#gm-app .gm-cell:after{content:"";position:absolute;background:var(--gm-grid);pointer-events:none}#gm-app .gm-cell:before{left:0;right:0;top:calc(50% - .5px);height:1px}#gm-app .gm-cell:after{top:0;bottom:0;left:calc(50% - .5px);width:1px}#gm-app .gm-cell[data-left]:before{left:50%}#gm-app .gm-cell[data-right]:before{right:50%}#gm-app .gm-cell[data-top]:after{top:50%}#gm-app .gm-cell[data-bottom]:after{bottom:50%}#gm-app .gm-cell[data-star]{background-image:radial-gradient(circle at center,var(--gm-grid) 0 7%,transparent 8%)}#gm-app .gm-cell:focus-visible{outline:3px solid var(--color-accent);outline-offset:-3px;z-index:2}#gm-app .gm-cell[data-p="0"]:hover{background-color:color-mix(in srgb,var(--gm-sea-line) 22%,transparent)}#gm-app .gm-cell[data-last=true]{background-color:color-mix(in srgb,var(--gm-hit) 26%,transparent)}#gm-app .gm-cell[data-win=true]{background-color:color-mix(in srgb,var(--gm-win) 30%,transparent)}#gm-app .gm-stone{display:none;position:absolute;inset:12%;z-index:1;box-sizing:border-box;border-radius:50%}#gm-app .gm-cell[data-p="1"] .gm-stone,#gm-app .gm-cell[data-p="2"] .gm-stone{display:block}#gm-app .gm-cell[data-p="1"] .gm-stone{background:radial-gradient(circle at 35% 30%,color-mix(in oklch,var(--gm-solid) 78%,var(--gm-glint)),var(--gm-solid) 62%);box-shadow:0 0 0 1.5px color-mix(in srgb,var(--gm-solid) 45%,var(--color-text-primary)),0 2px 4px -1px color-mix(in srgb,var(--color-bg-base) 55%,transparent)}#gm-app .gm-cell[data-p="2"] .gm-stone{background:color-mix(in srgb,var(--gm-ring) 14%,var(--gm-sea));border:clamp(2px,calc(11cqw / var(--gm-n)),5px) solid var(--gm-ring);box-shadow:0 0 0 1.5px color-mix(in srgb,var(--gm-ring) 45%,var(--color-text-primary)),0 2px 4px -1px color-mix(in srgb,var(--color-bg-base) 55%,transparent)}#gm-app .gm-cell[data-last=true] .gm-stone:after{content:"";position:absolute;inset:30%;border-radius:50%;background:var(--gm-dot)}#gm-app .gm-cell[data-last=true][data-p="2"] .gm-stone:after{background:color-mix(in srgb,var(--gm-ring) 50%,var(--color-text-primary))}#gm-app .gm-cell[data-win=true] .gm-stone{box-shadow:0 0 0 3px var(--gm-win)}@media(hover:hover){#gm-app:has(#gm-side1[data-turn=true]):not([aria-busy=true]) .gm-cell[data-p="0"]:hover .gm-stone{display:block;opacity:.4;background:var(--gm-solid)}#gm-app:has(#gm-side2[data-turn=true]):not([aria-busy=true]) .gm-cell[data-p="0"]:hover .gm-stone{display:block;opacity:.55;background:color-mix(in srgb,var(--gm-ring) 14%,var(--gm-sea));border:clamp(2px,calc(11cqw / var(--gm-n)),5px) solid var(--gm-ring)}}#gm-app .gm-sw{position:relative;flex:none;width:1.1rem;height:1.1rem;border-radius:50%;box-sizing:border-box;box-shadow:0 0 0 1.5px color-mix(in srgb,var(--gm-c, var(--gm-solid)) 45%,var(--color-text-primary))}#gm-app .gm-sw[data-p="1"]{background:var(--gm-solid)}#gm-app .gm-sw[data-p="2"]{background:color-mix(in srgb,var(--gm-ring) 14%,var(--gm-sea));border:3px solid var(--gm-ring)}#gm-app .gm-over{position:relative;overflow:hidden;max-width:560px;border-color:var(--gm-win);border-top-width:4px;background:linear-gradient(100deg,color-mix(in srgb,var(--gm-sea-line) 14%,var(--color-bg-elevated)),color-mix(in srgb,var(--gm-vio) 10%,var(--color-bg-elevated)))}#gm-app .gm-over:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 92% 24%,var(--gm-solid) 0 4px,transparent 5px),radial-gradient(circle at 84% 62%,var(--gm-ring) 0 3px,transparent 4px),radial-gradient(circle at 96% 80%,var(--gm-rose) 0 4px,transparent 5px),radial-gradient(circle at 74% 18%,var(--gm-vio) 0 3px,transparent 4px),radial-gradient(circle at 76% 84%,var(--gm-win) 0 4px,transparent 5px)}#gm-app .gm-over>*{position:relative}#gm-app .gm-over[hidden]{display:none}#gm-app #gm-undo[aria-disabled=true]{opacity:.5;cursor:not-allowed}@media(prefers-reduced-motion:no-preference){#gm-app .gm-cell[data-last=true] .gm-stone{animation:gm-drop .22s ease-out}#gm-app .gm-cell[data-win=true] .gm-stone:before{content:"";position:absolute;inset:-3px;border-radius:50%;border:2px solid var(--gm-win);pointer-events:none;animation:gm-halo 1.1s ease-out 2}#gm-app .gm-over:not([hidden]){animation:gm-rise .36s ease-out both}}@media(prefers-reduced-motion:reduce){#gm-app *{animation:none!important;transition:none!important}}@keyframes gm-drop{0%{transform:scale(.5)}70%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes gm-halo{0%{transform:scale(1);opacity:.9}to{transform:scale(1.7);opacity:0}}@keyframes gm-rise{0%{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}#gm-app .gm-how>summary{box-sizing:border-box;min-height:2rem;padding-block:.375rem}#cb-app{--g-sky: var(--color-accent);--g-teal: color-mix(in oklch, var(--color-accent) 50%, var(--color-accent-success));--g-green: var(--color-accent-success);--g-lime: color-mix(in oklch, var(--color-accent-success) 50%, var(--color-accent-warm));--g-amber: var(--color-accent-warm);--g-orange: color-mix(in oklch, var(--color-accent-warm) 50%, var(--color-accent-danger));--g-rose: var(--color-accent-danger);--g-violet: color-mix(in oklch, var(--color-accent) 50%, var(--color-accent-danger));--cb-ink: var(--color-bg-base);--cb-exact: var(--g-teal);--cb-moved: var(--g-orange)}.theme-light #cb-app{--cb-ink: var(--color-text-primary)}#cb-app{container-type:inline-size;--cb-peg: clamp(1.85rem, 9cqw, 2.6rem);--cb-pick: clamp(2.25rem, 10.5cqw, 2.75rem)}#cb-app [hidden]{display:none!important}#cb-app .cb-label,#cb-app .cb-k{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-secondary)}#cb-app .cb-controls{display:grid;gap:.75rem;grid-template-columns:repeat(2,minmax(0,1fr));align-items:end}#cb-app .cb-actions{display:flex;flex-wrap:wrap;gap:.5rem;grid-column:1 / -1}@container (min-width: 560px){#cb-app .cb-controls{grid-template-columns:repeat(4,minmax(0,1fr))}}#cb-app .cb-layout{display:grid;gap:1.25rem;grid-template-columns:minmax(0,1fr)}@container (min-width: 760px){#cb-app .cb-layout{grid-template-columns:minmax(0,440px) minmax(0,1fr);align-items:start}}#cb-app .cb-stats{display:flex;flex-wrap:wrap;gap:.35rem .5rem;font-size:.8rem}#cb-app .cb-stats p{margin:0;display:inline-flex;align-items:center;gap:.4rem;padding:.2rem .65rem;border-radius:999px;background:color-mix(in srgb,var(--g-violet) 10%,var(--color-bg-elevated));border:1px solid color-mix(in srgb,var(--g-violet) 30%,var(--color-border-subtle))}#cb-app .cb-stats p:nth-child(2){background:color-mix(in srgb,var(--g-amber) 10%,var(--color-bg-elevated));border-color:color-mix(in srgb,var(--g-amber) 30%,var(--color-border-subtle))}#cb-app .cb-stats p:nth-child(3){background:color-mix(in srgb,var(--cb-exact) 10%,var(--color-bg-elevated));border-color:color-mix(in srgb,var(--cb-exact) 30%,var(--color-border-subtle))}#cb-app .cb-stats .cb-v{font-family:var(--font-mono);font-weight:600;color:var(--color-text-primary)}#cb-app .cb-board,#cb-app .cb-play,#cb-app #cb-solver{max-width:440px}#cb-app .cb-board{display:grid;gap:.6rem}#cb-app .cb-rows{list-style:none;margin:0;padding:0;display:grid;gap:.4rem}#cb-app .cb-row{display:flex;align-items:center;flex-wrap:wrap;gap:.4rem .5rem;min-width:0;padding:.35rem .5rem;border:1px solid color-mix(in srgb,var(--g-violet) 22%,var(--color-border-subtle));border-radius:.9rem;background:linear-gradient(120deg,color-mix(in srgb,var(--g-violet) 7%,var(--color-bg-surface)),color-mix(in srgb,var(--g-sky) 5%,var(--color-bg-surface)))}#cb-app .cb-n{flex:none;width:1.1rem;text-align:right;font-family:var(--font-mono);font-size:11px;color:var(--color-text-muted)}#cb-app .cb-pegs{display:flex;gap:clamp(3px,1.4cqw,6px)}#cb-app .cb-empty{padding:.5rem .6rem;font-size:.75rem;color:var(--color-text-muted);border:1px dashed var(--color-border);border-radius:.9rem}#cb-app .cb-left{flex-basis:100%;padding-left:1.6rem;font-size:11px;color:var(--color-text-muted)}#cb-app .cb-peg{--c: var(--color-border);position:relative;flex:none;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:var(--cb-peg);height:var(--cb-peg);padding:0;margin:0;border-radius:30%;border:2px solid color-mix(in srgb,var(--c) 65%,var(--color-text-primary));background:linear-gradient(150deg,color-mix(in srgb,var(--c) 80%,var(--color-text-primary)),var(--c) 72%);box-shadow:0 3px 6px -3px color-mix(in srgb,var(--color-bg-base) 85%,transparent);color:var(--cb-ink);font-family:var(--font-mono);line-height:1}#cb-app .cb-peg[data-sym="1"]{--c: var(--g-rose)}#cb-app .cb-peg[data-sym="2"]{--c: var(--g-amber)}#cb-app .cb-peg[data-sym="3"]{--c: var(--g-green)}#cb-app .cb-peg[data-sym="4"]{--c: var(--g-sky)}#cb-app .cb-peg[data-sym="5"]{--c: var(--g-violet)}#cb-app .cb-peg[data-sym="6"]{--c: var(--g-lime)}#cb-app .cb-peg[data-sym="7"]{--c: var(--g-teal)}#cb-app .cb-peg[data-sym="8"]{--c: var(--g-orange)}#cb-app .cb-peg[data-sym="0"]{border:2px dashed var(--color-border);background:transparent;box-shadow:none;color:var(--color-text-muted)}#cb-app .cb-d{font-size:clamp(.8rem,3.6cqw,1.05rem);font-weight:700}#cb-app .cb-s{display:block;width:clamp(7px,2.6cqw,11px);height:clamp(7px,2.6cqw,11px);background:var(--cb-ink)}#cb-app .cb-s[data-shape=circle]{border-radius:50%}#cb-app .cb-s[data-shape=triangle]{clip-path:polygon(50% 4%,98% 94%,2% 94%)}#cb-app .cb-s[data-shape=diamond]{clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}#cb-app .cb-s[data-shape=star]{clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}#cb-app .cb-s[data-shape=cross]{clip-path:polygon(35% 0,65% 0,65% 35%,100% 35%,100% 65%,65% 65%,65% 100%,35% 100%,35% 65%,0 65%,0 35%,35% 35%)}#cb-app .cb-s[data-shape=hexagon]{clip-path:polygon(25% 3%,75% 3%,100% 50%,75% 97%,25% 97%,0 50%)}#cb-app .cb-s[data-shape=pentagon]{clip-path:polygon(50% 0,100% 38%,81% 100%,19% 100%,0 38%)}#cb-app .cb-pick,#cb-app .cb-slot{cursor:pointer}#cb-app .cb-pick:hover:not(:disabled),#cb-app .cb-slot:hover:not(:disabled){border-color:var(--color-text-primary)}#cb-app .cb-pick:disabled,#cb-app .cb-slot:disabled{cursor:default;opacity:.45}#cb-app .cb-pick:focus-visible,#cb-app .cb-slot:focus-visible{outline:3px solid var(--color-text-primary);outline-offset:2px;z-index:2}#cb-app .cb-slot[data-sel=true]{border-color:var(--g-sky);box-shadow:0 0 0 2px var(--g-sky)}#cb-app .cb-slot[data-sel=true]:after{content:"";position:absolute;left:25%;right:25%;bottom:-9px;height:3px;border-radius:2px;background:var(--g-sky)}#cb-app .cb-slot[data-dup=true]{border-style:dotted;border-color:var(--color-accent-danger)}#cb-app .cb-cur{padding-bottom:.7rem;background:linear-gradient(120deg,color-mix(in srgb,var(--g-sky) 10%,var(--color-bg-surface)),color-mix(in srgb,var(--g-violet) 10%,var(--color-bg-surface)))}#cb-app .cb-pal{display:grid;gap:.3rem;grid-template-columns:repeat(8,minmax(0,var(--cb-pick)));justify-content:start}#cb-app .cb-pal[data-n="6"]{grid-template-columns:repeat(6,minmax(0,var(--cb-pick)))}#cb-app .cb-pick{width:100%;height:auto;aspect-ratio:1}#cb-app .cb-fb{display:flex;flex-direction:column;align-items:flex-start;gap:4px;margin-left:auto}#cb-app .cb-dots{display:inline-flex;align-items:center;gap:4px;min-height:11px}#cb-app .cb-dots i{display:block;width:10px;height:10px;box-sizing:border-box}#cb-app .cb-dots i[data-k=place]{border-radius:2px;background:var(--cb-exact);border:1px solid color-mix(in srgb,var(--cb-exact) 55%,var(--color-text-primary))}#cb-app .cb-dots i[data-k=symbol]{width:9px;height:9px;border-radius:1px;transform:rotate(45deg);background:transparent;border:2px solid var(--cb-moved)}#cb-app .cb-dots i[data-k=none]{width:5px;height:5px;margin-inline:2.5px;border-radius:50%;background:var(--color-border)}#cb-app .cb-txt{display:inline-flex;gap:4px}#cb-app .cb-chip,#cb-app .cb-leg-chip{display:inline-flex;align-items:center;gap:3px;padding:0 .4rem;border-radius:999px;min-height:1.15rem;font-family:var(--font-mono);font-size:11px;font-weight:700;color:var(--color-text-primary)}#cb-app .cb-chip[data-k=place],#cb-app .cb-leg-chip[data-k=place]{background:color-mix(in srgb,var(--cb-exact) 24%,var(--color-bg-elevated));border:1px solid color-mix(in srgb,var(--cb-exact) 60%,var(--color-border-subtle))}#cb-app .cb-chip[data-k=symbol],#cb-app .cb-leg-chip[data-k=symbol]{background:color-mix(in srgb,var(--cb-moved) 20%,var(--color-bg-elevated));border:1px solid color-mix(in srgb,var(--cb-moved) 60%,var(--color-border-subtle))}#cb-app .cb-leg-txt{font-family:var(--font-mono);font-size:11px;font-weight:600;color:var(--color-text-primary)}#cb-app .cb-legend{display:grid;gap:.45rem;list-style:none;margin:0;padding:0;font-size:.75rem;color:var(--color-text-secondary)}#cb-app .cb-legend li{display:flex;align-items:center;gap:.6rem}#cb-app .cb-legend .cb-dots,#cb-app .cb-legend .cb-leg-txt,#cb-app .cb-legend .cb-leg-chip{flex:none;width:2.9rem;justify-content:center}#cb-app .cb-end{border-color:color-mix(in srgb,var(--g-violet) 40%,var(--color-border-subtle))}#cb-app .cb-end[data-won=true]{border-color:var(--cb-exact);background:linear-gradient(120deg,color-mix(in srgb,var(--cb-exact) 14%,var(--color-bg-surface)),color-mix(in srgb,var(--g-violet) 14%,var(--color-bg-surface)))}#cb-app .cb-end:focus-visible{outline:3px solid var(--color-text-primary);outline-offset:2px}@media(prefers-reduced-motion:no-preference){#cb-app .cb-rows>li.cb-new{animation:cb-in .18s ease-out}#cb-app .cb-peg{transition:border-color .12s ease,box-shadow .12s ease}#cb-app .cb-end[data-won=true]{animation:cb-rise .45s ease-out both}#cb-app #cb-secret [data-open=true] .cb-peg{animation:cb-pop .5s ease-out both}#cb-app #cb-secret [data-open=true] .cb-peg:nth-child(2){animation-delay:.1s}#cb-app #cb-secret [data-open=true] .cb-peg:nth-child(3){animation-delay:.2s}#cb-app #cb-secret [data-open=true] .cb-peg:nth-child(4){animation-delay:.3s}#cb-app #cb-secret [data-open=true] .cb-peg:nth-child(5){animation-delay:.4s}}@keyframes cb-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@keyframes cb-rise{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}@keyframes cb-pop{0%{transform:scale(.6)}60%{transform:scale(1.15)}to{transform:scale(1)}}#cb-app .cb-how>summary{min-height:2rem;padding-block:.375rem;box-sizing:border-box}#nm-app{--g-sky: var(--color-accent);--g-teal: color-mix(in oklch, var(--color-accent) 50%, var(--color-accent-success));--g-green: var(--color-accent-success);--g-lime: color-mix(in oklch, var(--color-accent-success) 50%, var(--color-accent-warm));--g-amber: var(--color-accent-warm);--g-orange: color-mix(in oklch, var(--color-accent-warm) 50%, var(--color-accent-danger));--g-rose: var(--color-accent-danger);--g-violet: color-mix(in oklch, var(--color-accent) 50%, var(--color-accent-danger))}#nm-app{--nm-h0: var(--g-sky);--nm-h1: var(--g-green);--nm-h2: var(--g-amber);--nm-h3: var(--g-rose);--nm-h4: var(--g-violet);--nm-hi: var(--color-text-primary);--nm-lo: var(--color-bg-base);--nm-ring: var(--color-text-primary);--nm-turn: var(--g-sky);--nm-left: var(--g-amber);--nm-sizes: var(--g-violet);--nm-tally: var(--g-green);--nm-saved: var(--g-teal);--nm-counts: var(--g-orange);--nm-win: var(--g-amber);--nm-dot-1: var(--g-sky);--nm-dot-2: var(--g-amber);--nm-dot-3: var(--g-rose);--nm-dot-4: var(--g-lime);--nm-dot-5: var(--g-violet);--nm-dot-6: var(--g-orange)}.theme-light #nm-app{--nm-hi: var(--color-bg-base);--nm-lo: var(--color-text-primary)}#nm-app{container-type:inline-size}#nm-app .nm-label,#nm-app .nm-k{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-secondary)}#nm-app .nm-controls{display:grid;gap:.625rem .75rem;grid-template-columns:repeat(2,minmax(0,1fr));align-items:end}#nm-app .nm-controls{grid-auto-flow:dense}#nm-app .nm-controls>:nth-child(4){grid-column:1 / -1}@container (min-width: 560px){#nm-app .nm-controls{grid-template-columns:repeat(3,minmax(0,1fr))}}@container (min-width: 560px){#nm-app .nm-controls>:nth-child(4){grid-column:auto}}@container (min-width: 760px){#nm-app .nm-controls{grid-template-columns:repeat(5,minmax(0,1fr))}}#nm-app .nm-layout{display:grid;gap:1.25rem;grid-template-columns:minmax(0,1fr)}@container (min-width: 760px){#nm-app .nm-layout{grid-template-columns:minmax(0,480px) minmax(0,1fr);align-items:start}}#nm-app .nm-stats{display:flex;flex-wrap:wrap;gap:.4rem .5rem;font-size:.8rem}#nm-app .nm-stats p{--chip: var(--nm-turn);margin:0;padding:.25rem .6rem;border-left:4px solid var(--chip);border-radius:.5rem;background:color-mix(in srgb,var(--chip) 12%,var(--color-bg-surface))}#nm-app .nm-stats .nm-c-left{--chip: var(--nm-left)}#nm-app .nm-stats .nm-c-sizes{--chip: var(--nm-sizes)}#nm-app .nm-stats .nm-c-tally{--chip: var(--nm-tally)}#nm-app .nm-stats .nm-c-saved{--chip: var(--nm-saved)}#nm-app .nm-stats .nm-c-counts{--chip: var(--nm-counts)}#nm-app .nm-stats .nm-v{font-family:var(--font-mono);font-weight:600;color:var(--color-text-primary)}#nm-app select:disabled{opacity:.5;cursor:not-allowed}#nm-app [aria-disabled=true]{opacity:.45;cursor:not-allowed}#nm-app .nm-field{display:grid;gap:.2rem;max-width:480px;width:100%;padding:.4rem;border:2px solid var(--color-border);border-radius:.75rem;background:linear-gradient(160deg,color-mix(in srgb,var(--g-sky) 8%,var(--color-bg-surface)),color-mix(in srgb,var(--g-violet) 7%,var(--color-bg-surface)))}#nm-app .nm-heap{--hc: var(--nm-h0);display:grid;grid-template-columns:2.4rem repeat(7,minmax(0,2.75rem));gap:.25rem;align-items:center;min-height:2.9rem;padding:.15rem .25rem;border-radius:.5rem;border-left:4px solid var(--hc);background:color-mix(in srgb,var(--hc) 11%,transparent)}#nm-app .nm-heap[data-h="1"]{--hc: var(--nm-h1)}#nm-app .nm-heap[data-h="2"]{--hc: var(--nm-h2)}#nm-app .nm-heap[data-h="3"]{--hc: var(--nm-h3)}#nm-app .nm-heap[data-h="4"]{--hc: var(--nm-h4)}#nm-app .nm-heap[hidden]{display:none}#nm-app .nm-heap[data-last=true]{background:color-mix(in srgb,var(--hc) 20%,transparent);box-shadow:inset 0 0 0 2px var(--hc)}#nm-app .nm-heap[data-empty=true]{background:transparent;border-left-style:dotted}#nm-app .nm-hlabel{display:flex;flex-direction:column;line-height:1.15;font-family:var(--font-mono)}#nm-app .nm-hlabel b{font-size:11px;font-weight:600;color:var(--color-text-primary)}#nm-app .nm-hlabel i{font-style:normal;font-size:10px;color:var(--color-text-secondary)}#nm-app .nm-heap[data-empty=true] .nm-hlabel b{color:var(--color-text-muted)}#nm-app .nm-stone{position:relative;display:block;width:100%;aspect-ratio:1;padding:0;margin:0;border:0;border-radius:50%;background:radial-gradient(circle at 34% 30%,color-mix(in srgb,var(--hc) 55%,var(--nm-hi)) 0 14%,var(--hc) 15% 68%,color-mix(in srgb,var(--hc) 78%,var(--nm-lo)) 100%);box-shadow:0 2px 4px color-mix(in srgb,var(--nm-lo) 45%,transparent);cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}.theme-light #nm-app .nm-stone{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--hc) 55%,var(--color-text-primary)),0 2px 4px color-mix(in srgb,var(--nm-lo) 45%,transparent)}#nm-app .nm-stone[hidden]{display:none}#nm-app .nm-stone:focus-visible{outline:3px solid var(--nm-ring);outline-offset:2px;z-index:1}@media(hover:hover){#nm-app .nm-stone:hover{transform:scale(1.06)}}#nm-app .nm-stone[data-sel=true]{box-shadow:0 0 0 2px var(--color-bg-surface),0 0 0 5px var(--nm-ring);z-index:1}#nm-app .nm-stone[data-sel=true]:after{content:"";position:absolute;inset:31%;border-radius:50%;background:var(--color-bg-base)}#nm-app .nm-actionbar{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .875rem}#nm-app .nm-pick{margin:0;font-family:var(--font-mono);font-size:.8rem;color:var(--color-text-primary);min-width:0}#nm-app .nm-banner[hidden]{display:none}#nm-app .nm-banner{position:relative;overflow:hidden;border-color:var(--nm-win);background:linear-gradient(150deg,color-mix(in srgb,var(--nm-win) 14%,var(--color-bg-surface)),color-mix(in srgb,var(--nm-sizes) 10%,var(--color-bg-surface)))}#nm-app .nm-banner:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(circle at 96% 12%,var(--nm-dot-1) 0 6px,transparent 7px),radial-gradient(circle at 90% 22%,var(--nm-dot-2) 0 4px,transparent 5px),radial-gradient(circle at 84% 9%,var(--nm-dot-3) 0 3px,transparent 4px),radial-gradient(circle at 78% 20%,var(--nm-dot-4) 0 4px,transparent 5px),radial-gradient(circle at 98% 34%,var(--nm-dot-5) 0 3px,transparent 4px),radial-gradient(circle at 72% 10%,var(--nm-dot-6) 0 3px,transparent 4px);animation:nm-confetti 1.4s ease-out 1 both}@keyframes nm-confetti{0%{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:none}}#nm-app #nm-banner-text:before{content:"★ ";content:"★ " / "";color:var(--nm-win);white-space:pre}#nm-app .nm-table{width:100%;border-collapse:collapse;font-size:.8rem}#nm-app .nm-table th,#nm-app .nm-table td{padding:.25rem .5rem;text-align:left;border-bottom:1px solid var(--color-border)}#nm-app .nm-table th{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-secondary);font-weight:500}#nm-app .nm-table td,#nm-app .nm-table tbody th{font-family:var(--font-mono);color:var(--color-text-primary)}#nm-app .nm-table tbody th{border-left:4px solid var(--nm-h0)}#nm-app .nm-table tbody tr:nth-child(2) th{border-left-color:var(--nm-h1)}#nm-app .nm-table tbody tr:nth-child(3) th{border-left-color:var(--nm-h2)}#nm-app .nm-table tbody tr:nth-child(4) th{border-left-color:var(--nm-h3)}#nm-app .nm-table tbody tr:nth-child(5) th{border-left-color:var(--nm-h4)}#nm-app .nm-table tfoot th,#nm-app .nm-table tfoot td{border-bottom:0;border-top:2px solid var(--color-border-strong);font-weight:700}#nm-app .nm-table .nm-bin{letter-spacing:.15em}@media(prefers-reduced-motion:reduce){#nm-app .nm-stone{transition:none!important;transform:none!important}#nm-app .nm-banner:before{animation:none!important}}#nm-app .nm-how>summary{box-sizing:border-box;min-height:2rem;padding-block:.375rem}#at-app{--g-sky: var(--color-accent);--g-teal: color-mix(in oklch, var(--color-accent) 50%, var(--color-accent-success));--g-green: var(--color-accent-success);--g-lime: color-mix(in oklch, var(--color-accent-success) 50%, var(--color-accent-warm));--g-amber: var(--color-accent-warm);--g-orange: color-mix(in oklch, var(--color-accent-warm) 50%, var(--color-accent-danger));--g-rose: var(--color-accent-danger);--g-violet: color-mix(in oklch, var(--color-accent) 50%, var(--color-accent-danger))}#at-app{--at-t0: var(--g-sky);--at-t1: var(--g-green);--at-t2: var(--g-amber);--at-t3: var(--g-rose);--at-t4: var(--g-violet);--at-t5: var(--g-orange);--at-core: var(--g-amber);--at-go: var(--g-green);--at-range-a: var(--g-sky);--at-range-b: var(--g-violet);--at-hit: var(--g-green);--at-miss: var(--g-rose);--at-acc: var(--g-sky);--at-clock: var(--g-amber);--at-avg: var(--g-violet);--at-best: var(--g-teal);--at-dot-1: var(--g-sky);--at-dot-2: var(--g-amber);--at-dot-3: var(--g-rose);--at-dot-4: var(--g-lime);--at-dot-5: var(--g-violet);--at-dot-6: var(--g-orange)}#at-app{container-type:inline-size}#at-app .at-label,#at-app .at-k{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-secondary)}#at-app .at-v{font-family:var(--font-mono);font-weight:600;color:var(--color-text-primary)}#at-app .at-controls{display:grid;gap:.75rem;grid-template-columns:repeat(2,minmax(0,1fr));align-items:end}#at-app .at-mode-field{grid-column:1 / -1}@container (min-width: 520px){#at-app .at-controls{grid-template-columns:repeat(3,minmax(0,1fr))}#at-app .at-mode-field{grid-column:auto}}#at-app .at-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem .5rem;font-size:.85rem}@container (min-width: 520px){#at-app .at-stats{grid-template-columns:repeat(6,minmax(0,1fr))}}#at-app .at-stats p,#at-app .at-win-stats p{display:flex;flex-direction:column;gap:.1rem;min-width:0;margin:0}#at-app .at-stats p{--chip: var(--at-hit);padding:.3rem .4rem .35rem;border-top:4px solid var(--chip);border-radius:.5rem;background:color-mix(in srgb,var(--chip) 12%,var(--color-bg-surface))}#at-app .at-stats p:nth-child(2){--chip: var(--at-miss)}#at-app .at-stats p:nth-child(3){--chip: var(--at-acc)}#at-app .at-stats p:nth-child(4){--chip: var(--at-clock)}#at-app .at-stats p:nth-child(5){--chip: var(--at-avg)}#at-app .at-stats p:nth-child(6){--chip: var(--at-best)}#at-app .at-stage{position:relative}#at-app .at-area{position:relative;box-sizing:border-box;width:100%;aspect-ratio:1 / 1;overflow:hidden;border:2px solid var(--color-border);border-radius:.75rem;cursor:crosshair;background:linear-gradient(145deg,color-mix(in srgb,var(--at-range-a) 14%,var(--color-bg-surface)),color-mix(in srgb,var(--at-range-b) 10%,var(--color-bg-surface)));touch-action:manipulation;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;scroll-margin-top:6rem;scroll-margin-bottom:1rem}@container (min-width: 520px){#at-app .at-area{aspect-ratio:16 / 10}}#at-app .at-area[data-state=running]{touch-action:none;border-color:var(--at-range-a);background:linear-gradient(145deg,color-mix(in srgb,var(--at-range-a) 20%,var(--color-bg-surface)),color-mix(in srgb,var(--at-range-b) 16%,var(--color-bg-surface)))}#at-app .at-area[data-state=done]{border-color:var(--at-core)}#at-app .at-area:focus-visible{outline:3px solid var(--color-text-primary);outline-offset:3px}#at-app .at-target{--tc: var(--at-t0);position:absolute;box-sizing:border-box;display:block;margin:0;padding:0;cursor:pointer;border-radius:50%;font:inherit;color:var(--color-text-primary);touch-action:none;border:2px solid var(--color-text-primary);background:radial-gradient(circle,var(--at-core) 0 24%,var(--color-bg-base) 24% 50%,var(--tc) 50% 76%,var(--color-bg-base) 76% 100%);box-shadow:0 0 0 3px color-mix(in srgb,var(--tc) 40%,transparent),0 4px 12px color-mix(in srgb,var(--tc) 45%,transparent)}#at-app .at-target[data-hue="1"]{--tc: var(--at-t1)}#at-app .at-target[data-hue="2"]{--tc: var(--at-t2)}#at-app .at-target[data-hue="3"]{--tc: var(--at-t3)}#at-app .at-target[data-hue="4"]{--tc: var(--at-t4)}#at-app .at-target[data-hue="5"]{--tc: var(--at-t5)}#at-app .at-target:focus-visible{outline:3px solid var(--color-text-primary);outline-offset:3px}#at-app .at-target[hidden]{display:none}#at-app .at-target[data-kind=start]{left:50%;top:50%;transform:translate(-50%,-50%);width:clamp(64px,22cqw,120px);height:clamp(64px,22cqw,120px);display:flex;align-items:center;justify-content:center;border:4px solid var(--at-go);background:radial-gradient(circle,color-mix(in srgb,var(--at-go) 34%,var(--color-bg-surface)),color-mix(in srgb,var(--at-core) 18%,var(--color-bg-surface)));box-shadow:0 0 0 5px color-mix(in srgb,var(--at-go) 30%,transparent),0 6px 16px color-mix(in srgb,var(--at-go) 35%,transparent);font-family:var(--font-display, inherit);font-size:1.1rem;font-weight:700;line-height:1}#at-app .at-target[data-kind=start][hidden]{display:none}#at-app .at-ring{--tc: var(--at-t0);position:absolute;box-sizing:border-box;border-radius:50%;pointer-events:none;border:4px solid var(--tc);box-shadow:0 0 0 3px color-mix(in srgb,var(--tc) 35%,transparent);animation:at-burst .45s ease-out 1 both}#at-app .at-ring[data-hue="1"]{--tc: var(--at-t1)}#at-app .at-ring[data-hue="2"]{--tc: var(--at-t2)}#at-app .at-ring[data-hue="3"]{--tc: var(--at-t3)}#at-app .at-ring[data-hue="4"]{--tc: var(--at-t4)}#at-app .at-ring[data-hue="5"]{--tc: var(--at-t5)}@keyframes at-burst{0%{opacity:.95;transform:scale(.9)}to{opacity:0;transform:scale(1.9)}}#at-app .at-win{position:absolute;inset:0;display:flex;flex-direction:column;padding:.75rem;overflow:auto;border-radius:.75rem;backdrop-filter:blur(3px);background:color-mix(in srgb,color-mix(in srgb,var(--at-core) 12%,var(--color-bg-base)) 94%,transparent)}#at-app .at-win[hidden]{display:none}#at-app .at-win:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(circle at 6% 4%,var(--at-dot-1) 0 6px,transparent 7px),radial-gradient(circle at 15% 8%,var(--at-dot-2) 0 5px,transparent 6px),radial-gradient(circle at 25% 3%,var(--at-dot-3) 0 4px,transparent 5px),radial-gradient(circle at 94% 4%,var(--at-dot-4) 0 6px,transparent 7px),radial-gradient(circle at 85% 8%,var(--at-dot-5) 0 5px,transparent 6px),radial-gradient(circle at 75% 3%,var(--at-dot-6) 0 4px,transparent 5px);animation:at-confetti 1.4s ease-out 1 both}@keyframes at-confetti{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:none}}#at-app .at-win-body{margin:auto 0;position:relative}#at-app .at-win-body #at-win-title:before{content:"★ ";content:"★ " / "";color:var(--at-core);white-space:pre}#at-app .at-win-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem .75rem;margin-top:.4rem;font-size:.85rem}#at-app .at-win-stats p{padding-left:.5rem;border-left:4px solid var(--at-hit)}#at-app .at-win-stats p:nth-child(2){border-left-color:var(--at-miss)}#at-app .at-win-stats p:nth-child(3){border-left-color:var(--at-acc)}#at-app .at-win-stats p:nth-child(4){border-left-color:var(--at-clock)}#at-app .at-win-stats p:nth-child(5){border-left-color:var(--at-avg)}#at-app .at-win-stats p:nth-child(6){border-left-color:var(--at-best)}@container (min-width: 520px){#at-app .at-win-stats{grid-template-columns:repeat(3,minmax(0,1fr))}}#at-app .at-how>summary{min-height:2rem;padding-block:.375rem;box-sizing:border-box}@media(prefers-reduced-motion:reduce){#at-app .at-ring{display:none!important}#at-app .at-win:before{animation:none!important}}#ty-app{--g-sky: var(--color-accent);--g-teal: color-mix(in oklch, var(--color-accent) 50%, var(--color-accent-success));--g-green: var(--color-accent-success);--g-lime: color-mix(in oklch, var(--color-accent-success) 50%, var(--color-accent-warm));--g-amber: var(--color-accent-warm);--g-orange: color-mix(in oklch, var(--color-accent-warm) 50%, var(--color-accent-danger));--g-rose: var(--color-accent-danger);--g-violet: color-mix(in oklch, var(--color-accent) 50%, var(--color-accent-danger))}#ty-app{--ty-ok: var(--g-green);--ty-bad: var(--g-rose);--ty-next: var(--g-sky);--ty-desk-a: var(--g-sky);--ty-desk-b: var(--g-violet);--ty-time: var(--g-amber);--ty-wpm: var(--g-violet);--ty-acc: var(--g-teal);--ty-gross: var(--g-sky);--ty-okcount: var(--g-green);--ty-errcount: var(--g-rose);--ty-miscount: var(--g-orange);--ty-star: var(--g-amber);--ty-dot-1: var(--g-sky);--ty-dot-2: var(--g-amber);--ty-dot-3: var(--g-rose);--ty-dot-4: var(--g-lime);--ty-dot-5: var(--g-violet);--ty-dot-6: var(--g-orange);--ty-r1: var(--g-sky);--ty-r2: var(--g-green);--ty-r3: var(--g-amber);--ty-r4: var(--g-rose);--ty-r5: var(--g-violet)}#ty-app{container-type:inline-size}#ty-app .ty-k{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-secondary)}#ty-app .ty-v{font-family:var(--font-mono);font-weight:600;color:var(--color-text-primary)}#ty-app .ty-big{font-size:1.5rem;line-height:1.2}#ty-app .ty-controls{display:grid;gap:.75rem;grid-template-columns:minmax(0,1fr) auto;align-items:end}@container (min-width: 520px){#ty-app .ty-controls{grid-template-columns:minmax(0,220px) auto;justify-content:start;gap:1rem}}#ty-app .ty-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}#ty-app .ty-stats p{--chip: var(--ty-time);display:flex;flex-direction:column;gap:.1rem;min-width:0;margin:0;padding:.35rem .6rem .4rem;border-top:4px solid var(--chip);border-radius:.6rem;background:color-mix(in srgb,var(--chip) 12%,var(--color-bg-surface))}#ty-app .ty-stats p:nth-child(2){--chip: var(--ty-wpm)}#ty-app .ty-stats p:nth-child(3){--chip: var(--ty-acc)}#ty-app .ty-stats .ty-v{font-size:1.25rem;line-height:1.2}#ty-app .ty-text-wrap{padding:.5rem .75rem;border:2px solid var(--color-border);border-radius:.75rem;background:linear-gradient(150deg,color-mix(in srgb,var(--ty-desk-a) 8%,var(--color-bg-surface)),color-mix(in srgb,var(--ty-desk-b) 6%,var(--color-bg-surface)))}#ty-app[data-phase=running] .ty-text-wrap{border-color:var(--ty-next)}#ty-app[data-phase=done] .ty-text-wrap{border-color:var(--ty-star)}#ty-app .ty-text{position:relative;margin:0;height:7rem;overflow:hidden;white-space:pre-wrap;overflow-wrap:break-word;font-family:var(--font-mono);font-size:clamp(.9rem,4.2cqw,1.15rem);line-height:1.75rem;color:var(--color-text-muted);user-select:none;-webkit-user-select:none}#ty-app .ty-text span[data-s=c]{color:var(--color-text-primary);box-shadow:inset 0 -2px 0 var(--ty-ok);background:color-mix(in srgb,var(--ty-ok) 20%,transparent)}#ty-app .ty-text span[data-s=w]{color:var(--color-text-primary);text-decoration:underline wavy;text-decoration-color:var(--ty-bad);text-decoration-thickness:2px;text-underline-offset:4px;background:color-mix(in srgb,var(--ty-bad) 28%,transparent)}#ty-app .ty-text span[data-s=n]{color:var(--color-text-primary);box-shadow:inset 3px 0 0 var(--ty-next);background:color-mix(in srgb,var(--ty-next) 26%,transparent)}.theme-light #ty-app .ty-text span[data-s=c]{box-shadow:inset 0 -2px color-mix(in srgb,var(--ty-ok) 60%,var(--color-text-primary))}.theme-light #ty-app .ty-text span[data-s=w]{text-decoration-color:color-mix(in srgb,var(--ty-bad) 60%,var(--color-text-primary))}.theme-light #ty-app .ty-text span[data-s=n]{box-shadow:inset 3px 0 color-mix(in srgb,var(--ty-next) 60%,var(--color-text-primary))}#ty-app .ty-input{display:block;resize:none;line-height:1.5;min-height:5.5rem;border-color:var(--ty-desk-a)}#ty-app .ty-input:focus-visible{outline:3px solid var(--ty-next);outline-offset:2px}#ty-app .ty-input[readonly]{opacity:.7}#ty-app .ty-result[hidden],#ty-app .ty-notice[hidden]{display:none}#ty-app .ty-result{position:relative;overflow:hidden;border-color:var(--ty-star);background:linear-gradient(150deg,color-mix(in srgb,var(--ty-star) 12%,var(--color-bg-surface)),color-mix(in srgb,var(--ty-wpm) 10%,var(--color-bg-surface)))}#ty-app .ty-result:focus-visible{outline:2px solid var(--ty-next);outline-offset:2px}#ty-app .ty-result:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(circle at 97% 10%,var(--ty-dot-1) 0 6px,transparent 7px),radial-gradient(circle at 91% 16%,var(--ty-dot-2) 0 4px,transparent 5px),radial-gradient(circle at 85% 7%,var(--ty-dot-3) 0 3px,transparent 4px),radial-gradient(circle at 78% 13%,var(--ty-dot-4) 0 4px,transparent 5px),radial-gradient(circle at 70% 6%,var(--ty-dot-5) 0 3px,transparent 4px),radial-gradient(circle at 63% 12%,var(--ty-dot-6) 0 3px,transparent 4px);animation:ty-confetti 1.4s ease-out 1 both}@keyframes ty-confetti{0%{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:none}}#ty-app .ty-result #ty-result-h:before{content:"★ ";content:"★ " / "";color:var(--ty-star);white-space:pre}#ty-app .ty-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem .75rem;margin-top:.5rem}#ty-app .ty-grid p{display:flex;flex-direction:column;gap:.1rem;min-width:0;margin:0;font-size:.9rem;padding-left:.5rem;border-left:4px solid var(--ty-wpm)}#ty-app .ty-grid p:nth-child(2){border-left-color:var(--ty-gross)}#ty-app .ty-grid p:nth-child(3){border-left-color:var(--ty-acc)}#ty-app .ty-grid p:nth-child(4){border-left-color:var(--ty-okcount)}#ty-app .ty-grid p:nth-child(5){border-left-color:var(--ty-errcount)}#ty-app .ty-grid p:nth-child(6){border-left-color:var(--ty-miscount)}#ty-app .ty-notice{margin:.75rem 0 0;padding:.4rem .75rem;font-size:.8rem;font-weight:600;color:var(--color-text-primary);border:2px solid var(--ty-next);border-radius:.5rem;background:linear-gradient(120deg,color-mix(in srgb,var(--ty-next) 14%,var(--color-bg-surface)),color-mix(in srgb,var(--ty-wpm) 12%,var(--color-bg-surface)))}#ty-app .ty-table{width:100%;border-collapse:collapse;font-size:.85rem}#ty-app .ty-table th,#ty-app .ty-table td{padding:.3rem .5rem;text-align:left;border-bottom:1px solid var(--color-border-subtle);color:var(--color-text-primary)}#ty-app .ty-table thead th{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.08em;font-weight:500;color:var(--color-text-secondary)}#ty-app .ty-table td{font-family:var(--font-mono)}#ty-app .ty-table tbody th{font-weight:500;border-left:4px solid var(--ty-r1);background:color-mix(in srgb,var(--ty-r1) 10%,transparent)}#ty-app .ty-table tbody tr:nth-child(2) th{border-left-color:var(--ty-r2);background:color-mix(in srgb,var(--ty-r2) 10%,transparent)}#ty-app .ty-table tbody tr:nth-child(3) th{border-left-color:var(--ty-r3);background:color-mix(in srgb,var(--ty-r3) 10%,transparent)}#ty-app .ty-table tbody tr:nth-child(4) th{border-left-color:var(--ty-r4);background:color-mix(in srgb,var(--ty-r4) 10%,transparent)}#ty-app .ty-table tbody tr:nth-child(5) th{border-left-color:var(--ty-r5);background:color-mix(in srgb,var(--ty-r5) 10%,transparent)}#ty-app .ty-how>summary{min-height:2rem;padding-block:.375rem;box-sizing:border-box}@media(prefers-reduced-motion:reduce){#ty-app .ty-result:before{animation:none!important}}#ng-app{--g-sky: var(--color-accent);--g-teal: color-mix(in oklch, var(--color-accent) 50%, var(--color-accent-success));--g-green: var(--color-accent-success);--g-lime: color-mix(in oklch, var(--color-accent-success) 50%, var(--color-accent-warm));--g-amber: var(--color-accent-warm);--g-orange: color-mix(in oklch, var(--color-accent-warm) 50%, var(--color-accent-danger));--g-rose: var(--color-accent-danger);--g-violet: color-mix(in oklch, var(--color-accent) 50%, var(--color-accent-danger));--ng-ok: var(--g-green);--ng-b0: var(--g-sky);--ng-b1: var(--g-teal);--ng-b2: var(--g-green);--ng-b3: var(--g-amber);--ng-b4: var(--g-rose);--ng-b5: var(--g-violet);--ng-ink: var(--color-bg-base);--ng-lite: var(--color-text-primary);container-type:inline-size}.theme-light #ng-app{--ng-ink: var(--color-text-primary);--ng-lite: var(--color-bg-base)}#ng-app .ng-label,#ng-app .ng-k{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-secondary)}#ng-app .ng-controls{display:grid;gap:.875rem;grid-template-columns:minmax(0,1fr);align-items:end;padding:.875rem;border-radius:1rem;border:1px solid color-mix(in srgb,var(--ng-b1) 35%,transparent);background:linear-gradient(120deg,color-mix(in srgb,var(--ng-b1) 14%,var(--color-bg-elevated)),color-mix(in srgb,var(--g-violet) 14%,var(--color-bg-elevated)))}#ng-app .ng-actions{display:flex;flex-wrap:wrap;gap:.5rem}@container (min-width: 560px){#ng-app .ng-controls{grid-template-columns:minmax(0,180px) minmax(0,1fr)}}#ng-app .ng-layout{display:grid;gap:1.25rem;grid-template-columns:minmax(0,1fr)}@container (min-width: 820px){#ng-app .ng-layout{grid-template-columns:minmax(0,600px) minmax(0,1fr);align-items:start}}#ng-app .ng-stats{display:flex;flex-wrap:wrap;gap:.4rem;font-size:.8rem}#ng-app .ng-stats p{display:inline-flex;align-items:baseline;gap:.4rem;padding:.2rem .65rem;border-radius:999px;border:1px solid var(--ng-chip);background:color-mix(in srgb,var(--ng-chip) 14%,var(--color-bg-elevated))}#ng-app .ng-stats p:nth-child(1){--ng-chip: var(--g-violet)}#ng-app .ng-stats p:nth-child(2){--ng-chip: var(--g-sky)}#ng-app .ng-stats p:nth-child(3){--ng-chip: var(--g-amber)}#ng-app .ng-stats p:nth-child(4){--ng-chip: var(--ng-ok)}#ng-app .ng-stats .ng-v{font-family:var(--font-mono);font-weight:600;color:var(--color-text-primary)}#ng-app .ng-scroll{container-type:inline-size;overflow-x:auto;width:100%;max-width:100%}#ng-app[data-n="5"] .ng-scroll{max-width:380px}#ng-app[data-n="10"] .ng-scroll{max-width:540px}#ng-app[data-n="15"] .ng-scroll{max-width:600px}#ng-app .ng-board{display:grid;width:100%;user-select:none;-webkit-user-select:none}#ng-app[data-n="5"] .ng-board{--f: clamp(13px, 4.4cqw, 18px);grid-template-columns:auto repeat(5,minmax(36px,1fr))}#ng-app[data-n="10"] .ng-board{--f: clamp(10px, 3cqw, 15px);grid-template-columns:auto repeat(10,minmax(22px,1fr))}#ng-app[data-n="15"] .ng-board{--f: clamp(9px, 2.6cqw, 13px);grid-template-columns:auto repeat(15,minmax(18px,1fr))}#ng-app .ng-rclue,#ng-app .ng-cclue{position:relative;display:flex;font-family:var(--font-mono);font-size:var(--f);line-height:1.15;font-weight:600;color:var(--color-text-secondary);min-width:0}#ng-app .ng-rclue{flex-direction:row;justify-content:flex-end;align-items:center;gap:.4em;padding:0 .45em 0 1.15em;white-space:nowrap}#ng-app .ng-cclue{flex-direction:column;justify-content:flex-end;align-items:center;gap:.05em;padding:1.2em 0 .3em}#ng-app .ng-rclue{background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--g-sky) 10%,transparent))}#ng-app .ng-cclue{background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--g-violet) 10%,transparent))}#ng-app .ng-rclue[data-gb=true]{border-bottom:2px solid var(--color-border)}#ng-app .ng-cclue[data-gr=true]{border-right:2px solid var(--color-border)}#ng-app .ng-rclue[data-hl=true],#ng-app .ng-cclue[data-hl=true]{color:var(--color-text-primary)}#ng-app .ng-rclue[data-done=true],#ng-app .ng-cclue[data-done=true]{color:var(--color-text-muted)}#ng-app .ng-rclue[data-done=true]{background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--ng-ok) 18%,transparent));box-shadow:inset -3px 0 0 var(--ng-ok)}#ng-app .ng-cclue[data-done=true]{background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--ng-ok) 18%,transparent));box-shadow:inset 0 -3px 0 var(--ng-ok)}#ng-app .ng-rclue[data-done=true] .ng-n,#ng-app .ng-cclue[data-done=true] .ng-n{opacity:.75;text-decoration:line-through}.theme-light #ng-app .ng-rclue[data-done=true],.theme-light #ng-app .ng-cclue[data-done=true]{color:var(--color-text-secondary)}.theme-light #ng-app .ng-rclue[data-done=true] .ng-n,.theme-light #ng-app .ng-cclue[data-done=true] .ng-n{opacity:1}#ng-app .ng-rclue:before,#ng-app .ng-cclue:before{content:"✓";content:"✓" / "";position:absolute;visibility:hidden;font-weight:700;color:var(--ng-ok)}#ng-app .ng-rclue:before{left:.25em;top:50%;transform:translateY(-50%)}#ng-app .ng-cclue:before{top:.1em;left:50%;transform:translate(-50%)}#ng-app .ng-rclue[data-done=true]:before,#ng-app .ng-cclue[data-done=true]:before{visibility:visible}#ng-app .ng-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}#ng-app .ng-cell{position:relative;display:block;aspect-ratio:1;width:100%;min-width:0;padding:0;margin:0;cursor:pointer;border-radius:0;background-color:var(--color-bg-elevated);color:var(--color-text-primary);font-family:var(--font-mono);font-size:var(--f);line-height:1;border:0;border-right:1px solid color-mix(in srgb,var(--color-border) 55%,transparent);border-bottom:1px solid color-mix(in srgb,var(--color-border) 55%,transparent)}#ng-app .ng-cell[data-gr=true]{border-right:2px solid var(--color-border)}#ng-app .ng-cell[data-gb=true]{border-bottom:2px solid var(--color-border)}#ng-app .ng-cell[data-hl=true]{background-color:color-mix(in srgb,var(--color-accent) 9%,var(--color-bg-elevated))}#ng-app .ng-cell[data-band="0"]{--ng-c: var(--ng-b0)}#ng-app .ng-cell[data-band="1"]{--ng-c: var(--ng-b1)}#ng-app .ng-cell[data-band="2"]{--ng-c: var(--ng-b2)}#ng-app .ng-cell[data-band="3"]{--ng-c: var(--ng-b3)}#ng-app .ng-cell[data-band="4"]{--ng-c: var(--ng-b4)}#ng-app .ng-cell[data-band="5"]{--ng-c: var(--ng-b5)}#ng-app .ng-cell[data-v="1"]{background-color:var(--ng-c, var(--g-sky));background-image:linear-gradient(135deg,color-mix(in srgb,var(--ng-c, var(--g-sky)) 62%,var(--ng-lite)),var(--ng-c, var(--g-sky)) 60%,color-mix(in srgb,var(--ng-c, var(--g-sky)) 78%,var(--ng-ink)));box-shadow:inset 0 0 0 2px var(--color-bg-elevated),inset 0 0 0 3px color-mix(in srgb,var(--ng-c, var(--g-sky)) 55%,var(--ng-ink))}#ng-app .ng-cell[data-v="1"][data-line=true]{z-index:1;filter:brightness(1.12) saturate(1.15);box-shadow:inset 0 0 0 2px var(--color-bg-elevated),inset 0 0 0 3px color-mix(in srgb,var(--ng-c, var(--g-sky)) 55%,var(--ng-ink)),0 0 9px 1px color-mix(in srgb,var(--ng-c, var(--g-sky)) 65%,transparent)}#ng-app .ng-cell[data-v="2"]{background-image:linear-gradient(45deg,transparent calc(50% - 1px),var(--color-text-muted) calc(50% - 1px),var(--color-text-muted) calc(50% + 1px),transparent calc(50% + 1px)),linear-gradient(-45deg,transparent calc(50% - 1px),var(--color-text-muted) calc(50% - 1px),var(--color-text-muted) calc(50% + 1px),transparent calc(50% + 1px));background-size:62% 62%;background-position:center;background-repeat:no-repeat}#ng-app .ng-cell[data-wrong=true]{outline:2px dashed var(--color-accent-danger);outline-offset:-3px}#ng-app .ng-cell[data-wrong=true]:after{content:"!";position:absolute;inset:0;display:grid;place-items:center;font-weight:800;color:var(--color-accent-danger);text-shadow:0 0 2px var(--color-bg-base),0 0 2px var(--color-bg-base)}#ng-app .ng-cell[data-hint=true]{outline:2px solid var(--color-accent-warm);outline-offset:-3px}#ng-app .ng-cell:focus-visible{outline:3px solid var(--color-text-primary);outline-offset:-3px;z-index:2}#ng-app .ng-seg{display:inline-flex;gap:.15rem;padding:.15rem;border:1px solid var(--color-border);border-radius:.75rem}#ng-app .ng-legend{display:grid;gap:.4rem;list-style:none;margin:0;padding:0;font-size:.75rem;color:var(--color-text-secondary)}#ng-app .ng-legend li{display:flex;align-items:center;gap:.6rem}#ng-app .ng-sw{position:relative;display:inline-grid;place-items:center;flex:none;width:1.5rem;height:1.5rem;border:1px solid var(--color-border);background-color:var(--color-bg-elevated);font-family:var(--font-mono);font-size:.75rem;font-weight:600;color:var(--color-text-muted)}#ng-app .ng-sw-fill{background-color:var(--g-sky);background-image:linear-gradient(135deg,var(--g-sky),var(--g-violet));box-shadow:inset 0 0 0 2px var(--color-bg-elevated),inset 0 0 0 3px color-mix(in srgb,var(--g-sky) 55%,var(--ng-ink))}#ng-app .ng-sw-mark{background-image:linear-gradient(45deg,transparent calc(50% - 1px),var(--color-text-muted) calc(50% - 1px),var(--color-text-muted) calc(50% + 1px),transparent calc(50% + 1px)),linear-gradient(-45deg,transparent calc(50% - 1px),var(--color-text-muted) calc(50% - 1px),var(--color-text-muted) calc(50% + 1px),transparent calc(50% + 1px));background-size:62% 62%;background-position:center;background-repeat:no-repeat}#ng-app .ng-sw-done{border-color:transparent;background:transparent;text-decoration:line-through;opacity:.8}#ng-app .ng-sw-done:before{content:"✓";position:absolute;top:-.35em;left:50%;transform:translate(-50%);font-size:.7rem;color:var(--ng-ok)}#ng-app .ng-sw-bad{outline:2px dashed var(--color-accent-danger);outline-offset:-3px}#ng-app .ng-sw-bad:after{content:"!";color:var(--color-accent-danger);font-weight:800}#ng-app .ng-win[hidden],#ng-app #ng-fit[hidden]{display:none}#ng-app .ng-win{border-color:var(--ng-ok);background:linear-gradient(135deg,color-mix(in srgb,var(--ng-ok) 20%,var(--color-bg-elevated)),color-mix(in srgb,var(--g-violet) 16%,var(--color-bg-elevated)))}@media(prefers-reduced-motion:no-preference){#ng-app .ng-cell[data-v="1"][data-line=true]{animation:ng-shine .7s ease-out 1}#ng-app:has(.ng-win:not([hidden])) .ng-cell[data-v="1"]{animation:ng-wave .52s ease-out 1 both}#ng-app:has(.ng-win:not([hidden])) .ng-cell[data-band="1"]{animation-delay:.1s}#ng-app:has(.ng-win:not([hidden])) .ng-cell[data-band="2"]{animation-delay:.2s}#ng-app:has(.ng-win:not([hidden])) .ng-cell[data-band="3"]{animation-delay:.3s}#ng-app:has(.ng-win:not([hidden])) .ng-cell[data-band="4"]{animation-delay:.4s}#ng-app:has(.ng-win:not([hidden])) .ng-cell[data-band="5"]{animation-delay:.5s}#ng-app .ng-win:not([hidden]){animation:ng-settle .42s ease-out 1}}@keyframes ng-shine{0%{filter:brightness(1.6) saturate(1.3)}to{filter:brightness(1.12) saturate(1.15)}}@keyframes ng-wave{0%{transform:scale(1)}45%{transform:scale(1.22)}to{transform:scale(1)}}@keyframes ng-settle{0%{transform:scale(.97)}to{transform:scale(1)}}#ng-app .ng-how>summary{box-sizing:border-box;min-height:2rem;padding-block:.375rem}#wg-app{--g-sky: var(--color-accent);--g-teal: color-mix(in oklch, var(--color-accent) 50%, var(--color-accent-success));--g-green: var(--color-accent-success);--g-lime: color-mix(in oklch, var(--color-accent-success) 50%, var(--color-accent-warm));--g-amber: var(--color-accent-warm);--g-orange: color-mix(in oklch, var(--color-accent-warm) 50%, var(--color-accent-danger));--g-rose: var(--color-accent-danger);--g-violet: color-mix(in oklch, var(--color-accent) 50%, var(--color-accent-danger));--wg-hit: var(--g-sky);--wg-near: var(--g-orange);--wg-miss: color-mix(in srgb, var(--color-text-primary) 14%, var(--color-bg-base));--wg-miss-fg: var(--color-text-secondary);--wg-frame: color-mix(in srgb, var(--g-violet) 14%, var(--color-bg-elevated));container-type:inline-size}.theme-light #wg-app{--wg-miss: color-mix(in srgb, var(--color-text-primary) 82%, var(--color-bg-base));--wg-miss-fg: var(--color-bg-base)}#wg-app [hidden]{display:none!important}#wg-app .wg-k{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-secondary)}#wg-app .wg-controls{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}#wg-app .wg-controls [aria-disabled=true]{opacity:.6;cursor:not-allowed}#wg-app .wg-controls [aria-current=true]{border-color:var(--g-violet)}#wg-app .wg-layout{display:grid;gap:1.25rem;grid-template-columns:minmax(0,1fr)}@container (min-width: 760px){#wg-app .wg-layout{grid-template-columns:minmax(0,30rem) minmax(0,1fr);align-items:start}}#wg-app .wg-play{display:grid;grid-template-columns:minmax(0,1fr);gap:.6rem;justify-items:center}#wg-app .wg-play>*{width:100%}#wg-app .wg-info{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.25rem 1rem;max-width:17.5rem;margin:0;font-size:.75rem}@container (min-width: 560px){#wg-app .wg-info{max-width:21rem}}#wg-app .wg-info .wg-v{font-family:var(--font-mono);font-weight:600;color:var(--color-text-primary);padding:.15rem .6rem;border-radius:999px;background:color-mix(in srgb,var(--g-violet) 24%,var(--color-bg-elevated));border:1px solid color-mix(in srgb,var(--g-violet) 55%,var(--color-border-subtle))}#wg-app .wg-info .wg-k{color:var(--color-text-primary);padding:.15rem .6rem;border-radius:999px;background:color-mix(in srgb,var(--g-sky) 18%,var(--color-bg-elevated));border:1px solid color-mix(in srgb,var(--g-sky) 50%,var(--color-border-subtle))}#wg-app .wg-status{min-height:1.25rem;max-width:30rem;margin:0;text-align:center}#wg-app .wg-board{display:grid;gap:6px;width:100%;max-width:17.5rem;margin:0 auto;padding:8px;box-sizing:border-box;border-radius:1.1rem;background:linear-gradient(160deg,var(--wg-frame),color-mix(in srgb,var(--g-sky) 10%,var(--color-bg-surface)));border:1px solid color-mix(in srgb,var(--g-violet) 35%,var(--color-border-subtle));box-shadow:0 10px 28px -14px color-mix(in srgb,var(--g-violet) 55%,transparent)}@container (min-width: 560px){#wg-app .wg-board{max-width:21rem}}#wg-app .wg-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}#wg-app .wg-tile{--wg-bg: var(--color-bg-surface);--wg-bd: color-mix(in srgb, var(--g-violet) 40%, var(--color-border));--wg-fg: var(--color-text-primary);position:relative;display:grid;place-items:center;aspect-ratio:1;box-sizing:border-box;min-width:0;border:2px solid var(--wg-bd);border-radius:.7rem;background:var(--wg-bg);color:var(--wg-fg);font-family:var(--font-mono);font-weight:700;font-size:1.5rem;line-height:1;text-transform:uppercase;box-shadow:0 2px 6px -3px color-mix(in srgb,var(--color-bg-base) 80%,transparent)}#wg-app .wg-tile[data-c="1"]{--wg-i: 1}#wg-app .wg-tile[data-c="2"]{--wg-i: 2}#wg-app .wg-tile[data-c="3"]{--wg-i: 3}#wg-app .wg-tile[data-c="4"]{--wg-i: 4}#wg-app .wg-row[data-active=true] .wg-tile[data-state=empty]{border-color:var(--g-violet);border-style:dashed}#wg-app .wg-tile[data-state=typed]{--wg-bd: var(--g-sky);--wg-bg: color-mix(in srgb, var(--g-sky) 14%, var(--color-bg-surface))}#wg-app .wg-tile[data-state=correct]{--wg-bg: var(--wg-hit);--wg-bd: var(--wg-hit);--wg-fg: var(--color-bg-base)}#wg-app .wg-tile[data-state=present]{--wg-bg: var(--wg-near);--wg-bd: var(--wg-near);--wg-fg: var(--color-bg-base)}#wg-app .wg-tile[data-state=absent]{--wg-bg: var(--wg-miss);--wg-bd: var(--wg-miss);--wg-fg: var(--wg-miss-fg)}.theme-light #wg-app .wg-tile[data-state=correct],.theme-light #wg-app .wg-tile[data-state=present]{--wg-fg: var(--color-text-primary)}#wg-app .wg-tile:after{position:absolute;top:3px;right:5px;font-size:.62rem;font-weight:700;line-height:1}#wg-app .wg-tile[data-state=correct]:after{content:"✓"}#wg-app .wg-tile[data-state=present]:after{content:"◆"}#wg-app .wg-tile[data-state=absent]:after{content:"✕"}#wg-app .wg-sample{display:inline-grid;flex:none;width:2rem;height:2rem;aspect-ratio:auto;font-size:1rem}#wg-app .wg-kb{display:grid;gap:5px;width:100%;max-width:30rem;margin:0 auto}#wg-app .wg-kr{display:flex;justify-content:center;gap:3px}#wg-app .wg-kr[data-row="1"]{padding:0 4.5%}#wg-app .wg-key{--wg-bg: var(--color-bg-elevated);--wg-bd: var(--color-border);--wg-fg: var(--color-text-primary);position:relative;flex:1 1 0;min-width:0;min-height:44px;height:2.9rem;padding:0;margin:0;border-radius:.6rem;display:inline-flex;align-items:center;justify-content:center;font-size:.95rem;font-weight:600;line-height:1}#wg-app .wg-key.wg-wide{flex:1.6 1 0;font-size:.68rem;letter-spacing:.02em}@media(max-width:389px){#wg-app .wg-kb{display:flex;flex-wrap:wrap;justify-content:center;gap:4px}#wg-app .wg-kr,#wg-app .wg-kr[data-row="1"]{display:contents}#wg-app .wg-key{flex:0 0 calc((100% - 24px) / 7);min-width:28px}#wg-app .wg-key.wg-wide{flex:0 0 calc(50% - 2px);order:2;font-size:.8rem}}#wg-app .wg-key[data-state=action]{border-color:color-mix(in srgb,var(--g-violet) 55%,var(--color-border))}#wg-app .wg-key[data-state=correct],#wg-app .wg-key[data-state=correct]:hover{background-color:var(--wg-hit);border-color:var(--wg-hit);color:var(--color-bg-base);box-shadow:none}#wg-app .wg-key[data-state=present],#wg-app .wg-key[data-state=present]:hover{background-color:var(--wg-near);border-color:var(--wg-near);color:var(--color-bg-base);box-shadow:none}.theme-light #wg-app .wg-key[data-state=correct],.theme-light #wg-app .wg-key[data-state=correct]:hover,.theme-light #wg-app .wg-key[data-state=present],.theme-light #wg-app .wg-key[data-state=present]:hover{color:var(--color-text-primary)}#wg-app .wg-key[data-state=absent],#wg-app .wg-key[data-state=absent]:hover{background-color:var(--wg-miss);border-color:var(--wg-miss);color:var(--wg-miss-fg);box-shadow:none}#wg-app .wg-key:after{position:absolute;top:2px;right:3px;font-size:.55rem;font-weight:700;line-height:1}#wg-app .wg-key[data-state=correct]:after{content:"✓"}#wg-app .wg-key[data-state=present]:after{content:"◆"}#wg-app .wg-key[data-state=absent]:after{content:"✕"}#wg-app .wg-key:focus-visible,#wg-app .wg-controls button:focus-visible{outline:3px solid var(--color-text-primary);outline-offset:2px;z-index:2}#wg-app .wg-panel{border-color:color-mix(in srgb,var(--g-violet) 40%,var(--color-border-subtle))}#wg-app .wg-sum{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem;text-align:center;margin:0}#wg-app .wg-sum p{margin:0;padding:.4rem .2rem;border-radius:.6rem;background:color-mix(in srgb,var(--g-sky) 10%,var(--color-bg-elevated))}#wg-app .wg-sum p:nth-child(2){background:color-mix(in srgb,var(--g-violet) 14%,var(--color-bg-elevated))}#wg-app .wg-sum p:nth-child(3){background:color-mix(in srgb,var(--wg-near) 14%,var(--color-bg-elevated))}#wg-app .wg-sum p:nth-child(4){background:color-mix(in srgb,var(--g-amber) 14%,var(--color-bg-elevated))}#wg-app .wg-sum b{display:block;font-family:var(--font-mono);font-size:1.25rem;font-weight:700;color:var(--color-text-primary);line-height:1.2}#wg-app .wg-sum span{font-family:var(--font-mono);font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-secondary)}#wg-app .wg-dist{list-style:none;margin:0;padding:0;display:grid;gap:4px}#wg-app .wg-dist li{display:grid;grid-template-columns:1rem minmax(0,1fr) 2.4rem;align-items:center;gap:.5rem;font-family:var(--font-mono);font-size:12px;color:var(--color-text-secondary)}#wg-app .wg-bar{display:block;height:.9rem;border-radius:999px;background:var(--color-bg-elevated);overflow:hidden}#wg-app .wg-bar i{display:block;height:100%;width:var(--wg-w, 0%);border-radius:999px;background:linear-gradient(90deg,var(--g-violet),var(--g-sky))}#wg-app .wg-dist li[data-last=true] .wg-bar i{background:linear-gradient(90deg,var(--wg-near),var(--g-amber))}#wg-app .wg-dist li[data-last=true]{color:var(--color-text-primary);font-weight:700}#wg-app .wg-dn{text-align:right}#wg-app .wg-legend{display:grid;gap:.45rem;list-style:none;margin:0;padding:0;font-size:.75rem;color:var(--color-text-secondary)}#wg-app .wg-legend li{display:flex;align-items:center;gap:.6rem}@media(prefers-reduced-motion:no-preference){#wg-app .wg-tile[data-flip=true]{animation:wg-pop .5s ease-out both;animation-delay:calc(var(--wg-i, 0) * .11s)}#wg-app .wg-tile[data-flip=true]:after{animation:wg-markin .5s linear both;animation-delay:calc(var(--wg-i, 0) * .11s)}#wg-app .wg-row:has(.wg-tile[data-state=correct]):not(:has(.wg-tile:not([data-state=correct]))) .wg-tile[data-flip=true]{animation:wg-pop .5s ease-out both,wg-wave .7s ease-in-out;animation-delay:calc(var(--wg-i, 0) * .11s),calc(.75s + var(--wg-i, 0) * .12s)}#wg-app .wg-key[data-fresh=true]{animation:wg-keyin .15s ease both;animation-delay:.9s}#wg-app .wg-key[data-fresh=true]:after{animation:wg-markin .15s linear both;animation-delay:.9s}#wg-app .wg-row[data-shake=true]{animation:wg-shake .35s ease}#wg-app .wg-panel[data-fresh=true]{animation:wg-fade .3s ease both;animation-delay:1s}}@keyframes wg-pop{0%,30%{transform:scale(1);background:var(--color-bg-surface);border-color:var(--wg-bd);color:var(--color-text-primary)}31%{transform:scale(.82) translateY(6px);background:var(--wg-bg);border-color:var(--wg-bd);color:var(--wg-fg)}62%{transform:scale(1.12) translateY(-3px);background:var(--wg-bg);border-color:var(--wg-bd);color:var(--wg-fg)}to{transform:scale(1) translateY(0);background:var(--wg-bg);border-color:var(--wg-bd);color:var(--wg-fg)}}@keyframes wg-wave{0%,to{transform:translateY(0)}40%{transform:translateY(-9px) scale(1.06)}}@keyframes wg-markin{0%,30%{opacity:0}31%,to{opacity:1}}@keyframes wg-keyin{0%{background-color:var(--color-bg-elevated);border-color:var(--color-border);color:var(--color-text-primary)}}@keyframes wg-shake{20%{transform:translate(-5px)}40%{transform:translate(5px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}@keyframes wg-fade{0%{opacity:0}to{opacity:1}}#wg-app .wg-how>summary{min-height:2rem;padding-block:.375rem;box-sizing:border-box}#lp-app{--g-sky: var(--color-accent);--g-teal: color-mix(in oklch, var(--color-accent) 50%, var(--color-accent-success));--g-green: var(--color-accent-success);--g-lime: color-mix(in oklch, var(--color-accent-success) 50%, var(--color-accent-warm));--g-amber: var(--color-accent-warm);--g-orange: color-mix(in oklch, var(--color-accent-warm) 50%, var(--color-accent-danger));--g-rose: var(--color-accent-danger);--g-violet: color-mix(in oklch, var(--color-accent) 50%, var(--color-accent-danger));--lp-ok: var(--g-green);--lp-ink: var(--color-bg-base);container-type:inline-size}.theme-light #lp-app{--lp-ink: var(--color-text-primary)}#lp-app .lp-label,#lp-app .lp-k{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-secondary)}#lp-app .lp-controls{display:grid;gap:.875rem;grid-template-columns:repeat(2,minmax(0,1fr));align-items:end}#lp-app .lp-actions{display:flex;flex-wrap:wrap;gap:.5rem;grid-column:1 / -1}@container (min-width: 560px){#lp-app .lp-controls{grid-template-columns:minmax(0,150px) minmax(0,150px) minmax(0,1fr)}#lp-app .lp-actions{grid-column:auto}}#lp-app .lp-layout{display:grid;gap:1.25rem;grid-template-columns:minmax(0,1fr)}@container (min-width: 780px){#lp-app .lp-layout{grid-template-columns:minmax(0,560px) minmax(0,1fr);align-items:start}}#lp-app .lp-stats{display:flex;flex-wrap:wrap;gap:.25rem 1.25rem;font-size:.8rem}#lp-app .lp-stats .lp-v{font-family:var(--font-mono);font-weight:600;color:var(--color-text-primary)}#lp-app .lp-seg{display:flex;flex-wrap:wrap;gap:.5rem}#lp-app .lp-seg .app-btn-tab{min-height:2.75rem}#lp-app .lp-scroll{container-type:inline-size;overflow-x:auto;width:100%;max-width:560px}#lp-app .lp-board{width:100%;min-width:calc(var(--lp-span, 6) * 28px);box-sizing:border-box;border-radius:1rem;border:2px solid var(--color-border);touch-action:manipulation;background:linear-gradient(145deg,color-mix(in srgb,var(--g-sky) 12%,var(--color-bg-elevated)),color-mix(in srgb,var(--g-violet) 12%,var(--color-bg-elevated)));box-shadow:0 6px 22px color-mix(in srgb,var(--g-violet) 14%,transparent)}#lp-app .lp-board:focus-visible{outline:3px solid var(--color-text-primary);outline-offset:2px}#lp-app .lp-svg{display:block;width:100%;height:auto;aspect-ratio:1;cursor:pointer;user-select:none;-webkit-user-select:none}#lp-app .lp-guide{stroke:color-mix(in srgb,var(--color-text-muted) 40%,transparent);stroke-width:3;stroke-linecap:round}#lp-app .lp-e{stroke:none;stroke-width:17;stroke-linecap:round;fill:none}#lp-app .lp-e[data-s="1"],#lp-app .lp-e[data-s="1"][data-g="0"]{stroke:var(--g-sky)}#lp-app .lp-e[data-s="1"][data-g="1"]{stroke:color-mix(in oklch,var(--g-sky) 75%,var(--g-violet))}#lp-app .lp-e[data-s="1"][data-g="2"]{stroke:color-mix(in oklch,var(--g-sky) 50%,var(--g-violet))}#lp-app .lp-e[data-s="1"][data-g="3"]{stroke:color-mix(in oklch,var(--g-sky) 25%,var(--g-violet))}#lp-app .lp-e[data-s="1"][data-g="4"]{stroke:var(--g-violet)}#lp-app .lp-e[data-s="1"][data-g="5"]{stroke:color-mix(in oklch,var(--g-violet) 66%,var(--g-rose))}#lp-app .lp-e[data-s="1"][data-g="6"]{stroke:color-mix(in oklch,var(--g-violet) 33%,var(--g-rose))}#lp-app .lp-e[data-s="1"][data-g="7"]{stroke:var(--g-rose)}#lp-app .lp-x{display:none;stroke:var(--color-text-secondary);stroke-width:9;stroke-linecap:round;fill:none}#lp-app .lp-x[data-on=true]{display:block}#lp-app .lp-dot{fill:var(--color-text-secondary)}#lp-app .lp-pen{display:none;fill:none;stroke:var(--color-text-primary);stroke-width:7;pointer-events:none}#lp-app .lp-board:focus-visible .lp-pen{display:block}#lp-app .lp-pen[data-down=true]{fill:color-mix(in srgb,var(--g-amber) 45%,transparent);stroke:var(--g-amber)}#lp-app .lp-disc{fill:none;stroke:none}#lp-app .lp-clue[data-st=ok] .lp-disc{fill:color-mix(in srgb,var(--lp-ok) 70%,var(--color-bg-elevated));stroke:var(--lp-ok);stroke-width:5}#lp-app .lp-clue[data-st=over] .lp-disc{fill:none;stroke:var(--g-rose);stroke-width:6;stroke-dasharray:11 9}#lp-app .lp-num{font-family:var(--font-display);font-size:50px;font-weight:700;text-anchor:middle;dominant-baseline:central;fill:var(--color-text-primary);pointer-events:none}#lp-app .lp-clue[data-st=ok] .lp-num{fill:var(--lp-ink)}#lp-app .lp-ov-hint{stroke:var(--g-amber);stroke-width:24;stroke-linecap:round;fill:none;opacity:.9}#lp-app .lp-ov-bad{stroke:var(--g-rose);stroke-width:20;stroke-linecap:round;stroke-dasharray:18 16;fill:none}#lp-app .lp-ov-ans{stroke:var(--g-amber);stroke-width:11;stroke-linecap:round;stroke-dasharray:20 14;fill:none;opacity:.85}#lp-app .lp-diamond{fill:var(--g-amber);stroke:var(--color-text-primary);stroke-width:4}#lp-app .lp-bang-bg{fill:var(--g-rose)}.theme-light #lp-app .lp-bang-bg{fill:color-mix(in oklch,var(--g-rose) 75%,var(--color-text-primary))}#lp-app .lp-bang{font-family:var(--font-display);font-size:34px;font-weight:800;text-anchor:middle;dominant-baseline:central;fill:var(--color-bg-base)}#lp-app .lp-board[data-won=true] .lp-e[data-s="1"]{animation:lp-pulse .9s ease-in-out 2}#lp-app .lp-board[data-won=true]{box-shadow:0 0 0 3px color-mix(in srgb,var(--lp-ok) 55%,transparent),0 6px 26px color-mix(in srgb,var(--lp-ok) 25%,transparent)}@keyframes lp-pulse{0%,to{stroke-width:17}50%{stroke-width:30}}#lp-app .lp-legend{display:grid;gap:.4rem;list-style:none;margin:0 0 .75rem;padding:0;font-size:.75rem;color:var(--color-text-secondary)}#lp-app .lp-legend li{display:flex;align-items:center;gap:.6rem}#lp-app .lp-sw{position:relative;display:inline-grid;place-items:center;flex:none;width:1.75rem;height:1.75rem;box-sizing:border-box;font-family:var(--font-display);font-weight:700;font-size:.8rem;color:var(--color-text-primary)}#lp-app .lp-sw-line:before{content:"";width:100%;height:.4rem;border-radius:999px;background:linear-gradient(90deg,var(--g-sky),var(--g-violet),var(--g-rose))}#lp-app .lp-sw-x{color:var(--color-text-secondary);font-size:1.1rem}#lp-app .lp-sw-ok{border-radius:50%;border:2px solid var(--lp-ok);background:color-mix(in srgb,var(--lp-ok) 70%,var(--color-bg-elevated));color:var(--lp-ink)}#lp-app .lp-sw-over{border-radius:50%;border:2px dashed var(--g-rose)}#lp-app .lp-sw-hint:before{content:"";width:100%;height:.4rem;border-radius:999px;background:var(--g-amber)}#lp-app .lp-sw-hint:after{content:"";position:absolute;width:.45rem;height:.45rem;background:var(--g-amber);border:1px solid var(--color-text-primary);transform:rotate(45deg)}#lp-app .lp-sw-bad:before{content:"";width:100%;height:.4rem;border-top:3px dashed var(--g-rose)}#lp-app .lp-win{border:2px solid color-mix(in srgb,var(--lp-ok) 60%,var(--color-border));background:linear-gradient(135deg,color-mix(in srgb,var(--lp-ok) 14%,var(--color-bg-elevated)),color-mix(in srgb,var(--g-sky) 12%,var(--color-bg-elevated)))}#lp-app .lp-win[hidden]{display:none}#lp-app #lp-win-text:focus{outline:none}#lp-app [aria-disabled=true].app-btn-secondary{opacity:.5;cursor:not-allowed}@media(prefers-reduced-motion:reduce){#lp-app .lp-board[data-won=true] .lp-e[data-s="1"]{animation:none}}#lp-app .lp-how>summary{box-sizing:border-box;min-height:2rem;padding-block:.375rem}#ib-app{--g-sky: var(--color-accent);--g-teal: color-mix(in oklch, var(--color-accent) 50%, var(--color-accent-success));--g-green: var(--color-accent-success);--g-lime: color-mix(in oklch, var(--color-accent-success) 50%, var(--color-accent-warm));--g-amber: var(--color-accent-warm);--g-orange: color-mix(in oklch, var(--color-accent-warm) 50%, var(--color-accent-danger));--g-rose: var(--color-accent-danger);--g-violet: color-mix(in oklch, var(--color-accent) 50%, var(--color-accent-danger));--ib-ok: var(--g-green);--ib-leaf: var(--g-lime);--ib-sea: var(--g-teal);--ib-ink: var(--color-bg-base);container-type:inline-size}.theme-light #ib-app{--ib-ink: var(--color-text-primary)}#ib-app .ib-label,#ib-app .ib-k{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-secondary)}#ib-app .ib-controls{display:grid;gap:.875rem;grid-template-columns:repeat(2,minmax(0,1fr));align-items:end}#ib-app .ib-actions{display:flex;flex-wrap:wrap;gap:.5rem;grid-column:1 / -1}@container (min-width: 560px){#ib-app .ib-controls{grid-template-columns:minmax(0,150px) minmax(0,150px) minmax(0,1fr)}#ib-app .ib-actions{grid-column:auto}}#ib-app .ib-layout{display:grid;gap:1.25rem;grid-template-columns:minmax(0,1fr)}@container (min-width: 780px){#ib-app .ib-layout{grid-template-columns:minmax(0,580px) minmax(0,1fr);align-items:start}}#ib-app .ib-stats{display:flex;flex-wrap:wrap;gap:.25rem 1.25rem;font-size:.8rem}#ib-app .ib-stats .ib-v{font-family:var(--font-mono);font-weight:600;color:var(--color-text-primary)}#ib-app .ib-scroll{overflow-x:auto;width:100%;max-width:580px}#ib-app .ib-board{position:relative;width:100%;min-width:calc(var(--ib-n, 7) * 32px);aspect-ratio:1;box-sizing:border-box;container-type:inline-size;border-radius:1rem;border:2px solid var(--color-border);background:linear-gradient(160deg,color-mix(in srgb,var(--g-sky) 16%,var(--color-bg-elevated)),color-mix(in srgb,var(--ib-sea) 14%,var(--color-bg-elevated)));box-shadow:0 6px 22px color-mix(in srgb,var(--g-sky) 14%,transparent)}#ib-app .ib-svg{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none}#ib-app .ib-grid{position:absolute;inset:0;display:grid;grid-template-columns:repeat(var(--ib-n, 7),minmax(0,1fr));grid-template-rows:repeat(var(--ib-n, 7),minmax(0,1fr))}#ib-app .ib-bridge1{stroke:var(--g-sky);stroke-width:12;stroke-linecap:round;fill:none}#ib-app .ib-bridge2{stroke:var(--g-amber);stroke-width:8;stroke-linecap:round;fill:none}#ib-app .ib-island{position:relative;place-self:center;display:grid;place-items:center;width:90%;aspect-ratio:1;min-width:0;padding:0;margin:0;cursor:pointer;border-radius:50%;border:3px solid color-mix(in srgb,var(--ib-ok) 70%,var(--color-text-primary));background:radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--ib-leaf) 55%,var(--color-bg-elevated)),color-mix(in srgb,var(--ib-ok) 40%,var(--color-bg-elevated)));color:var(--color-text-primary);font-family:var(--font-display);font-weight:800;font-size:clamp(.8rem,calc(34cqw / var(--ib-n, 7)),1.6rem);line-height:1;box-shadow:0 3px 8px color-mix(in srgb,var(--color-bg-base) 70%,transparent);transition:box-shadow .15s ease,border-color .15s ease}#ib-app .ib-island:focus-visible{outline:3px solid var(--color-text-primary);outline-offset:3px;z-index:3}#ib-app .ib-island[data-st=ok]{border-color:var(--ib-ok);background:radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--ib-leaf) 80%,var(--color-text-primary)),var(--ib-ok));color:var(--ib-ink);box-shadow:0 0 0 4px color-mix(in srgb,var(--ib-ok) 30%,transparent)}#ib-app .ib-island[data-st=ok]:after{content:"✓";position:absolute;top:-18%;right:-18%;width:40%;height:40%;display:grid;place-items:center;border-radius:50%;background:var(--color-bg-base);color:var(--ib-ok);border:2px solid var(--ib-ok);font-size:.55em;line-height:1}#ib-app .ib-island[data-st=over]{border:3px dashed var(--g-rose);background:color-mix(in srgb,var(--g-rose) 22%,var(--color-bg-elevated))}#ib-app .ib-island[data-sel=true]{border-width:6px;border-color:var(--g-amber);z-index:2}#ib-app .ib-island[data-can=true]{outline:3px dotted var(--g-amber);outline-offset:3px}#ib-app .ib-island[data-hint=true]{box-shadow:0 0 0 5px color-mix(in srgb,var(--g-amber) 55%,transparent)}#ib-app .ib-ov-hint{stroke:var(--g-amber);stroke-width:26;stroke-linecap:round;fill:none;opacity:.55}#ib-app .ib-ov-bad{stroke:var(--g-rose);stroke-width:16;stroke-linecap:round;stroke-dasharray:18 14;fill:none}#ib-app .ib-ov-ans{stroke:var(--g-amber);stroke-width:7;stroke-linecap:round;stroke-dasharray:16 12;fill:none;opacity:.9}#ib-app .ib-diamond{fill:var(--g-amber);stroke:var(--color-text-primary);stroke-width:4}#ib-app .ib-bang-bg{fill:var(--g-rose)}.theme-light #ib-app .ib-bang-bg{fill:color-mix(in oklch,var(--g-rose) 75%,var(--color-text-primary))}.theme-light #ib-app .ib-island[data-sel=true]{border-color:color-mix(in oklch,var(--g-amber) 65%,var(--color-text-primary))}.theme-light #ib-app .ib-island[data-can=true]{outline-color:color-mix(in oklch,var(--g-amber) 65%,var(--color-text-primary))}#ib-app .ib-bang{font-family:var(--font-display);font-size:34px;font-weight:800;text-anchor:middle;dominant-baseline:central;fill:var(--color-bg-base)}#ib-app .ib-board[data-won=true]{animation:ib-halo 1s ease-in-out 2;box-shadow:0 0 0 3px color-mix(in srgb,var(--ib-ok) 55%,transparent)}@keyframes ib-halo{0%,to{box-shadow:0 0 0 3px color-mix(in srgb,var(--ib-ok) 55%,transparent)}50%{box-shadow:0 0 0 12px color-mix(in srgb,var(--ib-ok) 30%,transparent)}}#ib-app .ib-legend{display:grid;gap:.4rem;list-style:none;margin:0 0 .75rem;padding:0;font-size:.75rem;color:var(--color-text-secondary)}#ib-app .ib-legend li{display:flex;align-items:center;gap:.6rem}#ib-app .ib-sw{position:relative;display:inline-grid;place-items:center;flex:none;width:1.75rem;height:1.75rem;box-sizing:border-box;font-family:var(--font-display);font-weight:800;font-size:.8rem;color:var(--color-text-primary)}#ib-app .ib-sw-one:before{content:"";width:100%;height:.3rem;border-radius:999px;background:var(--g-sky)}#ib-app .ib-sw-two:before{content:"";width:100%;height:.5rem;border-top:3px solid var(--g-amber);border-bottom:3px solid var(--g-amber);box-sizing:border-box}#ib-app .ib-sw-ok{border-radius:50%;border:2px solid var(--ib-ok);background:var(--ib-ok);color:var(--ib-ink)}#ib-app .ib-sw-ok:after{content:"✓";position:absolute;top:-4px;right:-4px;width:.8rem;height:.8rem;display:grid;place-items:center;border-radius:50%;background:var(--color-bg-base);color:var(--ib-ok);border:1px solid var(--ib-ok);font-size:.5rem}#ib-app .ib-sw-over{border-radius:50%;border:2px dashed var(--g-rose)}#ib-app .ib-sw-sel{border-radius:50%;border:4px solid var(--g-amber)}#ib-app .ib-sw-can{border-radius:50%;border:2px solid var(--ib-ok);outline:2px dotted var(--g-amber);outline-offset:2px}#ib-app .ib-win{border:2px solid color-mix(in srgb,var(--ib-ok) 60%,var(--color-border));background:linear-gradient(135deg,color-mix(in srgb,var(--ib-ok) 14%,var(--color-bg-elevated)),color-mix(in srgb,var(--g-sky) 12%,var(--color-bg-elevated)))}#ib-app .ib-win[hidden]{display:none}#ib-app .ib-win-text:focus{outline:none}#ib-app [aria-disabled=true].app-btn-secondary{opacity:.5;cursor:not-allowed}#ib-app [data-r="0"]{grid-row:1}#ib-app [data-r="1"]{grid-row:2}#ib-app [data-r="2"]{grid-row:3}#ib-app [data-r="3"]{grid-row:4}#ib-app [data-r="4"]{grid-row:5}#ib-app [data-r="5"]{grid-row:6}#ib-app [data-r="6"]{grid-row:7}#ib-app [data-r="7"]{grid-row:8}#ib-app [data-r="8"]{grid-row:9}#ib-app [data-r="9"]{grid-row:10}#ib-app [data-r="10"]{grid-row:11}#ib-app [data-c="0"]{grid-column:1}#ib-app [data-c="1"]{grid-column:2}#ib-app [data-c="2"]{grid-column:3}#ib-app [data-c="3"]{grid-column:4}#ib-app [data-c="4"]{grid-column:5}#ib-app [data-c="5"]{grid-column:6}#ib-app [data-c="6"]{grid-column:7}#ib-app [data-c="7"]{grid-column:8}#ib-app [data-c="8"]{grid-column:9}#ib-app [data-c="9"]{grid-column:10}#ib-app [data-c="10"]{grid-column:11}@media(prefers-reduced-motion:reduce){#ib-app .ib-board[data-won=true]{animation:none}#ib-app .ib-island{transition:none}}#ib-app .ib-how>summary{box-sizing:border-box;min-height:2rem;padding-block:.375rem}#mzd-app{--g-sky: var(--color-accent);--g-teal: color-mix(in oklch, var(--color-accent) 50%, var(--color-accent-success));--g-green: var(--color-accent-success);--g-lime: color-mix(in oklch, var(--color-accent-success) 50%, var(--color-accent-warm));--g-amber: var(--color-accent-warm);--g-orange: color-mix(in oklch, var(--color-accent-warm) 50%, var(--color-accent-danger));--g-rose: var(--color-accent-danger);--g-violet: color-mix(in oklch, var(--color-accent) 50%, var(--color-accent-danger));--mzd-ok: var(--g-green);--mzd-a: var(--g-teal);--mzd-b: var(--g-lime);--mzd-c: var(--g-orange);container-type:inline-size}#mzd-app .mzd-label,#mzd-app .mzd-k{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-secondary)}#mzd-app .mzd-controls{display:grid;gap:.875rem;grid-template-columns:minmax(0,1fr);align-items:end}#mzd-app .mzd-actions{display:flex;flex-wrap:wrap;gap:.5rem}@container (min-width: 560px){#mzd-app .mzd-controls{grid-template-columns:minmax(0,150px) minmax(0,1fr)}}#mzd-app .mzd-layout{display:grid;gap:1.25rem;grid-template-columns:minmax(0,1fr)}@container (min-width: 780px){#mzd-app .mzd-layout{grid-template-columns:minmax(0,580px) minmax(0,1fr);align-items:start}}#mzd-app .mzd-stats{display:flex;flex-wrap:wrap;gap:.25rem 1.25rem;font-size:.8rem}#mzd-app .mzd-stats .mzd-v{font-family:var(--font-mono);font-weight:600;color:var(--color-text-primary)}#mzd-app .mzd-actions .app-btn-tab{min-height:2.5rem}#mzd-app .mzd-scroll{overflow-x:auto;width:100%;max-width:580px}#mzd-app .mzd-board{width:100%;min-width:calc(var(--mzd-n, 8) * 11px + 16px);box-sizing:border-box;border-radius:1rem;border:2px solid var(--color-border);touch-action:none;user-select:none;-webkit-user-select:none;background:linear-gradient(150deg,color-mix(in srgb,var(--g-sky) 14%,var(--color-bg-elevated)),color-mix(in srgb,var(--mzd-a) 12%,var(--color-bg-elevated)));box-shadow:0 6px 22px color-mix(in srgb,var(--g-violet) 14%,transparent)}#mzd-app .mzd-board:focus-visible{outline:3px solid var(--color-text-primary);outline-offset:2px}#mzd-app .mzd-svg{display:block;width:100%;height:auto;aspect-ratio:1}#mzd-app .mzd-walls{fill:none;stroke:color-mix(in oklch,var(--g-violet) 60%,var(--color-text-primary));stroke-width:10;stroke-linecap:round;stroke-linejoin:round}#mzd-app .mzd-goalglow{fill:color-mix(in srgb,var(--g-amber) 30%,transparent);stroke:var(--g-amber);stroke-width:4}#mzd-app .mzd-start{fill:none;stroke:var(--mzd-a);stroke-width:6;stroke-dasharray:12 10}#mzd-app #mzd-pole{stroke:var(--color-text-primary);stroke-width:7;stroke-linecap:round}#mzd-app #mzd-cloth{fill:var(--g-rose);stroke:var(--color-text-primary);stroke-width:3;stroke-linejoin:round}#mzd-app .mzd-body{fill:var(--mzd-c);stroke:var(--color-text-primary);stroke-width:4;transition:cx .08s linear,cy .08s linear}#mzd-app .mzd-eye{fill:var(--color-bg-base);transition:cx .08s linear,cy .08s linear}#mzd-app .mzd-crumb{fill:color-mix(in srgb,var(--g-sky) 60%,transparent)}#mzd-app .mzd-board[data-trail=off] .mzd-trail,#mzd-app .mzd-board[data-trail=off] .mzd-crumbs{display:none}#mzd-app .mzd-seg{stroke:var(--mzd-a);stroke-width:20;stroke-linecap:round;fill:none;opacity:.9}#mzd-app .mzd-seg[data-g="0"]{stroke:var(--mzd-a)}#mzd-app .mzd-seg[data-g="1"]{stroke:color-mix(in oklch,var(--mzd-a) 66%,var(--mzd-b))}#mzd-app .mzd-seg[data-g="2"]{stroke:color-mix(in oklch,var(--mzd-a) 33%,var(--mzd-b))}#mzd-app .mzd-seg[data-g="3"]{stroke:var(--mzd-b)}#mzd-app .mzd-seg[data-g="4"]{stroke:color-mix(in oklch,var(--mzd-b) 66%,var(--g-amber))}#mzd-app .mzd-seg[data-g="5"]{stroke:color-mix(in oklch,var(--mzd-b) 33%,var(--g-amber))}#mzd-app .mzd-seg[data-g="6"]{stroke:var(--g-amber)}#mzd-app .mzd-seg[data-g="7"]{stroke:color-mix(in oklch,var(--g-amber) 50%,var(--mzd-c))}#mzd-app .mzd-hint{fill:var(--g-amber);stroke:var(--color-text-primary);stroke-width:4;stroke-linejoin:round}#mzd-app .mzd-hint[hidden]{display:none}#mzd-app .mzd-board[data-won=true]{box-shadow:0 0 0 3px color-mix(in srgb,var(--mzd-ok) 55%,transparent),0 6px 26px color-mix(in srgb,var(--mzd-ok) 25%,transparent)}#mzd-app .mzd-board[data-won=true] .mzd-body{animation:mzd-bounce .7s ease-in-out 2;transform-box:fill-box;transform-origin:center}@keyframes mzd-bounce{0%,to{transform:scale(1)}50%{transform:scale(1.35)}}#mzd-app .mzd-pad{display:grid;grid-template-columns:repeat(3,3.5rem);grid-template-areas:". up ." "left down right";gap:.5rem;justify-content:center;padding-top:.25rem}#mzd-app .mzd-pad-up{grid-area:up}#mzd-app .mzd-pad-left{grid-area:left}#mzd-app .mzd-pad-down{grid-area:down}#mzd-app .mzd-pad-right{grid-area:right}#mzd-app .mzd-padbtn{width:3.5rem;height:3.5rem;display:grid;place-items:center;padding:0;cursor:pointer;font-size:1.25rem;line-height:1;touch-action:manipulation;border-radius:1rem;border:2px solid var(--color-border);color:var(--color-text-primary);background:linear-gradient(160deg,color-mix(in srgb,var(--g-violet) 24%,var(--color-bg-elevated)),color-mix(in srgb,var(--g-sky) 18%,var(--color-bg-elevated)))}#mzd-app .mzd-padbtn:hover{border-color:var(--g-sky)}#mzd-app .mzd-padbtn:active{background:color-mix(in srgb,var(--g-amber) 30%,var(--color-bg-elevated))}#mzd-app .mzd-padbtn:focus-visible{outline:3px solid var(--color-text-primary);outline-offset:2px}#mzd-app .mzd-legend{display:grid;gap:.4rem;list-style:none;margin:0 0 .75rem;padding:0;font-size:.75rem;color:var(--color-text-secondary)}#mzd-app .mzd-legend li{display:flex;align-items:center;gap:.6rem}#mzd-app .mzd-sw{position:relative;display:inline-grid;place-items:center;flex:none;width:1.75rem;height:1.75rem;box-sizing:border-box;color:var(--color-text-primary)}#mzd-app .mzd-sw-me{border-radius:50%;border:2px solid var(--color-text-primary);background:var(--mzd-c)}#mzd-app .mzd-sw-me:after{content:"";width:.3rem;height:.3rem;border-radius:50%;background:var(--color-bg-base);box-shadow:.35rem 0 0 var(--color-bg-base);transform:translate(-.17rem)}#mzd-app .mzd-sw-flag{border-radius:50%;border:2px solid var(--g-amber);background:color-mix(in srgb,var(--g-amber) 30%,transparent);color:var(--g-rose);font-size:1rem}#mzd-app .mzd-sw-start{border-radius:50%;border:2px dashed var(--mzd-a)}#mzd-app .mzd-sw-trail:before{content:"";width:100%;height:.4rem;border-radius:999px;background:linear-gradient(90deg,var(--mzd-a),var(--mzd-b),var(--g-amber))}#mzd-app .mzd-sw-crumb:before{content:"";width:.5rem;height:.5rem;border-radius:50%;background:color-mix(in srgb,var(--g-sky) 60%,transparent)}#mzd-app .mzd-win{border:2px solid color-mix(in srgb,var(--mzd-ok) 60%,var(--color-border));background:linear-gradient(135deg,color-mix(in srgb,var(--mzd-ok) 14%,var(--color-bg-elevated)),color-mix(in srgb,var(--g-amber) 12%,var(--color-bg-elevated)))}#mzd-app .mzd-win[hidden]{display:none}#mzd-app .mzd-win-text:focus{outline:none}@media(prefers-reduced-motion:reduce){#mzd-app .mzd-board[data-won=true] .mzd-body{animation:none}#mzd-app .mzd-body,#mzd-app .mzd-eye{transition:none}}#mzd-app .mzd-how>summary{box-sizing:border-box;min-height:2rem;padding-block:.375rem}#lgd-app{--g-sky: var(--color-accent);--g-teal: color-mix(in oklch, var(--color-accent) 50%, var(--color-accent-success));--g-green: var(--color-accent-success);--g-lime: color-mix(in oklch, var(--color-accent-success) 50%, var(--color-accent-warm));--g-amber: var(--color-accent-warm);--g-orange: color-mix(in oklch, var(--color-accent-warm) 50%, var(--color-accent-danger));--g-rose: var(--color-accent-danger);--g-violet: color-mix(in oklch, var(--color-accent) 50%, var(--color-accent-danger));--lgd-ok: var(--g-green);--lgd-ink: var(--color-bg-base);container-type:inline-size}.theme-light #lgd-app{--lgd-ink: var(--color-text-primary)}#lgd-app .lgd-label,#lgd-app .lgd-k{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-secondary)}#lgd-app .lgd-controls{display:grid;gap:.875rem;grid-template-columns:repeat(2,minmax(0,1fr));align-items:end}#lgd-app .lgd-actions{display:flex;flex-wrap:wrap;gap:.5rem;grid-column:1 / -1}@container (min-width: 600px){#lgd-app .lgd-controls{grid-template-columns:minmax(0,150px) minmax(0,150px) minmax(0,1fr)}#lgd-app .lgd-actions{grid-column:auto}}#lgd-app .lgd-layout{display:grid;gap:1.25rem;grid-template-columns:minmax(0,1fr)}@container (min-width: 780px){#lgd-app .lgd-layout{grid-template-columns:minmax(0,520px) minmax(0,1fr);align-items:start}}#lgd-app .lgd-stats{display:flex;flex-wrap:wrap;gap:.25rem 1.25rem;font-size:.8rem}#lgd-app .lgd-stats .lgd-v{font-family:var(--font-mono);font-weight:600;color:var(--color-text-primary)}#lgd-app .lgd-stats .lgd-v[data-low=true]{color:var(--g-amber)}#lgd-app [hidden]{display:none!important}#lgd-app .lgd-boardwrap{max-width:520px}#lgd-app .lgd-board{display:grid;grid-template-columns:repeat(var(--lgd-n, 4),minmax(0,1fr));gap:6px;padding:8px;box-sizing:border-box;border-radius:1rem;border:2px solid var(--color-border);touch-action:none;user-select:none;-webkit-user-select:none;background:linear-gradient(150deg,color-mix(in srgb,var(--g-violet) 12%,var(--color-bg-elevated)),color-mix(in srgb,var(--g-sky) 10%,var(--color-bg-elevated)));box-shadow:0 6px 22px color-mix(in srgb,var(--g-violet) 14%,transparent)}#lgd-app .lgd-tile{position:relative;display:grid;place-items:center;aspect-ratio:1;min-width:0;min-height:2.5rem;padding:0;margin:0;cursor:pointer;border-radius:.75rem;border:2px solid transparent;color:var(--color-text-primary);font-family:var(--font-display);font-weight:800;text-transform:uppercase;line-height:1;font-size:clamp(1.1rem,calc(10cqw / var(--lgd-n, 4) + .9rem),2.1rem);transition:background-color .1s ease,border-color .1s ease}#lgd-app .lgd-tile[data-kind=v]{background:linear-gradient(160deg,color-mix(in srgb,var(--g-sky) 38%,var(--color-bg-elevated)),color-mix(in srgb,var(--g-sky) 18%,var(--color-bg-elevated)));border-color:color-mix(in srgb,var(--g-sky) 55%,transparent)}#lgd-app .lgd-tile[data-kind=c]{background:linear-gradient(160deg,color-mix(in srgb,var(--g-violet) 36%,var(--color-bg-elevated)),color-mix(in srgb,var(--g-violet) 16%,var(--color-bg-elevated)));border-color:color-mix(in srgb,var(--g-violet) 55%,transparent)}#lgd-app .lgd-tile:focus-visible{outline:3px solid var(--color-text-primary);outline-offset:2px;z-index:2}#lgd-app .lgd-tile[data-step]{background:linear-gradient(160deg,var(--g-amber),color-mix(in srgb,var(--g-amber) 70%,var(--g-orange)));border-color:var(--color-text-primary);color:var(--lgd-ink)}#lgd-app .lgd-tile[data-step]:after{content:attr(data-step);position:absolute;top:2px;right:4px;font-family:var(--font-mono);font-size:.55rem;font-weight:700;color:var(--lgd-ink)}#lgd-app .lgd-tile[data-flash=ok]{background:linear-gradient(160deg,var(--lgd-ok),color-mix(in srgb,var(--lgd-ok) 70%,var(--g-sky)));border-color:var(--color-text-primary);color:var(--lgd-ink)}#lgd-app .lgd-tile[data-flash=ok]:after{content:"✓";position:absolute;top:2px;right:4px;font-size:.75rem;font-weight:800;color:var(--lgd-ink)}#lgd-app .lgd-form{display:grid;gap:.375rem;max-width:520px}#lgd-app .lgd-row{display:flex;flex-wrap:wrap;gap:.5rem;align-items:stretch}#lgd-app .lgd-input{flex:1 1 10rem;min-width:0;min-height:2.75rem;font-size:1rem;text-transform:lowercase}#lgd-app .lgd-bigbtn{min-height:2.75rem}#lgd-app .lgd-found{display:flex;flex-wrap:wrap;gap:.375rem;list-style:none;margin:.5rem 0 0;padding:0;max-height:18rem;overflow-y:auto}#lgd-app .lgd-found li{padding:.2rem .6rem;border-radius:999px;font-family:var(--font-display);font-size:.85rem;font-weight:600;border:1px solid color-mix(in srgb,var(--lgd-ok) 60%,var(--color-border));background:color-mix(in srgb,var(--lgd-ok) 18%,var(--color-bg-elevated));color:var(--color-text-primary)}#lgd-app .lgd-missed li{border-color:color-mix(in srgb,var(--g-amber) 60%,var(--color-border));background:color-mix(in srgb,var(--g-amber) 14%,var(--color-bg-elevated))}#lgd-app .lgd-over{border:2px solid color-mix(in srgb,var(--g-amber) 60%,var(--color-border));background:linear-gradient(135deg,color-mix(in srgb,var(--g-amber) 12%,var(--color-bg-elevated)),color-mix(in srgb,var(--g-violet) 12%,var(--color-bg-elevated)))}#lgd-app .lgd-over[hidden]{display:none}#lgd-app .lgd-over[data-pop=true]{animation:lgd-pop .5s ease-out 1}@keyframes lgd-pop{0%{opacity:.4}60%{opacity:1;box-shadow:0 0 0 10px color-mix(in srgb,var(--g-amber) 30%,transparent)}to{box-shadow:0 0 0 0 transparent}}#lgd-app #lgd-over-text:focus{outline:none}#lgd-app .lgd-legend{display:grid;gap:.4rem;list-style:none;margin:0;padding:0;font-size:.75rem;color:var(--color-text-secondary)}#lgd-app .lgd-legend li{display:flex;align-items:center;gap:.6rem}#lgd-app .lgd-sw{position:relative;display:inline-grid;place-items:center;flex:none;width:1.75rem;height:1.75rem;box-sizing:border-box;border-radius:.45rem;border:2px solid transparent;font-family:var(--font-display);font-weight:800;font-size:.85rem;color:var(--color-text-primary)}#lgd-app .lgd-sw-v{background:color-mix(in srgb,var(--g-sky) 30%,var(--color-bg-elevated));border-color:color-mix(in srgb,var(--g-sky) 60%,transparent)}#lgd-app .lgd-sw-c{background:color-mix(in srgb,var(--g-violet) 28%,var(--color-bg-elevated));border-color:color-mix(in srgb,var(--g-violet) 60%,transparent)}#lgd-app .lgd-sw-p{background:var(--g-amber);border-color:var(--color-text-primary);color:var(--lgd-ink)}#lgd-app .lgd-sw-ok{background:var(--lgd-ok);border-color:var(--color-text-primary);color:var(--lgd-ink)}@media(prefers-reduced-motion:reduce){#lgd-app .lgd-over[data-pop=true]{animation:none}#lgd-app .lgd-tile{transition:none}}#lgd-app .lgd-how>summary{box-sizing:border-box;min-height:2rem;padding-block:.375rem}#cfl-app{--g-sky: var(--color-accent);--g-teal: color-mix(in oklch, var(--color-accent) 50%, var(--color-accent-success));--g-green: var(--color-accent-success);--g-lime: color-mix(in oklch, var(--color-accent-success) 50%, var(--color-accent-warm));--g-amber: var(--color-accent-warm);--g-orange: color-mix(in oklch, var(--color-accent-warm) 50%, var(--color-accent-danger));--g-rose: var(--color-accent-danger);--g-violet: color-mix(in oklch, var(--color-accent) 50%, var(--color-accent-danger))}#cfl-app{container-type:inline-size;--cfl-p0: var(--g-sky);--cfl-p1: var(--g-green);--cfl-p2: var(--g-amber);--cfl-p3: var(--g-rose);--cfl-p4: var(--g-violet);--cfl-p5: var(--g-orange)}#cfl-app .cfl-label,#cfl-app .cfl-k{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-secondary)}#cfl-app .cfl-controls{display:grid;gap:.875rem;grid-template-columns:repeat(2,minmax(0,1fr));align-items:end}#cfl-app .cfl-actions{display:flex;flex-wrap:wrap;gap:.5rem;grid-column:1 / -1}@container (min-width: 560px){#cfl-app .cfl-controls{grid-template-columns:minmax(0,150px) minmax(0,150px) minmax(0,1fr)}#cfl-app .cfl-actions{grid-column:auto}}#cfl-app .cfl-layout{display:grid;gap:1.25rem;grid-template-columns:minmax(0,1fr)}@container (min-width: 760px){#cfl-app .cfl-layout{grid-template-columns:minmax(0,480px) minmax(0,1fr);align-items:start}}#cfl-app .cfl-stats{display:flex;flex-wrap:wrap;gap:.25rem 1.25rem;font-size:.8rem}#cfl-app .cfl-stats .cfl-v{font-family:var(--font-mono);font-weight:600;color:var(--color-text-primary)}#cfl-app .cfl-wrap{max-width:480px}#cfl-app .cfl-board{display:grid;grid-template-columns:repeat(var(--n, 8),minmax(0,1fr));grid-template-rows:repeat(var(--n, 8),minmax(0,1fr));gap:2px;width:100%;aspect-ratio:1;padding:4px;box-sizing:border-box;border-radius:.9rem;background:var(--color-bg-surface);border:2px solid var(--color-border)}#cfl-app .cfl-board[data-n="16"]{gap:1px;padding:3px}#cfl-app .cfl-board[data-won=true]{border-color:var(--cfl-p1);box-shadow:0 0 0 3px color-mix(in srgb,var(--cfl-p1) 35%,transparent)}#cfl-app .cfl-t{position:relative;display:block;min-width:0;border-radius:4px;background-color:var(--cfl-fill, var(--color-bg-elevated));background-image:linear-gradient(145deg,color-mix(in srgb,var(--color-text-primary) 28%,transparent),transparent 55%)}#cfl-app .cfl-board[data-n="16"] .cfl-t{border-radius:2px}#cfl-app .cfl-t[data-c="0"]{--cfl-fill: var(--cfl-p0);--cfl-shape: circle(50%)}#cfl-app .cfl-t[data-c="1"]{--cfl-fill: var(--cfl-p1);--cfl-shape: inset(0)}#cfl-app .cfl-t[data-c="2"]{--cfl-fill: var(--cfl-p2);--cfl-shape: polygon(50% 4%, 98% 94%, 2% 94%)}#cfl-app .cfl-t[data-c="3"]{--cfl-fill: var(--cfl-p3);--cfl-shape: polygon(50% 0, 100% 50%, 50% 100%, 0 50%)}#cfl-app .cfl-t[data-c="4"]{--cfl-fill: var(--cfl-p4);--cfl-shape: polygon(25% 3%, 75% 3%, 100% 50%, 75% 97%, 25% 97%, 0 50%)}#cfl-app .cfl-t[data-c="5"]{--cfl-fill: var(--cfl-p5);--cfl-shape: polygon(35% 0, 65% 0, 65% 35%, 100% 35%, 100% 65%, 65% 65%, 65% 100%, 35% 100%, 35% 65%, 0 65%, 0 35%, 35% 35%)}#cfl-app .cfl-t:before,#cfl-app .cfl-t:after{content:"";position:absolute;inset:0;margin:auto;clip-path:var(--cfl-shape, inset(0))}#cfl-app .cfl-t:before{width:60%;height:60%;background:var(--color-text-primary)}#cfl-app .cfl-t:after{width:32%;height:32%;background:var(--color-bg-base)}#cfl-app .cfl-cell[data-in=true]{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-text-primary) 65%,transparent)}#cfl-app .cfl-cell[data-start=true]{outline:2px solid var(--color-text-primary);outline-offset:-2px}#cfl-app .cfl-chip{flex:none;width:2.25rem;height:2.25rem;border-radius:.6rem}#cfl-app .cfl-pal{display:grid;gap:.5rem;grid-template-columns:repeat(3,minmax(0,1fr));max-width:480px}@container (min-width: 520px){#cfl-app .cfl-pal{grid-template-columns:repeat(6,minmax(0,1fr))}}#cfl-app .cfl-pick{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;min-height:4rem;min-width:0;padding:.4rem .25rem;cursor:pointer;border:2px solid var(--color-border);border-radius:.9rem;background:var(--color-bg-elevated);color:var(--color-text-primary);font-family:var(--font-mono);font-size:.75rem;font-weight:600;transition:transform .1s ease,border-color .12s ease}#cfl-app .cfl-pick:hover{border-color:var(--color-text-secondary)}#cfl-app .cfl-pick:focus-visible{outline:3px solid var(--color-text-primary);outline-offset:2px;z-index:2}#cfl-app .cfl-pick[aria-disabled=true]{opacity:.5;cursor:not-allowed;border-style:dotted}#cfl-app .cfl-pick[data-hint=true]{border-style:dashed;border-color:var(--cfl-p2);opacity:1}#cfl-app .cfl-pick[data-hint=true]:after{content:"";position:absolute;top:4px;right:4px;width:10px;height:10px;background:var(--cfl-p2);border:1px solid var(--color-text-primary);transform:rotate(45deg)}#cfl-app .cfl-pname{min-width:0;overflow-wrap:anywhere}#cfl-app .cfl-legend{display:grid;gap:.5rem;list-style:none;margin:0 0 .75rem;padding:0;font-size:.75rem;color:var(--color-text-secondary)}#cfl-app .cfl-legend li{display:flex;align-items:center;gap:.6rem}#cfl-app .cfl-sw{position:relative;flex:none;display:inline-block;width:1.5rem;height:1.5rem;border-radius:4px;background-color:var(--cfl-p0)}#cfl-app .cfl-sw-in{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-text-primary) 65%,transparent)}#cfl-app .cfl-sw-start{outline:2px solid var(--color-text-primary);outline-offset:-2px;background-color:var(--cfl-p1)}#cfl-app .cfl-sw-hint{border:2px dashed var(--cfl-p2);background-color:var(--color-bg-elevated)}#cfl-app .cfl-sw-hint:after{content:"";position:absolute;top:1px;right:1px;width:6px;height:6px;background:var(--cfl-p2);border:1px solid var(--color-text-primary);transform:rotate(45deg)}#cfl-app [aria-disabled=true].app-btn-secondary{opacity:.5;cursor:not-allowed}#cfl-app .cfl-win[hidden]{display:none}#cfl-app .cfl-win{border-color:var(--color-border)}#cfl-app .cfl-win[data-kind=won]{border:2px solid var(--cfl-p1)}@media(prefers-reduced-motion:no-preference){@keyframes cfl-pop-a{0%{transform:scale(.72)}60%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes cfl-pop-b{0%{transform:scale(.72)}60%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes cfl-wave{0%,to{transform:scale(1)}50%{transform:scale(1.16)}}@keyframes cfl-rise{0%{transform:translateY(8px)}to{transform:translateY(0)}}#cfl-app .cfl-cell[data-pulse=a]{animation:cfl-pop-a .3s ease-out both;animation-delay:calc(var(--cfl-d, 0) * 12ms)}#cfl-app .cfl-cell[data-pulse=b]{animation:cfl-pop-b .3s ease-out both;animation-delay:calc(var(--cfl-d, 0) * 12ms)}#cfl-app .cfl-board[data-won=true] .cfl-cell{animation:cfl-wave .8s ease-in-out 1 both;animation-delay:calc(var(--cfl-d, 0) * 25ms)}#cfl-app .cfl-win:not([hidden]){animation:cfl-rise .3s ease-out both}#cfl-app .cfl-pick:active:not([aria-disabled=true]){transform:scale(.96)}}@media(prefers-reduced-motion:reduce){#cfl-app .cfl-pick{transition:none}}#cfl-app .cfl-how>summary{box-sizing:border-box;min-height:2rem;padding-block:.375rem}#bnp-app{--g-sky: var(--color-accent);--g-teal: color-mix(in oklch, var(--color-accent) 50%, var(--color-accent-success));--g-green: var(--color-accent-success);--g-lime: color-mix(in oklch, var(--color-accent-success) 50%, var(--color-accent-warm));--g-amber: var(--color-accent-warm);--g-orange: color-mix(in oklch, var(--color-accent-warm) 50%, var(--color-accent-danger));--g-rose: var(--color-accent-danger);--g-violet: color-mix(in oklch, var(--color-accent) 50%, var(--color-accent-danger))}#bnp-app{container-type:inline-size;--bnp-a: var(--g-sky);--bnp-b: var(--g-amber);--bnp-ok: var(--g-green);--bnp-bad: var(--g-rose)}#bnp-app .bnp-label,#bnp-app .bnp-k{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-secondary)}#bnp-app .bnp-controls{display:grid;gap:.875rem;grid-template-columns:repeat(2,minmax(0,1fr));align-items:end}#bnp-app .bnp-actions{display:flex;flex-wrap:wrap;gap:.5rem;grid-column:1 / -1}@container (min-width: 560px){#bnp-app .bnp-controls{grid-template-columns:minmax(0,150px) minmax(0,150px) minmax(0,1fr)}#bnp-app .bnp-actions{grid-column:auto}}#bnp-app .bnp-layout{display:grid;gap:1.25rem;grid-template-columns:minmax(0,1fr)}@container (min-width: 760px){#bnp-app .bnp-layout{grid-template-columns:minmax(0,480px) minmax(0,1fr);align-items:start}}#bnp-app .bnp-stats{display:flex;flex-wrap:wrap;gap:.25rem 1.25rem;font-size:.8rem}#bnp-app .bnp-stats .bnp-v{font-family:var(--font-mono);font-weight:600;color:var(--color-text-primary)}#bnp-app .bnp-wrap{max-width:480px}#bnp-app .bnp-board{display:flex;flex-direction:column;gap:2px;width:100%;box-sizing:border-box;padding:4px;border-radius:.9rem;background:var(--color-bg-surface);border:2px solid var(--color-border)}#bnp-app .bnp-board[data-n="10"]{gap:0;padding:0;border-width:1px;border-radius:.5rem;overflow:hidden}#bnp-app .bnp-board[data-won=true]{border-color:var(--bnp-ok);box-shadow:0 0 0 3px color-mix(in srgb,var(--bnp-ok) 35%,transparent)}#bnp-app .bnp-row{display:grid;grid-template-columns:repeat(var(--n, 6),minmax(0,1fr));gap:2px}#bnp-app .bnp-board[data-n="10"] .bnp-row{gap:0}#bnp-app .bnp-cell{position:relative;display:grid;place-items:center;aspect-ratio:1;min-width:0;padding:0;margin:0;cursor:pointer;border:2px solid var(--color-border);border-radius:.5rem;background:var(--color-bg-elevated);color:var(--color-text-primary);transition:background-color .12s ease,border-color .12s ease}#bnp-app .bnp-board[data-n="10"] .bnp-cell{border-width:1px;border-radius:0}#bnp-app .bnp-cell:focus-visible{outline:3px solid var(--color-text-primary);outline-offset:1px;z-index:2}#bnp-app .bnp-board[data-n="10"] .bnp-cell:focus-visible{outline-offset:-3px}#bnp-app .bnp-sym{display:block;width:18%;aspect-ratio:1;border-radius:50%;background:var(--color-text-muted);opacity:.6}#bnp-app .bnp-cell[data-v="1"]{background:color-mix(in srgb,var(--bnp-a) 22%,var(--color-bg-elevated));border-color:var(--bnp-a)}#bnp-app .bnp-cell[data-v="2"]{background:color-mix(in srgb,var(--bnp-b) 22%,var(--color-bg-elevated));border-color:var(--bnp-b)}#bnp-app .bnp-cell[data-v="1"] .bnp-sym,#bnp-app .bnp-cell[data-v="2"] .bnp-sym{width:58%;opacity:1;border:2px solid var(--color-text-primary);box-sizing:border-box}#bnp-app .bnp-cell[data-v="1"] .bnp-sym{background:var(--bnp-a);border-radius:50%}#bnp-app .bnp-cell[data-v="2"] .bnp-sym{background:var(--bnp-b);border-radius:18%}#bnp-app .bnp-cell[data-given=true]{border-width:4px;border-color:var(--color-text-secondary)}#bnp-app .bnp-board[data-n="10"] .bnp-cell[data-given=true]{border-width:3px}#bnp-app .bnp-cell[data-given=true][data-v="1"]{background:color-mix(in srgb,var(--bnp-a) 38%,var(--color-bg-elevated))}#bnp-app .bnp-cell[data-given=true][data-v="2"]{background:color-mix(in srgb,var(--bnp-b) 38%,var(--color-bg-elevated))}#bnp-app .bnp-cell[data-sel=true]:not(:focus-visible){box-shadow:0 0 0 2px var(--color-text-secondary)}#bnp-app .bnp-cell[data-flag=bad],#bnp-app .bnp-cell[data-flag=wrong]{outline:3px dashed var(--bnp-bad);outline-offset:-3px}#bnp-app .bnp-cell[data-flag=wrong]{outline-style:solid}#bnp-app .bnp-cell[data-flag=bad]:after,#bnp-app .bnp-cell[data-flag=wrong]:after{content:attr(data-glyph);position:absolute;top:1px;right:1px;display:grid;place-items:center;width:40%;max-width:16px;aspect-ratio:1;border-radius:50%;background:var(--color-bg-base);border:2px solid var(--bnp-bad);color:var(--color-text-primary);font-family:var(--font-mono);font-size:9px;font-weight:700;line-height:1}#bnp-app .bnp-cell[data-hint=true]{border-style:dashed;border-color:var(--bnp-b);outline:3px solid var(--bnp-b);outline-offset:1px}#bnp-app .bnp-cell[data-hint=true]:before{content:"";position:absolute;top:3px;left:3px;width:22%;max-width:12px;aspect-ratio:1;background:var(--bnp-b);border:1px solid var(--color-text-primary);transform:rotate(45deg)}#bnp-app .bnp-tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;max-width:480px}#bnp-app .bnp-tool{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;min-height:3.5rem;min-width:0;padding:.35rem .25rem;border-radius:.75rem;font-size:.78rem}@container (min-width: 520px){#bnp-app .bnp-tool{flex-direction:row;gap:.5rem;min-height:2.75rem;padding:.35rem .5rem}}#bnp-app .bnp-chip{flex:none;display:inline-block;width:1.25rem;height:1.25rem;box-sizing:border-box;border:2px solid var(--color-text-primary)}#bnp-app .bnp-chip-1{border-radius:50%;background:var(--bnp-a)}#bnp-app .bnp-chip-2{border-radius:18%;background:var(--bnp-b)}#bnp-app .bnp-chip-0{border-radius:50%;border-style:dotted;border-color:var(--color-text-muted);background:transparent}#bnp-app .bnp-legend{display:grid;gap:.5rem;list-style:none;margin:0 0 .75rem;padding:0;font-size:.75rem;color:var(--color-text-secondary)}#bnp-app .bnp-legend li{display:flex;align-items:center;gap:.6rem}#bnp-app .bnp-sw{position:relative;flex:none;display:inline-block;width:1.5rem;height:1.5rem;box-sizing:border-box;border:2px solid var(--color-border);border-radius:.4rem;background:var(--color-bg-elevated)}#bnp-app .bnp-sw:before{content:"";position:absolute;inset:0;margin:auto;width:56%;height:56%;box-sizing:border-box;border:2px solid var(--color-text-primary)}#bnp-app .bnp-sw-1{border-color:var(--bnp-a)}#bnp-app .bnp-sw-1:before{border-radius:50%;background:var(--bnp-a)}#bnp-app .bnp-sw-2{border-color:var(--bnp-b)}#bnp-app .bnp-sw-2:before{border-radius:18%;background:var(--bnp-b)}#bnp-app .bnp-sw-given{border-width:4px;border-color:var(--color-text-secondary)}#bnp-app .bnp-sw-given:before{border-radius:50%;background:var(--bnp-a)}#bnp-app .bnp-sw-bad{border:2px dashed var(--bnp-bad)}#bnp-app .bnp-sw-bad:before{display:none}#bnp-app .bnp-sw-hint{border:2px dashed var(--bnp-b)}#bnp-app .bnp-sw-hint:before{inset:1px auto auto 1px;width:6px;height:6px;margin:0;border-width:1px;border-radius:0;background:var(--bnp-b);transform:rotate(45deg)}#bnp-app [aria-disabled=true].app-btn-secondary{opacity:.5;cursor:not-allowed}#bnp-app .bnp-win[hidden]{display:none}#bnp-app .bnp-win{border:2px solid var(--bnp-ok)}@media(prefers-reduced-motion:no-preference){@keyframes bnp-wave{0%,to{transform:scale(1)}50%{transform:scale(1.14)}}@keyframes bnp-rise{0%{transform:translateY(8px)}to{transform:translateY(0)}}#bnp-app .bnp-board[data-won=true] .bnp-cell{animation:bnp-wave .7s ease-in-out 1 both;animation-delay:calc(var(--bnp-d, 0) * 40ms)}#bnp-app .bnp-win:not([hidden]){animation:bnp-rise .3s ease-out both}}@media(prefers-reduced-motion:reduce){#bnp-app .bnp-cell{transition:none}}#bnp-app .bnp-how>summary{box-sizing:border-box;min-height:2rem;padding-block:.375rem}#sg-app{--g-sky: var(--color-accent);--g-teal: color-mix(in oklch, var(--color-accent) 50%, var(--color-accent-success));--g-green: var(--color-accent-success);--g-lime: color-mix(in oklch, var(--color-accent-success) 50%, var(--color-accent-warm));--g-amber: var(--color-accent-warm);--g-orange: color-mix(in oklch, var(--color-accent-warm) 50%, var(--color-accent-danger));--g-rose: var(--color-accent-danger);--g-violet: color-mix(in oklch, var(--color-accent) 50%, var(--color-accent-danger))}#sg-app{container-type:inline-size;--sg-a: var(--g-amber);--sg-d: var(--g-sky);--sg-given: var(--g-violet);--sg-ok: var(--g-green);--sg-bad: var(--g-rose);--sg-hatch: color-mix(in srgb, var(--color-text-primary) 12%, transparent)}#sg-app .sg-label,#sg-app .sg-k{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-secondary)}#sg-app .sg-controls{display:grid;gap:.875rem;grid-template-columns:repeat(2,minmax(0,1fr));align-items:end}#sg-app .sg-actions{display:flex;flex-wrap:wrap;gap:.5rem;grid-column:1 / -1}@container (min-width: 560px){#sg-app .sg-controls{grid-template-columns:minmax(0,150px) minmax(0,150px) minmax(0,1fr)}#sg-app .sg-actions{grid-column:auto}}#sg-app .sg-layout{display:grid;gap:1.25rem;grid-template-columns:minmax(0,1fr)}@container (min-width: 760px){#sg-app .sg-layout{grid-template-columns:minmax(0,480px) minmax(0,1fr);align-items:start}}#sg-app .sg-stats{display:flex;flex-wrap:wrap;gap:.25rem 1.25rem;font-size:.8rem}#sg-app .sg-stats .sg-v{font-family:var(--font-mono);font-weight:600;color:var(--color-text-primary)}#sg-app .sg-wrap{max-width:480px}#sg-app .sg-board{container-type:inline-size;display:flex;flex-direction:column;width:100%;box-sizing:border-box;overflow:hidden;border:2px solid var(--color-text-secondary);border-radius:.6rem;background:var(--color-bg-surface);--sg-clue: 5cqw;--sg-digit: 8cqw;--sg-note: 2.6cqw}#sg-app .sg-board[data-n="7"]{--sg-clue: 3.7cqw;--sg-digit: 6cqw;--sg-note: 2.1cqw}#sg-app .sg-board[data-n="9"]{--sg-clue: 3.1cqw;--sg-digit: 5cqw;--sg-note: 1.7cqw}#sg-app .sg-board[data-won=true]{border-color:var(--sg-ok);box-shadow:0 0 0 3px color-mix(in srgb,var(--sg-ok) 35%,transparent)}#sg-app .sg-row{display:grid;grid-template-columns:repeat(var(--n, 5),minmax(0,1fr))}#sg-app .sg-block{position:relative;aspect-ratio:1;min-width:0;overflow:hidden;box-sizing:border-box;--sg-ta: transparent;--sg-td: transparent;background-color:color-mix(in srgb,var(--color-text-primary) 9%,var(--color-bg-surface));background-image:repeating-linear-gradient(45deg,transparent 0 4px,var(--sg-hatch) 4px 5px);border-right:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}#sg-app .sg-block[data-ha=true],#sg-app .sg-block[data-hd=true]{background-image:linear-gradient(to bottom left,var(--sg-ta) 0 calc(50% - .75px),var(--color-text-secondary) calc(50% - .75px) calc(50% + .75px),var(--sg-td) calc(50% + .75px) 100%)}#sg-app .sg-block[data-ha=true]{--sg-ta: color-mix(in srgb, var(--sg-a) 34%, var(--color-bg-surface))}#sg-app .sg-block[data-hd=true]{--sg-td: color-mix(in srgb, var(--sg-d) 34%, var(--color-bg-surface))}#sg-app .sg-ca,#sg-app .sg-cd{position:absolute;font-family:var(--font-mono);font-size:clamp(8px,var(--sg-clue),15px);font-weight:700;line-height:1;color:var(--color-text-primary)}#sg-app .sg-ca{top:7%;right:7%}#sg-app .sg-cd{bottom:7%;left:7%}#sg-app .sg-block[data-oka=true] .sg-ca:before,#sg-app .sg-block[data-okd=true] .sg-cd:before{content:"✓";color:var(--color-text-primary);font-weight:700;margin-inline-end:.15em}#sg-app .sg-block[data-oka=true]{--sg-ta: color-mix(in srgb, var(--sg-ok) 40%, var(--color-bg-surface))}#sg-app .sg-block[data-okd=true]{--sg-td: color-mix(in srgb, var(--sg-ok) 40%, var(--color-bg-surface))}#sg-app .sg-cell{position:relative;display:block;aspect-ratio:1;min-width:0;padding:0;margin:0;cursor:pointer;box-sizing:border-box;border:0;border-right:1px solid var(--color-border);border-bottom:1px solid var(--color-border);border-radius:0;background:color-mix(in srgb,var(--color-text-primary) 4%,var(--color-bg-elevated));color:var(--color-text-primary);font-family:var(--font-mono);line-height:1}#sg-app .sg-cell:focus-visible{outline:3px solid var(--color-text-primary);outline-offset:-3px;z-index:2}#sg-app .sg-cell[data-ra=true]{background:color-mix(in srgb,var(--sg-a) 16%,var(--color-bg-elevated))}#sg-app .sg-cell[data-rd=true]{background:color-mix(in srgb,var(--sg-d) 16%,var(--color-bg-elevated))}#sg-app .sg-cell[data-ra=true][data-rd=true]{background:color-mix(in srgb,var(--sg-a) 16%,color-mix(in srgb,var(--sg-d) 16%,var(--color-bg-elevated)))}#sg-app .sg-cell[data-sel=true]{background:color-mix(in srgb,var(--color-text-primary) 18%,var(--color-bg-elevated));box-shadow:inset 0 0 0 2px var(--color-text-secondary)}#sg-app .sg-val{position:absolute;inset:0;display:grid;place-items:center;font-size:clamp(13px,var(--sg-digit),28px);font-weight:500}#sg-app .sg-cell[data-given=true]{background:color-mix(in srgb,var(--sg-given) 28%,var(--color-bg-elevated));box-shadow:inset 0 0 0 2px var(--color-text-secondary)}#sg-app .sg-cell[data-given=true] .sg-val{font-weight:800}#sg-app .sg-cell[data-flag=bad],#sg-app .sg-cell[data-flag=wrong]{box-shadow:inset 0 0 0 3px var(--sg-bad)}#sg-app .sg-cell[data-flag=bad] .sg-val{text-decoration:underline dashed;text-underline-offset:3px}#sg-app .sg-cell[data-flag=wrong] .sg-val{text-decoration:line-through}#sg-app .sg-cell[data-flag=bad]:after,#sg-app .sg-cell[data-flag=wrong]:after{content:attr(data-glyph);position:absolute;top:2px;right:2px;display:grid;place-items:center;width:34%;max-width:15px;aspect-ratio:1;border-radius:50%;background:var(--color-bg-base);border:2px solid var(--sg-bad);color:var(--color-text-primary);font-family:var(--font-mono);font-size:9px;font-weight:700;line-height:1;z-index:1}#sg-app .sg-cell[data-hint=true]{box-shadow:inset 0 0 0 3px var(--sg-a)}#sg-app .sg-cell[data-hint=true]:before{content:"";position:absolute;top:3px;left:3px;width:22%;max-width:11px;aspect-ratio:1;background:var(--sg-a);border:1px solid var(--color-text-primary);transform:rotate(45deg);z-index:1}#sg-app .sg-notes{position:absolute;inset:1px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);pointer-events:none}#sg-app .sg-notes i{font-style:normal;font-size:clamp(6px,var(--sg-note),11px);color:var(--color-text-secondary);display:grid;place-items:center;visibility:hidden}#sg-app .sg-notes i[data-on=true]{visibility:visible}#sg-app .sg-notes i:before{content:attr(data-d)}#sg-app .sg-cell[data-has-val=true] .sg-notes{display:none}#sg-app .sg-pad{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.4rem;max-width:480px}@container (min-width: 760px){#sg-app .sg-pad{grid-template-columns:repeat(3,minmax(0,1fr));max-width:240px}}#sg-app .sg-num{min-height:2.75rem;padding:.4rem 0;border-radius:.7rem;font-family:var(--font-mono);font-size:1.1rem;font-weight:700;text-align:center}#sg-app .sg-legend{display:grid;gap:.5rem;list-style:none;margin:0 0 .75rem;padding:0;font-size:.75rem;color:var(--color-text-secondary)}#sg-app .sg-legend li{display:flex;align-items:center;gap:.6rem}#sg-app .sg-sw{position:relative;flex:none;display:inline-block;width:1.5rem;height:1.5rem;box-sizing:border-box;border:1px solid var(--color-border);background:var(--color-bg-elevated)}#sg-app .sg-sw-clue{background-image:linear-gradient(to bottom left,color-mix(in srgb,var(--sg-a) 34%,var(--color-bg-surface)) 0 calc(50% - .75px),var(--color-text-secondary) calc(50% - .75px) calc(50% + .75px),color-mix(in srgb,var(--sg-d) 34%,var(--color-bg-surface)) calc(50% + .75px) 100%)}#sg-app .sg-sw-given{background:color-mix(in srgb,var(--sg-given) 28%,var(--color-bg-elevated));box-shadow:inset 0 0 0 2px var(--color-text-secondary)}#sg-app .sg-sw-bad{box-shadow:inset 0 0 0 3px var(--sg-bad)}#sg-app .sg-sw-hint{box-shadow:inset 0 0 0 3px var(--sg-a)}#sg-app .sg-sw-hint:after{content:"";position:absolute;top:2px;left:2px;width:6px;height:6px;background:var(--sg-a);border:1px solid var(--color-text-primary);transform:rotate(45deg)}#sg-app [aria-disabled=true].app-btn-secondary{opacity:.5;cursor:not-allowed}#sg-app .sg-win[hidden]{display:none}#sg-app .sg-win{border:2px solid var(--sg-ok)}@media(prefers-reduced-motion:no-preference){@keyframes sg-wave{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}@keyframes sg-rise{0%{transform:translateY(8px)}to{transform:translateY(0)}}#sg-app .sg-board[data-won=true] .sg-cell{animation:sg-wave .7s ease-in-out 1 both;animation-delay:calc(var(--sg-dd, 0) * 40ms)}#sg-app .sg-win:not([hidden]){animation:sg-rise .3s ease-out both}}#sg-app .sg-how>summary{box-sizing:border-box;min-height:2rem;padding-block:.375rem}#ig-app{--g-sky: var(--color-accent);--g-teal: color-mix(in oklch, var(--color-accent) 50%, var(--color-accent-success));--g-green: var(--color-accent-success);--g-lime: color-mix(in oklch, var(--color-accent-success) 50%, var(--color-accent-warm));--g-amber: var(--color-accent-warm);--g-orange: color-mix(in oklch, var(--color-accent-warm) 50%, var(--color-accent-danger));--g-rose: var(--color-accent-danger);--g-violet: color-mix(in oklch, var(--color-accent) 50%, var(--color-accent-danger))}#ig-app{container-type:inline-size;--ig-sign: var(--g-amber);--ig-given: var(--g-sky);--ig-ok: var(--g-green);--ig-bad: var(--g-rose)}#ig-app .ig-label,#ig-app .ig-k{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-secondary)}#ig-app .ig-controls{display:grid;gap:.875rem;grid-template-columns:repeat(2,minmax(0,1fr));align-items:end}#ig-app .ig-actions{display:flex;flex-wrap:wrap;gap:.5rem;grid-column:1 / -1}@container (min-width: 560px){#ig-app .ig-controls{grid-template-columns:minmax(0,150px) minmax(0,150px) minmax(0,1fr)}#ig-app .ig-actions{grid-column:auto}}#ig-app .ig-layout{display:grid;gap:1.25rem;grid-template-columns:minmax(0,1fr)}@container (min-width: 760px){#ig-app .ig-layout{grid-template-columns:minmax(0,480px) minmax(0,1fr);align-items:start}}#ig-app .ig-stats{display:flex;flex-wrap:wrap;gap:.25rem 1.25rem;font-size:.8rem}#ig-app .ig-stats .ig-v{font-family:var(--font-mono);font-weight:600;color:var(--color-text-primary)}#ig-app .ig-wrap{max-width:480px}#ig-app .ig-board{container-type:inline-size;display:grid;grid-template-rows:repeat(var(--m, 3),5fr 2fr) 5fr;width:100%;aspect-ratio:1;box-sizing:border-box;border:2px solid var(--color-border);border-radius:.8rem;background:var(--color-bg-surface);padding:3px;--ig-digit: 9cqw;--ig-note: 3.2cqw}#ig-app .ig-board[data-n="5"]{--ig-digit: 7.5cqw;--ig-note: 2.6cqw}#ig-app .ig-board[data-n="6"]{--ig-digit: 6.3cqw;--ig-note: 2.2cqw}#ig-app .ig-board[data-n="7"]{--ig-digit: 5.4cqw;--ig-note: 1.9cqw}#ig-app .ig-board[data-won=true]{border-color:var(--ig-ok);box-shadow:0 0 0 3px color-mix(in srgb,var(--ig-ok) 35%,transparent)}#ig-app .ig-row,#ig-app .ig-srow{display:grid;grid-template-columns:repeat(var(--m, 3),5fr 2fr) 5fr;min-height:0;min-width:0}#ig-app .ig-cell{position:relative;display:block;width:100%;height:100%;min-width:0;min-height:0;padding:0;margin:0;cursor:pointer;box-sizing:border-box;border:2px solid var(--color-border);border-radius:.5rem;background:var(--color-bg-elevated);color:var(--color-text-primary);font-family:var(--font-mono);line-height:1;transition:background-color .12s ease}#ig-app .ig-cell:focus-visible{outline:3px solid var(--color-text-primary);outline-offset:1px;z-index:2}#ig-app .ig-cell[data-sel=true]{box-shadow:0 0 0 2px var(--color-text-secondary)}#ig-app .ig-cell[data-rowok=true]{background:color-mix(in srgb,var(--ig-ok) 24%,var(--color-bg-elevated));border-color:var(--ig-ok)}#ig-app .ig-cell[data-given=true]{border-width:4px;border-color:var(--color-text-secondary);background:color-mix(in srgb,var(--ig-given) 26%,var(--color-bg-elevated))}#ig-app .ig-cell[data-given=true][data-rowok=true]{border-color:var(--color-text-secondary);background:color-mix(in srgb,var(--ig-ok) 24%,color-mix(in srgb,var(--ig-given) 26%,var(--color-bg-elevated)))}#ig-app .ig-val{position:absolute;inset:0;display:grid;place-items:center;font-size:clamp(14px,var(--ig-digit),40px);font-weight:500}#ig-app .ig-cell[data-given=true] .ig-val{font-weight:800}#ig-app .ig-cell[data-rowok=true] .ig-val:after{content:"✓";position:absolute;right:8%;bottom:6%;font-size:.42em;font-weight:700;line-height:1}#ig-app .ig-cell[data-flag=bad],#ig-app .ig-cell[data-flag=wrong]{border-color:var(--ig-bad);border-style:dashed}#ig-app .ig-cell[data-flag=wrong]{border-style:solid}#ig-app .ig-cell[data-flag=bad] .ig-val{text-decoration:underline dashed;text-underline-offset:4px}#ig-app .ig-cell[data-flag=wrong] .ig-val{text-decoration:line-through}#ig-app .ig-cell[data-flag=bad]:after,#ig-app .ig-cell[data-flag=wrong]:after{content:attr(data-glyph);position:absolute;top:2px;right:2px;display:grid;place-items:center;width:26%;max-width:18px;aspect-ratio:1;border-radius:50%;background:var(--color-bg-base);border:2px solid var(--ig-bad);color:var(--color-text-primary);font-family:var(--font-mono);font-size:10px;font-weight:700;line-height:1;z-index:1}#ig-app .ig-cell[data-hint=true]{border-style:dashed;border-color:var(--ig-sign);box-shadow:0 0 0 2px var(--ig-sign)}#ig-app .ig-cell[data-hint=true]:before{content:"";position:absolute;top:4px;left:4px;width:16%;max-width:12px;aspect-ratio:1;background:var(--ig-sign);border:1px solid var(--color-text-primary);transform:rotate(45deg);z-index:1}#ig-app .ig-notes{position:absolute;inset:3px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);pointer-events:none}#ig-app .ig-notes i{font-style:normal;font-size:clamp(6px,var(--ig-note),12px);color:var(--color-text-secondary);display:grid;place-items:center;visibility:hidden}#ig-app .ig-notes i[data-on=true]{visibility:visible}#ig-app .ig-notes i:before{content:attr(data-d)}#ig-app .ig-cell[data-has-val=true] .ig-notes{display:none}#ig-app .ig-sg{display:grid;place-items:center;min-width:0;min-height:0;border-radius:.4rem;background:color-mix(in srgb,var(--ig-sign) 34%,transparent)}#ig-app .ig-row .ig-sg{align-self:center;height:62%}#ig-app .ig-srow .ig-sg{justify-self:center;width:62%}#ig-app .ig-sg:before{content:"";display:block;width:clamp(6px,3.2cqw,16px);aspect-ratio:1;box-sizing:border-box;border-top:3px solid var(--color-text-primary);border-right:3px solid var(--color-text-primary)}#ig-app .ig-sg[data-point=right]:before{transform:rotate(45deg)}#ig-app .ig-sg[data-point=left]:before{transform:rotate(225deg)}#ig-app .ig-sg[data-point=down]:before{transform:rotate(135deg)}#ig-app .ig-sg[data-point=up]:before{transform:rotate(-45deg)}#ig-app .ig-sg[data-state=ok]{background:color-mix(in srgb,var(--ig-ok) 40%,transparent)}#ig-app .ig-sg[data-state=bad]{background:color-mix(in srgb,var(--ig-bad) 40%,transparent)}#ig-app .ig-sg[data-state=bad]:before{border-top-style:dashed;border-right-style:dashed}#ig-app .ig-pad{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.4rem;max-width:480px}#ig-app .ig-num{min-height:2.75rem;padding:.4rem 0;border-radius:.7rem;font-family:var(--font-mono);font-size:1.1rem;font-weight:700;text-align:center}#ig-app .ig-num[hidden]{display:none}#ig-app .ig-legend{display:grid;gap:.5rem;list-style:none;margin:0 0 .75rem;padding:0;font-size:.75rem;color:var(--color-text-secondary)}#ig-app .ig-legend li{display:flex;align-items:center;gap:.6rem}#ig-app .ig-sw{position:relative;flex:none;display:inline-block;width:1.5rem;height:1.5rem;box-sizing:border-box;border:2px solid var(--color-border);border-radius:.4rem;background:var(--color-bg-elevated)}#ig-app .ig-sw-sign{border-color:transparent;background:color-mix(in srgb,var(--ig-sign) 34%,transparent)}#ig-app .ig-sw-sign:before{content:"";position:absolute;inset:0;margin:auto;width:.55rem;height:.55rem;box-sizing:border-box;border-top:3px solid var(--color-text-primary);border-right:3px solid var(--color-text-primary);transform:rotate(45deg)}#ig-app .ig-sw-given{border-width:4px;border-color:var(--color-text-secondary);background:color-mix(in srgb,var(--ig-given) 26%,var(--color-bg-elevated))}#ig-app .ig-sw-done{border-color:var(--ig-ok);background:color-mix(in srgb,var(--ig-ok) 24%,var(--color-bg-elevated))}#ig-app .ig-sw-done:after{content:"✓";position:absolute;inset:0;display:grid;place-items:center;font-size:.75rem;font-weight:700;color:var(--color-text-primary)}#ig-app .ig-sw-bad{border:2px dashed var(--ig-bad)}#ig-app .ig-sw-hint{border:2px dashed var(--ig-sign)}#ig-app .ig-sw-hint:after{content:"";position:absolute;top:1px;left:1px;width:6px;height:6px;background:var(--ig-sign);border:1px solid var(--color-text-primary);transform:rotate(45deg)}#ig-app [aria-disabled=true].app-btn-secondary{opacity:.5;cursor:not-allowed}#ig-app .ig-win[hidden]{display:none}#ig-app .ig-win{border:2px solid var(--ig-ok)}@media(prefers-reduced-motion:no-preference){@keyframes ig-wave{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes ig-rise{0%{transform:translateY(8px)}to{transform:translateY(0)}}#ig-app .ig-board[data-won=true] .ig-cell{animation:ig-wave .7s ease-in-out 1 both;animation-delay:calc(var(--ig-d, 0) * 50ms)}#ig-app .ig-win:not([hidden]){animation:ig-rise .3s ease-out both}}@media(prefers-reduced-motion:reduce){#ig-app .ig-cell{transition:none}}#ig-app .ig-how>summary{box-sizing:border-box;min-height:2rem;padding-block:.375rem}#ctu-app{--g-sky: var(--color-accent);--g-teal: color-mix(in oklch, var(--color-accent) 50%, var(--color-accent-success));--g-green: var(--color-accent-success);--g-lime: color-mix(in oklch, var(--color-accent-success) 50%, var(--color-accent-warm));--g-amber: var(--color-accent-warm);--g-orange: color-mix(in oklch, var(--color-accent-warm) 50%, var(--color-accent-danger));--g-rose: var(--color-accent-danger);--g-violet: color-mix(in oklch, var(--color-accent) 50%, var(--color-accent-danger))}#ctu-app{container-type:inline-size;--ctu-h0: var(--g-sky);--ctu-h1: var(--g-amber);--ctu-h2: var(--g-rose);--ctu-h3: var(--g-green);--ctu-h4: var(--g-violet);--ctu-h5: var(--g-orange);--ctu-h6: var(--g-teal);--ctu-h7: var(--g-lime);--ctu-ok: var(--g-green);--ctu-ink: color-mix(in srgb, var(--color-bg-base) 38%, transparent);--ctu-shape: var(--color-bg-base)}.theme-light #ctu-app{--ctu-ink: color-mix(in srgb, var(--color-text-primary) 30%, transparent);--ctu-shape: var(--color-text-primary)}#ctu-app .ctu-stage{--ctu-slot: 30px;--ctu-w: 56px}@container (min-width: 560px){#ctu-app .ctu-stage{--ctu-slot: 36px;--ctu-w: 64px}}#ctu-app .ctu-label,#ctu-app .ctu-k{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-secondary)}#ctu-app .ctu-controls{display:grid;gap:.875rem;grid-template-columns:minmax(0,1fr);align-items:end}#ctu-app .ctu-actions{display:flex;flex-wrap:wrap;gap:.5rem}@container (min-width: 760px){#ctu-app .ctu-controls{grid-template-columns:minmax(0,220px) minmax(0,1fr)}}#ctu-app .ctu-stats{display:flex;flex-wrap:wrap;gap:.25rem 1.5rem;font-size:.85rem}#ctu-app .ctu-stats .ctu-v{font-family:var(--font-mono);font-weight:600;color:var(--color-text-primary)}#ctu-app .ctu-stage{padding:1rem .5rem;border-radius:1rem;border:1px solid var(--color-border-subtle);background:linear-gradient(180deg,color-mix(in srgb,var(--g-violet) 14%,var(--color-bg-surface)),color-mix(in srgb,var(--g-sky) 10%,var(--color-bg-surface)))}#ctu-app .ctu-board{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem .625rem}#ctu-app .ctu-tube{position:relative;display:flex;flex-direction:column;align-items:stretch;flex:none;width:var(--ctu-w);margin:0;padding:0 0 .25rem;cursor:pointer;font:inherit;color:var(--color-text-primary);background:transparent;border:0;border-radius:.75rem;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:translate .14s ease-out}#ctu-app .ctu-tube:focus-visible{outline:3px solid var(--color-text-primary);outline-offset:3px;z-index:2}#ctu-app .ctu-tag{display:block;height:1.1rem;line-height:1.1rem;text-align:center;font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-primary)}#ctu-app .ctu-glass{position:relative;display:flex;flex-direction:column-reverse;box-sizing:border-box;width:100%;height:calc(var(--ctu-slot) * 4 + 20px);padding:5px;overflow:hidden;border:3px solid var(--color-border);border-top-width:2px;border-radius:.5rem .5rem 1.75rem 1.75rem;background:color-mix(in srgb,var(--color-bg-base) 55%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-text-primary) 10%,transparent)}#ctu-app .ctu-glass:after{content:"";position:absolute;top:4px;bottom:14px;left:9px;width:7px;border-radius:4px;pointer-events:none;background:linear-gradient(180deg,color-mix(in srgb,var(--color-text-primary) 38%,transparent),color-mix(in srgb,var(--color-text-primary) 4%,transparent))}#ctu-app .ctu-tube[data-sel=true]{translate:0 -.6rem}#ctu-app .ctu-tube[data-sel=true] .ctu-glass{border-color:var(--color-text-primary);box-shadow:0 6px 14px color-mix(in srgb,var(--color-bg-base) 70%,transparent)}#ctu-app .ctu-tube[data-ok=true] .ctu-glass{border-style:dashed;border-color:var(--g-sky)}#ctu-app .ctu-tube[data-done=true] .ctu-glass{border-color:var(--ctu-ok)}#ctu-app .ctu-tube[data-hint=from] .ctu-glass,#ctu-app .ctu-tube[data-hint=to] .ctu-glass{border-color:var(--g-amber);border-width:3px}#ctu-app .ctu-tube[data-hint=to] .ctu-glass{border-style:dashed}#ctu-app .ctu-seg,#ctu-app .ctu-sw{position:relative;display:block;flex:none;box-sizing:border-box;overflow:hidden;background:var(--ctu-hue);border-radius:.35rem;border:1px solid color-mix(in srgb,var(--color-bg-base) 45%,transparent)}#ctu-app .ctu-seg{height:var(--ctu-slot);width:100%;margin-top:1px}#ctu-app .ctu-seg:before{content:"";position:absolute;inset:0}#ctu-app .ctu-seg:after,#ctu-app .ctu-sw:after{content:"";position:absolute;left:50%;top:50%;width:46%;aspect-ratio:1;translate:-50% -50%;background:var(--ctu-shape)}#ctu-app .ctu-sw{width:2rem;height:2rem;border-radius:.5rem}#ctu-app .ctu-sw:before{content:"";position:absolute;inset:0}#ctu-app .ctu-sw:after{width:50%}#ctu-app [data-c="0"]{--ctu-hue: var(--ctu-h0)}#ctu-app [data-c="1"]{--ctu-hue: var(--ctu-h1)}#ctu-app [data-c="2"]{--ctu-hue: var(--ctu-h2)}#ctu-app [data-c="3"]{--ctu-hue: var(--ctu-h3)}#ctu-app [data-c="4"]{--ctu-hue: var(--ctu-h4)}#ctu-app [data-c="5"]{--ctu-hue: var(--ctu-h5)}#ctu-app [data-c="6"]{--ctu-hue: var(--ctu-h6)}#ctu-app [data-c="7"]{--ctu-hue: var(--ctu-h7)}#ctu-app [data-c="0"]:after{clip-path:circle(50%)}#ctu-app [data-c="1"]:after{border-radius:3px;width:40%}#ctu-app [data-c="2"]:after{clip-path:polygon(50% 4%,96% 92%,4% 92%)}#ctu-app [data-c="3"]:after{clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}#ctu-app [data-c="4"]:after{clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}#ctu-app [data-c="5"]:after{clip-path:polygon(35% 0,65% 0,65% 35%,100% 35%,100% 65%,65% 65%,65% 100%,35% 100%,35% 65%,0 65%,0 35%,35% 35%)}#ctu-app [data-c="6"]:after{clip-path:polygon(25% 5%,75% 5%,100% 50%,75% 95%,25% 95%,0 50%)}#ctu-app [data-c="7"]:after{clip-path:polygon(50% 0,100% 38%,82% 100%,18% 100%,0 38%)}#ctu-app [data-c="0"]:before{background:repeating-linear-gradient(45deg,var(--ctu-ink) 0 3px,transparent 3px 9px)}#ctu-app [data-c="1"]:before{background:radial-gradient(circle at 50% 50%,var(--ctu-ink) 0 2px,transparent 2.5px) 0 0 / 9px 9px}#ctu-app [data-c="2"]:before{background:conic-gradient(var(--ctu-ink) 25%,transparent 0 50%,var(--ctu-ink) 0 75%,transparent 0) 0 0 / 10px 10px}#ctu-app [data-c="3"]:before{background:repeating-linear-gradient(0deg,var(--ctu-ink) 0 2px,transparent 2px 7px)}#ctu-app [data-c="4"]:before{background:repeating-linear-gradient(90deg,var(--ctu-ink) 0 2px,transparent 2px 7px)}#ctu-app [data-c="5"]:before{background:repeating-linear-gradient(45deg,var(--ctu-ink) 0 1px,transparent 1px 7px),repeating-linear-gradient(135deg,var(--ctu-ink) 0 1px,transparent 1px 7px)}#ctu-app [data-c="6"]:before{background:repeating-radial-gradient(circle at 50% 50%,var(--ctu-ink) 0 2px,transparent 2px 7px)}#ctu-app [data-c="7"]:before{background:repeating-linear-gradient(135deg,var(--ctu-ink) 0 3px,transparent 3px 9px)}#ctu-app .ctu-legend{display:grid;gap:.5rem 1rem;grid-template-columns:repeat(auto-fill,minmax(11rem,1fr));list-style:none;margin:0;padding:0;font-size:.8rem;color:var(--color-text-secondary)}#ctu-app .ctu-legend li{display:flex;align-items:center;gap:.6rem;min-width:0}#ctu-app .ctu-win[hidden]{display:none}#ctu-app .ctu-win{border-color:var(--ctu-ok);background:linear-gradient(135deg,color-mix(in srgb,var(--ctu-ok) 16%,var(--color-bg-surface)),color-mix(in srgb,var(--g-sky) 12%,var(--color-bg-surface)))}#ctu-app .ctu-board[data-win=true] .ctu-tube{animation:ctu-bob .9s ease-in-out 2;animation-delay:calc(var(--ctu-i, 0) * .08s)}@keyframes ctu-bob{0%,to{translate:0 0}50%{translate:0 -.55rem}}@media(prefers-reduced-motion:reduce){#ctu-app .ctu-tube{transition:none}#ctu-app .ctu-board[data-win=true] .ctu-tube{animation:none}}#ctu-app .ctu-how>summary{box-sizing:border-box;min-height:2rem;padding-block:.375rem}#pc-app{--g-sky: var(--color-accent);--g-teal: color-mix(in oklch, var(--color-accent) 50%, var(--color-accent-success));--g-green: var(--color-accent-success);--g-lime: color-mix(in oklch, var(--color-accent-success) 50%, var(--color-accent-warm));--g-amber: var(--color-accent-warm);--g-orange: color-mix(in oklch, var(--color-accent-warm) 50%, var(--color-accent-danger));--g-rose: var(--color-accent-danger);--g-violet: color-mix(in oklch, var(--color-accent) 50%, var(--color-accent-danger))}#pc-app{container-type:inline-size;--pc-near: var(--g-sky);--pc-far: var(--g-teal);--pc-bad: var(--g-rose);--pc-mute: color-mix(in srgb, var(--color-text-muted) 78%, var(--color-bg-elevated));--pc-ink: var(--color-bg-base)}.theme-light #pc-app{--pc-ink: var(--color-text-primary)}#pc-app .pc-label,#pc-app .pc-k{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-secondary)}#pc-app .pc-controls{display:grid;gap:.875rem;grid-template-columns:minmax(0,1fr);align-items:end}#pc-app .pc-actions{display:flex;flex-wrap:wrap;gap:.5rem}@container (min-width: 560px){#pc-app .pc-controls{grid-template-columns:minmax(0,200px) minmax(0,1fr)}}#pc-app .pc-layout{display:grid;gap:1.25rem;grid-template-columns:minmax(0,1fr)}@container (min-width: 760px){#pc-app .pc-layout{grid-template-columns:minmax(0,520px) minmax(0,1fr);align-items:start}}#pc-app .pc-stats{display:flex;flex-wrap:wrap;gap:.25rem 1.25rem;font-size:.85rem}#pc-app .pc-stats .pc-v{font-family:var(--font-mono);font-weight:600;color:var(--color-text-primary)}#pc-app .pc-wrap{max-width:520px}#pc-app .pc-board{display:flex;flex-direction:column;width:100%;overflow:hidden;border-radius:.75rem;border:2px solid var(--color-border);background:var(--color-bg-elevated)}#pc-app .pc-row{display:grid;grid-template-columns:repeat(var(--n, 5),minmax(0,1fr))}#pc-app .pc-tile{position:relative;display:block;aspect-ratio:1;min-width:0;padding:0;margin:0;cursor:pointer;overflow:hidden;border:0;border-radius:0;color:var(--color-text-primary);touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:var(--color-bg-elevated);box-shadow:inset 0 0 0 1px var(--color-border-subtle);--pc-c: var(--pc-mute)}#pc-app .pc-tile:focus-visible{outline:3px solid var(--color-text-primary);outline-offset:-3px;z-index:2}#pc-app .pc-tile[data-conn=true]{background:color-mix(in srgb,var(--pc-near) 11%,var(--color-bg-elevated));--pc-c: var(--pc-near)}#pc-app .pc-tile[data-step="1"]{--pc-c: color-mix(in oklch, var(--pc-near) 80%, var(--pc-far))}#pc-app .pc-tile[data-step="2"]{--pc-c: color-mix(in oklch, var(--pc-near) 60%, var(--pc-far))}#pc-app .pc-tile[data-step="3"]{--pc-c: color-mix(in oklch, var(--pc-near) 40%, var(--pc-far))}#pc-app .pc-tile[data-step="4"]{--pc-c: color-mix(in oklch, var(--pc-near) 20%, var(--pc-far))}#pc-app .pc-tile[data-step="5"]{--pc-c: var(--pc-far)}#pc-app .pc-tile[data-hint=true]{outline:3px dashed var(--g-amber);outline-offset:-3px;z-index:1}#pc-app .pc-pipe{position:absolute;inset:0;display:block;transform:rotate(calc(var(--pc-a, 0) * 90deg));transition:transform .18s ease-out}#pc-app .pc-board[data-still=true] .pc-pipe{transition:none}#pc-app .pc-arm,#pc-app .pc-hub{position:absolute;display:block;background:var(--pc-c)}#pc-app .pc-arm{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--color-bg-base) 28%,transparent)}#pc-app .pc-arm[data-b="1"]{top:0;left:37%;width:26%;height:56%}#pc-app .pc-arm[data-b="4"]{bottom:0;left:37%;width:26%;height:56%}#pc-app .pc-arm[data-b="2"]{right:0;top:37%;height:26%;width:56%}#pc-app .pc-arm[data-b="8"]{left:0;top:37%;height:26%;width:56%}#pc-app .pc-arm[data-open=true]{background:repeating-linear-gradient(45deg,var(--pc-c) 0 3px,var(--pc-bad) 3px 6px)}#pc-app .pc-hub{left:50%;top:50%;width:34%;aspect-ratio:1;translate:-50% -50%;border-radius:50%;box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--color-bg-base) 28%,transparent)}#pc-app .pc-tile[data-kind=cap] .pc-hub{width:46%}#pc-app .pc-tile[data-kind=cross] .pc-hub{width:38%;border-radius:.3rem}#pc-app .pc-tile[data-source=true] .pc-hub{width:56%;box-shadow:none;border:3px solid var(--color-text-primary);box-sizing:border-box}#pc-app .pc-badge{position:absolute;right:2px;bottom:2px;display:none;min-width:1.1rem;padding:0 3px;border-radius:.6rem;background:var(--g-amber);color:var(--pc-ink);font-family:var(--font-mono);font-size:11px;line-height:1.1rem;font-weight:700;text-align:center}#pc-app .pc-tile[data-hint=true] .pc-badge{display:block}#pc-app .pc-legend{display:grid;gap:.5rem;list-style:none;margin:0 0 .75rem;padding:0;font-size:.8rem;color:var(--color-text-secondary)}#pc-app .pc-legend li{display:flex;align-items:center;gap:.6rem}#pc-app .pc-sw{position:relative;display:inline-block;flex:none;width:1.75rem;height:1.75rem;border-radius:.35rem;background:var(--color-bg-elevated);box-shadow:inset 0 0 0 1px var(--color-border);overflow:hidden;--pc-c: var(--pc-mute)}#pc-app .pc-sw:before{content:"";position:absolute;left:0;right:0;top:37%;height:26%;background:var(--pc-c)}#pc-app .pc-sw:after{content:"";position:absolute;left:50%;top:50%;width:36%;aspect-ratio:1;translate:-50% -50%;border-radius:50%;background:var(--pc-c)}#pc-app .pc-sw-on,#pc-app .pc-sw-src{--pc-c: var(--pc-near)}#pc-app .pc-sw-src:after{width:58%;box-sizing:border-box;border:3px solid var(--color-text-primary)}#pc-app .pc-sw-open:before{background:repeating-linear-gradient(45deg,var(--pc-c) 0 3px,var(--pc-bad) 3px 6px);right:40%}#pc-app .pc-sw-hint{outline:2px dashed var(--g-amber);outline-offset:-2px;--pc-c: var(--pc-near)}#pc-app .pc-win[hidden]{display:none}#pc-app .pc-win{border-color:var(--pc-near);background:linear-gradient(135deg,color-mix(in srgb,var(--pc-near) 16%,var(--color-bg-surface)),color-mix(in srgb,var(--pc-far) 14%,var(--color-bg-surface)))}#pc-app .pc-board[data-win=true] .pc-tile{animation:pc-glow .7s ease-out 1;animation-delay:calc(var(--pc-d, 0) * 60ms)}@keyframes pc-glow{0%,to{filter:brightness(1)}45%{filter:brightness(1.7)}}@media(prefers-reduced-motion:reduce){#pc-app .pc-pipe{transition:none}#pc-app .pc-board[data-win=true] .pc-tile{animation:none}}#pc-app .pc-how>summary{box-sizing:border-box;min-height:2rem;padding-block:.375rem}#tj-app{--g-sky: var(--color-accent);--g-teal: color-mix(in oklch, var(--color-accent) 50%, var(--color-accent-success));--g-green: var(--color-accent-success);--g-lime: color-mix(in oklch, var(--color-accent-success) 50%, var(--color-accent-warm));--g-amber: var(--color-accent-warm);--g-orange: color-mix(in oklch, var(--color-accent-warm) 50%, var(--color-accent-danger));--g-rose: var(--color-accent-danger);--g-violet: color-mix(in oklch, var(--color-accent) 50%, var(--color-accent-danger))}#tj-app{container-type:inline-size;--tj-h0: var(--g-amber);--tj-h1: var(--g-green);--tj-h2: var(--g-rose);--tj-h3: var(--g-violet);--tj-h4: var(--g-orange);--tj-h5: var(--g-teal);--tj-h6: var(--g-lime);--tj-hero: var(--g-sky);--tj-ink: var(--color-bg-base);--tj-road: color-mix(in srgb, var(--g-violet) 9%, var(--color-bg-surface));--tj-line: color-mix(in srgb, var(--color-text-muted) 30%, transparent)}#tj-app .tj-label,#tj-app .tj-k{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-secondary)}#tj-app .tj-controls{display:grid;gap:.875rem;grid-template-columns:repeat(2,minmax(0,1fr));align-items:end}#tj-app .tj-actions{display:flex;flex-wrap:wrap;gap:.5rem;grid-column:1 / -1}@container (min-width: 620px){#tj-app .tj-controls{grid-template-columns:minmax(0,130px) minmax(0,150px) minmax(0,1fr)}#tj-app .tj-actions{grid-column:auto}}#tj-app .tj-layout{display:grid;gap:1.25rem;grid-template-columns:minmax(0,1fr)}@container (min-width: 760px){#tj-app .tj-layout{grid-template-columns:minmax(0,480px) minmax(0,1fr);align-items:start}}#tj-app .tj-stats{display:flex;flex-wrap:wrap;gap:.25rem 1.25rem;font-size:.85rem}#tj-app .tj-stats .tj-v{font-family:var(--font-mono);font-weight:600;color:var(--color-text-primary)}#tj-app .tj-wrap{position:relative;max-width:480px;padding:1.75rem 4px;container-type:inline-size}#tj-app .tj-exit{position:absolute;left:4px;right:4px;height:1.75rem;pointer-events:none;font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-primary)}#tj-app .tj-exit[data-side=top]{top:0}#tj-app .tj-exit[data-side=bottom]{bottom:0}#tj-app .tj-exit span{position:absolute;top:0;bottom:0;display:flex;align-items:center;justify-content:center;box-sizing:border-box;left:calc(var(--tj-ex, 0) * 100% / var(--n, 6));width:calc(100% / var(--n, 6));background:repeating-linear-gradient(45deg,var(--tj-hero) 0 6px,var(--tj-ink) 6px 12px);color:var(--color-text-primary);border-radius:.4rem}#tj-app .tj-exit span:before{content:attr(data-t);padding:0 .3rem;border-radius:.25rem;background:var(--color-bg-base);line-height:1.2;white-space:nowrap;max-width:100%;box-sizing:border-box;overflow:hidden}@container (max-width: 289px){#tj-app .tj-wrap[data-n="5"] .tj-exit span:before{content:attr(data-a);padding:0 .2rem;font-size:13px}}@container (max-width: 347px){#tj-app .tj-wrap[data-n="6"] .tj-exit span:before{content:attr(data-a);padding:0 .2rem;font-size:13px}}@container (max-width: 405px){#tj-app .tj-wrap[data-n="7"] .tj-exit span:before{content:attr(data-a);padding:0 .2rem;font-size:13px}}#tj-app .tj-board{position:relative;width:100%;aspect-ratio:1;overflow:hidden;border-radius:.5rem;box-shadow:0 0 0 4px var(--color-border);background-color:var(--tj-road);background-image:linear-gradient(var(--tj-line) 1px,transparent 1px),linear-gradient(90deg,var(--tj-line) 1px,transparent 1px);background-size:calc(100% / var(--n, 6)) calc(100% / var(--n, 6))}#tj-app .tj-car{position:absolute;display:block;padding:0;margin:0;border:0;background:transparent;cursor:pointer;z-index:1;left:calc(var(--c) * 100% / var(--n));top:calc(var(--r) * 100% / var(--n));width:calc(var(--w) * 100% / var(--n));height:calc(var(--h) * 100% / var(--n));transition:left .16s ease-out,top .16s ease-out;touch-action:manipulation;-webkit-tap-highlight-color:transparent;--tj-hue: var(--tj-h0)}#tj-app .tj-car[data-look="1"]{--tj-hue: var(--tj-h1)}#tj-app .tj-car[data-look="2"]{--tj-hue: var(--tj-h2)}#tj-app .tj-car[data-look="3"]{--tj-hue: var(--tj-h3)}#tj-app .tj-car[data-look="4"]{--tj-hue: var(--tj-h4)}#tj-app .tj-car[data-look="5"]{--tj-hue: var(--tj-h5)}#tj-app .tj-car[data-look="6"]{--tj-hue: var(--tj-h6)}#tj-app .tj-car[data-look=hero]{--tj-hue: var(--tj-hero);z-index:2}#tj-app .tj-car:focus-visible{outline:none}#tj-app .tj-body{position:absolute;inset:3px;display:block;border-radius:.55rem;background:linear-gradient(180deg,color-mix(in srgb,var(--tj-hue) 78%,var(--color-text-primary)) 0%,var(--tj-hue) 38%,color-mix(in srgb,var(--tj-hue) 82%,var(--tj-ink)) 100%);box-shadow:0 2px 5px color-mix(in srgb,var(--tj-ink) 55%,transparent),inset 0 0 0 1.5px color-mix(in srgb,var(--tj-ink) 40%,transparent)}#tj-app .tj-car:focus-visible .tj-body{outline:3px solid var(--color-text-primary);outline-offset:2px}#tj-app .tj-car[data-sel=true] .tj-body{outline:3px solid var(--color-text-primary);outline-offset:1px;box-shadow:0 0 0 5px color-mix(in srgb,var(--tj-hue) 45%,transparent)}#tj-app .tj-car[data-hint=true] .tj-body{outline:3px dashed var(--g-amber);outline-offset:2px}#tj-app .tj-roof{position:absolute;left:50%;top:50%;translate:-50% -50%;display:grid;place-items:center;border-radius:.4rem;background:color-mix(in srgb,var(--tj-hue) 45%,var(--color-text-primary))}#tj-app .tj-car[data-axis=h] .tj-roof{width:52%;height:62%}#tj-app .tj-car[data-axis=v] .tj-roof{width:62%;height:52%}#tj-app .tj-car[data-len="3"][data-axis=h] .tj-roof{width:60%}#tj-app .tj-car[data-len="3"][data-axis=v] .tj-roof{height:60%}#tj-app .tj-mark{display:block;width:36%;aspect-ratio:1;background:var(--tj-ink)}#tj-app .tj-car[data-axis=v] .tj-mark{width:48%}#tj-app .tj-car[data-m="0"] .tj-mark{border-radius:50%}#tj-app .tj-car[data-m="1"] .tj-mark{width:62%;aspect-ratio:auto;height:20%;border-radius:2px}#tj-app .tj-car[data-m="2"] .tj-mark{border-radius:50%;background:transparent;border:3px solid var(--tj-ink);box-sizing:border-box}#tj-app .tj-car[data-m="3"] .tj-mark{clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}#tj-app .tj-car[data-m="4"] .tj-mark{width:70%;aspect-ratio:auto;height:30%;background:radial-gradient(circle at 25% 50%,var(--tj-ink) 0 3px,transparent 3.5px),radial-gradient(circle at 75% 50%,var(--tj-ink) 0 3px,transparent 3.5px)}#tj-app .tj-car[data-m=star] .tj-mark{width:62%;aspect-ratio:1;clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}#tj-app .tj-car[data-axis=v][data-m=star] .tj-mark{width:62%}#tj-app .tj-ghosts{position:absolute;inset:0;z-index:3;pointer-events:none}#tj-app .tj-ghost{position:absolute;display:block;box-sizing:border-box;cursor:pointer;pointer-events:auto;left:calc(var(--c) * 100% / var(--n));top:calc(var(--r) * 100% / var(--n));width:calc(100% / var(--n));height:calc(100% / var(--n))}#tj-app .tj-ghost:before{content:"";position:absolute;inset:14%;border-radius:.45rem;border:3px dotted var(--color-text-primary);background:color-mix(in srgb,var(--tj-hero) 22%,transparent)}#tj-app .tj-ghost[data-hint=true]:before{border:3px dashed var(--g-amber);background:color-mix(in srgb,var(--g-amber) 28%,transparent)}#tj-app .tj-pad{display:flex;flex-wrap:wrap;gap:.5rem}#tj-app .tj-pad button{min-width:6.5rem}#tj-app .tj-legend{display:grid;gap:.6rem;list-style:none;margin:0 0 .75rem;padding:0;font-size:.8rem;color:var(--color-text-secondary)}#tj-app .tj-legend li{display:flex;align-items:center;gap:.6rem}#tj-app .tj-sw{position:relative;display:inline-block;flex:none;width:2.25rem;height:1.5rem;border-radius:.45rem;background:var(--tj-hero);box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--tj-ink) 40%,transparent)}#tj-app .tj-sw:after{content:"";position:absolute;left:50%;top:50%;translate:-50% -50%;width:14px;height:14px;background:var(--tj-ink);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}#tj-app .tj-sw-other{background:linear-gradient(90deg,var(--tj-h0) 0 25%,var(--tj-h2) 25% 50%,var(--tj-h3) 50% 75%,var(--tj-h5) 75%)}#tj-app .tj-sw-other:after{clip-path:none;border-radius:50%;width:9px;height:9px}#tj-app .tj-sw-dest{background:color-mix(in srgb,var(--tj-hero) 22%,transparent);border:3px dotted var(--color-text-primary);box-sizing:border-box;box-shadow:none}#tj-app .tj-sw-dest:after{display:none}#tj-app .tj-sw-hint{background:color-mix(in srgb,var(--g-amber) 28%,transparent);border:3px dashed var(--g-amber);box-sizing:border-box;box-shadow:none}#tj-app .tj-sw-hint:after{display:none}#tj-app .tj-board[data-busy=true]{opacity:.55}#tj-app .tj-win[hidden]{display:none}#tj-app .tj-win{border-color:var(--tj-hero);background:linear-gradient(135deg,color-mix(in srgb,var(--tj-hero) 16%,var(--color-bg-surface)),color-mix(in srgb,var(--g-amber) 12%,var(--color-bg-surface)))}#tj-app .tj-board[data-win=true]{animation:tj-pulse .9s ease-out 1}@keyframes tj-pulse{0%,to{filter:brightness(1)}40%{filter:brightness(1.5)}}@media(prefers-reduced-motion:reduce){#tj-app .tj-car{transition:none}#tj-app .tj-board[data-win=true]{animation:none}}#tj-app .tj-how>summary{box-sizing:border-box;min-height:2rem;padding-block:.375rem}#crp-app{--g-sky: var(--color-accent);--g-teal: color-mix(in oklch, var(--color-accent) 50%, var(--color-accent-success));--g-green: var(--color-accent-success);--g-lime: color-mix(in oklch, var(--color-accent-success) 50%, var(--color-accent-warm));--g-amber: var(--color-accent-warm);--g-orange: color-mix(in oklch, var(--color-accent-warm) 50%, var(--color-accent-danger));--g-rose: var(--color-accent-danger);--g-violet: color-mix(in oklch, var(--color-accent) 50%, var(--color-accent-danger))}#crp-app{container-type:inline-size;--crp-ok: var(--g-green);--crp-wood: var(--g-amber);--crp-ink: var(--color-bg-base);--crp-floor-a: color-mix(in srgb, var(--g-teal) 8%, var(--color-bg-surface));--crp-floor-b: color-mix(in srgb, var(--g-teal) 14%, var(--color-bg-surface));--crp-stone: color-mix(in srgb, var(--g-violet) 34%, var(--color-bg-elevated))}.theme-light #crp-app{--crp-ink: var(--color-text-primary);--crp-stone: color-mix(in oklch, var(--g-violet) 70%, var(--color-text-primary))}.theme-light #crp-app .crp-cell[data-k=wall]{background-image:linear-gradient(180deg,color-mix(in srgb,var(--color-bg-base) 22%,transparent),transparent 40%),linear-gradient(90deg,transparent 49%,color-mix(in srgb,var(--color-bg-base) 30%,transparent) 49% 51%,transparent 51%);box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--color-bg-base) 30%,transparent)}#crp-app .crp-label,#crp-app .crp-k{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-secondary)}#crp-app .crp-controls{display:grid;gap:.875rem;grid-template-columns:repeat(2,minmax(0,1fr));align-items:end}#crp-app .crp-actions{display:flex;flex-wrap:wrap;gap:.5rem;grid-column:1 / -1}@container (min-width: 620px){#crp-app .crp-controls{grid-template-columns:minmax(0,130px) minmax(0,150px) minmax(0,1fr)}#crp-app .crp-actions{grid-column:auto}}#crp-app .crp-layout{display:grid;gap:1.25rem;grid-template-columns:minmax(0,1fr)}@container (min-width: 760px){#crp-app .crp-layout{grid-template-columns:minmax(0,480px) minmax(0,1fr);align-items:start}}#crp-app .crp-stats{display:flex;flex-wrap:wrap;gap:.25rem 1.25rem;font-size:.85rem}#crp-app .crp-stats .crp-v{font-family:var(--font-mono);font-weight:600;color:var(--color-text-primary)}#crp-app .crp-wrap{max-width:480px}#crp-app .crp-board{position:relative;width:100%;aspect-ratio:1;overflow:hidden;border-radius:.6rem;container-type:inline-size;box-shadow:0 0 0 3px var(--color-border);background:var(--crp-floor-a)}#crp-app .crp-board:focus-visible{outline:3px solid var(--color-text-primary);outline-offset:5px}#crp-app .crp-cells{display:grid;width:100%;height:100%;grid-template-columns:repeat(var(--n, 6),minmax(0,1fr));grid-template-rows:repeat(var(--n, 6),minmax(0,1fr))}#crp-app .crp-cell{position:relative;display:block;min-width:0;min-height:0;background:var(--crp-floor-a);cursor:pointer}#crp-app .crp-cell[data-p="1"]{background:var(--crp-floor-b)}#crp-app .crp-cell[data-k=wall]{cursor:default;background-color:var(--crp-stone);background-image:linear-gradient(180deg,color-mix(in srgb,var(--color-text-primary) 14%,transparent),transparent 40%),linear-gradient(90deg,transparent 49%,color-mix(in srgb,var(--crp-ink) 35%,transparent) 49% 51%,transparent 51%);box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--crp-ink) 40%,transparent)}#crp-app .crp-cell[data-t="1"]:after{content:"";position:absolute;inset:24%;border-radius:50%;border:3px solid var(--crp-ok);box-sizing:border-box;background:radial-gradient(circle,color-mix(in srgb,var(--crp-ok) 55%,transparent) 0 26%,transparent 28%)}#crp-app .crp-cell[data-hint=true]{box-shadow:inset 0 0 0 3px var(--g-amber)}#crp-app .crp-cell[data-hint=true]:before{content:"";position:absolute;inset:38%;border-radius:3px;background:var(--g-amber);transform:rotate(45deg)}#crp-app .crp-ents{position:absolute;inset:0;pointer-events:none}#crp-app .crp-crate,#crp-app .crp-player{position:absolute;display:block;box-sizing:border-box;left:calc(var(--c) * 100% / var(--n));top:calc(var(--r) * 100% / var(--n));width:calc(100% / var(--n));height:calc(100% / var(--n));transition:left .12s ease-out,top .12s ease-out}#crp-app .crp-player{z-index:2}#crp-app .crp-crate:before{content:"";position:absolute;inset:9%;border-radius:.3rem;border:2px solid color-mix(in srgb,var(--crp-wood) 55%,var(--crp-ink));background:linear-gradient(135deg,transparent 46%,color-mix(in srgb,var(--crp-ink) 28%,transparent) 46% 54%,transparent 54%),repeating-linear-gradient(0deg,color-mix(in srgb,var(--crp-ink) 22%,transparent) 0 2px,transparent 2px 33%),linear-gradient(180deg,color-mix(in srgb,var(--crp-wood) 80%,var(--color-text-primary)),var(--crp-wood));box-shadow:0 2px 4px color-mix(in srgb,var(--crp-ink) 55%,transparent)}#crp-app .crp-crate[data-home=true]:before{border-color:var(--crp-ok);box-shadow:0 0 0 2px var(--crp-ok),0 2px 4px color-mix(in srgb,var(--crp-ink) 55%,transparent)}#crp-app .crp-crate[data-home=true]:after{content:"✓";position:absolute;inset:0;display:grid;place-items:center;font-family:var(--font-mono);font-weight:700;font-size:calc(32cqw / var(--n));color:var(--crp-ink);text-shadow:0 0 3px var(--color-text-primary)}#crp-app .crp-crate[data-stuck=true]:before{border-style:dashed;border-color:var(--g-rose)}#crp-app .crp-crate[data-stuck=true]:after{content:"×";position:absolute;inset:0;display:grid;place-items:center;font-family:var(--font-mono);font-weight:700;font-size:calc(46cqw / var(--n));color:var(--crp-ink);text-shadow:0 0 3px var(--color-text-primary)}#crp-app .crp-player:before{content:"";position:absolute;inset:8%;border-radius:50%;background:radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--g-sky) 60%,var(--color-text-primary)),var(--g-sky) 55%,color-mix(in srgb,var(--g-sky) 70%,var(--crp-ink)));box-shadow:0 2px 4px color-mix(in srgb,var(--crp-ink) 55%,transparent),inset 0 0 0 2px color-mix(in srgb,var(--crp-ink) 35%,transparent)}#crp-app .crp-eye{position:absolute;top:38%;width:13%;aspect-ratio:1;border-radius:50%;background:var(--crp-ink);transition:translate .1s ease-out}#crp-app .crp-eye:nth-child(1){left:31%}#crp-app .crp-eye:nth-child(2){left:56%}#crp-app .crp-player[data-face=L] .crp-eye{translate:-45% 0}#crp-app .crp-player[data-face=R] .crp-eye{translate:45% 0}#crp-app .crp-player[data-face=U] .crp-eye{translate:0 -55%}#crp-app .crp-player[data-face=D] .crp-eye{translate:0 35%}#crp-app .crp-pad{display:grid;width:12.5rem;grid-template-columns:repeat(3,3.75rem);grid-template-rows:repeat(2,3.75rem);gap:.4rem;justify-content:center;margin-inline:auto;grid-template-areas:". up ." "left down right"}@container (min-width: 760px){#crp-app .crp-pad{margin-inline:0}}#crp-app .crp-pad-btn{display:grid;place-items:center;min-width:3.5rem;min-height:3.5rem;padding:0;border-radius:.9rem;font-size:1.2rem;touch-action:manipulation}#crp-app .crp-up{grid-area:up}#crp-app .crp-left{grid-area:left}#crp-app .crp-down{grid-area:down}#crp-app .crp-right{grid-area:right}#crp-app .crp-pad-btn[data-hint=true]{outline:3px dashed var(--g-amber);outline-offset:2px}#crp-app .crp-legend{display:grid;gap:.6rem;list-style:none;margin:0 0 .75rem;padding:0;font-size:.8rem;color:var(--color-text-secondary)}#crp-app .crp-legend li{display:flex;align-items:center;gap:.6rem}#crp-app .crp-sw{position:relative;display:inline-block;flex:none;width:1.9rem;height:1.9rem;border-radius:.35rem;background:var(--crp-floor-b);overflow:hidden}#crp-app .crp-sw:before{content:"";position:absolute;inset:9%}#crp-app .crp-sw-player:before{border-radius:50%;background:radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--g-sky) 60%,var(--color-text-primary)),var(--g-sky) 60%)}#crp-app .crp-sw-player:after{content:"";position:absolute;left:30%;top:36%;width:12%;aspect-ratio:1;border-radius:50%;background:var(--crp-ink);box-shadow:.6rem 0 0 0 var(--crp-ink)}#crp-app .crp-sw-crate:before,#crp-app .crp-sw-home:before,#crp-app .crp-sw-stuck:before{border-radius:.25rem;border:2px solid color-mix(in srgb,var(--crp-wood) 55%,var(--crp-ink));background:repeating-linear-gradient(0deg,color-mix(in srgb,var(--crp-ink) 22%,transparent) 0 2px,transparent 2px 33%),linear-gradient(180deg,color-mix(in srgb,var(--crp-wood) 80%,var(--color-text-primary)),var(--crp-wood))}#crp-app .crp-sw-target:before{inset:22%;border-radius:50%;border:3px solid var(--crp-ok);box-sizing:border-box}#crp-app .crp-sw-home:before{border-color:var(--crp-ok);box-shadow:0 0 0 2px var(--crp-ok)}#crp-app .crp-sw-home:after,#crp-app .crp-sw-stuck:after{position:absolute;inset:0;display:grid;place-items:center;font-family:var(--font-mono);font-weight:700;color:var(--crp-ink);text-shadow:0 0 3px var(--color-text-primary)}#crp-app .crp-sw-home:after{content:"✓"}#crp-app .crp-sw-stuck:before{border-style:dashed;border-color:var(--g-rose)}#crp-app .crp-sw-stuck:after{content:"×";font-size:1.2rem}#crp-app .crp-sw-wall{background-color:var(--crp-stone);box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--crp-ink) 40%,transparent)}#crp-app .crp-win[hidden]{display:none}#crp-app .crp-win{border-color:var(--crp-ok);background:linear-gradient(135deg,color-mix(in srgb,var(--crp-ok) 16%,var(--color-bg-surface)),color-mix(in srgb,var(--g-amber) 12%,var(--color-bg-surface)))}#crp-app .crp-board[data-win=true] .crp-crate{animation:crp-hop .5s ease-in-out 2;animation-delay:calc(var(--k, 0) * .1s)}#crp-app .crp-board[data-win=true] .crp-player{animation:crp-hop .5s ease-in-out 2}@keyframes crp-hop{0%,to{translate:0 0}50%{translate:0 -18%}}@media(prefers-reduced-motion:reduce){#crp-app .crp-crate,#crp-app .crp-player,#crp-app .crp-eye{transition:none}#crp-app .crp-board[data-win=true] .crp-crate,#crp-app .crp-board[data-win=true] .crp-player{animation:none}}#crp-app .crp-how>summary{box-sizing:border-box;min-height:2rem;padding-block:.375rem}#wds-app{--g-sky: var(--color-accent);--g-teal: color-mix(in oklch, var(--color-accent) 50%, var(--color-accent-success));--g-green: var(--color-accent-success);--g-lime: color-mix(in oklch, var(--color-accent-success) 50%, var(--color-accent-warm));--g-amber: var(--color-accent-warm);--g-orange: color-mix(in oklch, var(--color-accent-warm) 50%, var(--color-accent-danger));--g-rose: var(--color-accent-danger);--g-violet: color-mix(in oklch, var(--color-accent) 50%, var(--color-accent-danger));container-type:inline-size}#wds-app .wds-label,#wds-app .wds-k{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-secondary)}#wds-app .wds-controls{display:grid;gap:.875rem;grid-template-columns:repeat(2,minmax(0,1fr));align-items:end}#wds-app .wds-span2{grid-column:1 / -1}#wds-app .wds-actions{display:flex;flex-wrap:wrap;gap:.5rem;grid-column:1 / -1}@container (max-width: 519px){#wds-app .wds-controls{grid-template-columns:minmax(0,1fr)}}@container (min-width: 820px){#wds-app .wds-controls{grid-template-columns:repeat(3,minmax(0,1fr)) auto}#wds-app .wds-span2,#wds-app .wds-actions{grid-column:auto}}#wds-app .wds-layout{display:grid;gap:1.25rem;grid-template-columns:minmax(0,1fr)}@container (min-width: 760px){#wds-app .wds-layout{grid-template-columns:minmax(0,560px) minmax(0,1fr);align-items:start}}#wds-app .wds-stats{display:flex;flex-wrap:wrap;gap:.25rem 1.25rem;font-size:.85rem}#wds-app .wds-stats .wds-v{font-family:var(--font-mono);font-weight:600;color:var(--color-text-primary)}#wds-app .wds-wrap{max-width:560px;container-type:inline-size}#wds-app .wds-board{display:flex;flex-direction:column;gap:2px;width:100%;padding:4px;box-sizing:border-box;border-radius:.9rem;border:2px solid var(--color-border);background:linear-gradient(160deg,color-mix(in srgb,var(--g-sky) 12%,var(--color-bg-surface)),color-mix(in srgb,var(--g-violet) 12%,var(--color-bg-surface)));touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}#wds-app .wds-board[data-n="8"]{--n: 8}#wds-app .wds-board[data-n="10"]{--n: 10}#wds-app .wds-board[data-n="12"]{--n: 12}#wds-app .wds-row{display:grid;grid-template-columns:repeat(var(--n, 8),minmax(0,1fr));gap:2px}#wds-app .wds-cell{--h: var(--g-sky);position:relative;display:grid;place-items:center;aspect-ratio:1;min-width:0;padding:0;margin:0;cursor:pointer;border:2px solid var(--color-border-subtle);border-radius:.45rem;background:var(--color-bg-elevated);color:var(--color-text-primary);font-family:var(--font-mono);font-weight:700;line-height:1;font-size:max(.7rem,calc(100cqw / var(--n, 8) * .5));touch-action:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}#wds-app .wds-cell:focus-visible{outline:3px solid var(--color-text-primary);outline-offset:1px;z-index:2}#wds-app .wds-cell[data-hue="0"]{--h: var(--g-sky)}#wds-app .wds-cell[data-hue="1"]{--h: var(--g-green)}#wds-app .wds-cell[data-hue="2"]{--h: var(--g-amber)}#wds-app .wds-cell[data-hue="3"]{--h: var(--g-rose)}#wds-app .wds-cell[data-hue="4"]{--h: var(--g-violet)}#wds-app .wds-cell[data-hue="5"]{--h: var(--g-orange)}#wds-app .wds-cell[data-hue="6"]{--h: var(--g-teal)}#wds-app .wds-cell[data-hue="7"]{--h: var(--g-lime)}#wds-app .wds-cell[data-found=true]{background:color-mix(in srgb,var(--h) 40%,var(--color-bg-elevated));border-color:var(--h);border-style:solid}#wds-app .wds-cell[data-sel=true]{background:color-mix(in srgb,var(--g-amber) 34%,var(--color-bg-elevated));border-color:var(--g-amber);border-style:dashed}#wds-app .wds-cell[data-anchor=true]:after,#wds-app .wds-cell[data-hint=true]:after{content:"";position:absolute;top:2px;right:2px;width:22%;max-width:10px;aspect-ratio:1;border:1px solid var(--color-text-primary)}#wds-app .wds-cell[data-anchor=true]:after{background:var(--g-amber);border-radius:50%}#wds-app .wds-cell[data-hint=true]{border-color:var(--g-sky);border-width:3px}#wds-app .wds-cell[data-hint=true]:after{background:var(--g-sky);transform:rotate(45deg)}#wds-app .wds-words{list-style:none;margin:0;padding:0;display:grid;gap:.35rem;grid-template-columns:repeat(2,minmax(0,1fr))}@container (min-width: 760px){#wds-app .wds-words{grid-template-columns:repeat(3,minmax(0,1fr))}}#wds-app .wds-word{--h: var(--g-sky);display:flex;align-items:center;gap:.4rem;min-width:0;min-height:2rem;padding:.2rem .5rem;box-sizing:border-box;border:2px solid var(--color-border-subtle);border-radius:.5rem;background:var(--color-bg-surface);font-family:var(--font-mono);font-size:.8rem;font-weight:600;color:var(--color-text-primary);letter-spacing:.04em}#wds-app .wds-word[data-hue="0"]{--h: var(--g-sky)}#wds-app .wds-word[data-hue="1"]{--h: var(--g-green)}#wds-app .wds-word[data-hue="2"]{--h: var(--g-amber)}#wds-app .wds-word[data-hue="3"]{--h: var(--g-rose)}#wds-app .wds-word[data-hue="4"]{--h: var(--g-violet)}#wds-app .wds-word[data-hue="5"]{--h: var(--g-orange)}#wds-app .wds-word[data-hue="6"]{--h: var(--g-teal)}#wds-app .wds-word[data-hue="7"]{--h: var(--g-lime)}#wds-app .wds-word[data-found=true]{border-color:var(--h);background:color-mix(in srgb,var(--h) 24%,var(--color-bg-surface))}#wds-app .wds-word[data-found=true] .wds-wt{text-decoration:line-through;text-decoration-thickness:2px}#wds-app .wds-ck{display:none;margin-left:auto;font-weight:800}#wds-app .wds-word[data-found=true] .wds-ck{display:inline}#wds-app .wds-wt{overflow-wrap:anywhere}#wds-app .wds-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}#wds-app .wds-legend{display:grid;gap:.4rem;list-style:none;margin:0;padding:0;font-size:.75rem;color:var(--color-text-secondary)}#wds-app .wds-legend li{display:flex;align-items:center;gap:.6rem}#wds-app .wds-sw{position:relative;display:inline-block;flex:none;width:1.5rem;height:1.5rem;border:2px solid var(--color-border);border-radius:.4rem;background:var(--color-bg-elevated)}#wds-app .wds-sw-found{--h: var(--g-green);border-color:var(--h);background:color-mix(in srgb,var(--h) 40%,var(--color-bg-elevated))}#wds-app .wds-sw-sel{border-color:var(--g-amber);border-style:dashed;background:color-mix(in srgb,var(--g-amber) 34%,var(--color-bg-elevated))}#wds-app .wds-sw-start:after,#wds-app .wds-sw-hint:after{content:"";position:absolute;top:1px;right:1px;width:6px;height:6px;border:1px solid var(--color-text-primary)}#wds-app .wds-sw-start:after{background:var(--g-amber);border-radius:50%}#wds-app .wds-sw-hint{border-color:var(--g-sky)}#wds-app .wds-sw-hint:after{background:var(--g-sky);transform:rotate(45deg)}#wds-app .wds-win{--h: var(--g-green);position:relative;overflow:hidden;border:2px solid var(--h);background:linear-gradient(140deg,color-mix(in srgb,var(--h) 20%,var(--color-bg-elevated)),color-mix(in srgb,var(--g-sky) 16%,var(--color-bg-elevated)))}#wds-app [hidden]{display:none!important}#wds-app .wds-spark{position:absolute;top:.6rem;width:.8rem;height:.8rem;background:var(--g-amber);clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);opacity:0;pointer-events:none}#wds-app .wds-spark-1{right:12%;background:var(--g-amber)}#wds-app .wds-spark-2{right:26%;background:var(--g-sky)}#wds-app .wds-spark-3{right:40%;background:var(--g-rose)}#wds-app .wds-spark-4{--h: var(--g-lime);right:54%;background:var(--h)}#wds-app .wds-win[data-celebrate=true] .wds-spark{opacity:1}@media(prefers-reduced-motion:no-preference){#wds-app .wds-cell{transition:background-color .12s ease,border-color .12s ease}#wds-app .wds-cell[data-new=true]{animation:wds-pop .5s ease-out 1}#wds-app .wds-win[data-celebrate=true] .wds-spark{animation:wds-rise 1.1s ease-out 1}#wds-app .wds-win[data-celebrate=true] .wds-spark-2{animation-delay:.15s}#wds-app .wds-win[data-celebrate=true] .wds-spark-3{animation-delay:.3s}#wds-app .wds-win[data-celebrate=true] .wds-spark-4{animation-delay:.45s}@keyframes wds-pop{0%{transform:scale(1)}40%{transform:scale(1.18)}to{transform:scale(1)}}@keyframes wds-rise{0%{transform:translateY(14px) scale(.4);opacity:0}40%{opacity:1}to{transform:translateY(-4px) scale(1);opacity:1}}}#wds-app .wds-how>summary{box-sizing:border-box;min-height:2rem;padding-block:.375rem}#ttb-app{--g-sky: var(--color-accent);--g-teal: color-mix(in oklch, var(--color-accent) 50%, var(--color-accent-success));--g-green: var(--color-accent-success);--g-lime: color-mix(in oklch, var(--color-accent-success) 50%, var(--color-accent-warm));--g-amber: var(--color-accent-warm);--g-orange: color-mix(in oklch, var(--color-accent-warm) 50%, var(--color-accent-danger));--g-rose: var(--color-accent-danger);--g-violet: color-mix(in oklch, var(--color-accent) 50%, var(--color-accent-danger));container-type:inline-size;--ttb-0: var(--g-sky);--ttb-1: var(--g-amber);--ttb-2: var(--g-rose);--ttb-3: var(--g-violet);--ttb-4: var(--g-green);--ttb-5: var(--g-orange);--ttb-on: var(--color-bg-base)}.theme-light #ttb-app{--ttb-on: var(--color-text-primary)}#ttb-app [data-hue="0"]{--hue: var(--ttb-0)}#ttb-app [data-hue="1"]{--hue: var(--ttb-1)}#ttb-app [data-hue="2"]{--hue: var(--ttb-2)}#ttb-app [data-hue="3"]{--hue: var(--ttb-3)}#ttb-app [data-hue="4"]{--hue: var(--ttb-4)}#ttb-app [data-hue="5"]{--hue: var(--ttb-5)}#ttb-app .ttb-k{margin:0;font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-secondary)}#ttb-app .ttb-modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.375rem;padding:.375rem;border:2px solid var(--color-border);border-radius:1.1rem;background:var(--color-bg-surface)}#ttb-app .ttb-key{box-sizing:border-box;min-height:3.5rem;min-width:3.5rem;margin:0;padding:.25rem .5rem;border-radius:.8rem;font-family:var(--font-display, inherit);font-weight:700;font-size:1.05rem;line-height:1.15;cursor:pointer;color:var(--color-text-primary)}#ttb-app .ttb-mode{font-size:.95rem;padding-inline:.25rem;white-space:normal;overflow-wrap:anywhere}#ttb-app .ttb-mode.active{background:color-mix(in srgb,var(--ttb-3) 28%,var(--color-bg-elevated));box-shadow:inset 0 0 0 2px var(--ttb-3)}#ttb-app .ttb-key:focus-visible,#ttb-app .ttb-btn:focus-visible,#ttb-app .ttb-choice:focus-visible,#ttb-app .ttb-input:focus-visible,#ttb-app .ttb-select:focus-visible{outline:3px solid var(--color-text-primary);outline-offset:3px}#ttb-app .ttb-panel{display:grid;gap:.9rem;padding:1rem;border-radius:1.1rem;border:2px solid var(--color-border);background:var(--color-bg-surface)}#ttb-app .ttb-panel[hidden],#ttb-app .ttb-array[hidden],#ttb-app .ttb-form[hidden],#ttb-app .ttb-choice[hidden],#ttb-app #ttb-next[hidden]{display:none}#ttb-app .ttb-chips{display:grid;grid-template-columns:repeat(auto-fill,minmax(3.5rem,1fr));gap:.4rem}#ttb-app .ttb-chip{border:3px solid var(--hue);background:color-mix(in srgb,var(--hue) 10%,var(--color-bg-elevated));font-size:1.35rem;transition:background-color .12s ease}#ttb-app .ttb-chip[aria-pressed=true]{background:var(--hue);color:var(--ttb-on)}#ttb-app #ttb-factor-chips .ttb-chip{font-size:1.1rem}#ttb-app .ttb-eq-wrap{border-radius:1rem;padding:.7rem .9rem;border:3px solid var(--hue);background:color-mix(in srgb,var(--hue) 14%,var(--color-bg-elevated))}#ttb-app .ttb-eq{margin:0;font-family:var(--font-display, inherit);font-weight:800;font-size:clamp(2rem,11cqw,3rem);line-height:1.1;color:var(--color-text-primary)}#ttb-app .ttb-eq-words{margin:.3rem 0 0;font-size:1.1rem;color:var(--color-text-primary)}#ttb-app .ttb-array{display:grid;gap:3px;width:100%;max-width:22rem;margin-inline:auto;grid-template-columns:repeat(var(--ttb-cols, 1),minmax(0,1fr))}#ttb-app .ttb-dot{box-sizing:border-box;aspect-ratio:1 / 1;border-radius:50%;background:var(--hue);border:1.5px solid color-mix(in srgb,var(--hue) 55%,var(--color-text-primary))}#ttb-app .ttb-dot[data-alt=true]{background:color-mix(in srgb,var(--hue) 62%,var(--color-bg-surface))}#ttb-app .ttb-skip{margin:0;font-size:1.05rem;line-height:1.5;color:var(--color-text-primary);word-spacing:.15em}#ttb-app .ttb-presets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}#ttb-app .ttb-btn{box-sizing:border-box;min-height:3.5rem;min-width:3.5rem;padding:.5rem .75rem;border-radius:1rem;font-size:1rem;line-height:1.15}#ttb-app .ttb-start{font-size:1.2rem}#ttb-app .ttb-check{display:flex;align-items:center;gap:.7rem;min-height:3.5rem;font-size:1.05rem;color:var(--color-text-primary);cursor:pointer}#ttb-app .ttb-check input{width:1.75rem;height:1.75rem;flex:none;accent-color:var(--ttb-0);cursor:pointer}#ttb-app .ttb-style{display:grid;gap:.4rem}#ttb-app .ttb-select{min-height:3.5rem;font-size:1.05rem}#ttb-app .ttb-best{margin:0;font-size:.95rem;color:var(--color-text-secondary)}#ttb-app .ttb-meta{display:flex;justify-content:space-between;gap:.75rem;font-family:var(--font-mono);font-size:.9rem;color:var(--color-text-secondary)}#ttb-app .ttb-question{margin:0;padding:.6rem .4rem;text-align:center;font-family:var(--font-display, inherit);font-weight:800;line-height:1.1;font-size:clamp(2.4rem,13cqw,3.6rem);color:var(--color-text-primary);border-radius:1rem;background:color-mix(in srgb,var(--hue) 16%,var(--color-bg-elevated));border:3px solid var(--hue)}#ttb-app .ttb-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}#ttb-app .ttb-choice{box-sizing:border-box;min-height:4.5rem;min-width:3.5rem;margin:0;padding:.25rem;border-radius:1rem;cursor:pointer;border:3px solid var(--color-border);background:var(--color-bg-elevated);color:var(--color-text-primary);font-family:var(--font-display, inherit);font-weight:800;font-size:clamp(1.6rem,9cqw,2.4rem);line-height:1;transition:background-color .12s ease,border-color .12s ease}#ttb-app .ttb-choice:hover:not(:disabled){border-color:var(--hue)}#ttb-app .ttb-choice[data-state=right]{border-color:var(--ttb-4);background:color-mix(in srgb,var(--ttb-4) 28%,var(--color-bg-elevated))}#ttb-app .ttb-choice[data-state=right]:after{content:" ✓";font-size:.6em}#ttb-app .ttb-choice[data-state=chosen]{border-style:dashed;border-color:var(--ttb-1)}#ttb-app .ttb-choice:disabled{cursor:default;color:var(--color-text-primary);opacity:1}#ttb-app .ttb-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.5rem;align-items:stretch}#ttb-app .ttb-input{min-height:3.5rem;font-size:1.8rem;font-weight:700;text-align:center;font-family:var(--font-display, inherit)}#ttb-app .ttb-quiz-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}#ttb-app .ttb-hint{max-width:18rem}#ttb-app .ttb-result{border-color:var(--ttb-4);box-shadow:0 0 0 5px color-mix(in srgb,var(--ttb-4) 24%,transparent)}#ttb-app .ttb-result-text{margin:0;font-family:var(--font-display, inherit);font-weight:700;font-size:1.3rem;line-height:1.35;color:var(--color-text-primary)}#ttb-app .ttb-party{display:flex;justify-content:center;gap:.6rem}#ttb-app .ttb-party span{width:1rem;height:1rem;border-radius:50%;animation:ttb-pop .5s ease-out both}#ttb-app .ttb-party span:nth-child(1){background:var(--ttb-0)}#ttb-app .ttb-party span:nth-child(2){background:var(--ttb-1);animation-delay:.08s}#ttb-app .ttb-party span:nth-child(3){background:var(--ttb-2);animation-delay:.16s}#ttb-app .ttb-party span:nth-child(4){background:var(--ttb-3);animation-delay:.24s}#ttb-app .ttb-party span:nth-child(5){background:var(--ttb-4);animation-delay:.32s}#ttb-app .ttb-party span:nth-child(6){background:var(--ttb-5);animation-delay:.4s}#ttb-app .ttb-status{margin:0;min-height:3.25rem;font-size:1.1rem;line-height:1.45;color:var(--color-text-primary)}#ttb-app .ttb-help{margin:0;font-size:.78rem;line-height:1.55;color:var(--color-text-secondary)}#ttb-app .ttb-how>summary{box-sizing:border-box;min-height:2rem;padding-block:.375rem}@keyframes ttb-pop{0%{transform:scale(.1);opacity:0}70%{transform:scale(1.4);opacity:1}to{transform:scale(1);opacity:1}}@media(prefers-reduced-motion:reduce){#ttb-app .ttb-chip,#ttb-app .ttb-choice{transition:none}#ttb-app .ttb-party span{animation:none}}#clk-app{--g-sky: var(--color-accent);--g-teal: color-mix(in oklch, var(--color-accent) 50%, var(--color-accent-success));--g-green: var(--color-accent-success);--g-lime: color-mix(in oklch, var(--color-accent-success) 50%, var(--color-accent-warm));--g-amber: var(--color-accent-warm);--g-orange: color-mix(in oklch, var(--color-accent-warm) 50%, var(--color-accent-danger));--g-rose: var(--color-accent-danger);--g-violet: color-mix(in oklch, var(--color-accent) 50%, var(--color-accent-danger));container-type:inline-size;--clk-q0: var(--g-sky);--clk-q1: var(--g-amber);--clk-q2: var(--g-rose);--clk-q3: var(--g-violet);--clk-hour: var(--g-amber);--clk-min: var(--g-sky);--clk-ok: var(--g-green);--clk-on: var(--color-bg-base)}.theme-light #clk-app{--clk-on: var(--color-text-primary)}#clk-app .clk-k{margin:0;font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-secondary)}#clk-app .clk-v{font-family:var(--font-display, inherit);font-weight:700;font-size:1.25rem;color:var(--color-text-primary)}#clk-app .clk-modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.375rem;padding:.375rem;border:2px solid var(--color-border);border-radius:1.1rem;background:var(--color-bg-surface)}#clk-app .clk-key{box-sizing:border-box;min-height:3.5rem;min-width:3.5rem;margin:0;padding:.25rem .5rem;border-radius:.8rem;font-family:var(--font-display, inherit);font-weight:700;font-size:1.05rem;line-height:1.15;cursor:pointer;color:var(--color-text-primary)}#clk-app .clk-mode{font-size:.95rem;padding-inline:.25rem;white-space:normal;overflow-wrap:anywhere}#clk-app .clk-mode.active{background:color-mix(in srgb,var(--clk-q3) 28%,var(--color-bg-elevated));box-shadow:inset 0 0 0 2px var(--clk-q3)}#clk-app .clk-key:focus-visible,#clk-app .clk-btn:focus-visible,#clk-app .clk-choice:focus-visible,#clk-app .clk-select:focus-visible,#clk-app .clk-card:focus-visible{outline:3px solid var(--color-text-primary);outline-offset:3px}#clk-app .clk-level{display:grid;gap:.4rem}#clk-app .clk-select{min-height:3.5rem;font-size:1.05rem}#clk-app .clk-panel{display:grid;gap:1rem;padding:1rem;border-radius:1.1rem;border:2px solid var(--color-border);background:var(--color-bg-surface)}#clk-app .clk-panel[hidden],#clk-app .clk-ctl[hidden],#clk-app #clk-next[hidden],#clk-app #clk-set-next[hidden],#clk-app #clk-other[hidden]{display:none}@container (min-width: 640px){#clk-app #clk-clock-panel{grid-template-columns:minmax(0,20rem) minmax(0,1fr);align-items:center}}#clk-app .clk-ctl{display:grid;gap:.8rem;align-content:start}#clk-app .clk-face-wrap{width:100%;max-width:20rem;margin-inline:auto;border-radius:50%}#clk-app .clk-face-wrap[data-drag=true]{cursor:pointer}#clk-app .clk-face-wrap:focus-visible{outline:3px solid var(--color-text-primary);outline-offset:4px}#clk-app .clk-face-wrap[data-drag=true]{touch-action:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}#clk-app .clk-face-wrap[data-state=right]{animation:clk-pop .5s ease-out}#clk-app .clk-clock{display:block;width:100%;height:auto;aspect-ratio:1 / 1;overflow:visible}#clk-app .clk-face{fill:var(--color-bg-elevated);stroke:var(--color-border);stroke-width:1.5}#clk-app .clk-face-wrap[data-state=right] .clk-face{stroke:var(--clk-ok);stroke-width:3}#clk-app .clk-seg[data-q="0"]{fill:color-mix(in srgb,var(--clk-q0) 40%,var(--color-bg-elevated))}#clk-app .clk-seg[data-q="1"]{fill:color-mix(in srgb,var(--clk-q1) 40%,var(--color-bg-elevated))}#clk-app .clk-seg[data-q="2"]{fill:color-mix(in srgb,var(--clk-q2) 40%,var(--color-bg-elevated))}#clk-app .clk-seg[data-q="3"]{fill:color-mix(in srgb,var(--clk-q3) 40%,var(--color-bg-elevated))}#clk-app .clk-tick{stroke:var(--color-text-secondary);stroke-width:1;stroke-linecap:round}#clk-app .clk-tick-major{stroke:var(--color-text-primary);stroke-width:2.2}#clk-app .clk-num{fill:var(--color-text-primary);font-family:var(--font-display, inherit);font-weight:800;font-size:17px;text-anchor:middle;dominant-baseline:central}#clk-app .clk-hand-o{fill:none;stroke:var(--color-text-primary);stroke-linecap:round}#clk-app .clk-hand-hour .clk-hand-o{stroke-width:11}#clk-app .clk-hand-hour .clk-hand-c{fill:none;stroke:var(--clk-hour);stroke-width:8;stroke-linecap:round}#clk-app .clk-hand-minute .clk-hand-o{stroke-width:8}#clk-app .clk-hand-minute .clk-hand-c{fill:none;stroke:var(--clk-min);stroke-width:5;stroke-linecap:round}#clk-app .clk-cap{fill:var(--clk-q3);stroke:var(--color-text-primary);stroke-width:2}#clk-app .clk-ghost{display:none;fill:none;stroke:var(--color-text-primary);stroke-width:3;stroke-dasharray:3 5;stroke-linecap:round}#clk-app .clk-ghost[data-on=true]{display:block}#clk-app .clk-mini .clk-tick:not(.clk-tick-major){display:none}#clk-app .clk-mini .clk-num{font-size:22px}#clk-app .clk-prompt{margin:0;font-family:var(--font-display, inherit);font-weight:700;font-size:1.3rem;line-height:1.25;color:var(--color-text-primary)}#clk-app .clk-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}#clk-app .clk-choice{box-sizing:border-box;min-height:4.5rem;min-width:3.5rem;margin:0;padding:.25rem;border-radius:1rem;cursor:pointer;border:3px solid var(--color-border);background:var(--color-bg-elevated);color:var(--color-text-primary);font-family:var(--font-display, inherit);font-weight:800;font-size:clamp(1.5rem,8cqw,2.2rem);line-height:1;transition:background-color .12s ease,border-color .12s ease}#clk-app .clk-choice:hover:not(:disabled){border-color:var(--clk-min)}#clk-app .clk-choice[data-state=right]{border-color:var(--clk-ok);background:color-mix(in srgb,var(--clk-ok) 28%,var(--color-bg-elevated))}#clk-app .clk-choice[data-state=right]:after{content:" ✓";font-size:.6em}#clk-app .clk-choice[data-state=chosen]{border-style:dashed;border-color:var(--clk-hour)}#clk-app .clk-choice:disabled{cursor:default;color:var(--color-text-primary);opacity:1}#clk-app .clk-btn{box-sizing:border-box;min-height:3.5rem;min-width:3.5rem;padding:.5rem .75rem;border-radius:1rem;font-size:1rem;line-height:1.15}#clk-app .clk-btn:disabled{opacity:.55;cursor:default}#clk-app .clk-target{margin:0;font-family:var(--font-display, inherit);font-weight:800;font-size:clamp(1.2rem,6cqw,1.7rem);line-height:1.25;color:var(--color-text-primary)}#clk-app .clk-target b{font-size:1.6em}#clk-app .clk-hands,#clk-app .clk-steppers,#clk-app .clk-set-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}#clk-app .clk-hand-btn{border:3px solid var(--color-border);background:var(--color-bg-elevated)}#clk-app .clk-hand-btn[data-hand=minute][aria-pressed=true]{border-color:var(--clk-min);background:color-mix(in srgb,var(--clk-min) 26%,var(--color-bg-elevated))}#clk-app .clk-hand-btn[data-hand=hour][aria-pressed=true]{border-color:var(--clk-hour);background:color-mix(in srgb,var(--clk-hour) 26%,var(--color-bg-elevated))}#clk-app .clk-match-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}#clk-app .clk-col{display:grid;gap:.5rem;align-content:start}#clk-app .clk-card{position:relative;box-sizing:border-box;display:grid;place-items:center;min-height:6.5rem;min-width:3.5rem;margin:0;padding:.35rem;border-radius:1rem;cursor:pointer;border:3px solid var(--color-border);background:var(--color-bg-elevated);color:var(--color-text-primary);font-family:var(--font-display, inherit);font-weight:800;font-size:clamp(1.5rem,8cqw,2.1rem);line-height:1}#clk-app .clk-card svg{display:block;width:100%;max-width:6.5rem;height:auto}#clk-app .clk-card[data-state=selected]{border-color:var(--clk-min);background:color-mix(in srgb,var(--clk-min) 22%,var(--color-bg-elevated));box-shadow:0 0 0 3px color-mix(in srgb,var(--clk-min) 40%,transparent)}#clk-app .clk-card[data-state=matched]{cursor:default;background:color-mix(in srgb,var(--clk-ok) 14%,var(--color-bg-elevated));border-color:var(--clk-ok)}#clk-app .clk-card[data-state=matched]:after{content:"✓";position:absolute;top:.2rem;right:.5rem;font-size:1.1rem;color:var(--color-text-primary)}#clk-app .clk-card:disabled{opacity:1;color:var(--color-text-primary)}#clk-app .clk-card[data-pair="0"]{border-color:var(--clk-q0)}#clk-app .clk-card[data-pair="1"]{border-color:var(--clk-q1)}#clk-app .clk-card[data-pair="2"]{border-color:var(--clk-q2)}#clk-app .clk-card[data-pair="3"]{border-color:var(--clk-q3)}#clk-app .clk-meta{display:flex;flex-wrap:wrap;gap:.3rem 1.75rem}#clk-app .clk-meta p{display:flex;flex-direction:column;margin:0}#clk-app .clk-status{margin:0;min-height:3.25rem;font-size:1.1rem;line-height:1.45;color:var(--color-text-primary)}#clk-app .clk-help{margin:0;font-size:.78rem;line-height:1.55;color:var(--color-text-secondary)}#clk-app .clk-how>summary{box-sizing:border-box;min-height:2rem;padding-block:.375rem}@keyframes clk-pop{0%{transform:scale(1)}40%{transform:scale(1.05)}to{transform:scale(1)}}@media(prefers-reduced-motion:reduce){#clk-app .clk-face-wrap[data-state=right]{animation:none}#clk-app .clk-choice{transition:none}}#cnc-app{--g-sky: var(--color-accent);--g-teal: color-mix(in oklch, var(--color-accent) 50%, var(--color-accent-success));--g-green: var(--color-accent-success);--g-lime: color-mix(in oklch, var(--color-accent-success) 50%, var(--color-accent-warm));--g-amber: var(--color-accent-warm);--g-orange: color-mix(in oklch, var(--color-accent-warm) 50%, var(--color-accent-danger));--g-rose: var(--color-accent-danger);--g-violet: color-mix(in oklch, var(--color-accent) 50%, var(--color-accent-danger));--k-ok: var(--g-green);--k-cool: var(--g-teal);--k-warm: var(--g-orange);container-type:inline-size}#cnc-app .cnc-label,#cnc-app .cnc-k{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-secondary);margin:0}#cnc-app .cnc-controls{display:grid;gap:.875rem;grid-template-columns:minmax(0,1fr);align-items:end}#cnc-app .cnc-actions{display:flex;flex-wrap:wrap;gap:.5rem}@container (min-width: 640px){#cnc-app .cnc-controls{grid-template-columns:minmax(0,1fr) minmax(0,260px) auto}}#cnc-app .cnc-tabs{display:flex;flex-wrap:wrap;gap:.25rem;padding:.25rem;border:1px solid var(--color-border);border-radius:.9rem;background:var(--color-bg-surface)}#cnc-app .cnc-tab{flex:1 1 auto;min-height:2.75rem;padding:.4rem .75rem;border-radius:.65rem;font-size:.8rem}#cnc-app .cnc-tab[data-active=true]{background:color-mix(in srgb,var(--g-amber) 24%,var(--color-bg-elevated));color:var(--color-text-primary);box-shadow:inset 0 -3px 0 var(--g-amber)}#cnc-app .cnc-tab:focus-visible,#cnc-app .cnc-choice:focus-visible,#cnc-app button.cnc-coin:focus-visible{outline:3px solid var(--color-text-primary);outline-offset:2px}#cnc-app .cnc-stats{display:flex;flex-wrap:wrap;gap:.25rem 1.25rem;font-size:.85rem}#cnc-app .cnc-stats .cnc-v{font-family:var(--font-mono);font-weight:600;color:var(--color-text-primary)}#cnc-app .cnc-stage{background:linear-gradient(160deg,color-mix(in srgb,var(--g-amber) 10%,var(--color-bg-elevated)),color-mix(in srgb,var(--k-cool) 10%,var(--color-bg-elevated)));border:2px solid color-mix(in srgb,var(--g-amber) 45%,var(--color-border-subtle))}#cnc-app [hidden]{display:none!important}#cnc-app .cnc-prompt{margin:0;font-size:1.2rem;line-height:1.25;color:var(--color-text-primary);font-weight:700}#cnc-app .cnc-prompt:focus-visible{outline:3px solid var(--color-text-primary);outline-offset:3px}#cnc-app .cnc-status{margin:0;min-height:1.5rem;font-size:.95rem;line-height:1.5;color:var(--color-text-primary)}#cnc-app .cnc-coin{--m: var(--k-cool);--d: 4rem;box-sizing:border-box;display:inline-grid;place-content:center;justify-items:center;flex:none;margin:0;padding:0;text-align:center;width:var(--d);height:var(--d);border-radius:50%;color:var(--color-text-primary);border:3px solid var(--m);background:radial-gradient(circle at 32% 26%,color-mix(in srgb,var(--m) 48%,var(--color-bg-elevated)),color-mix(in srgb,var(--m) 24%,var(--color-bg-elevated)) 72%);box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--m) 30%,var(--color-bg-elevated)),0 2px 5px color-mix(in srgb,var(--color-bg-base) 60%,transparent);line-height:1.05;font-family:var(--font-display)}#cnc-app .cnc-coin[data-c="1"]{--m: var(--k-warm);--d: 3.6rem}#cnc-app .cnc-coin[data-c="5"]{--m: var(--k-cool);--d: 4rem}#cnc-app .cnc-coin[data-c="10"]{--m: var(--k-cool);--d: 3.3rem}#cnc-app .cnc-coin[data-c="25"]{--m: var(--k-cool);--d: 4.6rem}#cnc-app .cnc-coin[data-c="100"]{--m: var(--k-ok);width:5.6rem;height:3.1rem;border-radius:.5rem}#cnc-app .cnc-val{display:block;font-weight:800;font-size:calc(var(--d) * .3)}#cnc-app .cnc-nm{display:block;font-family:var(--font-mono);font-weight:700;letter-spacing:.04em;font-size:max(9px,calc(var(--d) * .15))}#cnc-app .cnc-coin[data-c="100"] .cnc-val{font-size:1.3rem}#cnc-app .cnc-coin[data-c="100"] .cnc-nm{font-size:9px}#cnc-app button.cnc-coin{cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}#cnc-app button.cnc-coin:hover{border-color:var(--g-amber)}#cnc-app button.cnc-coin:active{transform:scale(.94)}#cnc-app .cnc-row,#cnc-app .cnc-purse,#cnc-app .cnc-tray,#cnc-app .cnc-paid{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem}#cnc-app .cnc-scene{display:grid;gap:.75rem}#cnc-app :where(button:not(.cnc-coin):not(.cnc-choice):not(.cnc-tab),select){box-sizing:border-box;min-height:2.75rem}#cnc-app .cnc-tag{display:inline-flex;align-items:baseline;gap:.5rem;width:fit-content;padding:.3rem .75rem;border:2px dashed var(--g-amber);border-radius:.6rem;font-family:var(--font-mono)}#cnc-app .cnc-tag b,#cnc-app .cnc-paid b{font-size:1.3rem;color:var(--color-text-primary)}#cnc-app .cnc-answer{display:grid;gap:.9rem}#cnc-app .cnc-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}@container (min-width: 520px){#cnc-app .cnc-choices{grid-template-columns:repeat(4,minmax(0,1fr))}}#cnc-app .cnc-choice{min-height:3.5rem;padding:.5rem;margin:0;cursor:pointer;font-family:var(--font-display);font-weight:800;font-size:1.35rem;line-height:1.1;color:var(--color-text-primary);background:var(--color-bg-elevated);border:2px solid var(--color-border);border-radius:.8rem;touch-action:manipulation}#cnc-app .cnc-choice:hover{border-color:var(--g-amber)}#cnc-app .cnc-choice[data-tried=true]{border-style:dashed;text-decoration:line-through;color:var(--color-text-secondary);cursor:default}#cnc-app .cnc-choice[data-right=true]{border-color:var(--k-ok);background:color-mix(in srgb,var(--k-ok) 26%,var(--color-bg-elevated))}#cnc-app .cnc-choice[data-right=true]:before{content:"✓ "}#cnc-app .cnc-typed{display:flex;flex-wrap:wrap;gap:.6rem;align-items:end}#cnc-app .cnc-typed label{display:block;margin-bottom:.3rem}#cnc-app .cnc-typed input{min-height:3rem;font-size:1.2rem;max-width:12rem}#cnc-app .cnc-typed button{min-height:3rem}#cnc-app .cnc-tray{min-height:5.5rem;padding:.6rem;border:2px dashed var(--color-border);border-radius:.9rem;background:color-mix(in srgb,var(--k-cool) 6%,var(--color-bg-surface))}#cnc-app .cnc-tray[data-state=exact]{border-style:solid;border-color:var(--k-ok)}#cnc-app .cnc-tray[data-state=over]{border-style:double;border-width:5px;border-color:var(--g-rose)}#cnc-app .cnc-tray-empty{margin:0;font-size:.85rem;color:var(--color-text-secondary)}#cnc-app .cnc-total{margin:0;font-size:1rem;color:var(--color-text-secondary)}#cnc-app .cnc-total b{font-family:var(--font-display);font-size:1.5rem;color:var(--color-text-primary)}#cnc-app .cnc-count{margin:0;font-family:var(--font-mono);font-size:.85rem;color:var(--color-text-primary)}#cnc-app .cnc-fb{border:2px solid var(--k-ok);background:linear-gradient(140deg,color-mix(in srgb,var(--k-ok) 18%,var(--color-bg-elevated)),color-mix(in srgb,var(--g-amber) 12%,var(--color-bg-elevated)))}#cnc-app .cnc-win{position:relative;overflow:hidden;border:2px solid var(--g-amber);background:linear-gradient(140deg,color-mix(in srgb,var(--g-amber) 20%,var(--color-bg-elevated)),color-mix(in srgb,var(--k-cool) 14%,var(--color-bg-elevated)))}#cnc-app .cnc-pile{display:flex;gap:.4rem;align-items:flex-end;margin-bottom:.6rem}#cnc-app .cnc-pile .cnc-coin{--d: 2.6rem}#cnc-app .cnc-pile .cnc-val{font-size:.8rem}#cnc-app .cnc-key{list-style:none;margin:0;padding:0;display:grid;gap:.5rem 1rem;grid-template-columns:repeat(auto-fill,minmax(11rem,1fr))}#cnc-app .cnc-key li{display:flex;align-items:center;gap:.6rem;font-size:.8rem;color:var(--color-text-secondary)}#cnc-app .cnc-key .cnc-coin{--d: 3rem}#cnc-app .cnc-key .cnc-coin[data-c="1"]{--d: 2.7rem}#cnc-app .cnc-key .cnc-coin[data-c="10"]{--d: 2.5rem}#cnc-app .cnc-key .cnc-coin[data-c="5"]{--d: 3rem}#cnc-app .cnc-key .cnc-coin[data-c="25"]{--d: 3.4rem}#cnc-app .cnc-key .cnc-coin[data-c="100"]{width:4rem;height:2.4rem}#cnc-app .cnc-key .cnc-val{font-size:calc(var(--d) * .28)}#cnc-app .cnc-key .cnc-nm{font-size:9px}#cnc-app .cnc-key .cnc-coin[data-c="100"] .cnc-val{font-size:1rem}#cnc-app .cnc-key .cnc-coin[data-c="100"] .cnc-nm{font-size:9px}@media(prefers-reduced-motion:no-preference){#cnc-app .cnc-choice,#cnc-app .cnc-tray{transition:border-color .12s ease,background-color .12s ease}#cnc-app .cnc-fb[data-ok=true]{animation:cnc-pop .45s ease-out 1}#cnc-app .cnc-win[data-celebrate=true] .cnc-hop{animation:cnc-hop .8s ease-out 1}#cnc-app .cnc-win[data-celebrate=true] .cnc-hop-2{animation-delay:.15s}#cnc-app .cnc-win[data-celebrate=true] .cnc-hop-3{animation-delay:.3s}@keyframes cnc-pop{0%{transform:scale(.97)}60%{transform:scale(1.02)}to{transform:scale(1)}}@keyframes cnc-hop{0%{transform:translateY(0)}35%{transform:translateY(-14px)}70%{transform:translateY(0)}85%{transform:translateY(-4px)}to{transform:translateY(0)}}}#cnc-app .cnc-how>summary{box-sizing:border-box;min-height:2rem;padding-block:.375rem}#clc-app{--g-sky: var(--color-accent);--g-teal: color-mix(in oklch, var(--color-accent) 50%, var(--color-accent-success));--g-green: var(--color-accent-success);--g-lime: color-mix(in oklch, var(--color-accent-success) 50%, var(--color-accent-warm));--g-amber: var(--color-accent-warm);--g-orange: color-mix(in oklch, var(--color-accent-warm) 50%, var(--color-accent-danger));--g-rose: var(--color-accent-danger);--g-violet: color-mix(in oklch, var(--color-accent) 50%, var(--color-accent-danger));--k-ok: var(--g-green);container-type:inline-size}#clc-app .clc-label,#clc-app .clc-k{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-secondary)}#clc-app .clc-controls{display:grid;gap:.875rem;grid-template-columns:minmax(0,1fr);align-items:end}#clc-app .clc-actions{display:flex;flex-wrap:wrap;gap:.5rem}#clc-app .clc-actions button,#clc-app .clc-win button,#clc-app .clc-start,#clc-app #clc-level{box-sizing:border-box;min-height:2.75rem}#clc-app .clc-actions button,#clc-app .clc-win button{font-size:.875rem}#clc-app .clc-check{display:flex;align-items:flex-start;gap:.6rem;min-height:2.75rem;font-size:.8rem;line-height:1.35;color:var(--color-text-secondary);cursor:pointer}#clc-app .clc-check input{flex:none;width:1.4rem;height:1.4rem;margin-top:.1rem;accent-color:var(--g-amber);cursor:pointer}@container (min-width: 700px){#clc-app .clc-controls{grid-template-columns:minmax(0,220px) minmax(0,1fr) auto}}#clc-app .clc-stats{display:flex;flex-wrap:wrap;gap:.25rem 1.25rem;font-size:.85rem}#clc-app .clc-stats .clc-v{font-family:var(--font-mono);font-weight:600;color:var(--color-text-primary)}#clc-app .clc-stage{--st-bg: var(--color-bg-base);--st-fg: var(--color-text-primary);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;box-sizing:border-box;min-height:14rem;padding:1.25rem 1rem;text-align:center;border:3px solid var(--color-border);border-radius:1.1rem;background:radial-gradient(ellipse at 50% 0%,color-mix(in srgb,var(--g-violet) 22%,var(--st-bg)),var(--st-bg) 70%)}.theme-light #clc-app .clc-stage{--st-bg: var(--color-text-primary);--st-fg: var(--color-bg-base)}#clc-app .clc-stage[data-phase=done]{border-color:var(--g-amber)}#clc-app .clc-wordrow{display:flex;align-items:center;justify-content:center;gap:.9rem;min-height:5rem}#clc-app .clc-word{--h: var(--st-fg);margin:0;font-family:var(--font-display);font-weight:800;letter-spacing:.04em;line-height:1.05;text-transform:uppercase;font-size:clamp(2.2rem,13cqw,4.5rem);color:var(--h)}#clc-app .clc-word:focus{outline:none}#clc-app .clc-sub{margin:0;font-size:.9rem;color:var(--st-fg);max-width:28rem}#clc-app .clc-pips{list-style:none;margin:0;padding:0;display:flex;gap:.4rem;flex-wrap:wrap;justify-content:center}#clc-app .clc-pip{width:.7rem;height:.7rem;border-radius:50%;border:2px solid var(--st-fg);box-sizing:border-box}#clc-app .clc-pip[data-s=done]{background:var(--st-fg)}#clc-app .clc-pip[data-s=now]{border-style:dashed;border-width:3px;width:.9rem;height:.9rem}#clc-app [data-c=blue]{--h: var(--g-sky)}#clc-app [data-c=yellow]{--h: var(--g-amber)}#clc-app [data-c=red]{--h: var(--g-rose)}#clc-app [data-c=green]{--h: var(--g-green)}#clc-app [data-c=purple]{--h: var(--g-violet)}#clc-app [data-c=orange]{--h: var(--g-orange)}#clc-app .clc-shape{display:inline-block;flex:none;width:1.9rem;height:1.9rem;background:var(--h, var(--color-text-secondary))}#clc-app .clc-hintshape{width:2.6rem;height:2.6rem;background:var(--st-fg)}#clc-app .clc-shape[data-shape=circle]{border-radius:50%}#clc-app .clc-shape[data-shape=square]{border-radius:.2rem}#clc-app .clc-shape[data-shape=triangle]{clip-path:polygon(50% 4%,96% 92%,4% 92%)}#clc-app .clc-shape[data-shape=diamond]{clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}#clc-app .clc-shape[data-shape=star]{clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}#clc-app .clc-shape[data-shape=hexagon]{clip-path:polygon(25% 6%,75% 6%,100% 50%,75% 94%,25% 94%,0 50%)}#clc-app .clc-opts{display:grid;gap:.6rem;grid-template-columns:repeat(3,minmax(0,1fr))}#clc-app .clc-opts[data-n="4"]{grid-template-columns:repeat(2,minmax(0,1fr))}@container (min-width: 480px){#clc-app .clc-opts[data-n="4"]{grid-template-columns:repeat(4,minmax(0,1fr))}}@container (min-width: 640px){#clc-app .clc-opts[data-n="6"]{grid-template-columns:repeat(6,minmax(0,1fr))}}#clc-app .clc-opt{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;box-sizing:border-box;min-width:0;min-height:4.5rem;margin:0;padding:.5rem .35rem;cursor:pointer;font-family:var(--font-display);font-weight:700;font-size:.95rem;line-height:1.1;touch-action:manipulation;-webkit-tap-highlight-color:transparent;color:var(--color-text-primary);background:var(--color-bg-elevated);border:2px solid var(--color-border);border-radius:.9rem}#clc-app .clc-opt:hover{border-color:var(--g-amber)}#clc-app .clc-opt:focus-visible,#clc-app .clc-check input:focus-visible,#clc-app .clc-start:focus-visible{outline:3px solid var(--color-text-primary);outline-offset:2px}#clc-app .clc-opt .clc-key{position:absolute;top:.2rem;left:.4rem;font-family:var(--font-mono);font-size:.65rem;color:var(--color-text-secondary)}#clc-app .clc-opt[data-off=true]{cursor:default}#clc-app .clc-opt[data-off=true]:hover{border-color:var(--color-border)}#clc-app .clc-opt[data-miss=true]{border-style:dashed}#clc-app .clc-opt[data-miss=true] .clc-lab{text-decoration:line-through}#clc-app .clc-opt[data-right=true]{border-color:var(--k-ok);background:color-mix(in srgb,var(--k-ok) 24%,var(--color-bg-elevated))}#clc-app .clc-opt[data-right=true] .clc-key:after{content:" ✓"}#clc-app .clc-status{margin:0;min-height:1.5rem;font-size:.95rem;line-height:1.5;color:var(--color-text-primary)}#clc-app .clc-win{position:relative;overflow:hidden;border:2px solid var(--g-amber);background:linear-gradient(140deg,color-mix(in srgb,var(--g-amber) 18%,var(--color-bg-elevated)),color-mix(in srgb,var(--g-violet) 14%,var(--color-bg-elevated)))}#clc-app [hidden]{display:none!important}#clc-app .clc-spark{position:absolute;top:.6rem;width:.8rem;height:.8rem;background:var(--g-amber);clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);opacity:0;pointer-events:none}#clc-app .clc-spark-1{right:12%;background:var(--g-amber)}#clc-app .clc-spark-2{right:26%;background:var(--g-sky)}#clc-app .clc-spark-3{right:40%;background:var(--g-rose)}#clc-app .clc-spark-4{right:54%;background:var(--g-violet)}#clc-app .clc-win[data-celebrate=true] .clc-spark{opacity:1}@media(prefers-reduced-motion:no-preference){#clc-app .clc-word{animation:clc-in .14s ease-out 1}#clc-app .clc-win[data-celebrate=true] .clc-spark{animation:clc-rise 1.1s ease-out 1}#clc-app .clc-win[data-celebrate=true] .clc-spark-2{animation-delay:.15s}#clc-app .clc-win[data-celebrate=true] .clc-spark-3{animation-delay:.3s}#clc-app .clc-win[data-celebrate=true] .clc-spark-4{animation-delay:.45s}@keyframes clc-in{0%{transform:scale(.92)}to{transform:scale(1)}}@keyframes clc-rise{0%{transform:translateY(14px) scale(.4);opacity:0}40%{opacity:1}to{transform:translateY(-4px) scale(1);opacity:1}}}#clc-app .clc-how>summary{box-sizing:border-box;min-height:2rem;padding-block:.375rem}#mrt-app{--g-sky: var(--color-accent);--g-teal: color-mix(in oklch, var(--color-accent) 50%, var(--color-accent-success));--g-green: var(--color-accent-success);--g-lime: color-mix(in oklch, var(--color-accent-success) 50%, var(--color-accent-warm));--g-amber: var(--color-accent-warm);--g-orange: color-mix(in oklch, var(--color-accent-warm) 50%, var(--color-accent-danger));--g-rose: var(--color-accent-danger);--g-violet: color-mix(in oklch, var(--color-accent) 50%, var(--color-accent-danger));--k-ok: var(--g-green);--k-warm: var(--g-orange);container-type:inline-size}#mrt-app [hidden]{display:none!important}#mrt-app .mrt-label,#mrt-app .mrt-k{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-secondary);margin:0}#mrt-app .mrt-controls{display:grid;gap:.875rem;grid-template-columns:repeat(2,minmax(0,1fr));align-items:end}#mrt-app .mrt-span,#mrt-app .mrt-actions{grid-column:1 / -1}#mrt-app .mrt-actions{display:flex;flex-wrap:wrap;gap:.5rem}@container (min-width: 700px){#mrt-app .mrt-controls{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,1fr)}#mrt-app .mrt-actions{grid-column:1 / -1}}#mrt-app .mrt-tabs{display:flex;flex-wrap:wrap;gap:.25rem;padding:.25rem;border:1px solid var(--color-border);border-radius:.9rem;background:var(--color-bg-surface)}#mrt-app .mrt-tab{flex:1 1 0;min-height:2.75rem;padding:.4rem .75rem;border-radius:.65rem;font-size:.85rem}#mrt-app .mrt-tab[data-active=true]{background:color-mix(in srgb,var(--g-amber) 24%,var(--color-bg-elevated));color:var(--color-text-primary);box-shadow:inset 0 -3px 0 var(--g-amber)}#mrt-app .mrt-sound{min-height:2.75rem;border-width:2px}#mrt-app .mrt-sound[data-on=true]{border-color:var(--g-amber);background:color-mix(in srgb,var(--g-amber) 22%,var(--color-bg-elevated))}#mrt-app .mrt-tab:focus-visible,#mrt-app .mrt-sound:focus-visible,#mrt-app .mrt-cell:focus-visible,#mrt-app .mrt-choice:focus-visible,#mrt-app .mrt-key:focus-visible,#mrt-app .mrt-check input:focus-visible{outline:3px solid var(--color-text-primary);outline-offset:2px}#mrt-app .mrt-stats{display:flex;flex-wrap:wrap;gap:.25rem 1.25rem;font-size:.85rem}#mrt-app .mrt-stats .mrt-v{font-family:var(--font-mono);font-weight:600;color:var(--color-text-primary)}#mrt-app .mrt-check{display:flex;align-items:flex-start;gap:.6rem;min-height:2.5rem;font-size:.85rem;line-height:1.35;color:var(--color-text-secondary);cursor:pointer}#mrt-app .mrt-check input{flex:none;width:1.4rem;height:1.4rem;accent-color:var(--g-amber);cursor:pointer}#mrt-app .mrt-signal{display:flex;flex-wrap:wrap;align-items:center;gap:1.25rem;padding:1.1rem;box-sizing:border-box;border:2px solid color-mix(in srgb,var(--g-sky) 40%,var(--color-border-subtle));background:linear-gradient(150deg,color-mix(in srgb,var(--g-sky) 10%,var(--color-bg-elevated)),color-mix(in srgb,var(--g-violet) 10%,var(--color-bg-elevated)))}#mrt-app .mrt-lamp{flex:none;width:5.5rem;height:5.5rem;box-sizing:border-box;border-radius:50%;border:4px dashed var(--color-border);background:var(--color-bg-surface)}#mrt-app .mrt-lamp[data-on=true]{border-style:solid;border-color:var(--g-amber);background:radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--g-amber) 90%,var(--color-text-primary)),var(--g-amber) 60%,color-mix(in srgb,var(--k-warm) 70%,var(--color-bg-base)));box-shadow:0 0 0 6px color-mix(in srgb,var(--g-amber) 28%,transparent),0 0 28px color-mix(in srgb,var(--g-amber) 60%,transparent)}#mrt-app .mrt-body{flex:1 1 14rem;min-width:0;display:grid;gap:.6rem}#mrt-app .mrt-big{margin:0;font-size:3.25rem;line-height:1;font-weight:800;color:var(--color-text-primary);min-height:3.25rem}#mrt-app .mrt-marks{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;min-height:1.6rem}#mrt-app .mrt-mark{display:inline-block;flex:none;height:1.1rem;box-sizing:border-box;border:2px solid var(--color-text-primary)}#mrt-app .mrt-mark[data-m=dot]{width:1.1rem;border-radius:50%;background:var(--g-sky)}#mrt-app .mrt-mark[data-m=dash]{width:3.3rem;border-radius:.55rem;background:var(--g-amber)}#mrt-app .mrt-mark[data-now=true]{outline:3px solid var(--color-text-primary);outline-offset:3px}#mrt-app .mrt-mark[data-ghost=true]{border-style:dashed;background:transparent}#mrt-app .mrt-words{margin:0;font-size:.95rem;color:var(--color-text-secondary);min-height:1.4rem}#mrt-app .mrt-status{margin:0;min-height:1.5rem;font-size:.95rem;line-height:1.5;color:var(--color-text-primary)}#mrt-app .mrt-prompt{margin:0;font-size:1.1rem;font-weight:700;color:var(--color-text-primary)}#mrt-app .mrt-prompt:focus-visible{outline:3px solid var(--color-text-primary);outline-offset:3px}#mrt-app .mrt-chart{display:grid;gap:.4rem;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:.4rem}@container (min-width: 480px){#mrt-app .mrt-chart{grid-template-columns:repeat(6,minmax(0,1fr))}}@container (min-width: 760px){#mrt-app .mrt-chart{grid-template-columns:repeat(9,minmax(0,1fr))}}#mrt-app .mrt-cell{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;box-sizing:border-box;min-width:0;min-height:3.6rem;margin:0;padding:.35rem .2rem;cursor:pointer;color:var(--color-text-primary);background:var(--color-bg-elevated);border:2px solid var(--color-border);border-radius:.7rem;touch-action:manipulation}#mrt-app .mrt-cell:hover{border-color:var(--g-amber)}#mrt-app .mrt-cell[aria-current=true]{border-color:var(--g-amber);background:color-mix(in srgb,var(--g-amber) 22%,var(--color-bg-elevated));border-width:3px}#mrt-app .mrt-cl{font-family:var(--font-display);font-weight:800;font-size:1.15rem;line-height:1}#mrt-app .mrt-cc{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.15rem}#mrt-app .mrt-cc .mrt-mark{height:.4rem;border-width:1px}#mrt-app .mrt-cc .mrt-mark[data-m=dot]{width:.4rem}#mrt-app .mrt-cc .mrt-mark[data-m=dash]{width:.95rem;border-radius:.2rem}#mrt-app .mrt-choices{display:grid;gap:.6rem;grid-template-columns:repeat(2,minmax(0,1fr))}@container (min-width: 520px){#mrt-app .mrt-choices{grid-template-columns:repeat(4,minmax(0,1fr))}}#mrt-app .mrt-choice{position:relative;min-height:3.75rem;margin:0;padding:.5rem;cursor:pointer;font-family:var(--font-display);font-weight:800;font-size:1.8rem;line-height:1;color:var(--color-text-primary);background:var(--color-bg-elevated);border:2px solid var(--color-border);border-radius:.9rem;touch-action:manipulation}#mrt-app .mrt-choice:hover{border-color:var(--g-amber)}#mrt-app .mrt-choice .mrt-n{position:absolute;top:.2rem;left:.45rem;font-family:var(--font-mono);font-size:.65rem;font-weight:600;color:var(--color-text-secondary)}#mrt-app .mrt-choice[data-tried=true]{border-style:dashed;text-decoration:line-through;cursor:default;color:var(--color-text-secondary)}#mrt-app .mrt-choice[data-right=true]{border-color:var(--k-ok);background:color-mix(in srgb,var(--k-ok) 26%,var(--color-bg-elevated))}#mrt-app .mrt-choice[data-right=true] .mrt-n:after{content:" ✓"}#mrt-app .mrt-target{display:flex;flex-wrap:wrap;gap:.4rem}#mrt-app .mrt-tl{display:inline-grid;place-items:center;box-sizing:border-box;width:2.6rem;height:3.2rem;border:2px solid var(--color-border);border-radius:.6rem;background:var(--color-bg-elevated);font-family:var(--font-display);font-weight:800;font-size:1.5rem;color:var(--color-text-secondary)}#mrt-app .mrt-tl[data-s=done]{border-color:var(--k-ok);background:color-mix(in srgb,var(--k-ok) 24%,var(--color-bg-elevated));color:var(--color-text-primary)}#mrt-app .mrt-tl[data-s=done]:after{content:"✓";font-size:.65rem;position:absolute;top:.1rem;right:.2rem}#mrt-app .mrt-tl[data-s=now]{border-color:var(--g-amber);border-style:dashed;border-width:3px;color:var(--color-text-primary)}#mrt-app .mrt-tl{position:relative}#mrt-app .mrt-keys{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}#mrt-app .mrt-key{display:flex;align-items:center;justify-content:center;gap:.7rem;min-height:4.5rem;margin:0;padding:.5rem;cursor:pointer;box-sizing:border-box;font-family:var(--font-display);font-weight:800;font-size:1.3rem;color:var(--color-text-primary);background:var(--color-bg-elevated);border:2px solid var(--color-border);border-radius:1rem;touch-action:manipulation;-webkit-tap-highlight-color:transparent}#mrt-app .mrt-key:active{transform:scale(.97)}#mrt-app .mrt-key-shape{display:inline-block;height:1.3rem;box-sizing:border-box;border:2px solid var(--color-text-primary)}#mrt-app .mrt-key-dot .mrt-key-shape{width:1.3rem;border-radius:50%;background:var(--g-sky)}#mrt-app .mrt-key-dash .mrt-key-shape{width:3.2rem;border-radius:.65rem;background:var(--g-amber)}#mrt-app .mrt-key:hover{border-color:var(--g-amber)}#mrt-app .mrt-win{position:relative;overflow:hidden;border:2px solid var(--g-amber);background:linear-gradient(140deg,color-mix(in srgb,var(--g-amber) 18%,var(--color-bg-elevated)),color-mix(in srgb,var(--g-sky) 14%,var(--color-bg-elevated)))}#mrt-app .mrt-spark{position:absolute;top:.6rem;width:.8rem;height:.8rem;background:var(--g-amber);clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);opacity:0;pointer-events:none}#mrt-app .mrt-spark-1{right:12%;background:var(--g-amber)}#mrt-app .mrt-spark-2{right:26%;background:var(--g-sky)}#mrt-app .mrt-spark-3{right:40%;background:var(--g-rose)}#mrt-app .mrt-spark-4{right:54%;background:var(--g-violet)}#mrt-app .mrt-win[data-celebrate=true] .mrt-spark{opacity:1}@media(prefers-reduced-motion:no-preference){#mrt-app .mrt-cell,#mrt-app .mrt-choice,#mrt-app .mrt-key{transition:border-color .12s ease,background-color .12s ease}#mrt-app .mrt-win[data-celebrate=true] .mrt-spark{animation:mrt-rise 1.1s ease-out 1}#mrt-app .mrt-win[data-celebrate=true] .mrt-spark-2{animation-delay:.15s}#mrt-app .mrt-win[data-celebrate=true] .mrt-spark-3{animation-delay:.3s}#mrt-app .mrt-win[data-celebrate=true] .mrt-spark-4{animation-delay:.45s}@keyframes mrt-rise{0%{transform:translateY(14px) scale(.4);opacity:0}40%{opacity:1}to{transform:translateY(-4px) scale(1);opacity:1}}}#mrt-app .mrt-how>summary{box-sizing:border-box;min-height:2rem;padding-block:.375rem}#mnc-app{--g-sky: var(--color-accent);--g-teal: color-mix(in oklch, var(--color-accent) 50%, var(--color-accent-success));--g-green: var(--color-accent-success);--g-lime: color-mix(in oklch, var(--color-accent-success) 50%, var(--color-accent-warm));--g-amber: var(--color-accent-warm);--g-orange: color-mix(in oklch, var(--color-accent-warm) 50%, var(--color-accent-danger));--g-rose: var(--color-accent-danger);--g-violet: color-mix(in oklch, var(--color-accent) 50%, var(--color-accent-danger));--mnc-c0: var(--g-sky);--mnc-c1: var(--g-green);--mnc-c2: var(--g-amber);--mnc-c3: var(--g-rose);--mnc-c4: var(--g-violet);--mnc-c5: var(--g-orange);--mnc-wood-a: color-mix(in oklch, var(--g-amber) 36%, var(--color-bg-base));--mnc-wood-b: color-mix(in oklch, var(--g-orange) 30%, var(--color-bg-base));--mnc-rim: color-mix(in oklch, var(--g-orange) 60%, var(--color-bg-base));--mnc-hollow: color-mix(in oklch, var(--color-bg-base) 78%, var(--g-orange));container-type:inline-size}#mnc-app .mnc-label,#mnc-app .mnc-k{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-secondary)}#mnc-app .mnc-controls{display:grid;gap:.875rem;grid-template-columns:minmax(0,1fr);align-items:end}@container (min-width: 460px){#mnc-app .mnc-controls{grid-template-columns:repeat(2,minmax(0,1fr))}}@container (min-width: 760px){#mnc-app .mnc-controls{grid-template-columns:repeat(4,minmax(0,1fr))}}#mnc-app .mnc-layout{display:grid;gap:1.25rem;grid-template-columns:minmax(0,1fr)}@container (min-width: 800px){#mnc-app .mnc-layout{grid-template-columns:minmax(0,560px) minmax(0,1fr);align-items:start}}#mnc-app .mnc-score{display:flex;flex-wrap:wrap;gap:.5rem;max-width:560px}#mnc-app .mnc-chip{display:flex;align-items:center;gap:.5rem;flex:1 1 0;min-width:8.5rem;padding:.4rem .7rem;border:1px solid var(--color-border);border-radius:.6rem;background:var(--color-bg-surface)}#mnc-app .mnc-chip[data-turn=true]{border-color:var(--mnc-c2);border-width:2px;padding:calc(.4rem - 1px) calc(.7rem - 1px);background:color-mix(in srgb,var(--mnc-c2) 14%,var(--color-bg-surface))}#mnc-app .mnc-chip .mnc-v{margin-left:auto;font-family:var(--font-mono);font-weight:700;font-size:1.1rem;color:var(--color-text-primary)}#mnc-app .mnc-turn{font-size:.85rem;color:var(--color-text-primary);min-height:1.25rem}#mnc-app .mnc-stats{display:grid;gap:.25rem;font-size:.8rem}#mnc-app .mnc-stats .mnc-v{font-family:var(--font-mono);font-weight:600;color:var(--color-text-primary)}#mnc-app .mnc-sw{flex:none;width:1rem;height:1rem;border-radius:50%;box-shadow:0 0 0 1.5px var(--color-border-strong)}#mnc-app .mnc-sw[data-k="0"]{background:var(--mnc-c0)}#mnc-app .mnc-sw[data-k="3"]{background:var(--mnc-c3)}#mnc-app .mnc-wrap{position:relative;max-width:560px;container-type:inline-size}#mnc-app .mnc-board{display:grid;gap:2px;padding:3px;border-radius:1.1rem;border:2px solid var(--mnc-rim);grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:auto auto auto auto;background:linear-gradient(150deg,var(--mnc-wood-a),var(--mnc-wood-b));box-shadow:inset 0 2px 10px color-mix(in srgb,var(--color-bg-base) 55%,transparent),0 6px 18px color-mix(in srgb,var(--color-bg-base) 60%,transparent)}#mnc-app .mnc-store{position:relative;display:flex;align-items:center;justify-content:center;gap:.5rem;min-height:3.25rem;padding:.25rem .5rem;border-radius:.9rem;grid-column:1 / -1;overflow:hidden;background:radial-gradient(ellipse at 50% 30%,color-mix(in oklch,var(--mnc-hollow) 85%,var(--g-amber)),var(--mnc-hollow));box-shadow:inset 0 3px 8px color-mix(in srgb,var(--color-bg-base) 80%,transparent)}#mnc-app .mnc-store[data-pos=t]{grid-row:1}#mnc-app .mnc-store[data-pos=b]{grid-row:4}#mnc-app .mnc-store-n{font-family:var(--font-mono);font-weight:700;font-size:1.4rem;color:var(--color-text-primary);min-width:2ch;text-align:center;position:relative;z-index:1;padding:0 .4rem;border-radius:.5rem;background:color-mix(in srgb,var(--color-bg-base) 70%,transparent)}#mnc-app .mnc-store .mnc-seeds{flex:1 1 auto;max-height:2.6rem;overflow:hidden}#mnc-app .mnc-pit[data-row=t]{grid-row:2}#mnc-app .mnc-pit[data-row=b]{grid-row:3}#mnc-app .mnc-pit[data-col="0"]{grid-column:1}#mnc-app .mnc-pit[data-col="1"]{grid-column:2}#mnc-app .mnc-pit[data-col="2"]{grid-column:3}#mnc-app .mnc-pit[data-col="3"]{grid-column:4}#mnc-app .mnc-pit[data-col="4"]{grid-column:5}#mnc-app .mnc-pit[data-col="5"]{grid-column:6}@container (min-width: 430px){#mnc-app .mnc-board{grid-template-columns:minmax(3.5rem,.95fr) repeat(6,minmax(0,1fr)) minmax(3.5rem,.95fr);grid-template-rows:auto auto;gap:4px;padding:8px}#mnc-app .mnc-store{grid-column:auto;flex-direction:column;min-height:0;padding:.5rem .25rem}#mnc-app .mnc-store[data-pos=t]{grid-column:1;grid-row:1 / span 2}#mnc-app .mnc-store[data-pos=b]{grid-column:8;grid-row:1 / span 2}#mnc-app .mnc-store .mnc-seeds{flex:1 1 auto;max-height:none;width:100%;align-content:center}#mnc-app .mnc-pit[data-row=t]{grid-row:1}#mnc-app .mnc-pit[data-row=b]{grid-row:2}#mnc-app .mnc-pit[data-col="0"]{grid-column:2}#mnc-app .mnc-pit[data-col="1"]{grid-column:3}#mnc-app .mnc-pit[data-col="2"]{grid-column:4}#mnc-app .mnc-pit[data-col="3"]{grid-column:5}#mnc-app .mnc-pit[data-col="4"]{grid-column:6}#mnc-app .mnc-pit[data-col="5"]{grid-column:7}}#mnc-app .mnc-pit{position:relative;display:grid;place-items:center;min-width:0;min-height:4.1rem;padding:0;margin:0;border:0;border-radius:1rem;cursor:pointer;background:transparent;color:var(--color-text-primary)}#mnc-app .mnc-hollow{position:absolute;inset:3px;border-radius:50%/46%;overflow:hidden;display:grid;place-items:center;padding:.2rem .2rem 1.2rem;background:radial-gradient(ellipse at 50% 28%,color-mix(in oklch,var(--mnc-hollow) 80%,var(--g-amber)),var(--mnc-hollow));box-shadow:inset 0 3px 7px color-mix(in srgb,var(--color-bg-base) 85%,transparent),0 0 0 2px color-mix(in srgb,var(--mnc-wood-b) 70%,var(--color-bg-base))}#mnc-app .mnc-pit[data-row=b] .mnc-hollow{box-shadow:inset 0 3px 7px color-mix(in srgb,var(--color-bg-base) 85%,transparent),0 0 0 2px color-mix(in srgb,var(--mnc-c0) 55%,var(--mnc-wood-b))}#mnc-app .mnc-pit[data-row=t] .mnc-hollow{box-shadow:inset 0 3px 7px color-mix(in srgb,var(--color-bg-base) 85%,transparent),0 0 0 2px color-mix(in srgb,var(--mnc-c3) 55%,var(--mnc-wood-b))}#mnc-app .mnc-count{position:absolute;left:0;right:0;bottom:6px;margin-inline:auto;width:fit-content;min-width:1.6rem;padding:0 .3rem;text-align:center;font-family:var(--font-mono);font-weight:700;font-size:.85rem;line-height:1.2rem;border-radius:.6rem;color:var(--color-text-primary);background:color-mix(in srgb,var(--color-bg-base) 78%,transparent)}#mnc-app .mnc-seeds{display:flex;flex-wrap:wrap;gap:2px;justify-content:center;align-content:center;min-width:0}#mnc-app .mnc-seed{flex:none;width:max(6px,2.2cqw);height:max(6px,2.2cqw);border-radius:50%;box-shadow:inset -1px -1px 2px color-mix(in srgb,var(--color-bg-base) 45%,transparent)}#mnc-app .mnc-seed[data-k="0"]{background:var(--mnc-c0)}#mnc-app .mnc-seed[data-k="1"]{background:var(--mnc-c1)}#mnc-app .mnc-seed[data-k="2"]{background:var(--mnc-c2)}#mnc-app .mnc-seed[data-k="3"]{background:var(--mnc-c3)}#mnc-app .mnc-seed[data-k="4"]{background:var(--mnc-c4)}#mnc-app .mnc-seed[data-k="5"]{background:var(--mnc-c5)}#mnc-app .mnc-pit:focus-visible{outline:3px solid var(--color-text-primary);outline-offset:0;z-index:2}#mnc-app .mnc-pit[data-legal=true] .mnc-hollow{outline:3px solid var(--mnc-c2);outline-offset:-1px}#mnc-app .mnc-pit[data-legal=true]:hover .mnc-hollow{background:radial-gradient(ellipse at 50% 28%,color-mix(in oklch,var(--mnc-hollow) 55%,var(--g-amber)),var(--mnc-hollow))}#mnc-app .mnc-pit[data-last=true] .mnc-hollow{outline:3px dashed var(--color-text-primary);outline-offset:-1px}#mnc-app .mnc-pit[data-sown=true] .mnc-hollow{background:radial-gradient(ellipse at 50% 28%,color-mix(in oklch,var(--mnc-hollow) 55%,var(--mnc-c0)),var(--mnc-hollow))}#mnc-app .mnc-pit[data-cap=true] .mnc-hollow{background:radial-gradient(ellipse at 50% 28%,color-mix(in oklch,var(--mnc-hollow) 50%,var(--mnc-c3)),var(--mnc-hollow))}#mnc-app .mnc-store[data-sown=true]{background:radial-gradient(ellipse at 50% 30%,color-mix(in oklch,var(--mnc-hollow) 55%,var(--mnc-c1)),var(--mnc-hollow))}#mnc-app .mnc-board[data-done=true] .mnc-store[data-best=true]{outline:3px solid var(--mnc-c2);outline-offset:-3px}#mnc-app .mnc-over{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:1rem;background:color-mix(in srgb,var(--color-bg-base) 88%,transparent);border-radius:1.1rem;backdrop-filter:blur(3px);overflow:hidden}#mnc-app .mnc-over[hidden],#mnc-app .mnc-note[hidden]{display:none}#mnc-app .mnc-confetti{position:absolute;inset:0;overflow:hidden;pointer-events:none;display:none}#mnc-app .mnc-over[data-win=true] .mnc-confetti{display:block}#mnc-app .mnc-confetti i{position:absolute;top:-12%;width:.5rem;height:.85rem;border-radius:2px;opacity:0}#mnc-app .mnc-confetti i:nth-child(1){left:6%;background:var(--mnc-c0);animation-delay:0s}#mnc-app .mnc-confetti i:nth-child(2){left:16%;background:var(--mnc-c2);animation-delay:.3s}#mnc-app .mnc-confetti i:nth-child(3){left:27%;background:var(--mnc-c3);animation-delay:.1s}#mnc-app .mnc-confetti i:nth-child(4){left:38%;background:var(--mnc-c4);animation-delay:.5s}#mnc-app .mnc-confetti i:nth-child(5){left:49%;background:var(--mnc-c1);animation-delay:.2s}#mnc-app .mnc-confetti i:nth-child(6){left:60%;background:var(--mnc-c5);animation-delay:.6s}#mnc-app .mnc-confetti i:nth-child(7){left:70%;background:var(--mnc-c0);animation-delay:.15s}#mnc-app .mnc-confetti i:nth-child(8){left:80%;background:var(--mnc-c3);animation-delay:.45s}#mnc-app .mnc-confetti i:nth-child(9){left:90%;background:var(--mnc-c2);animation-delay:.05s}#mnc-app .mnc-confetti i:nth-child(10){left:95%;background:var(--mnc-c4);animation-delay:.35s}#mnc-app #mnc-undo[aria-disabled=true]{opacity:.5;cursor:not-allowed}#mnc-app .mnc-note{padding:.4rem .7rem;border:1px solid var(--mnc-c2);border-radius:.6rem;font-size:.8rem;color:var(--color-text-primary);max-width:560px}@media(prefers-reduced-motion:no-preference){#mnc-app .mnc-pit[data-sown=true] .mnc-hollow{animation:mnc-glow .6s ease-out}#mnc-app .mnc-over[data-win=true] .mnc-confetti i{animation:mnc-fall 2.4s ease-in 1 both}#mnc-app .mnc-board[data-done=true] .mnc-store[data-best=true] .mnc-store-n{animation:mnc-bounce .9s ease-in-out 2}}@media(prefers-reduced-motion:reduce){#mnc-app *{animation:none!important;transition:none!important}#mnc-app .mnc-confetti{display:none!important}}@keyframes mnc-glow{0%{transform:scale(.94)}60%{transform:scale(1.04)}to{transform:scale(1)}}@keyframes mnc-fall{0%{opacity:1;transform:translateY(0) rotate(0)}to{opacity:0;transform:translateY(24rem) rotate(380deg)}}@keyframes mnc-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}#mnc-app .mnc-how>summary{box-sizing:border-box;min-height:2rem;padding-block:.375rem}#hx-app{--g-sky: var(--color-accent);--g-teal: color-mix(in oklch, var(--color-accent) 50%, var(--color-accent-success));--g-green: var(--color-accent-success);--g-lime: color-mix(in oklch, var(--color-accent-success) 50%, var(--color-accent-warm));--g-amber: var(--color-accent-warm);--g-orange: color-mix(in oklch, var(--color-accent-warm) 50%, var(--color-accent-danger));--g-rose: var(--color-accent-danger);--g-violet: color-mix(in oklch, var(--color-accent) 50%, var(--color-accent-danger));--hx-sky: var(--g-sky);--hx-rose: var(--g-rose);--hx-hi: var(--g-amber);--hx-rim: color-mix(in srgb, var(--color-border) 55%, var(--color-bg-base));--hx-sky-rim: color-mix(in oklch, var(--hx-sky) 70%, var(--color-bg-base));--hx-rose-rim: color-mix(in oklch, var(--hx-rose) 70%, var(--color-bg-base));--hx-empty-a: color-mix(in oklch, var(--g-violet) 16%, var(--color-bg-elevated));--hx-empty-b: color-mix(in oklch, var(--g-violet) 7%, var(--color-bg-surface));container-type:inline-size}#hx-app .hx-label,#hx-app .hx-k{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-secondary)}#hx-app .hx-controls{display:grid;gap:.875rem;grid-template-columns:minmax(0,1fr);align-items:end}@container (min-width: 460px){#hx-app .hx-controls{grid-template-columns:repeat(2,minmax(0,1fr))}}@container (min-width: 820px){#hx-app .hx-controls{grid-template-columns:repeat(5,minmax(0,1fr))}}#hx-app .hx-layout{display:grid;gap:1.25rem;grid-template-columns:minmax(0,1fr)}@container (min-width: 860px){#hx-app .hx-layout{grid-template-columns:minmax(0,640px) minmax(0,1fr);align-items:start}}#hx-app .hx-score{display:flex;flex-wrap:wrap;gap:.5rem;max-width:640px}#hx-app .hx-side{display:flex;align-items:center;gap:.5rem;flex:1 1 0;min-width:9.5rem;padding:.4rem .7rem;border:1px solid var(--color-border);border-radius:.6rem;background:var(--color-bg-surface)}#hx-app .hx-side[data-turn=true]{border-width:2px;padding:calc(.4rem - 1px) calc(.7rem - 1px);border-color:var(--hx-hi)}#hx-app .hx-side .hx-sub{font-size:.7rem;color:var(--color-text-muted)}#hx-app .hx-side .hx-v{margin-left:auto;font-family:var(--font-mono);font-weight:700;font-size:1.1rem;color:var(--color-text-primary)}#hx-app .hx-turn{font-size:.85rem;color:var(--color-text-primary);min-height:1.25rem}#hx-app .hx-stats{display:grid;gap:.25rem;font-size:.8rem}#hx-app .hx-stats .hx-v{font-family:var(--font-mono);font-weight:600;color:var(--color-text-primary)}#hx-app .hx-sw{position:relative;flex:none;width:1.1rem;height:1.1rem;border-radius:50%;box-shadow:0 0 0 1.5px var(--color-border-strong)}#hx-app .hx-sw[data-p="1"]{background:var(--hx-sky)}#hx-app .hx-sw[data-p="2"]{background:var(--hx-rose);border-radius:.2rem;transform:rotate(45deg) scale(.82)}#hx-app .hx-wrap{position:relative;max-width:640px}#hx-app .hx-scroll{container-type:inline-size;overflow-x:auto;overflow-y:hidden;padding:.5rem 0;border-radius:.9rem;border:0;box-shadow:inset 0 0 0 1px var(--color-border);background:var(--color-bg-surface)}#hx-app .hx-board{--u: 16;--hw: clamp(28px, calc(100cqw / var(--u)), 44px);width:calc(var(--hw) * var(--u));margin-inline:auto}#hx-app .hx-board[data-n="9"]{--u: 13}#hx-app .hx-board[data-n="7"]{--u: 10}#hx-app .hx-row{--r: 0;display:flex;margin-left:calc(var(--hw) * var(--r) / 2)}#hx-app .hx-row+.hx-row{margin-top:calc(var(--hw) * -.2887)}#hx-app .hx-row[data-r="1"]{--r: 1}#hx-app .hx-row[data-r="2"]{--r: 2}#hx-app .hx-row[data-r="3"]{--r: 3}#hx-app .hx-row[data-r="4"]{--r: 4}#hx-app .hx-row[data-r="5"]{--r: 5}#hx-app .hx-row[data-r="6"]{--r: 6}#hx-app .hx-row[data-r="7"]{--r: 7}#hx-app .hx-row[data-r="8"]{--r: 8}#hx-app .hx-row[data-r="9"]{--r: 9}#hx-app .hx-row[data-r="10"]{--r: 10}#hx-app .hx-cell{position:relative;flex:none;display:block;width:var(--hw);height:calc(var(--hw) * 1.1547);padding:0;margin:0;border:0;border-radius:0;cursor:pointer;background:var(--hx-rim);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}#hx-app .hx-cell[data-edge~=l],#hx-app .hx-cell[data-edge~=r]{background:var(--hx-sky-rim)}#hx-app .hx-cell[data-edge~=t],#hx-app .hx-cell[data-edge~=b]{background:var(--hx-rose-rim)}#hx-app .hx-cell[data-edge~=l][data-edge~=t],#hx-app .hx-cell[data-edge~=r][data-edge~=b],#hx-app .hx-cell[data-edge~=l][data-edge~=b],#hx-app .hx-cell[data-edge~=r][data-edge~=t]{background:linear-gradient(135deg,var(--hx-sky-rim) 50%,var(--hx-rose-rim) 50%)}#hx-app .hx-fill{position:absolute;inset:7%;display:block;pointer-events:none;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:radial-gradient(circle at 35% 28%,var(--hx-empty-a),var(--hx-empty-b))}#hx-app .hx-cell[data-p="1"] .hx-fill{background:radial-gradient(circle at 35% 28%,color-mix(in oklch,var(--hx-sky) 62%,var(--color-text-primary)),var(--hx-sky) 60%)}#hx-app .hx-cell[data-p="2"] .hx-fill{background:radial-gradient(circle at 35% 28%,color-mix(in oklch,var(--hx-rose) 62%,var(--color-text-primary)),var(--hx-rose) 60%)}#hx-app .hx-cell[data-p="1"] .hx-fill:after,#hx-app .hx-cell[data-p="2"] .hx-fill:after{content:"";position:absolute;left:33%;top:33%;width:34%;height:34%;background:var(--color-bg-base)}#hx-app .hx-cell[data-p="1"] .hx-fill:after{border-radius:50%}#hx-app .hx-cell[data-p="2"] .hx-fill:after{transform:rotate(45deg) scale(.8)}#hx-app .hx-board[data-act=true][data-turn="1"] .hx-cell[data-p="0"]:hover .hx-fill{background:color-mix(in oklch,var(--hx-sky) 38%,var(--hx-empty-a))}#hx-app .hx-board[data-act=true][data-turn="2"] .hx-cell[data-p="0"]:hover .hx-fill{background:color-mix(in oklch,var(--hx-rose) 38%,var(--hx-empty-a))}#hx-app .hx-cell[data-p][data-last=true],#hx-app .hx-cell[data-p][data-win=true]{background:var(--hx-hi)}#hx-app .hx-cell[data-p]:focus-visible{background:var(--color-text-primary);outline:none;z-index:2}#hx-app .hx-cell[data-p]:focus-visible .hx-fill{inset:13%}#hx-app .hx-confetti{position:absolute;inset:0;overflow:hidden;pointer-events:none;display:none;border-radius:.9rem}#hx-app .hx-wrap[data-win=true] .hx-confetti{display:block}#hx-app .hx-confetti i{position:absolute;top:-8%;width:.5rem;height:.85rem;border-radius:2px;opacity:0}#hx-app .hx-confetti i:nth-child(odd){background:var(--hx-sky)}#hx-app .hx-confetti i:nth-child(2n){background:var(--hx-rose)}#hx-app .hx-confetti i:nth-child(3n){background:var(--hx-hi)}#hx-app .hx-confetti i:nth-child(1){left:6%;animation-delay:0s}#hx-app .hx-confetti i:nth-child(2){left:16%;animation-delay:.3s}#hx-app .hx-confetti i:nth-child(3){left:27%;animation-delay:.1s}#hx-app .hx-confetti i:nth-child(4){left:38%;animation-delay:.5s}#hx-app .hx-confetti i:nth-child(5){left:49%;animation-delay:.2s}#hx-app .hx-confetti i:nth-child(6){left:60%;animation-delay:.6s}#hx-app .hx-confetti i:nth-child(7){left:70%;animation-delay:.15s}#hx-app .hx-confetti i:nth-child(8){left:80%;animation-delay:.45s}#hx-app .hx-confetti i:nth-child(9){left:90%;animation-delay:.05s}#hx-app .hx-confetti i:nth-child(10){left:95%;animation-delay:.35s}#hx-app .hx-over{padding:.9rem 1rem;border:2px solid var(--hx-hi);border-radius:.9rem;background:color-mix(in srgb,var(--hx-hi) 10%,var(--color-bg-surface));max-width:640px}#hx-app .hx-over[hidden],#hx-app .hx-note[hidden],#hx-app #hx-swap[hidden],#hx-app #hx-hint[hidden]{display:none}#hx-app #hx-undo[aria-disabled=true]{opacity:.5;cursor:not-allowed}#hx-app .hx-note{padding:.4rem .7rem;border:1px solid var(--hx-hi);border-radius:.6rem;font-size:.8rem;color:var(--color-text-primary);max-width:640px}@media(prefers-reduced-motion:no-preference){#hx-app .hx-cell[data-new=true] .hx-fill{animation:hx-drop .38s ease-out}#hx-app .hx-cell[data-win=true] .hx-fill{animation:hx-pulse 1.3s ease-in-out 3}#hx-app .hx-wrap[data-win=true] .hx-confetti i{animation:hx-fall 2.4s ease-in 1 both}}@media(prefers-reduced-motion:reduce){#hx-app *{animation:none!important;transition:none!important}#hx-app .hx-confetti{display:none!important}}@keyframes hx-drop{0%{transform:scale(.4)}65%{transform:scale(1.12)}to{transform:scale(1)}}@keyframes hx-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.14)}}@keyframes hx-fall{0%{opacity:1;transform:translateY(0) rotate(0)}to{opacity:0;transform:translateY(22rem) rotate(380deg)}}#hx-app .hx-how>summary{box-sizing:border-box;min-height:2rem;padding-block:.375rem}#nmm-app{--g-sky: var(--color-accent);--g-teal: color-mix(in oklch, var(--color-accent) 50%, var(--color-accent-success));--g-green: var(--color-accent-success);--g-lime: color-mix(in oklch, var(--color-accent-success) 50%, var(--color-accent-warm));--g-amber: var(--color-accent-warm);--g-orange: color-mix(in oklch, var(--color-accent-warm) 50%, var(--color-accent-danger));--g-rose: var(--color-accent-danger);--g-violet: color-mix(in oklch, var(--color-accent) 50%, var(--color-accent-danger));--nmm-a: var(--g-amber);--nmm-v: var(--g-violet);--nmm-ok: var(--g-green);--nmm-take: var(--g-rose);--nmm-pick: var(--g-sky);--nmm-line: color-mix(in oklch, var(--g-amber) 65%, var(--color-bg-base));--nmm-wood-rim: color-mix(in oklch, var(--g-orange) 45%, var(--color-bg-base));--nmm-wood-a: color-mix(in oklch, var(--g-orange) 18%, var(--color-bg-surface));--nmm-wood-b: color-mix(in oklch, var(--g-amber) 9%, var(--color-bg-base));container-type:inline-size}#nmm-app .nmm-label,#nmm-app .nmm-k{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-secondary)}#nmm-app .nmm-controls{display:grid;gap:.875rem;grid-template-columns:minmax(0,1fr);align-items:end}@container (min-width: 560px){#nmm-app .nmm-controls{grid-template-columns:repeat(3,minmax(0,1fr))}}#nmm-app .nmm-layout{display:grid;gap:1.25rem;grid-template-columns:minmax(0,1fr)}@container (min-width: 760px){#nmm-app .nmm-layout{grid-template-columns:minmax(0,480px) minmax(0,1fr);align-items:start}}#nmm-app .nmm-score{display:flex;flex-wrap:wrap;gap:.5rem;max-width:480px}#nmm-app .nmm-side{flex:1 1 0;min-width:9rem;padding:.4rem .7rem;border:1px solid var(--color-border);border-radius:.6rem;background:var(--color-bg-surface)}#nmm-app .nmm-side[data-turn=true]{border-color:var(--nmm-a);border-width:2px;padding:calc(.4rem - 1px) calc(.7rem - 1px);background:color-mix(in srgb,var(--nmm-a) 9%,var(--color-bg-surface))}#nmm-app .nmm-sidehead{display:flex;align-items:center;gap:.5rem}#nmm-app .nmm-sidehead .nmm-v{margin-left:auto;font-family:var(--font-mono);font-weight:700;font-size:1.1rem;color:var(--color-text-primary)}#nmm-app .nmm-sub{font-size:.7rem;color:var(--color-text-muted)}#nmm-app .nmm-hand{display:flex;flex-wrap:wrap;gap:3px;min-height:.8rem;margin-top:.15rem}#nmm-app .nmm-mini{width:.7rem;height:.7rem;border-radius:50%;position:relative;box-shadow:0 0 0 1px var(--color-border-strong)}#nmm-app .nmm-turn{font-size:.85rem;color:var(--color-text-primary);min-height:1.25rem}#nmm-app .nmm-stats{display:grid;gap:.25rem;font-size:.8rem}#nmm-app .nmm-stats .nmm-v{font-family:var(--font-mono);font-weight:600;color:var(--color-text-primary)}#nmm-app .nmm-sw{position:relative;flex:none;width:1.1rem;height:1.1rem;border-radius:50%;box-shadow:0 0 0 1.5px var(--color-border-strong)}#nmm-app .nmm-sw[data-p="1"],#nmm-app .nmm-mini[data-p="1"]{background:var(--nmm-a)}#nmm-app .nmm-sw[data-p="2"],#nmm-app .nmm-mini[data-p="2"]{background:var(--nmm-v)}#nmm-app .nmm-sw[data-p="2"]:after,#nmm-app .nmm-mini[data-p="2"]:after{content:"";position:absolute;inset:22%;border-radius:50%;border:2px solid var(--color-bg-base)}#nmm-app .nmm-mini[data-p="2"]:after{border-width:1.5px;inset:20%}#nmm-app .nmm-wrap{position:relative;max-width:480px;container-type:inline-size}#nmm-app .nmm-board{--b: clamp(34px, 12.5cqw, 56px);padding:calc(var(--b) / 2);border-radius:1rem;border:2px solid var(--nmm-wood-rim);background:linear-gradient(145deg,var(--nmm-wood-a),var(--nmm-wood-b));box-shadow:inset 0 2px 10px color-mix(in srgb,var(--color-bg-base) 55%,transparent)}#nmm-app .nmm-field{position:relative;width:100%;aspect-ratio:1}#nmm-app .nmm-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}#nmm-app .nmm-lines rect,#nmm-app .nmm-lines path{fill:none;stroke:var(--nmm-line);stroke-width:3;vector-effect:non-scaling-stroke;stroke-linecap:round}#nmm-app .nmm-pt{position:absolute;display:grid;place-items:center;width:var(--b);height:var(--b);margin:calc(var(--b) / -2) 0 0 calc(var(--b) / -2);padding:0;border:0;border-radius:50%;background:transparent;cursor:pointer;color:var(--color-text-primary)}#nmm-app .nmm-pt[data-x="0"]{left:0}#nmm-app .nmm-pt[data-x="1"]{left:16.6667%}#nmm-app .nmm-pt[data-x="2"]{left:33.3333%}#nmm-app .nmm-pt[data-x="3"]{left:50%}#nmm-app .nmm-pt[data-x="4"]{left:66.6667%}#nmm-app .nmm-pt[data-x="5"]{left:83.3333%}#nmm-app .nmm-pt[data-x="6"]{left:100%}#nmm-app .nmm-pt[data-y="0"]{top:0}#nmm-app .nmm-pt[data-y="1"]{top:16.6667%}#nmm-app .nmm-pt[data-y="2"]{top:33.3333%}#nmm-app .nmm-pt[data-y="3"]{top:50%}#nmm-app .nmm-pt[data-y="4"]{top:66.6667%}#nmm-app .nmm-pt[data-y="5"]{top:83.3333%}#nmm-app .nmm-pt[data-y="6"]{top:100%}#nmm-app .nmm-pt:before{content:"";position:absolute;inset:0;margin:auto;width:26%;height:26%;border-radius:50%;background:var(--nmm-line);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-bg-base) 70%,transparent)}#nmm-app .nmm-pt[data-p="1"]:before,#nmm-app .nmm-pt[data-p="2"]:before{display:none}#nmm-app .nmm-piece{display:none;position:relative;width:82%;height:82%;border-radius:50%;box-shadow:0 2px 4px color-mix(in srgb,var(--color-bg-base) 60%,transparent),0 0 0 1.5px var(--color-border-strong)}#nmm-app .nmm-pt[data-p="1"] .nmm-piece,#nmm-app .nmm-pt[data-p="2"] .nmm-piece{display:block}#nmm-app .nmm-pt[data-p="1"] .nmm-piece{background:radial-gradient(circle at 35% 30%,color-mix(in oklch,var(--nmm-a) 60%,var(--color-text-primary)),var(--nmm-a) 62%)}#nmm-app .nmm-pt[data-p="2"] .nmm-piece{background:radial-gradient(circle at 35% 30%,color-mix(in oklch,var(--nmm-v) 60%,var(--color-text-primary)),var(--nmm-v) 62%)}#nmm-app .nmm-pt[data-p="2"] .nmm-piece:after{content:"";position:absolute;inset:24%;border-radius:50%;border:max(2px,.9cqw) solid var(--color-bg-base)}#nmm-app .nmm-pt:focus-visible{outline:3px solid var(--color-text-primary);outline-offset:1px;z-index:3}#nmm-app .nmm-pt[data-dest=true]:before{display:block;width:46%;height:46%;background:color-mix(in srgb,var(--nmm-ok) 70%,transparent);box-shadow:0 0 0 3px var(--nmm-ok)}#nmm-app .nmm-pt[data-movable=true] .nmm-piece{outline:2px dashed var(--color-text-primary);outline-offset:2px}#nmm-app .nmm-pt[data-sel=true] .nmm-piece{outline:3px solid var(--nmm-pick);outline-offset:2px}#nmm-app .nmm-pt[data-rem=true] .nmm-piece{outline:3px dashed var(--nmm-take);outline-offset:2px;box-shadow:0 0 0 5px color-mix(in srgb,var(--nmm-take) 40%,transparent)}#nmm-app .nmm-pt[data-last=true]:before{display:block;width:40%;height:40%;background:transparent;box-shadow:0 0 0 3px var(--color-text-primary)}#nmm-app .nmm-pt[data-last=true][data-p="1"]:before,#nmm-app .nmm-pt[data-last=true][data-p="2"]:before{display:none}#nmm-app .nmm-pt[data-last=true] .nmm-piece{box-shadow:0 0 0 3px var(--color-text-primary)}#nmm-app .nmm-pt[data-took=true]:before{display:block;width:50%;height:50%;background:transparent;box-shadow:0 0 0 3px var(--nmm-take)}#nmm-app .nmm-over{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:1rem;background:color-mix(in srgb,var(--color-bg-base) 88%,transparent);border-radius:1rem;backdrop-filter:blur(3px);overflow:hidden}#nmm-app .nmm-over[hidden],#nmm-app .nmm-note[hidden]{display:none}#nmm-app .nmm-confetti{position:absolute;inset:0;overflow:hidden;pointer-events:none;display:none}#nmm-app .nmm-over[data-win=true] .nmm-confetti{display:block}#nmm-app .nmm-confetti i{position:absolute;top:-12%;width:.5rem;height:.85rem;border-radius:2px;opacity:0}#nmm-app .nmm-confetti i:nth-child(1){left:6%;background:var(--nmm-a);animation-delay:0s}#nmm-app .nmm-confetti i:nth-child(2){left:16%;background:var(--nmm-v);animation-delay:.3s}#nmm-app .nmm-confetti i:nth-child(3){left:27%;background:var(--nmm-ok);animation-delay:.1s}#nmm-app .nmm-confetti i:nth-child(4){left:38%;background:var(--nmm-pick);animation-delay:.5s}#nmm-app .nmm-confetti i:nth-child(5){left:49%;background:var(--nmm-a);animation-delay:.2s}#nmm-app .nmm-confetti i:nth-child(6){left:60%;background:var(--nmm-take);animation-delay:.6s}#nmm-app .nmm-confetti i:nth-child(7){left:70%;background:var(--nmm-v);animation-delay:.15s}#nmm-app .nmm-confetti i:nth-child(8){left:80%;background:var(--nmm-ok);animation-delay:.45s}#nmm-app .nmm-confetti i:nth-child(9){left:90%;background:var(--nmm-pick);animation-delay:.05s}#nmm-app .nmm-confetti i:nth-child(10){left:95%;background:var(--nmm-a);animation-delay:.35s}#nmm-app #nmm-undo[aria-disabled=true]{opacity:.5;cursor:not-allowed}#nmm-app .nmm-note{padding:.4rem .7rem;border:1px solid var(--nmm-a);border-radius:.6rem;font-size:.8rem;color:var(--color-text-primary);max-width:480px}@media(prefers-reduced-motion:no-preference){#nmm-app .nmm-pt[data-new=true] .nmm-piece{animation:nmm-drop .38s ease-out}#nmm-app .nmm-pt[data-rem=true] .nmm-piece{animation:nmm-nudge 1.2s ease-in-out infinite}#nmm-app .nmm-over[data-win=true] .nmm-confetti i{animation:nmm-fall 2.4s ease-in 1 both}}@media(prefers-reduced-motion:reduce){#nmm-app *{animation:none!important;transition:none!important}#nmm-app .nmm-confetti{display:none!important}}@keyframes nmm-drop{0%{transform:scale(.4)}65%{transform:scale(1.12)}to{transform:scale(1)}}@keyframes nmm-nudge{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes nmm-fall{0%{opacity:1;transform:translateY(0) rotate(0)}to{opacity:0;transform:translateY(26rem) rotate(380deg)}}#nmm-app .nmm-how>summary{box-sizing:border-box;min-height:2rem;padding-block:.375rem}#fg-app{--g-sky: var(--color-accent);--g-teal: color-mix(in oklch, var(--color-accent) 50%, var(--color-accent-success));--g-green: var(--color-accent-success);--g-lime: color-mix(in oklch, var(--color-accent-success) 50%, var(--color-accent-warm));--g-amber: var(--color-accent-warm);--g-orange: color-mix(in oklch, var(--color-accent-warm) 50%, var(--color-accent-danger));--g-rose: var(--color-accent-danger);--g-violet: color-mix(in oklch, var(--color-accent) 50%, var(--color-accent-danger));--fg-goose: var(--g-sky);--fg-fox: var(--g-orange);--fg-beak: var(--g-amber);--fg-ok: var(--g-green);--fg-take: var(--g-rose);--fg-line: color-mix(in oklch, var(--g-green) 45%, var(--color-bg-base));--fg-meadow-a: color-mix(in oklch, var(--g-green) 16%, var(--color-bg-surface));--fg-meadow-b: color-mix(in oklch, var(--g-teal) 10%, var(--color-bg-base));--fg-socket: color-mix(in oklch, var(--color-bg-base) 85%, var(--g-green));container-type:inline-size}#fg-app .fg-label,#fg-app .fg-k{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-secondary)}#fg-app .fg-controls{display:grid;gap:.875rem;grid-template-columns:minmax(0,1fr);align-items:end}@container (min-width: 560px){#fg-app .fg-controls{grid-template-columns:repeat(3,minmax(0,1fr))}}#fg-app .fg-layout{display:grid;gap:1.25rem;grid-template-columns:minmax(0,1fr)}@container (min-width: 760px){#fg-app .fg-layout{grid-template-columns:minmax(0,480px) minmax(0,1fr);align-items:start}}#fg-app .fg-score{display:flex;flex-wrap:wrap;gap:.5rem;max-width:480px}#fg-app .fg-side{display:flex;flex-wrap:wrap;align-items:center;gap:.15rem .5rem;flex:1 1 8.5rem;min-width:0;padding:.4rem .7rem;border:1px solid var(--color-border);border-radius:.6rem;background:var(--color-bg-surface)}#fg-app .fg-side[data-turn=true]{border-color:var(--fg-beak);border-width:2px;padding:calc(.4rem - 1px) calc(.7rem - 1px);background:color-mix(in srgb,var(--fg-beak) 9%,var(--color-bg-surface))}#fg-app .fg-side .fg-sub{font-size:.7rem;color:var(--color-text-muted)}#fg-app .fg-side .fg-v{margin-left:auto;font-family:var(--font-mono);font-weight:700;font-size:1.1rem;color:var(--color-text-primary)}@container (max-width: 340px){#fg-app .fg-score{flex-direction:column;flex-wrap:nowrap}#fg-app .fg-side{flex:none}}#fg-app .fg-turn{font-size:.85rem;color:var(--color-text-primary);min-height:1.25rem}#fg-app .fg-stats{display:grid;gap:.25rem;font-size:.8rem}#fg-app .fg-stats .fg-v{font-family:var(--font-mono);font-weight:600;color:var(--color-text-primary)}#fg-app .fg-sw{position:relative;flex:none;width:1.1rem;height:1.1rem;border-radius:50%;box-shadow:0 0 0 1.5px var(--color-border-strong)}#fg-app .fg-sw[data-p="1"]{background:var(--fg-goose)}#fg-app .fg-sw[data-p="2"]{background:var(--fg-fox)}#fg-app .fg-sw[data-p="2"]:before,#fg-app .fg-sw[data-p="2"]:after{content:"";position:absolute;top:-3px;width:0;height:0;border-left:3px solid transparent;border-right:3px solid transparent;border-bottom:5px solid var(--fg-fox)}#fg-app .fg-sw[data-p="2"]:before{left:1px}#fg-app .fg-sw[data-p="2"]:after{right:1px}#fg-app .fg-wrap{position:relative;max-width:480px;container-type:inline-size}#fg-app .fg-board{position:relative;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-template-rows:repeat(7,minmax(0,1fr));aspect-ratio:1;width:100%;padding:2px;border-radius:1rem;border:2px solid var(--fg-line);box-sizing:border-box;background:linear-gradient(150deg,var(--fg-meadow-a),var(--fg-meadow-b));box-shadow:inset 0 2px 10px color-mix(in srgb,var(--color-bg-base) 55%,transparent)}#fg-app .fg-lines{position:absolute;inset:2px;width:calc(100% - 4px);height:calc(100% - 4px);pointer-events:none}#fg-app .fg-lines path{fill:none;stroke:var(--fg-line);stroke-width:3;vector-effect:non-scaling-stroke;stroke-linecap:round}#fg-app .fg-void{display:block}#fg-app .fg-hole{position:relative;display:grid;place-items:center;min-width:0;min-height:0;padding:0;margin:0;border:0;border-radius:50%;background:transparent;cursor:pointer;color:var(--color-text-primary)}#fg-app .fg-hole:before{content:"";position:absolute;inset:0;margin:auto;width:46%;height:46%;border-radius:50%;background:var(--fg-socket);box-shadow:inset 0 2px 4px color-mix(in srgb,var(--color-bg-base) 80%,transparent),0 0 0 2px var(--fg-line)}#fg-app .fg-hole[data-p="1"]:before,#fg-app .fg-hole[data-p="2"]:before{display:none}#fg-app .fg-piece{display:none;position:relative;width:80%;height:80%;border-radius:50%;box-shadow:0 2px 4px color-mix(in srgb,var(--color-bg-base) 60%,transparent),0 0 0 1.5px var(--color-border-strong)}#fg-app .fg-hole[data-p="1"] .fg-piece,#fg-app .fg-hole[data-p="2"] .fg-piece{display:block}#fg-app .fg-hole[data-p="1"] .fg-piece{background:radial-gradient(circle at 35% 30%,color-mix(in oklch,var(--fg-goose) 55%,var(--color-text-primary)),var(--fg-goose) 62%)}#fg-app .fg-hole[data-p="2"] .fg-piece{background:radial-gradient(circle at 35% 30%,color-mix(in oklch,var(--fg-fox) 60%,var(--color-text-primary)),var(--fg-fox) 62%)}#fg-app .fg-beak,#fg-app .fg-ear{display:none;position:absolute;width:0;height:0;pointer-events:none}#fg-app .fg-hole[data-p="1"] .fg-beak{display:block;left:50%;top:-14%;margin-left:-.22em;border-left:.22em solid transparent;border-right:.22em solid transparent;border-bottom:.4em solid var(--fg-beak);font-size:clamp(9px,3.2cqw,20px)}#fg-app .fg-hole[data-p="1"] .fg-piece:after{content:"";position:absolute;left:30%;top:38%;width:40%;height:34%;border-radius:50%;background:color-mix(in srgb,var(--color-text-primary) 55%,var(--fg-goose))}#fg-app .fg-hole[data-p="2"] .fg-ear{display:block;top:-18%;border-left:.3em solid transparent;border-right:.3em solid transparent;border-bottom:.55em solid var(--fg-fox);font-size:clamp(9px,3.4cqw,22px)}#fg-app .fg-hole[data-p="2"] .fg-ear[data-e=l]{left:10%}#fg-app .fg-hole[data-p="2"] .fg-ear[data-e=r]{right:10%}#fg-app .fg-hole[data-p="2"] .fg-piece:after{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 34% 42%,var(--color-bg-base) 0 7%,transparent 8%),radial-gradient(circle at 66% 42%,var(--color-bg-base) 0 7%,transparent 8%),radial-gradient(ellipse at 50% 72%,color-mix(in srgb,var(--color-text-primary) 70%,var(--fg-fox)) 0 22%,transparent 23%)}#fg-app .fg-hole:focus-visible{outline:3px solid var(--color-text-primary);outline-offset:-2px;z-index:3}#fg-app .fg-hole[data-dest=true]:before{width:52%;height:52%;background:color-mix(in srgb,var(--fg-ok) 65%,transparent);box-shadow:0 0 0 3px var(--fg-ok)}#fg-app .fg-hole[data-movable=true] .fg-piece{outline:2px dashed var(--color-text-primary);outline-offset:2px}#fg-app .fg-hole[data-sel=true] .fg-piece{outline:3px solid var(--color-text-primary);outline-offset:2px}#fg-app .fg-hole[data-last=true]:before{display:block;width:60%;height:60%;background:transparent;box-shadow:0 0 0 3px var(--color-text-primary)}#fg-app .fg-hole[data-last=true][data-p="1"]:before,#fg-app .fg-hole[data-last=true][data-p="2"]:before{display:none}#fg-app .fg-hole[data-last=true] .fg-piece{box-shadow:0 0 0 3px var(--color-text-primary)}#fg-app .fg-hole[data-cap=true]:before{display:block;width:56%;height:56%;background:transparent;box-shadow:0 0 0 3px var(--fg-take)}#fg-app .fg-over{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:1rem;background:color-mix(in srgb,var(--color-bg-base) 88%,transparent);border-radius:1rem;backdrop-filter:blur(3px);overflow:hidden}#fg-app .fg-over[hidden],#fg-app .fg-note[hidden]{display:none}#fg-app .fg-confetti{position:absolute;inset:0;overflow:hidden;pointer-events:none;display:none}#fg-app .fg-over[data-win=true] .fg-confetti{display:block}#fg-app .fg-confetti i{position:absolute;top:-12%;width:.5rem;height:.85rem;border-radius:2px;opacity:0}#fg-app .fg-confetti i:nth-child(1){left:6%;background:var(--fg-goose);animation-delay:0s}#fg-app .fg-confetti i:nth-child(2){left:16%;background:var(--fg-fox);animation-delay:.3s}#fg-app .fg-confetti i:nth-child(3){left:27%;background:var(--fg-ok);animation-delay:.1s}#fg-app .fg-confetti i:nth-child(4){left:38%;background:var(--fg-beak);animation-delay:.5s}#fg-app .fg-confetti i:nth-child(5){left:49%;background:var(--fg-goose);animation-delay:.2s}#fg-app .fg-confetti i:nth-child(6){left:60%;background:var(--fg-take);animation-delay:.6s}#fg-app .fg-confetti i:nth-child(7){left:70%;background:var(--fg-fox);animation-delay:.15s}#fg-app .fg-confetti i:nth-child(8){left:80%;background:var(--fg-ok);animation-delay:.45s}#fg-app .fg-confetti i:nth-child(9){left:90%;background:var(--fg-beak);animation-delay:.05s}#fg-app .fg-confetti i:nth-child(10){left:95%;background:var(--fg-goose);animation-delay:.35s}#fg-app #fg-undo[aria-disabled=true]{opacity:.5;cursor:not-allowed}#fg-app .fg-note{padding:.4rem .7rem;border:1px solid var(--fg-beak);border-radius:.6rem;font-size:.8rem;color:var(--color-text-primary);max-width:480px}@media(prefers-reduced-motion:no-preference){#fg-app .fg-hole[data-to=true] .fg-piece{animation:fg-pop .42s ease-out}#fg-app .fg-over[data-win=true] .fg-confetti i{animation:fg-fall 2.4s ease-in 1 both}}@media(prefers-reduced-motion:reduce){#fg-app *{animation:none!important;transition:none!important}#fg-app .fg-confetti{display:none!important}}@keyframes fg-pop{0%{transform:scale(.7)}60%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes fg-fall{0%{opacity:1;transform:translateY(0) rotate(0)}to{opacity:0;transform:translateY(26rem) rotate(380deg)}}#fg-app .fg-how>summary{box-sizing:border-box;min-height:2rem;padding-block:.375rem}#ch-app{--g-sky: var(--color-accent);--g-teal: color-mix(in oklch, var(--color-accent) 50%, var(--color-accent-success));--g-green: var(--color-accent-success);--g-lime: color-mix(in oklch, var(--color-accent-success) 50%, var(--color-accent-warm));--g-amber: var(--color-accent-warm);--g-orange: color-mix(in oklch, var(--color-accent-warm) 50%, var(--color-accent-danger));--g-rose: var(--color-accent-danger);--g-violet: color-mix(in oklch, var(--color-accent) 50%, var(--color-accent-danger));--ch-light: color-mix(in oklch, var(--g-violet) 30%, var(--color-bg-elevated));--ch-dark: color-mix(in oklch, var(--g-violet) 14%, var(--color-bg-base));--ch-ink: var(--color-bg-base);container-type:inline-size}.theme-light #ch-app{--ch-ink: var(--color-text-primary);--ch-light: color-mix(in oklch, var(--g-violet) 8%, var(--color-bg-elevated));--ch-dark: color-mix(in oklch, var(--g-violet) 38%, var(--color-bg-elevated))}#ch-app .ch-label,#ch-app .ch-k{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-secondary)}#ch-app .ch-controls{display:grid;gap:.875rem;grid-template-columns:minmax(0,1fr);align-items:end}@container (min-width: 560px){#ch-app .ch-controls{grid-template-columns:repeat(3,minmax(0,1fr))}}#ch-app .ch-layout{display:grid;gap:1.25rem;grid-template-columns:minmax(0,1fr)}@container (min-width: 800px){#ch-app .ch-layout{grid-template-columns:minmax(0,560px) minmax(0,1fr);align-items:start}}#ch-app .ch-bar{display:flex;align-items:center;gap:.5rem;max-width:560px;padding:.35rem .7rem;min-width:0;border:1px solid var(--color-border);border-radius:.6rem;background:var(--color-bg-surface)}#ch-app .ch-bar[data-turn=true]{border-color:var(--g-violet);border-width:2px;padding:calc(.35rem - 1px) calc(.7rem - 1px)}#ch-app .ch-bar .ch-sub{font-size:.75rem;color:var(--color-text-muted)}#ch-app .ch-bar .ch-v{margin-left:auto;font-family:var(--font-mono);font-weight:700;font-size:1rem;color:var(--color-text-primary)}#ch-app .ch-sw{flex:none;width:1.6rem;height:1.6rem;display:block}#ch-app .ch-sw svg{width:100%;height:100%;display:block}#ch-app [data-c=w]{--ch-fill: var(--g-sky)}#ch-app [data-c=b]{--ch-fill: var(--g-amber)}#ch-app .ch-pc{width:88%;height:88%;display:block;pointer-events:none}#ch-app .ch-pc .ch-b{fill:var(--ch-fill);stroke:var(--color-text-primary);stroke-width:1.3;stroke-linejoin:round}#ch-app .ch-pc .ch-cut{fill:none;stroke:var(--ch-ink);stroke-width:1.6;stroke-linecap:round}#ch-app .ch-pc .ch-eye{fill:var(--ch-ink);stroke:none}#ch-app .ch-pc .ch-band{display:none;fill:none;stroke:var(--ch-ink);stroke-width:2;stroke-linecap:round}#ch-app [data-c=b] .ch-pc .ch-band{display:block}#ch-app .ch-turn{font-size:.85rem;color:var(--color-text-primary);min-height:1.25rem}#ch-app .ch-stats{display:grid;gap:.25rem;font-size:.8rem}#ch-app .ch-stats .ch-v{font-family:var(--font-mono);font-weight:600;color:var(--color-text-primary)}#ch-app .ch-wrap{position:relative;max-width:560px}#ch-app .ch-board{container-type:inline-size;display:grid;grid-template-rows:repeat(8,1fr);aspect-ratio:1;width:100%;border:2px solid var(--color-border-strong);border-radius:.5rem;overflow:hidden;background:var(--ch-dark)}#ch-app .ch-row{display:grid;grid-template-columns:repeat(8,1fr)}#ch-app .ch-cell{--ch-sq: var(--ch-light);position:relative;display:grid;place-items:center;min-width:0;min-height:0;padding:0;margin:0;border:0;border-radius:0;cursor:pointer;background:var(--ch-sq);color:var(--color-text-primary)}#ch-app .ch-cell[data-shade=dark]{--ch-sq: var(--ch-dark)}#ch-app .ch-cell:focus-visible{outline:3px solid var(--color-text-primary);outline-offset:-3px;z-index:3}#ch-app .ch-cell[data-last=true]{background:color-mix(in srgb,var(--g-amber) 34%,var(--ch-sq))}#ch-app .ch-cell[data-sel=true]{background:color-mix(in srgb,var(--g-sky) 52%,var(--ch-sq))}#ch-app .ch-cell[data-check=true]{background:color-mix(in srgb,var(--g-rose) 55%,var(--ch-sq));box-shadow:inset 0 0 0 3px var(--g-rose)}#ch-app .ch-cell[data-dest]:hover{background:color-mix(in srgb,var(--g-sky) 32%,var(--ch-sq))}#ch-app .ch-cell[data-dest=quiet]:after{content:"";position:absolute;width:28%;height:28%;border-radius:50%;background:var(--g-sky);pointer-events:none;box-shadow:0 0 0 2px var(--color-bg-base);z-index:2}#ch-app .ch-cell[data-dest=capture]:after{content:"";position:absolute;inset:4%;border-radius:50%;border:max(3px,1cqw) solid var(--g-sky);pointer-events:none;box-shadow:0 0 0 1.5px var(--color-bg-base),inset 0 0 0 1.5px var(--color-bg-base);z-index:2}#ch-app .ch-cell[data-movable=true]:before{content:"";position:absolute;left:6%;bottom:6%;width:14%;height:14%;min-width:4px;min-height:4px;border-radius:1px;background:var(--color-text-primary);pointer-events:none;z-index:2}#ch-app .ch-co{position:absolute;font-family:var(--font-mono);font-size:clamp(8px,2.6cqw,13px);line-height:1;color:var(--color-text-primary);pointer-events:none;z-index:1}#ch-app .ch-co-f{right:4%;bottom:3%}#ch-app .ch-co-r{left:4%;top:3%}#ch-app .ch-actions{display:flex;flex-wrap:wrap;gap:.5rem}#ch-app .ch-actions button{min-height:2.75rem}#ch-app .ch-actions button[hidden]{display:none}#ch-app [aria-disabled=true]{opacity:.5;cursor:not-allowed}#ch-app .ch-movebox{display:grid;gap:.35rem}#ch-app .ch-moves{list-style:none;margin:0;padding:.4rem .6rem;max-height:12rem;overflow-y:auto;border:1px solid var(--color-border);border-radius:.6rem;background:var(--color-bg-surface);font-family:var(--font-mono);font-size:.8rem;color:var(--color-text-primary)}#ch-app .ch-moves:empty:before{content:"No moves yet.";color:var(--color-text-muted)}#ch-app .ch-moves li{display:grid;grid-template-columns:2.4rem minmax(0,1fr) minmax(0,1fr);gap:.25rem;padding:.1rem 0}#ch-app .ch-moves .ch-mn{color:var(--color-text-muted)}#ch-app .ch-moves .ch-mv[data-last=true]{color:var(--g-amber);font-weight:700}.theme-light #ch-app .ch-moves .ch-mv[data-last=true]{color:var(--color-text-primary);background:color-mix(in srgb,var(--g-amber) 45%,transparent);border-radius:.25rem}#ch-app .ch-note{padding:.4rem .7rem;border:1px solid var(--g-rose);border-radius:.6rem;font-size:.8rem;color:var(--color-text-primary);max-width:560px}#ch-app .ch-note[hidden],#ch-app .ch-promo[hidden],#ch-app .ch-over[hidden]{display:none}#ch-app .ch-promo{display:grid;gap:.5rem;max-width:560px;padding:.6rem;border:2px solid var(--g-sky);border-radius:.75rem;background:var(--color-bg-surface)}#ch-app .ch-promo-row{display:flex;flex-wrap:wrap;gap:.5rem}#ch-app .ch-pbtn{display:grid;justify-items:center;align-content:center;gap:.1rem;min-width:4.5rem;min-height:4.5rem;padding:.3rem .4rem;cursor:pointer;border:1px solid var(--color-border-strong);border-radius:.6rem;background:var(--ch-light);color:var(--color-text-primary);font-size:.7rem}#ch-app .ch-pbtn:hover{border-color:var(--g-sky)}#ch-app .ch-pbtn:focus-visible{outline:3px solid var(--color-text-primary);outline-offset:2px}#ch-app .ch-pslot{display:block;width:2.6rem;height:2.6rem}#ch-app .ch-pslot svg{width:100%;height:100%;display:block}#ch-app .ch-over{max-width:560px;padding:1rem;border:2px solid var(--g-violet)}@media(prefers-reduced-motion:no-preference){#ch-app .ch-cell[data-to=true] .ch-pc{animation:ch-pop .32s ease-out}#ch-app .ch-over[data-win=true]{animation:ch-glow 1.6s ease-in-out 2}}@media(prefers-reduced-motion:reduce){#ch-app *{animation:none!important;transition:none!important}}@keyframes ch-pop{0%{transform:scale(.8)}60%{transform:scale(1.06)}to{transform:scale(1)}}@keyframes ch-glow{0%,to{box-shadow:0 0 0 0 transparent}50%{box-shadow:0 0 0 5px var(--g-amber)}}#ch-app .ch-how>summary{box-sizing:border-box;min-height:2rem;padding-block:.375rem}#gf-app{--g-sky: var(--color-accent);--g-teal: color-mix(in oklch, var(--color-accent) 50%, var(--color-accent-success));--g-green: var(--color-accent-success);--g-lime: color-mix(in oklch, var(--color-accent-success) 50%, var(--color-accent-warm));--g-amber: var(--color-accent-warm);--g-orange: color-mix(in oklch, var(--color-accent-warm) 50%, var(--color-accent-danger));--g-rose: var(--color-accent-danger);--g-violet: color-mix(in oklch, var(--color-accent) 50%, var(--color-accent-danger));--gf-sea-a: color-mix(in oklch, var(--g-sky) 24%, var(--color-bg-surface));--gf-sea-b: color-mix(in oklch, var(--gf-hue-a) 20%, var(--color-bg-surface));--gf-face: color-mix(in srgb, var(--color-text-primary) 92%, var(--g-amber));--gf-ink-rose: color-mix(in oklch, var(--g-rose) 55%, var(--color-bg-base));--gf-ink-dark: color-mix(in oklch, var(--g-sky) 22%, var(--color-bg-base));--gf-pick: var(--g-amber);--gf-hue-a: var(--g-teal);--gf-hue-b: var(--g-lime);--gf-hue-c: var(--g-orange);container-type:inline-size}#gf-app .gf-label,#gf-app .gf-k{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-secondary)}#gf-app .gf-controls{display:grid;gap:.875rem;grid-template-columns:minmax(0,1fr);align-items:end}#gf-app .gf-actions{display:flex;flex-wrap:wrap;gap:.5rem}@container (min-width: 600px){#gf-app .gf-controls{grid-template-columns:minmax(0,180px) minmax(0,180px) minmax(0,1fr)}}#gf-app .gf-stats{display:flex;flex-wrap:wrap;gap:.25rem 1.25rem;font-size:.8rem}#gf-app .gf-stats .gf-v{font-family:var(--font-mono);font-weight:600;color:var(--color-text-primary)}#gf-app .gf-h{font-family:var(--font-display);font-size:1rem;color:var(--color-text-primary);margin:0}#gf-app .gf-board{--cw: 56px;display:grid;gap:.75rem}@container (min-width: 560px){#gf-app .gf-board{--cw: 64px}}#gf-app .gf-board[inert]{opacity:.85}#gf-app .gf-felt{border:1px solid var(--color-border);border-radius:1rem;padding:.75rem;background:linear-gradient(160deg,var(--gf-sea-a),var(--gf-sea-b));box-shadow:inset 0 1px color-mix(in srgb,var(--color-text-primary) 12%,transparent)}#gf-app .gf-top{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.75rem;align-items:start}#gf-app .gf-seats{display:grid;grid-template-columns:repeat(auto-fit,minmax(128px,1fr));gap:.5rem;min-width:0}#gf-app .gf-seat{min-width:0;padding:.5rem .625rem;border-radius:.75rem;border:2px solid transparent;background:color-mix(in srgb,var(--color-bg-base) 45%,transparent)}#gf-app .gf-seat[data-turn=true]{border-color:var(--g-amber);background:color-mix(in srgb,var(--g-amber) 14%,var(--color-bg-base))}#gf-app .gf-seat-name{margin:0;font-family:var(--font-display);font-size:.95rem;color:var(--color-text-primary);display:flex;gap:.5rem;align-items:baseline;flex-wrap:wrap}#gf-app .gf-think{font-family:var(--font-mono);font-size:11px;color:var(--g-amber);min-height:1em}#gf-app .gf-think[data-on=true]:after{content:"...";display:inline-block;width:1.2em;text-align:left;animation:gf-dots 1.2s steps(4,end) infinite;overflow:hidden;vertical-align:bottom}#gf-app .gf-fan{display:flex;margin:.4rem 0 .25rem;min-height:38px;padding-left:14px}#gf-app .gf-fan .gf-card{--cw: 27px;margin-left:-14px}#gf-app .gf-seat-info{margin:0;font-size:12px;color:var(--color-text-secondary)}#gf-app .gf-chips{display:flex;flex-wrap:wrap;gap:4px;min-height:22px}#gf-app .gf-chip{display:inline-grid;place-items:center;min-width:26px;height:22px;padding:0 6px;border-radius:999px;box-sizing:border-box;font-family:var(--font-mono);font-size:12px;font-weight:700;color:var(--color-bg-base);background:var(--gf-hue-b);border:1px solid color-mix(in srgb,var(--color-bg-base) 40%,transparent)}#gf-app .gf-chip[data-k="1"]{background:var(--g-sky)}#gf-app .gf-chip[data-k="2"]{background:var(--g-amber)}#gf-app .gf-chip[data-k="3"]{background:var(--g-rose)}#gf-app .gf-chip[data-k="4"]{background:var(--g-violet)}#gf-app .gf-chip[data-k="5"]{background:var(--gf-hue-c)}#gf-app .gf-pondbox{text-align:center}#gf-app .gf-pond{position:relative;width:var(--cw);height:calc(var(--cw) * 1.4 + 8px);margin:0 auto}#gf-app .gf-pond .gf-card{position:absolute;left:0;top:0}#gf-app .gf-pond .gf-card:nth-child(2){left:3px;top:3px}#gf-app .gf-pond .gf-card:nth-child(3){left:6px;top:6px}#gf-app .gf-pond-n{position:absolute;left:50%;top:50%;z-index:4;transform:translate(-50%,-50%);padding:.1em .5em;border-radius:999px;background:var(--color-bg-base);color:var(--color-text-primary);font-family:var(--font-mono);font-weight:700;font-size:14px}#gf-app .gf-pondname{margin:.25rem 0 0;font-size:11px;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-secondary)}#gf-app .gf-say{margin:.75rem 0 0;min-height:1.4em;font-size:1rem;line-height:1.4;color:var(--color-text-primary)}#gf-app .gf-log{margin:.5rem 0 0;padding:0;list-style:none;display:grid;gap:2px;font-size:12px;color:var(--color-text-secondary)}#gf-app .gf-log li:nth-child(n+4){display:none}@container (min-width: 600px){#gf-app .gf-log li:nth-child(n+4){display:list-item}#gf-app .gf-log li:nth-child(n+7){display:none}}#gf-app .gf-card{position:relative;display:block;box-sizing:border-box;width:var(--cw);height:calc(var(--cw) * 1.4);overflow:hidden;flex:none;border-radius:calc(var(--cw) * .12);background:var(--gf-face);color:var(--gf-ink-dark);border:1px solid color-mix(in srgb,var(--color-text-primary) 45%,var(--color-bg-base));box-shadow:0 2px 6px color-mix(in srgb,var(--color-bg-base) 60%,transparent);font-family:var(--font-mono);line-height:1;user-select:none;-webkit-user-select:none}#gf-app .gf-card[data-red=true]{color:var(--gf-ink-rose)}#gf-app .gf-idx{position:absolute;left:7%;top:4%;display:flex;flex-direction:column;align-items:center;gap:1px;font-size:max(11px,calc(var(--cw) * .3));font-weight:700;z-index:1}#gf-app .gf-idx-b{inset:auto 7% 4% auto;transform:rotate(180deg)}#gf-app .gf-big{position:absolute;inset:0;display:grid;place-items:center;font-size:calc(var(--cw) * .6)}#gf-app .gf-card[data-face=true]:before{content:"";position:absolute;inset:16% 22%;border-radius:calc(var(--cw) * .1);border:1px solid color-mix(in srgb,currentColor 50%,transparent);background:linear-gradient(135deg,color-mix(in srgb,currentColor 22%,transparent),color-mix(in srgb,currentColor 5%,transparent))}#gf-app .gf-card[data-back=true]{background-color:color-mix(in oklch,var(--gf-hue-a) 45%,var(--color-bg-elevated));background-image:radial-gradient(circle at 50% 50%,var(--g-amber) 0 11%,transparent 12%),repeating-conic-gradient(from 0deg at 50% 50%,color-mix(in oklch,var(--g-sky) 70%,transparent) 0 12deg,color-mix(in oklch,var(--gf-hue-a) 35%,transparent) 12deg 24deg);border-color:var(--gf-face);box-shadow:inset 0 0 0 calc(var(--cw) * .07) var(--gf-face),0 2px 6px color-mix(in srgb,var(--color-bg-base) 60%,transparent)}#gf-app .gf-you{border:1px solid var(--color-border);border-radius:1rem;padding:.75rem;background:var(--color-bg-surface)}#gf-app .gf-youhead{display:flex;flex-wrap:wrap;gap:.5rem 1rem;align-items:center;justify-content:space-between}#gf-app .gf-hand{display:flex;flex-wrap:wrap;gap:8px;margin:.625rem 0 .5rem;min-height:calc(var(--cw) * 1.4 + 14px)}#gf-app .gf-group{position:relative;display:block;margin:0;padding:0;box-sizing:border-box;cursor:pointer;font:inherit;color:inherit;width:calc(var(--cw) + 14px + var(--n, 1) * 16px - 16px);height:calc(var(--cw) * 1.4 + 14px);background:transparent;border:2px solid transparent;border-radius:12px;-webkit-tap-highlight-color:transparent;transition:transform .12s ease,background-color .12s ease}#gf-app .gf-group[data-n="2"]{--n: 2}#gf-app .gf-group[data-n="3"]{--n: 3}#gf-app .gf-group[data-n="4"]{--n: 4}#gf-app .gf-group .gf-card{position:absolute;top:5px;left:5px}#gf-app .gf-group .gf-card[data-i="1"]{left:21px}#gf-app .gf-group .gf-card[data-i="2"]{left:37px}#gf-app .gf-group .gf-card[data-i="3"]{left:53px}#gf-app .gf-group:hover{background:color-mix(in srgb,var(--g-sky) 12%,transparent)}#gf-app .gf-group[aria-pressed=true]{border-color:var(--gf-pick);background:color-mix(in srgb,var(--gf-pick) 20%,transparent);transform:translateY(-5px)}#gf-app .gf-group:focus-visible,#gf-app .gf-target:focus-visible,#gf-app .gf-fish:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px}#gf-app .gf-times{position:absolute;right:2px;bottom:2px;z-index:5;padding:0 6px;border-radius:999px;min-width:22px;text-align:center;background:var(--gf-pick);color:var(--color-bg-base);font-family:var(--font-mono);font-size:12px;font-weight:700;line-height:18px}.theme-light #gf-app .gf-times{color:var(--color-text-primary)}#gf-app .gf-prompt{margin:0 0 .5rem;font-size:.95rem;color:var(--color-text-primary);min-height:1.4em}#gf-app .gf-targets{display:flex;flex-wrap:wrap;gap:8px}#gf-app .gf-targets[hidden]{display:none}#gf-app .gf-target{min-height:56px;min-width:120px;flex:1 1 120px;font-size:1rem}#gf-app .gf-fish{min-height:56px;width:100%;max-width:20rem}#gf-app .gf-fish[hidden]{display:none}#gf-app [aria-disabled=true].gf-target,#gf-app [aria-disabled=true].gf-group{opacity:.55;cursor:not-allowed}#gf-app .gf-win{text-align:center;padding:1.25rem 1rem;border-radius:1rem;border:2px solid var(--g-amber);background:linear-gradient(160deg,color-mix(in srgb,var(--g-amber) 16%,var(--color-bg-surface)),color-mix(in srgb,var(--g-sky) 14%,var(--color-bg-surface)));animation:gf-pop .45s ease-out}#gf-app .gf-win[hidden]{display:none}#gf-app .gf-confetti{display:flex;justify-content:center;gap:.75rem;font-size:1.6rem;margin-bottom:.5rem}#gf-app .gf-confetti span{display:inline-block;animation:gf-bob 1.6s ease-in-out infinite}#gf-app .gf-confetti span:nth-child(1){color:var(--g-sky)}#gf-app .gf-confetti span:nth-child(2){color:var(--g-rose);animation-delay:.2s}#gf-app .gf-confetti span:nth-child(3){color:var(--g-amber);animation-delay:.4s}#gf-app .gf-confetti span:nth-child(4){color:var(--g-violet);animation-delay:.6s}#gf-app .gf-confetti span:nth-child(5){color:var(--gf-hue-b);animation-delay:.8s}#gf-app .gf-win[data-won=false] .gf-confetti{display:none}@keyframes gf-pop{0%{transform:scale(.94);opacity:.2}to{transform:scale(1);opacity:1}}@keyframes gf-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes gf-dots{0%{width:0}to{width:1.2em}}@media(prefers-reduced-motion:reduce){#gf-app *,#gf-app *:before,#gf-app *:after{transition:none!important;animation:none!important}#gf-app .gf-think[data-on=true]:after{width:1.2em}}#gf-app .gf-how>summary{min-height:2rem;padding-block:.375rem;box-sizing:border-box}#ce-app{--g-sky: var(--color-accent);--g-teal: color-mix(in oklch, var(--color-accent) 50%, var(--color-accent-success));--g-green: var(--color-accent-success);--g-lime: color-mix(in oklch, var(--color-accent-success) 50%, var(--color-accent-warm));--g-amber: var(--color-accent-warm);--g-orange: color-mix(in oklch, var(--color-accent-warm) 50%, var(--color-accent-danger));--g-rose: var(--color-accent-danger);--g-violet: color-mix(in oklch, var(--color-accent) 50%, var(--color-accent-danger));--ce-table-a: color-mix(in oklch, var(--g-violet) 30%, var(--color-bg-surface));--ce-table-b: color-mix(in oklch, var(--g-sky) 16%, var(--color-bg-surface));--ce-face: color-mix(in srgb, var(--color-text-primary) 92%, var(--g-amber));--ce-ink-rose: color-mix(in oklch, var(--g-rose) 55%, var(--color-bg-base));--ce-ink-dark: color-mix(in oklch, var(--g-sky) 22%, var(--color-bg-base));--ce-glow: var(--g-amber);container-type:inline-size}#ce-app .ce-label,#ce-app .ce-k{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-secondary)}#ce-app .ce-controls{display:grid;gap:.875rem;grid-template-columns:minmax(0,1fr);align-items:end}#ce-app .ce-actions{display:flex;flex-wrap:wrap;gap:.5rem}@container (min-width: 640px){#ce-app .ce-controls{grid-template-columns:repeat(3,minmax(0,1fr))}#ce-app .ce-actions{grid-column:1 / -1}}#ce-app .ce-stats{display:flex;flex-wrap:wrap;gap:.25rem 1.25rem;font-size:.8rem}#ce-app .ce-stats .ce-v{font-family:var(--font-mono);font-weight:600;color:var(--color-text-primary)}#ce-app .ce-h{font-family:var(--font-display);font-size:1rem;color:var(--color-text-primary);margin:0}#ce-app .ce-board{--cw: 56px;display:grid;gap:.75rem}@container (min-width: 560px){#ce-app .ce-board{--cw: 64px}}#ce-app .ce-board[inert]{opacity:.85}#ce-app .ce-felt{border:1px solid var(--color-border);border-radius:1rem;padding:.75rem;background:linear-gradient(160deg,var(--ce-table-a),var(--ce-table-b));box-shadow:inset 0 1px color-mix(in srgb,var(--color-text-primary) 12%,transparent)}#ce-app .ce-seats{display:grid;grid-template-columns:repeat(auto-fit,minmax(128px,1fr));gap:.5rem}#ce-app .ce-seat{min-width:0;padding:.5rem .625rem;border-radius:.75rem;border:2px solid transparent;background:color-mix(in srgb,var(--color-bg-base) 45%,transparent)}#ce-app .ce-seat[data-turn=true]{border-color:var(--g-amber);background:color-mix(in srgb,var(--g-amber) 14%,var(--color-bg-base))}#ce-app .ce-seat-name{margin:0;font-family:var(--font-display);font-size:.95rem;color:var(--color-text-primary);display:flex;gap:.5rem;align-items:baseline;flex-wrap:wrap}#ce-app .ce-think{font-family:var(--font-mono);font-size:11px;color:var(--g-amber);min-height:1em}#ce-app .ce-think[data-on=true]:after{content:"...";display:inline-block;width:1.2em;text-align:left;animation:ce-dots 1.2s steps(4,end) infinite;overflow:hidden;vertical-align:bottom}#ce-app .ce-fan{display:flex;margin:.4rem 0 .25rem;min-height:38px;padding-left:14px}#ce-app .ce-fan .ce-card{--cw: 27px;margin-left:-14px}#ce-app .ce-seat-info{margin:0;font-size:12px;color:var(--color-text-secondary)}#ce-app .ce-centre{display:flex;flex-wrap:wrap;gap:1rem 1.5rem;justify-content:center;align-items:flex-start;margin-top:.75rem}#ce-app .ce-pilebox{text-align:center}#ce-app .ce-pilename{margin:.25rem 0 0;font-size:11px;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-secondary)}#ce-app .ce-stock{position:relative;display:block;margin:0 auto;padding:0;border:2px dashed var(--color-border);border-radius:12px;cursor:pointer;background:transparent;width:calc(var(--cw) + 10px);height:calc(var(--cw) * 1.4 + 10px);font:inherit;color:inherit;-webkit-tap-highlight-color:transparent}#ce-app .ce-stock .ce-card{position:absolute;left:3px;top:3px}#ce-app .ce-stock .ce-card:nth-child(2){left:5px;top:5px}#ce-app .ce-stock .ce-card:nth-child(3){left:7px;top:7px}#ce-app .ce-stock[data-ready=true]{border-style:solid;border-color:var(--ce-glow);background:color-mix(in srgb,var(--ce-glow) 18%,transparent);animation:ce-nudge 1.6s ease-in-out infinite}#ce-app .ce-stock[aria-disabled=true]{cursor:default}#ce-app .ce-badge{position:absolute;left:50%;top:50%;z-index:4;transform:translate(-50%,-50%);padding:.1em .5em;border-radius:999px;background:var(--color-bg-base);color:var(--color-text-primary);font-family:var(--font-mono);font-weight:700;font-size:14px}#ce-app .ce-top{--cw: 72px;display:block;margin:0 auto;width:var(--cw);height:calc(var(--cw) * 1.4)}@container (min-width: 560px){#ce-app .ce-top{--cw: 80px}}#ce-app .ce-suitbox{text-align:center;min-width:88px}#ce-app .ce-suitglyph{display:grid;place-items:center;width:64px;height:64px;margin:0 auto;border-radius:50%;font-size:2.2rem;line-height:1;background:var(--ce-face);color:var(--ce-ink-dark);border:3px solid var(--g-violet)}#ce-app .ce-suitglyph[data-red=true]{color:var(--ce-ink-rose)}#ce-app .ce-suitword{display:block;margin-top:.25rem;font-family:var(--font-display);font-size:1rem;color:var(--color-text-primary)}#ce-app .ce-say{margin:.75rem 0 0;min-height:1.4em;font-size:1rem;line-height:1.4;color:var(--color-text-primary)}#ce-app .ce-log{margin:.5rem 0 0;padding:0;list-style:none;display:grid;gap:2px;font-size:12px;color:var(--color-text-secondary)}#ce-app .ce-log li:nth-child(n+4){display:none}@container (min-width: 600px){#ce-app .ce-log li:nth-child(n+4){display:list-item}#ce-app .ce-log li:nth-child(n+7){display:none}}#ce-app .ce-card{position:relative;display:block;box-sizing:border-box;width:var(--cw);height:calc(var(--cw) * 1.4);overflow:hidden;flex:none;border-radius:calc(var(--cw) * .12);background:var(--ce-face);color:var(--ce-ink-dark);border:1px solid color-mix(in srgb,var(--color-text-primary) 45%,var(--color-bg-base));box-shadow:0 2px 6px color-mix(in srgb,var(--color-bg-base) 60%,transparent);font-family:var(--font-mono);line-height:1;user-select:none;-webkit-user-select:none}#ce-app .ce-card[data-red=true]{color:var(--ce-ink-rose)}#ce-app .ce-card[data-wild=true]{box-shadow:inset 0 0 0 calc(var(--cw) * .05) var(--ce-glow),0 2px 6px color-mix(in srgb,var(--color-bg-base) 60%,transparent)}#ce-app .ce-idx{position:absolute;left:7%;top:4%;display:flex;flex-direction:column;align-items:center;gap:1px;font-size:max(11px,calc(var(--cw) * .3));font-weight:700;z-index:1}#ce-app .ce-idx-b{inset:auto 7% 4% auto;transform:rotate(180deg)}#ce-app .ce-big{position:absolute;inset:0;display:grid;place-items:center;font-size:calc(var(--cw) * .6)}#ce-app .ce-card[data-face=true]:before{content:"";position:absolute;inset:16% 22%;border-radius:calc(var(--cw) * .1);border:1px solid color-mix(in srgb,currentColor 50%,transparent);background:linear-gradient(135deg,color-mix(in srgb,currentColor 22%,transparent),color-mix(in srgb,currentColor 5%,transparent))}#ce-app .ce-card[data-back=true]{background-color:color-mix(in oklch,var(--g-violet) 45%,var(--color-bg-elevated));background-image:radial-gradient(circle at 50% 50%,transparent 0 9%,var(--g-rose) 10% 17%,transparent 18%),repeating-linear-gradient(135deg,color-mix(in oklch,var(--g-violet) 80%,transparent) 0 5px,color-mix(in oklch,var(--g-sky) 60%,transparent) 5px 10px);border-color:var(--ce-face);box-shadow:inset 0 0 0 calc(var(--cw) * .07) var(--ce-face),0 2px 6px color-mix(in srgb,var(--color-bg-base) 60%,transparent)}#ce-app .ce-you{border:1px solid var(--color-border);border-radius:1rem;padding:.75rem;background:var(--color-bg-surface)}#ce-app .ce-youhead{display:flex;flex-wrap:wrap;gap:.5rem 1rem;align-items:baseline;justify-content:space-between}#ce-app .ce-mycount{margin:0;font-size:12px;color:var(--color-text-secondary)}#ce-app .ce-hand{display:flex;flex-wrap:wrap;gap:8px;margin:.625rem 0 .5rem;padding-top:10px;min-height:calc(var(--cw) * 1.4 + 24px)}#ce-app .ce-hc{position:relative;display:block;margin:0;padding:4px;box-sizing:border-box;cursor:pointer;font:inherit;color:inherit;background:transparent;width:calc(var(--cw) + 8px);height:calc(var(--cw) * 1.4 + 8px);border:2px solid transparent;border-radius:12px;-webkit-tap-highlight-color:transparent;transition:transform .12s ease}#ce-app .ce-hc .ce-card{position:absolute;left:2px;top:2px}#ce-app .ce-hc[data-playable=true]{transform:translateY(-8px);border-color:var(--ce-glow);background:color-mix(in srgb,var(--ce-glow) 16%,transparent)}#ce-app .ce-hc[data-playable=false] .ce-card{filter:saturate(.55) brightness(.8)}#ce-app .ce-hc[data-pending=true]{transform:translateY(-14px);border-style:dashed}#ce-app .ce-hc:focus-visible,#ce-app .ce-stock:focus-visible,#ce-app .ce-suitbtn:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px}#ce-app [aria-disabled=true].ce-hc{cursor:not-allowed}#ce-app .ce-prompt{margin:0 0 .5rem;font-size:.95rem;color:var(--color-text-primary);min-height:1.4em}#ce-app .ce-pick{display:flex;flex-wrap:wrap;gap:8px}#ce-app .ce-pick[hidden]{display:none}#ce-app .ce-suitbtn{flex:1 1 120px;min-height:56px;min-width:56px;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-size:1rem}#ce-app .ce-sb-glyph{font-size:1.6rem;line-height:1;color:var(--g-sky)}#ce-app .ce-suitbtn[data-red=true] .ce-sb-glyph{color:var(--g-rose)}.theme-light #ce-app .ce-sb-glyph{color:color-mix(in oklch,var(--g-sky) 40%,var(--color-text-primary))}.theme-light #ce-app .ce-suitbtn[data-red=true] .ce-sb-glyph{color:color-mix(in oklch,var(--g-rose) 50%,var(--color-text-primary))}#ce-app .ce-win{text-align:center;padding:1.25rem 1rem;border-radius:1rem;border:2px solid var(--g-violet);background:linear-gradient(160deg,color-mix(in srgb,var(--g-violet) 20%,var(--color-bg-surface)),color-mix(in srgb,var(--g-sky) 14%,var(--color-bg-surface)));animation:ce-pop .45s ease-out}#ce-app .ce-win[hidden]{display:none}#ce-app .ce-confetti{display:flex;justify-content:center;gap:.75rem;font-size:1.6rem;margin-bottom:.5rem}#ce-app .ce-confetti span{display:inline-block;animation:ce-bob 1.6s ease-in-out infinite}#ce-app .ce-confetti span:nth-child(1){color:var(--g-sky)}#ce-app .ce-confetti span:nth-child(2){color:var(--g-rose);animation-delay:.2s}#ce-app .ce-confetti span:nth-child(3){color:var(--g-amber);animation-delay:.4s}#ce-app .ce-confetti span:nth-child(4){color:var(--g-violet);animation-delay:.6s}#ce-app .ce-confetti span:nth-child(5){color:var(--g-sky);animation-delay:.8s}#ce-app .ce-win[data-won=false] .ce-confetti{display:none}@keyframes ce-pop{0%{transform:scale(.94);opacity:.2}to{transform:scale(1);opacity:1}}@keyframes ce-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes ce-dots{0%{width:0}to{width:1.2em}}@keyframes ce-nudge{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@media(prefers-reduced-motion:reduce){#ce-app *,#ce-app *:before,#ce-app *:after{transition:none!important;animation:none!important}#ce-app .ce-think[data-on=true]:after{width:1.2em}}#ce-app .ce-how>summary{min-height:2rem;padding-block:.375rem;box-sizing:border-box}#crw-app{--g-sky: var(--color-accent);--g-teal: color-mix(in oklch, var(--color-accent) 50%, var(--color-accent-success));--g-green: var(--color-accent-success);--g-lime: color-mix(in oklch, var(--color-accent-success) 50%, var(--color-accent-warm));--g-amber: var(--color-accent-warm);--g-orange: color-mix(in oklch, var(--color-accent-warm) 50%, var(--color-accent-danger));--g-rose: var(--color-accent-danger);--g-violet: color-mix(in oklch, var(--color-accent) 50%, var(--color-accent-danger));--crw-hue-b: var(--g-orange);--crw-table-a: color-mix(in oklch, var(--g-amber) 18%, var(--color-bg-surface));--crw-table-b: color-mix(in oklch, var(--crw-hue-b) 16%, var(--color-bg-surface));--crw-face: color-mix(in srgb, var(--color-text-primary) 92%, var(--g-amber));--crw-ink-rose: color-mix(in oklch, var(--g-rose) 55%, var(--color-bg-base));--crw-ink-dark: color-mix(in oklch, var(--g-sky) 22%, var(--color-bg-base));--crw-you: var(--g-sky);--crw-them: var(--g-rose);--crw-you-text: var(--crw-you);--crw-them-text: var(--crw-them);--crw-war-text: var(--g-amber);--crw-ink: var(--color-bg-base);container-type:inline-size}.theme-light #crw-app{--crw-you-text: color-mix(in oklch, var(--crw-you) 50%, var(--color-text-primary));--crw-them-text: color-mix(in oklch, var(--crw-them) 50%, var(--color-text-primary));--crw-war-text: color-mix(in oklch, var(--g-amber) 50%, var(--color-text-primary));--crw-ink: var(--color-text-primary)}#crw-app .crw-label,#crw-app .crw-k{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-secondary)}#crw-app .crw-controls{display:grid;gap:.875rem;grid-template-columns:minmax(0,1fr);align-items:end}#crw-app .crw-actions{display:flex;flex-wrap:wrap;gap:.5rem}@container (min-width: 600px){#crw-app .crw-controls{grid-template-columns:minmax(0,260px) minmax(0,160px) minmax(0,1fr)}}#crw-app .crw-stats{display:flex;flex-wrap:wrap;gap:.25rem 1.25rem;font-size:.8rem}#crw-app .crw-stats .crw-v{font-family:var(--font-mono);font-weight:600;color:var(--color-text-primary)}#crw-app .crw-board{--cw: 64px;display:grid;gap:.75rem}@container (min-width: 560px){#crw-app .crw-board{--cw: 80px}}#crw-app .crw-board[inert]{opacity:.85}#crw-app .crw-felt{border:1px solid var(--color-border);border-radius:1rem;padding:.75rem;background:linear-gradient(160deg,var(--crw-table-a),var(--crw-table-b));box-shadow:inset 0 1px color-mix(in srgb,var(--color-text-primary) 12%,transparent)}#crw-app .crw-sides{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}#crw-app .crw-side{text-align:center;min-width:0}#crw-app .crw-name{margin:0;font-family:var(--font-display);font-size:1.05rem;color:var(--color-text-primary)}#crw-app .crw-side:first-child .crw-name{color:var(--crw-you-text)}#crw-app .crw-side:last-child .crw-name{color:var(--crw-them-text)}#crw-app .crw-pile{position:relative;width:calc(var(--cw) * .7);height:calc(var(--cw) * .7 * 1.4 + 6px);margin:.35rem auto .25rem}#crw-app .crw-pile .crw-card{--cw: calc(var(--crw-big) * .7);position:absolute;left:0;top:0}#crw-app .crw-pile .crw-card:nth-child(2){left:2px;top:2px}#crw-app .crw-pile .crw-card:nth-child(3){left:4px;top:4px}#crw-app .crw-count{margin:0;font-family:var(--font-mono);font-size:12px;color:var(--color-text-secondary)}#crw-app .crw-share{height:10px;margin:.6rem 0 .25rem;border-radius:999px;overflow:hidden;background:var(--crw-them)}#crw-app .crw-share-you{display:block;height:100%;width:var(--share, 50%);background:var(--crw-you);transition:width .4s ease}#crw-app .crw-rows{margin:.5rem 0 0;padding:0;list-style:none;display:grid;gap:.5rem}#crw-app .crw-row{display:grid;grid-template-columns:1fr 1fr;gap:.25rem .75rem;justify-items:center}#crw-app .crw-cap{grid-column:1 / -1;margin:0;font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-secondary);text-align:center}#crw-app .crw-row[data-kind=war] .crw-cap{color:var(--crw-war-text)}#crw-app .crw-slot{border-radius:calc(var(--cw) * .14);padding:3px;border:2px solid transparent;min-height:calc(var(--cw) * 1.4 + 6px);min-width:calc(var(--cw) + 6px);display:grid;place-items:center}#crw-app .crw-slot[data-win=true]{border-color:var(--g-amber);background:color-mix(in srgb,var(--g-amber) 18%,transparent);transform:translateY(-4px);animation:crw-pop .4s ease-out}#crw-app .crw-slot[data-hidden=true] .crw-card{opacity:.9}#crw-app .crw-slot .crw-card{animation:crw-flipin .3s ease-out}#crw-app .crw-say{margin:.75rem 0 0;min-height:2.8em;font-size:1rem;line-height:1.4;color:var(--color-text-primary);text-align:center}#crw-app .crw-card{position:relative;display:block;box-sizing:border-box;width:var(--cw);height:calc(var(--cw) * 1.4);overflow:hidden;flex:none;border-radius:calc(var(--cw) * .12);background:var(--crw-face);color:var(--crw-ink-dark);border:1px solid color-mix(in srgb,var(--color-text-primary) 45%,var(--color-bg-base));box-shadow:0 2px 6px color-mix(in srgb,var(--color-bg-base) 60%,transparent);font-family:var(--font-mono);line-height:1;user-select:none;-webkit-user-select:none}#crw-app .crw-card[data-red=true]{color:var(--crw-ink-rose)}#crw-app .crw-idx{position:absolute;left:7%;top:4%;display:flex;flex-direction:column;align-items:center;gap:1px;font-size:max(11px,calc(var(--cw) * .3));font-weight:700;z-index:1}#crw-app .crw-idx-b{inset:auto 7% 4% auto;transform:rotate(180deg)}#crw-app .crw-big{position:absolute;inset:0;display:grid;place-items:center;font-size:calc(var(--cw) * .6)}#crw-app .crw-card[data-face=true]:before{content:"";position:absolute;inset:16% 22%;border-radius:calc(var(--cw) * .1);border:1px solid color-mix(in srgb,currentColor 50%,transparent);background:linear-gradient(135deg,color-mix(in srgb,currentColor 22%,transparent),color-mix(in srgb,currentColor 5%,transparent))}#crw-app .crw-card[data-back=true]{background-color:var(--g-amber);background-image:radial-gradient(circle at 50% 50%,var(--g-sky) 0 14%,transparent 15%),repeating-conic-gradient(var(--g-amber) 0 25%,color-mix(in oklch,var(--crw-hue-b) 85%,var(--color-bg-base)) 0 50%);background-size:100% 100%,20% 14%;border-color:var(--crw-face);box-shadow:inset 0 0 0 calc(var(--cw) * .07) var(--crw-face),0 2px 6px color-mix(in srgb,var(--color-bg-base) 60%,transparent)}#crw-app .crw-board{--crw-big: 64px}@container (min-width: 560px){#crw-app .crw-board{--crw-big: 80px}}#crw-app .crw-buttons{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;justify-content:center}#crw-app .crw-flip{min-height:76px;min-width:min(100%,18rem);padding:0 2rem;font-size:1.5rem;font-family:var(--font-display)}#crw-app .crw-auto{min-height:56px;min-width:9.5rem;font-size:1rem}#crw-app .crw-onoff{display:inline-block;margin-left:.4rem;padding:0 .5rem;border-radius:999px;font-family:var(--font-mono);font-size:.8rem;background:var(--color-bg-base);color:var(--color-text-secondary)}#crw-app .crw-auto[aria-pressed=true] .crw-onoff{background:var(--g-amber);color:var(--crw-ink)}#crw-app .crw-auto[aria-pressed=true]{border-color:var(--g-amber);background:color-mix(in srgb,var(--g-amber) 22%,var(--color-bg-elevated))}#crw-app .crw-flip[aria-disabled=true]{opacity:.55;cursor:default}#crw-app .crw-flip:focus-visible,#crw-app .crw-auto:focus-visible{outline:3px solid var(--color-accent);outline-offset:3px}#crw-app .crw-win{text-align:center;padding:1.25rem 1rem;border-radius:1rem;border:2px solid var(--g-amber);background:linear-gradient(160deg,color-mix(in srgb,var(--g-amber) 20%,var(--color-bg-surface)),color-mix(in srgb,var(--g-sky) 12%,var(--color-bg-surface)));animation:crw-pop .45s ease-out}#crw-app .crw-win[hidden]{display:none}#crw-app .crw-confetti{display:flex;justify-content:center;gap:.75rem;font-size:1.6rem;margin-bottom:.5rem}#crw-app .crw-confetti span{display:inline-block;animation:crw-bob 1.6s ease-in-out infinite}#crw-app .crw-confetti span:nth-child(1){color:var(--g-sky)}#crw-app .crw-confetti span:nth-child(2){color:var(--g-rose);animation-delay:.2s}#crw-app .crw-confetti span:nth-child(3){color:var(--g-amber);animation-delay:.4s}#crw-app .crw-confetti span:nth-child(4){color:var(--g-violet);animation-delay:.6s}#crw-app .crw-confetti span:nth-child(5){color:var(--g-sky);animation-delay:.8s}#crw-app .crw-win[data-won=false] .crw-confetti{display:none}@keyframes crw-pop{0%{transform:scale(.94);opacity:.2}to{transform:scale(1);opacity:1}}@keyframes crw-flipin{0%{transform:scale(.85);opacity:.3}to{transform:scale(1);opacity:1}}@keyframes crw-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@media(prefers-reduced-motion:reduce){#crw-app *,#crw-app *:before,#crw-app *:after{transition:none!important;animation:none!important}}#crw-app .crw-how>summary{min-height:2rem;padding-block:.375rem;box-sizing:border-box}#dm-app{--g-sky: var(--color-accent);--g-teal: color-mix(in oklch, var(--color-accent) 50%, var(--color-accent-success));--g-green: var(--color-accent-success);--g-lime: color-mix(in oklch, var(--color-accent-success) 50%, var(--color-accent-warm));--g-amber: var(--color-accent-warm);--g-orange: color-mix(in oklch, var(--color-accent-warm) 50%, var(--color-accent-danger));--g-rose: var(--color-accent-danger);--g-violet: color-mix(in oklch, var(--color-accent) 50%, var(--color-accent-danger));--dm-hue-a: var(--g-teal);--dm-hue-g: var(--g-green);--dm-hue-o: var(--g-orange);--dm-table-a: color-mix(in oklch, var(--dm-hue-a) 22%, var(--color-bg-surface));--dm-table-b: color-mix(in oklch, var(--dm-hue-g) 12%, var(--color-bg-surface));--dm-ivory: color-mix(in srgb, var(--color-text-primary) 92%, var(--g-amber));--dm-edge: color-mix(in srgb, var(--color-text-primary) 45%, var(--color-bg-base));--dm-ink: color-mix(in oklch, var(--g-sky) 22%, var(--color-bg-base));--dm-pip-1: color-mix(in oklch, var(--g-sky) 62%, var(--color-bg-base));--dm-pip-2: color-mix(in oklch, var(--dm-hue-g) 58%, var(--color-bg-base));--dm-pip-3: color-mix(in oklch, var(--g-amber) 62%, var(--color-bg-base));--dm-pip-4: color-mix(in oklch, var(--g-rose) 58%, var(--color-bg-base));--dm-pip-5: color-mix(in oklch, var(--g-violet) 62%, var(--color-bg-base));--dm-pip-6: color-mix(in oklch, var(--dm-hue-o) 62%, var(--color-bg-base));--dm-glow: var(--g-amber);container-type:inline-size}#dm-app .dm-label,#dm-app .dm-k{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-secondary)}#dm-app .dm-controls{display:grid;gap:.875rem;grid-template-columns:minmax(0,1fr);align-items:end}#dm-app .dm-actions{display:flex;flex-wrap:wrap;gap:.5rem}@container (min-width: 640px){#dm-app .dm-controls{grid-template-columns:repeat(3,minmax(0,1fr))}#dm-app .dm-actions{grid-column:1 / -1}}#dm-app .dm-stats{display:flex;flex-wrap:wrap;gap:.25rem 1.25rem;font-size:.8rem}#dm-app .dm-stats .dm-v{font-family:var(--font-mono);font-weight:600;color:var(--color-text-primary)}#dm-app .dm-h{font-family:var(--font-display);font-size:1rem;color:var(--color-text-primary);margin:0}#dm-app .dm-board{--hs: 26px;display:grid;gap:.75rem}@container (min-width: 560px){#dm-app .dm-board{--hs: 30px}}#dm-app .dm-board[inert]{opacity:.85}#dm-app .dm-felt{border:1px solid var(--color-border);border-radius:1rem;padding:.75rem;background:linear-gradient(160deg,var(--dm-table-a),var(--dm-table-b));box-shadow:inset 0 1px color-mix(in srgb,var(--color-text-primary) 12%,transparent)}#dm-app .dm-seat{display:inline-block;min-width:128px;padding:.5rem .625rem;border-radius:.75rem;border:2px solid transparent;background:color-mix(in srgb,var(--color-bg-base) 45%,transparent)}#dm-app .dm-seat[data-turn=true]{border-color:var(--g-amber);background:color-mix(in srgb,var(--g-amber) 14%,var(--color-bg-base))}#dm-app .dm-seat-name{margin:0;font-family:var(--font-display);font-size:.95rem;color:var(--color-text-primary);display:flex;gap:.5rem;align-items:baseline}#dm-app .dm-think{font-family:var(--font-mono);font-size:11px;color:var(--g-amber);min-height:1em}#dm-app .dm-think[data-on=true]:after{content:"...";display:inline-block;width:1.2em;text-align:left;animation:dm-dots 1.2s steps(4,end) infinite;overflow:hidden;vertical-align:bottom}#dm-app .dm-fan{display:flex;gap:3px;margin:.4rem 0 .25rem;min-height:34px;flex-wrap:wrap}#dm-app .dm-fan .dm-tile{--hs: 17px;width:17px;height:34px}#dm-app .dm-seat-info{margin:0;font-size:12px;color:var(--color-text-secondary)}#dm-app .dm-ends{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;justify-content:center;margin:.75rem 0 .5rem}#dm-app .dm-end{margin:0;display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:var(--color-text-secondary)}#dm-app .dm-endname{font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.1em}#dm-app .dm-endval{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--font-mono);font-weight:700;font-size:1.1rem;color:var(--color-text-primary)}#dm-app .dm-endval .dm-half{--hs: 26px;width:26px;height:26px;border-radius:6px;background:var(--dm-ivory);border:1px solid var(--dm-edge)}#dm-app .dm-chain{display:flex;flex-wrap:wrap;gap:4px;justify-content:center;min-height:calc(var(--hs) + 8px);padding:4px 0}#dm-app .dm-say{margin:.5rem 0 0;min-height:1.4em;font-size:1rem;line-height:1.4;color:var(--color-text-primary)}#dm-app .dm-log{margin:.5rem 0 0;padding:0;list-style:none;display:grid;gap:2px;font-size:12px;color:var(--color-text-secondary)}#dm-app .dm-log li:nth-child(n+4){display:none}@container (min-width: 600px){#dm-app .dm-log li:nth-child(n+4){display:list-item}#dm-app .dm-log li:nth-child(n+7){display:none}}#dm-app .dm-tile{position:relative;display:grid;grid-template-columns:1fr 1fr;box-sizing:border-box;flex:none;overflow:hidden;width:calc(var(--hs) * 2);height:var(--hs);border-radius:calc(var(--hs) * .24);background:linear-gradient(180deg,var(--dm-ivory),color-mix(in srgb,var(--dm-ivory) 86%,var(--dm-edge)));border:1px solid var(--dm-edge);box-shadow:0 2px 5px color-mix(in srgb,var(--color-bg-base) 55%,transparent)}#dm-app .dm-tile[data-end]{outline:2px solid var(--dm-glow);outline-offset:1px}#dm-app .dm-half{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);place-items:center;box-sizing:border-box;padding:13%;--pip: var(--dm-pip-1)}#dm-app .dm-half+.dm-half{border-left:2px solid color-mix(in srgb,var(--dm-ink) 40%,transparent)}#dm-app .dm-half[data-n="1"]{--pip: var(--dm-pip-1)}#dm-app .dm-half[data-n="2"]{--pip: var(--dm-pip-2)}#dm-app .dm-half[data-n="3"]{--pip: var(--dm-pip-3)}#dm-app .dm-half[data-n="4"]{--pip: var(--dm-pip-4)}#dm-app .dm-half[data-n="5"]{--pip: var(--dm-pip-5)}#dm-app .dm-half[data-n="6"]{--pip: var(--dm-pip-6)}#dm-app .dm-pip{width:76%;aspect-ratio:1;border-radius:50%;background:var(--pip);box-shadow:inset 0 -1px 1px color-mix(in srgb,var(--color-bg-base) 35%,transparent)}#dm-app .dm-pip[data-c="0"]{grid-area:1 / 1}#dm-app .dm-pip[data-c="1"]{grid-area:1 / 2}#dm-app .dm-pip[data-c="2"]{grid-area:1 / 3}#dm-app .dm-pip[data-c="3"]{grid-area:2 / 1}#dm-app .dm-pip[data-c="4"]{grid-area:2 / 2}#dm-app .dm-pip[data-c="5"]{grid-area:2 / 3}#dm-app .dm-pip[data-c="6"]{grid-area:3 / 1}#dm-app .dm-pip[data-c="7"]{grid-area:3 / 2}#dm-app .dm-pip[data-c="8"]{grid-area:3 / 3}#dm-app .dm-tile[data-back=true]{display:block;background:linear-gradient(180deg,color-mix(in oklch,var(--dm-hue-a) 55%,var(--color-bg-elevated)),color-mix(in oklch,var(--dm-hue-a) 30%,var(--color-bg-elevated)));border-color:var(--dm-ivory)}#dm-app .dm-tile[data-back=true]:after{content:"";position:absolute;left:15%;right:15%;top:50%;height:2px;background:var(--dm-ivory)}#dm-app .dm-you{border:1px solid var(--color-border);border-radius:1rem;padding:.75rem;background:var(--color-bg-surface)}#dm-app .dm-youhead{display:flex;flex-wrap:wrap;gap:.5rem 1rem;align-items:baseline;justify-content:space-between}#dm-app .dm-mycount{margin:0;font-size:12px;color:var(--color-text-secondary)}#dm-app .dm-hand{display:flex;flex-wrap:wrap;gap:8px;margin:.625rem 0 .5rem;padding-top:8px;min-height:64px}#dm-app .dm-ht{--hs: 40px;display:inline-flex;flex-direction:column;align-items:center;gap:3px;margin:0;padding:5px 5px 3px;box-sizing:border-box;cursor:pointer;font:inherit;color:inherit;background:transparent;border:2px solid transparent;border-radius:12px;min-width:56px;min-height:44px;-webkit-tap-highlight-color:transparent;transition:transform .12s ease}#dm-app .dm-ht .dm-tile{box-shadow:0 2px 5px color-mix(in srgb,var(--color-bg-base) 55%,transparent)}#dm-app .dm-ht[data-playable=true]{transform:translateY(-6px);border-color:var(--dm-glow);background:color-mix(in srgb,var(--dm-glow) 16%,transparent)}#dm-app .dm-ht[data-playable=false] .dm-tile{filter:saturate(.5) brightness(.78)}#dm-app .dm-ht[data-pending=true]{transform:translateY(-10px);border-style:dashed}#dm-app .dm-cap{font-family:var(--font-mono);font-size:11px;line-height:14px;min-height:14px;color:var(--color-text-primary)}#dm-app .dm-ht:focus-visible,#dm-app .dm-draw:focus-visible,#dm-app .dm-sidebtn:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px}#dm-app [aria-disabled=true].dm-ht{cursor:not-allowed}#dm-app .dm-prompt{margin:0 0 .5rem;font-size:.95rem;color:var(--color-text-primary);min-height:1.4em}#dm-app .dm-pick{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:.5rem}#dm-app .dm-pick[hidden]{display:none}#dm-app .dm-sidebtn{flex:1 1 130px;min-height:56px;min-width:56px;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-size:1rem}#dm-app .dm-sb-val{font-family:var(--font-mono);font-weight:700;font-size:1.2rem;color:var(--g-amber)}#dm-app .dm-draw{min-height:56px;width:100%;max-width:20rem}#dm-app .dm-draw[hidden]{display:none}#dm-app .dm-draw[data-ready=true]{animation:dm-nudge 1.6s ease-in-out infinite}#dm-app .dm-draw[aria-disabled=true]{opacity:.5;cursor:default}#dm-app .dm-win{text-align:center;padding:1.25rem 1rem;border-radius:1rem;border:2px solid var(--g-amber);background:linear-gradient(160deg,color-mix(in srgb,var(--g-amber) 16%,var(--color-bg-surface)),color-mix(in srgb,var(--dm-hue-a) 16%,var(--color-bg-surface)));animation:dm-pop .45s ease-out}#dm-app .dm-win[hidden],#dm-app .dm-win button[hidden]{display:none}#dm-app .dm-confetti{display:flex;justify-content:center;gap:.6rem;margin-bottom:.6rem}#dm-app .dm-confetti span{display:inline-block;width:18px;height:18px;border-radius:50%;animation:dm-bob 1.6s ease-in-out infinite}#dm-app .dm-confetti span[data-n="1"]{background:var(--dm-pip-1)}#dm-app .dm-confetti span[data-n="2"]{background:var(--dm-pip-2);animation-delay:.15s}#dm-app .dm-confetti span[data-n="3"]{background:var(--dm-pip-3);animation-delay:.3s}#dm-app .dm-confetti span[data-n="4"]{background:var(--dm-pip-4);animation-delay:.45s}#dm-app .dm-confetti span[data-n="5"]{background:var(--dm-pip-5);animation-delay:.6s}#dm-app .dm-confetti span[data-n="6"]{background:var(--dm-pip-6);animation-delay:.75s}#dm-app .dm-win[data-won=false] .dm-confetti{display:none}@keyframes dm-pop{0%{transform:scale(.94);opacity:.2}to{transform:scale(1);opacity:1}}@keyframes dm-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes dm-dots{0%{width:0}to{width:1.2em}}@keyframes dm-nudge{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@media(prefers-reduced-motion:reduce){#dm-app *,#dm-app *:before,#dm-app *:after{transition:none!important;animation:none!important}#dm-app .dm-think[data-on=true]:after{width:1.2em}}#dm-app .dm-how>summary{min-height:2rem;padding-block:.375rem;box-sizing:border-box}#snl-app{container-type:inline-size;--g-sky: var(--color-accent);--g-teal: color-mix(in oklch, var(--color-accent) 50%, var(--color-accent-success));--g-green: var(--color-accent-success);--g-lime: color-mix(in oklch, var(--color-accent-success) 50%, var(--color-accent-warm));--g-amber: var(--color-accent-warm);--g-orange: color-mix(in oklch, var(--color-accent-warm) 50%, var(--color-accent-danger));--g-rose: var(--color-accent-danger);--g-violet: color-mix(in oklch, var(--color-accent) 50%, var(--color-accent-danger));--snl-ink: var(--color-bg-base)}.theme-light #snl-app{--snl-ink: var(--color-text-primary)}#snl-app .snl-label{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-secondary)}#snl-app .snl-controls{display:grid;gap:.75rem;grid-template-columns:repeat(2,minmax(0,1fr));align-items:end}@container (min-width: 640px){#snl-app .snl-controls{grid-template-columns:repeat(4,minmax(0,1fr))}}#snl-app .snl-select{min-height:2.75rem}#snl-app .snl-select:disabled{opacity:.5;cursor:not-allowed}#snl-app .snl-check{grid-column:1 / -1;display:flex;align-items:center;gap:.6rem;min-height:2.75rem;cursor:pointer;font-size:.85rem;color:var(--color-text-primary)}#snl-app .snl-checkbox{width:1.4rem;height:1.4rem;flex:none;accent-color:var(--color-accent);cursor:pointer}#snl-app .snl-checkbox:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}#snl-app .snl-v{font-family:var(--font-mono);font-weight:600;color:var(--color-text-primary)}#snl-app .snl-layout{display:grid;gap:1.25rem;grid-template-columns:minmax(0,1fr)}@container (min-width: 760px){#snl-app .snl-layout{grid-template-columns:minmax(0,1fr) minmax(0,340px);grid-template-rows:auto 1fr;grid-template-areas:"board top" "board rest";align-items:start}#snl-app .snl-boardcol{grid-area:board}#snl-app .snl-top{grid-area:top}#snl-app .snl-rest{grid-area:rest}}#snl-app .snl-panel,#snl-app .snl-boardcol{display:grid;gap:.875rem;min-width:0;align-content:start}#snl-app .snl-turn{font-size:1.15rem;line-height:1.3;color:var(--color-text-primary);min-height:1.5rem}#snl-app .snl-rollrow{display:flex;align-items:center;gap:1rem}#snl-app .snl-rollbtn{flex:1 1 auto;min-height:3.5rem;font-size:1.05rem;padding:.75rem 1rem;touch-action:manipulation}#snl-app .snl-rollbtn[aria-disabled=true]{opacity:.55;cursor:not-allowed;filter:none;transform:none}#snl-app .snl-rollbtn:focus-visible,#snl-app .snl-small:focus-visible{outline:3px solid var(--color-text-primary);outline-offset:3px}#snl-app .snl-small{min-height:2.75rem;padding:.5rem 1rem;touch-action:manipulation}#snl-app .snl-die{--hue: var(--g-amber);--hue2: var(--g-orange);flex:none;width:4.5rem;height:4.5rem;box-sizing:border-box;padding:.6rem;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:.1rem;border-radius:1rem;border:2px solid var(--color-bg-base);background:linear-gradient(145deg,var(--hue) 0%,color-mix(in oklch,var(--hue) 70%,var(--hue2)) 100%);box-shadow:0 4px 14px color-mix(in srgb,var(--hue) 30%,transparent),inset 0 2px color-mix(in srgb,var(--color-text-primary) 35%,transparent)}#snl-app .snl-pip{place-self:center;width:.8rem;height:.8rem;border-radius:50%;background:var(--snl-ink);opacity:0}#snl-app .snl-pip[data-on=true]{opacity:1}#snl-app .snl-banner{--hue: var(--g-green);display:flex;align-items:center;justify-content:center;gap:.6rem;padding:.7rem .9rem;text-align:center;border:2px solid var(--hue);border-radius:1rem;font-family:var(--font-display);font-size:1.05rem;color:var(--color-text-primary);background:linear-gradient(135deg,color-mix(in srgb,var(--hue) 26%,var(--color-bg-elevated)),color-mix(in srgb,var(--g-amber) 20%,var(--color-bg-elevated)))}#snl-app .snl-star{color:var(--g-amber);font-size:1.25rem}#snl-app .snl-plist{list-style:none;margin:0;padding:0;display:grid;gap:.4rem}#snl-app .snl-prow{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.6rem;min-height:2.75rem;box-sizing:border-box;padding:.3rem .6rem;border:2px solid var(--color-border-subtle);border-radius:.9rem;background:var(--color-bg-surface)}#snl-app .snl-prow[hidden]{display:none}#snl-app .snl-prow[data-active=true]{border-color:var(--hue);background:color-mix(in srgb,var(--hue) 14%,var(--color-bg-surface))}#snl-app .snl-pname{font-size:.85rem;color:var(--color-text-primary);overflow-wrap:anywhere}#snl-app .snl-ppos{font-family:var(--font-mono);font-size:.8rem;color:var(--color-text-secondary);white-space:nowrap}#snl-app .snl-prow[data-p="0"],#snl-app .snl-badge[data-p="0"],#snl-app .snl-token[data-p="0"]{--hue: var(--g-sky)}#snl-app .snl-prow[data-p="1"],#snl-app .snl-badge[data-p="1"],#snl-app .snl-token[data-p="1"]{--hue: var(--g-rose)}#snl-app .snl-prow[data-p="2"],#snl-app .snl-badge[data-p="2"],#snl-app .snl-token[data-p="2"]{--hue: var(--g-violet)}#snl-app .snl-prow[data-p="3"],#snl-app .snl-badge[data-p="3"],#snl-app .snl-token[data-p="3"]{--hue: var(--g-green)}#snl-app .snl-badge{display:grid;place-items:center;width:1.9rem;height:1.9rem;background:var(--hue);color:var(--snl-ink);font-family:var(--font-mono);font-weight:700;font-size:.9rem;line-height:1}#snl-app .snl-badge[data-p="0"]{border-radius:50%}#snl-app .snl-badge[data-p="1"]{border-radius:.35rem}#snl-app .snl-badge[data-p="2"]{clip-path:polygon(50% 2%,100% 96%,0% 96%);padding-top:.5rem;box-sizing:border-box}#snl-app .snl-badge[data-p="3"]{clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%)}#snl-app .snl-boardwrap{width:100%;max-width:560px}#snl-app .snl-svg{display:block;width:100%;height:auto;aspect-ratio:100 / 110}#snl-app .snl-cell{stroke:var(--color-bg-base);stroke-width:.25;fill:color-mix(in srgb,var(--hue) 24%,var(--color-bg-elevated))}#snl-app .snl-cell[data-alt="1"]{fill:color-mix(in srgb,var(--hue) 36%,var(--color-bg-elevated))}#snl-app .snl-cell[data-row="0"]{--hue: var(--g-sky)}#snl-app .snl-cell[data-row="1"]{--hue: var(--g-teal)}#snl-app .snl-cell[data-row="2"]{--hue: var(--g-green)}#snl-app .snl-cell[data-row="3"]{--hue: var(--g-lime)}#snl-app .snl-cell[data-row="4"]{--hue: var(--g-amber)}#snl-app .snl-cell[data-row="5"]{--hue: var(--g-orange)}#snl-app .snl-cell[data-row="6"]{--hue: var(--g-rose)}#snl-app .snl-cell[data-row="7"]{--hue: var(--g-violet)}#snl-app .snl-cell[data-row="8"]{--hue: var(--g-sky)}#snl-app .snl-cell[data-row="9"]{--hue: var(--g-teal)}#snl-app .snl-num{fill:var(--color-text-primary);stroke:var(--color-bg-base);stroke-width:.7px;paint-order:stroke;stroke-linejoin:round;font-family:var(--font-mono);font-size:3.1px;font-weight:600}#snl-app .snl-note{fill:var(--color-text-secondary);font-family:var(--font-mono);font-size:3.4px}#snl-app .snl-finish{fill:var(--g-amber);font-size:4.2px}#snl-app .snl-shadow{fill:none;stroke:var(--color-bg-base);stroke-opacity:.6;stroke-linecap:round;stroke-linejoin:round}#snl-app .snl-rail{stroke:var(--g-amber);stroke-width:1.15;stroke-linecap:round;fill:none}#snl-app .snl-rung{stroke:var(--g-amber);stroke-width:.85;stroke-linecap:round;fill:none}#snl-app .snl-snake[data-v="0"]{--hue: var(--g-lime)}#snl-app .snl-snake[data-v="1"]{--hue: var(--g-orange)}#snl-app .snl-body{fill:none;stroke:var(--hue);stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round}#snl-app .snl-dots{fill:none;stroke:var(--snl-ink);stroke-width:1;stroke-linecap:round;stroke-dasharray:.1 3.4}#snl-app .snl-head{fill:var(--hue);stroke:var(--color-bg-base);stroke-width:.5}#snl-app .snl-eye{fill:var(--snl-ink)}#snl-app .snl-shape{fill:var(--hue);stroke:var(--color-bg-base);stroke-width:.6;stroke-linejoin:round}#snl-app .snl-tnum{fill:var(--snl-ink);font-family:var(--font-mono);font-size:2.8px;font-weight:700;text-anchor:middle}#snl-app .snl-token[data-active=true] .snl-shape{stroke:var(--color-text-primary);stroke-width:.9}#snl-app [hidden]{display:none}#snl-app .snl-how>summary{box-sizing:border-box;min-height:2rem;padding-block:.375rem}@media(prefers-reduced-motion:no-preference){#snl-app .snl-die[data-roll=a]{animation:snl-tumble-a .42s ease-out}#snl-app .snl-die[data-roll=b]{animation:snl-tumble-b .42s ease-out}@keyframes snl-tumble-a{0%{transform:rotate(-16deg) scale(.88)}60%{transform:rotate(8deg) scale(1.06)}to{transform:rotate(0) scale(1)}}@keyframes snl-tumble-b{0%{transform:rotate(-16deg) scale(.88)}60%{transform:rotate(8deg) scale(1.06)}to{transform:rotate(0) scale(1)}}#snl-app .snl-banner{animation:snl-rise .5s ease-out}@keyframes snl-rise{0%{transform:translateY(8px) scale(.96)}to{transform:translateY(0) scale(1)}}#snl-app .snl-star{display:inline-block;animation:snl-twinkle 1.6s ease-in-out infinite}@keyframes snl-twinkle{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.25) rotate(18deg)}}}#pgd-app{container-type:inline-size;--g-sky: var(--color-accent);--g-teal: color-mix(in oklch, var(--color-accent) 50%, var(--color-accent-success));--g-green: var(--color-accent-success);--g-lime: color-mix(in oklch, var(--color-accent-success) 50%, var(--color-accent-warm));--g-amber: var(--color-accent-warm);--g-orange: color-mix(in oklch, var(--color-accent-warm) 50%, var(--color-accent-danger));--g-rose: var(--color-accent-danger);--g-violet: color-mix(in oklch, var(--color-accent) 50%, var(--color-accent-danger));--pgd-ink: var(--color-bg-base)}.theme-light #pgd-app{--pgd-ink: var(--color-text-primary)}.theme-light #pgd-app .pgd-oops{color:color-mix(in oklch,var(--g-rose) 40%,var(--color-text-primary))}#pgd-app .pgd-label,#pgd-app .pgd-k{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-secondary)}#pgd-app .pgd-controls{display:grid;gap:.75rem;grid-template-columns:repeat(2,minmax(0,1fr));align-items:end}@container (min-width: 600px){#pgd-app .pgd-controls{grid-template-columns:repeat(3,minmax(0,1fr))}}#pgd-app .pgd-select{min-height:2.75rem}#pgd-app .pgd-select:disabled{opacity:.5;cursor:not-allowed}#pgd-app .pgd-main{display:grid;gap:1rem;grid-template-columns:minmax(0,1fr);max-width:36rem}#pgd-app .pgd-scores{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}#pgd-app .pgd-card{min-width:0;padding:.7rem .8rem;border-radius:1rem;border:2px solid var(--color-border-subtle);background:var(--color-bg-surface);display:grid;gap:.35rem;align-content:start}#pgd-app .pgd-card[data-seat="0"]{--hue: var(--g-sky)}#pgd-app .pgd-card[data-seat="1"]{--hue: var(--g-violet)}#pgd-app .pgd-card[data-active=true]{border-color:var(--hue);background:color-mix(in srgb,var(--hue) 14%,var(--color-bg-surface))}#pgd-app .pgd-name{font-size:.85rem;color:var(--color-text-primary);overflow-wrap:anywhere}#pgd-app .pgd-score{font-family:var(--font-mono);font-weight:700;font-size:2.2rem;line-height:1;color:var(--color-text-primary)}#pgd-app .pgd-of{font-size:.75rem;font-weight:500;color:var(--color-text-secondary)}#pgd-app .pgd-bar{height:.7rem;border-radius:999px;overflow:hidden;box-sizing:border-box;background:color-mix(in srgb,var(--hue) 12%,var(--color-bg-base));border:1px solid color-mix(in srgb,var(--hue) 55%,var(--color-bg-base))}#pgd-app .pgd-fill{--hue2: var(--g-lime);display:block;height:100%;width:calc(var(--p, 0) * 1%);border-radius:999px;background:linear-gradient(90deg,var(--hue),color-mix(in oklch,var(--hue) 55%,var(--hue2)))}#pgd-app .pgd-stage{display:grid;gap:.9rem;align-content:start}#pgd-app .pgd-turnline{font-size:1.15rem;line-height:1.3;color:var(--color-text-primary);min-height:1.5rem}#pgd-app .pgd-row{display:flex;align-items:center;gap:1.1rem}#pgd-app .pgd-die{--hue: var(--g-amber);--hue2: var(--g-orange);flex:none;width:6rem;height:6rem;box-sizing:border-box;padding:.85rem;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:.15rem;border-radius:1.3rem;border:3px solid var(--color-bg-base);background:linear-gradient(145deg,var(--hue) 0%,color-mix(in oklch,var(--hue) 70%,var(--hue2)) 100%);box-shadow:0 6px 18px color-mix(in srgb,var(--hue) 30%,transparent),inset 0 2px color-mix(in srgb,var(--color-text-primary) 35%,transparent)}#pgd-app .pgd-die[data-oops=true]{outline:4px solid var(--g-rose);outline-offset:2px}#pgd-app .pgd-pip{place-self:center;width:1.05rem;height:1.05rem;border-radius:50%;background:var(--pgd-ink);opacity:0}#pgd-app .pgd-pip[data-on=true]{opacity:1}#pgd-app .pgd-totalbox{display:grid;gap:.2rem;min-width:0}#pgd-app .pgd-total{font-family:var(--font-mono);font-weight:700;font-size:3rem;line-height:1;color:var(--color-text-primary)}#pgd-app .pgd-oops{font-size:.85rem;font-weight:600;color:var(--g-rose)}#pgd-app .pgd-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}#pgd-app .pgd-btn{min-height:3.75rem;font-size:1.15rem;padding:.75rem .5rem;touch-action:manipulation}#pgd-app .pgd-bank{--hue: var(--g-green);--hue2: var(--g-teal);background:linear-gradient(145deg,var(--hue),color-mix(in oklch,var(--hue) 70%,var(--hue2)));color:var(--pgd-ink);border-color:var(--hue);font-weight:700}#pgd-app .pgd-bank:hover{color:var(--pgd-ink);background-color:var(--hue);filter:brightness(1.08)}#pgd-app .pgd-btn[aria-disabled=true]{opacity:.5;cursor:not-allowed;filter:none;transform:none}#pgd-app .pgd-btn:focus-visible,#pgd-app .pgd-small:focus-visible{outline:3px solid var(--color-text-primary);outline-offset:3px}#pgd-app .pgd-small{min-height:2.75rem;padding:.5rem 1rem;touch-action:manipulation}#pgd-app .pgd-banner{--hue: var(--g-green);display:flex;align-items:center;justify-content:center;gap:.6rem;padding:.7rem .9rem;text-align:center;border:2px solid var(--hue);border-radius:1rem;font-family:var(--font-display);font-size:1.05rem;color:var(--color-text-primary);background:linear-gradient(135deg,color-mix(in srgb,var(--hue) 26%,var(--color-bg-elevated)),color-mix(in srgb,var(--g-amber) 20%,var(--color-bg-elevated)))}#pgd-app .pgd-star{color:var(--g-amber);font-size:1.25rem}#pgd-app .pgd-v{font-family:var(--font-mono);font-weight:600;color:var(--color-text-primary)}#pgd-app [hidden]{display:none}#pgd-app .pgd-how>summary{box-sizing:border-box;min-height:2rem;padding-block:.375rem}@media(prefers-reduced-motion:no-preference){#pgd-app .pgd-die[data-roll=a]{animation:pgd-tumble-a .42s ease-out}#pgd-app .pgd-die[data-roll=b]{animation:pgd-tumble-b .42s ease-out}@keyframes pgd-tumble-a{0%{transform:rotate(-18deg) scale(.86)}60%{transform:rotate(9deg) scale(1.07)}to{transform:rotate(0) scale(1)}}@keyframes pgd-tumble-b{0%{transform:rotate(-18deg) scale(.86)}60%{transform:rotate(9deg) scale(1.07)}to{transform:rotate(0) scale(1)}}#pgd-app .pgd-banner{animation:pgd-rise .5s ease-out}@keyframes pgd-rise{0%{transform:translateY(8px) scale(.96)}to{transform:translateY(0) scale(1)}}#pgd-app .pgd-star{display:inline-block;animation:pgd-twinkle 1.6s ease-in-out infinite}@keyframes pgd-twinkle{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.25) rotate(18deg)}}}#bs-app{container-type:inline-size;--g-sky: var(--color-accent);--g-teal: color-mix(in oklch, var(--color-accent) 50%, var(--color-accent-success));--g-green: var(--color-accent-success);--g-lime: color-mix(in oklch, var(--color-accent-success) 50%, var(--color-accent-warm));--g-amber: var(--color-accent-warm);--g-orange: color-mix(in oklch, var(--color-accent-warm) 50%, var(--color-accent-danger));--g-rose: var(--color-accent-danger);--g-violet: color-mix(in oklch, var(--color-accent) 50%, var(--color-accent-danger));--bs-ink: var(--color-bg-base)}.theme-light #bs-app{--bs-ink: var(--color-text-primary)}#bs-app .bs-label,#bs-app .bs-k{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-secondary)}#bs-app .bs-controls{display:grid;gap:.875rem;grid-template-columns:minmax(0,1fr);align-items:end}@container (min-width: 600px){#bs-app .bs-controls{grid-template-columns:minmax(0,14rem) minmax(0,1fr)}}#bs-app .bs-select{min-height:2.75rem}#bs-app .bs-actions{display:flex;flex-wrap:wrap;gap:.5rem}#bs-app .bs-btn{min-height:2.75rem;padding:.5rem 1.1rem;font-size:.9rem;touch-action:manipulation}#bs-app .bs-btn:focus-visible,#bs-app .bs-move:focus-visible{outline:3px solid var(--color-text-primary);outline-offset:3px}#bs-app .bs-layout{display:grid;gap:1.25rem;grid-template-columns:minmax(0,1fr)}@container (min-width: 760px){#bs-app .bs-layout{grid-template-columns:minmax(0,420px) minmax(0,1fr);align-items:start}}#bs-app .bs-main{display:grid;gap:.75rem;min-width:0;align-content:start}#bs-app .bs-stats{display:flex;flex-wrap:wrap;gap:.25rem 1.25rem;font-size:.85rem}#bs-app .bs-v{font-family:var(--font-mono);font-weight:700;color:var(--color-text-primary)}#bs-app #bs-lives{color:var(--g-rose);letter-spacing:.1em}#bs-app .bs-area{--hue: var(--g-violet);width:100%;max-width:420px;box-sizing:border-box;overflow:hidden;border:2px solid color-mix(in srgb,var(--hue) 55%,var(--color-border));border-radius:1rem;background:var(--color-bg-surface)}#bs-app .bs-area:focus-visible{outline:3px solid var(--color-accent);outline-offset:3px}#bs-app .bs-canvas{display:block;width:100%;height:auto;aspect-ratio:3 / 4;touch-action:none;user-select:none;-webkit-user-select:none}#bs-app .bs-pad{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;max-width:420px}#bs-app .bs-move{min-height:3.5rem;border-radius:1rem;font-size:1.3rem;line-height:1;display:grid;place-items:center;touch-action:none;user-select:none;-webkit-user-select:none}#bs-app .bs-legend{list-style:none;margin:0;padding:0;display:grid;gap:.5rem;font-size:.8rem;color:var(--color-text-secondary)}#bs-app .bs-icon{--hue: var(--g-sky);display:inline-grid;place-items:center;min-width:1.7rem;height:1.7rem;margin-right:.4rem;vertical-align:middle;background:var(--hue);color:var(--bs-ink);font-weight:700;font-size:.95rem;line-height:1}#bs-app .bs-icon-wide{--hue: var(--g-sky);clip-path:polygon(25% 5%,75% 5%,100% 50%,75% 95%,25% 95%,0% 50%)}#bs-app .bs-icon-slow{--hue: var(--g-violet);border-radius:50%}#bs-app .bs-icon-extra{--hue: var(--g-amber);border-radius:.35rem;letter-spacing:-.1em}#bs-app .bs-how>summary{box-sizing:border-box;min-height:2rem;padding-block:.375rem}#pe-app{container-type:inline-size;--g-sky: var(--color-accent);--g-teal: color-mix(in oklch, var(--color-accent) 50%, var(--color-accent-success));--g-green: var(--color-accent-success);--g-lime: color-mix(in oklch, var(--color-accent-success) 50%, var(--color-accent-warm));--g-amber: var(--color-accent-warm);--g-orange: color-mix(in oklch, var(--color-accent-warm) 50%, var(--color-accent-danger));--g-rose: var(--color-accent-danger);--g-violet: color-mix(in oklch, var(--color-accent) 50%, var(--color-accent-danger));--pe-ink: var(--color-bg-base)}.theme-light #pe-app{--pe-ink: var(--color-text-primary)}.theme-light #pe-app .pe-shape{fill:color-mix(in oklch,var(--hue) 40%,var(--color-text-primary))}#pe-app .pe-label,#pe-app .pe-k{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-secondary)}#pe-app .pe-controls{display:grid;gap:.875rem;grid-template-columns:minmax(0,1fr);align-items:end}@container (min-width: 640px){#pe-app .pe-controls{grid-template-columns:minmax(0,14rem) minmax(0,1fr)}}#pe-app .pe-select{min-height:2.75rem}#pe-app .pe-actions{display:flex;flex-wrap:wrap;gap:.5rem}#pe-app .pe-btn{min-height:2.75rem;padding:.5rem 1rem;font-size:.85rem;touch-action:manipulation}#pe-app .pe-btn[aria-disabled=true]{opacity:.5;cursor:not-allowed}#pe-app .pe-btn[aria-pressed=true]{--hue: var(--g-green);border-color:var(--hue);background-color:color-mix(in srgb,var(--hue) 18%,var(--color-bg-elevated))}#pe-app .pe-btn:focus-visible{outline:3px solid var(--color-text-primary);outline-offset:3px}#pe-app .pe-layout{display:grid;gap:1.25rem;grid-template-columns:minmax(0,1fr)}@container (min-width: 760px){#pe-app .pe-layout{grid-template-columns:minmax(0,26rem) minmax(0,1fr);align-items:start}}#pe-app .pe-stage{display:grid;gap:.75rem;min-width:0;align-content:start}#pe-app .pe-stats{display:flex;flex-wrap:wrap;gap:.25rem 1.5rem;font-size:.85rem}#pe-app .pe-v{font-family:var(--font-mono);font-weight:700;color:var(--color-text-primary)}#pe-app .pe-ring{position:relative;width:100%;max-width:26rem;aspect-ratio:1;container-type:inline-size;border-radius:50%;background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--g-violet) 14%,var(--color-bg-surface)) 0%,var(--color-bg-surface) 72%)}#pe-app .pe-pad{--hue: var(--g-sky);position:absolute;width:29%;height:29%;box-sizing:border-box;padding:0;margin:0;border-radius:50%;cursor:pointer;display:grid;place-items:center;touch-action:manipulation;user-select:none;-webkit-user-select:none;background:color-mix(in srgb,var(--hue) 30%,var(--color-bg-elevated));border:4px solid color-mix(in srgb,var(--hue) 70%,var(--color-bg-base));color:var(--color-text-primary)}#pe-app .pe-pad[data-i="0"]{--hue: var(--g-sky);left:35.5%;top:1.5%}#pe-app .pe-pad[data-i="1"]{--hue: var(--g-green);left:64.9%;top:18.5%}#pe-app .pe-pad[data-i="2"]{--hue: var(--g-amber);left:64.9%;top:52.5%}#pe-app .pe-pad[data-i="3"]{--hue: var(--g-rose);left:35.5%;top:69.5%}#pe-app .pe-pad[data-i="4"]{--hue: var(--g-violet);left:6.1%;top:52.5%}#pe-app .pe-pad[data-i="5"]{--hue: var(--g-orange);left:6.1%;top:18.5%}#pe-app .pe-pad[aria-disabled=true]{cursor:default}#pe-app .pe-shape{width:50%;height:50%;margin-bottom:12%;fill:var(--hue);pointer-events:none}#pe-app .pe-num{position:absolute;left:0;right:0;bottom:9%;text-align:center;pointer-events:none;font-family:var(--font-mono);font-weight:700;font-size:clamp(11px,5cqw,17px);line-height:1}#pe-app .pe-pad[data-lit=true]{background:var(--hue);outline:5px solid var(--color-text-primary);outline-offset:3px;z-index:2;box-shadow:0 0 22px color-mix(in srgb,var(--hue) 60%,transparent)}#pe-app .pe-pad[data-lit=true] .pe-shape{fill:var(--pe-ink)}#pe-app .pe-pad[data-lit=true] .pe-num{color:var(--pe-ink)}#pe-app .pe-pad[data-wrong=true]{border-style:dashed;border-color:var(--g-rose)}#pe-app .pe-pad[data-wrong=true] .pe-shape{opacity:.45}#pe-app .pe-pad:focus-visible{outline:3px dashed var(--color-text-primary);outline-offset:4px}#pe-app .pe-pad[data-lit=true]:focus-visible{outline:5px solid var(--color-text-primary)}#pe-app .pe-ring[data-cheer=true] .pe-pad,#pe-app .pe-ring[data-win=true] .pe-pad{border-color:var(--hue);box-shadow:0 0 14px color-mix(in srgb,var(--hue) 55%,transparent)}#pe-app .pe-centre{position:absolute;inset:31%;display:grid;place-content:center;text-align:center;gap:.15rem;pointer-events:none}#pe-app .pe-big{font-family:var(--font-mono);font-weight:700;font-size:clamp(1.8rem,13cqw,3.2rem);line-height:1;color:var(--color-text-primary)}#pe-app .pe-word{font-family:var(--font-display);font-size:clamp(.7rem,4.2cqw,1rem);color:var(--color-text-secondary)}#pe-app .pe-dots{display:flex;flex-wrap:wrap;gap:.35rem;min-height:1rem}#pe-app .pe-dot{width:.75rem;height:.75rem;border-radius:50%;border:2px solid var(--color-border);box-sizing:border-box}#pe-app .pe-dot{--hue: var(--g-green)}#pe-app .pe-dot[data-on=true]{background:var(--hue);border-color:var(--hue)}#pe-app .pe-legend{list-style:none;margin:0;padding:0;display:grid;gap:.3rem;font-size:.8rem;color:var(--color-text-secondary)}#pe-app .pe-lnum{--hue: var(--g-sky);display:inline-grid;place-items:center;width:1.4rem;height:1.4rem;border-radius:50%;margin-right:.35rem;background:var(--hue);color:var(--pe-ink);font-family:var(--font-mono);font-weight:700;font-size:.75rem}#pe-app .pe-lnum[data-i="1"]{--hue: var(--g-green)}#pe-app .pe-lnum[data-i="2"]{--hue: var(--g-amber)}#pe-app .pe-lnum[data-i="3"]{--hue: var(--g-rose)}#pe-app .pe-lnum[data-i="4"]{--hue: var(--g-violet)}#pe-app .pe-lnum[data-i="5"]{--hue: var(--g-orange)}#pe-app .pe-how>summary{box-sizing:border-box;min-height:2rem;padding-block:.375rem}@media(prefers-reduced-motion:no-preference){#pe-app .pe-pad{transition:transform 90ms ease-out,box-shadow .12s ease-out}#pe-app .pe-pad[data-lit=true]{transform:scale(1.07)}#pe-app .pe-ring[data-win=true] .pe-pad{animation:pe-glow 2.4s ease-in-out infinite}#pe-app .pe-ring[data-win=true] .pe-pad[data-i="1"]{animation-delay:.4s}#pe-app .pe-ring[data-win=true] .pe-pad[data-i="2"]{animation-delay:.8s}#pe-app .pe-ring[data-win=true] .pe-pad[data-i="3"]{animation-delay:1.2s}#pe-app .pe-ring[data-win=true] .pe-pad[data-i="4"]{animation-delay:1.6s}#pe-app .pe-ring[data-win=true] .pe-pad[data-i="5"]{animation-delay:2s}@keyframes pe-glow{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}}#cp-app{--g-sky: var(--color-accent);--g-teal: color-mix(in oklch, var(--color-accent) 50%, var(--color-accent-success));--g-green: var(--color-accent-success);--g-lime: color-mix(in oklch, var(--color-accent-success) 50%, var(--color-accent-warm));--g-amber: var(--color-accent-warm);--g-orange: color-mix(in oklch, var(--color-accent-warm) 50%, var(--color-accent-danger));--g-rose: var(--color-accent-danger);--g-violet: color-mix(in oklch, var(--color-accent) 50%, var(--color-accent-danger))}#cp-app{container-type:inline-size;--cp-ink: oklch(from var(--g-violet) .24 .04 h);--cp-cream: oklch(from var(--g-amber) .96 .04 h);--cp-air: color-mix(in oklch, var(--g-sky) 55%, var(--cp-cream));--cp-turf: var(--g-green);--cp-grass: var(--g-lime);--cp-grass-hi: color-mix(in oklch, var(--g-lime) 60%, var(--cp-cream));--cp-dirt: color-mix(in oklch, var(--g-orange) 45%, var(--cp-ink));--cp-dirt-hi: color-mix(in oklch, var(--g-orange) 55%, var(--cp-ink));--cp-lilac: color-mix(in oklch, var(--g-violet) 55%, var(--cp-cream));--cp-blush: var(--g-rose);--cp-honey: color-mix(in oklch, var(--g-amber) 80%, var(--cp-dirt));--cp-ember: var(--g-orange);--cp-quill: color-mix(in oklch, var(--g-orange) 35%, var(--cp-ink));--cp-tan: color-mix(in oklch, var(--g-orange) 45%, var(--cp-cream))}#cp-app .cp-label,#cp-app .cp-k{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-secondary)}#cp-app .cp-controls{display:grid;gap:.875rem;grid-template-columns:minmax(0,1fr);align-items:end}#cp-app .cp-actions{display:flex;flex-wrap:wrap;gap:.5rem}#cp-app .cp-btn{min-height:2.75rem}@container (min-width: 520px){#cp-app .cp-controls{grid-template-columns:minmax(0,16rem) auto}}#cp-app .cp-stats{display:flex;flex-wrap:wrap;gap:.25rem 1.25rem;font-size:.8rem}#cp-app .cp-stats .cp-v{font-family:var(--font-mono);font-weight:600;color:var(--color-text-primary)}#cp-app .cp-timebar{height:.5rem;border-radius:999px;overflow:hidden;background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);max-width:36rem;margin-inline:auto}#cp-app .cp-timefill{display:block;height:100%;width:calc(var(--cp-t, 1) * 100%);border-radius:999px;background:linear-gradient(90deg,var(--g-sky),var(--cp-turf))}#cp-app .cp-stage{position:relative;box-sizing:border-box;width:100%;max-width:26rem;margin-inline:auto;padding:.75rem;border-radius:1.25rem;border:2px solid var(--color-border);background:linear-gradient(180deg,var(--cp-air) 0%,var(--cp-grass-hi) 34%,var(--cp-grass) 100%)}#cp-app .cp-stage[data-level=little]{max-width:36rem;padding:.5rem}#cp-app .cp-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem}#cp-app .cp-stage[data-level=little] .cp-board{gap:.25rem}#cp-app .cp-hole{position:relative;display:block;box-sizing:border-box;aspect-ratio:1;width:100%;min-width:3.5rem;min-height:3.5rem;margin:0;padding:0;border:0;border-radius:1rem;background:none;color:inherit;font:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none}#cp-app .cp-hole:focus-visible{outline:3px solid var(--cp-ink);outline-offset:1px;box-shadow:0 0 0 6px var(--g-sky)}#cp-app .cp-pit{position:absolute;left:4%;right:4%;bottom:6%;height:38%;border-radius:50%;background:var(--cp-ink);box-shadow:inset 0 .25rem color-mix(in oklch,var(--cp-ink) 60%,var(--cp-dirt))}#cp-app .cp-well{position:absolute;inset:0 0 6%;overflow:hidden}#cp-app .cp-critter{position:absolute;left:14%;right:14%;bottom:0;height:88%;transform:translateY(104%);transition:transform .14s ease-out}#cp-app .cp-stage[data-level=little] .cp-critter{left:10%;right:10%;height:92%}#cp-app .cp-hole[data-up=true] .cp-critter{transform:translateY(0)}#cp-app .cp-art{display:none;width:100%;height:100%}#cp-app .cp-critter[data-kind=bunny] .cp-art[data-art=bunny],#cp-app .cp-critter[data-kind=owl] .cp-art[data-art=owl],#cp-app .cp-critter[data-kind=hedgehog] .cp-art[data-art=hedgehog],#cp-app .cp-critter[data-kind=fox] .cp-art[data-art=fox]{display:block}#cp-app .cp-lip{position:absolute;left:4%;right:4%;bottom:6%;height:20%;border-radius:0 0 50% 50%/0 0 100% 100%;background:linear-gradient(180deg,var(--cp-dirt-hi),var(--cp-dirt))}#cp-app .cp-plus{position:absolute;left:50%;top:4%;margin-left:-1.1rem;min-width:2.2rem;text-align:center;opacity:0;pointer-events:none;font-family:var(--font-display);font-weight:700;font-size:1rem;line-height:1.5rem;border-radius:999px;background:var(--cp-ink);color:var(--cp-cream)}#cp-app .cp-hole[data-pop=true] .cp-plus{opacity:1;animation:cp-rise .5s ease-out both}#cp-app .cp-bunny{fill:var(--cp-lilac)}#cp-app .cp-blush{fill:var(--cp-blush)}#cp-app .cp-ink{fill:var(--cp-ink)}#cp-app .cp-cream{fill:var(--cp-cream)}#cp-app .cp-owl{fill:var(--cp-honey)}#cp-app .cp-beak{fill:var(--cp-ember)}#cp-app .cp-spine{fill:var(--cp-quill)}#cp-app .cp-hedgeface{fill:var(--cp-tan)}#cp-app .cp-fox{fill:var(--cp-ember)}#cp-app .cp-line{fill:none;stroke:var(--cp-ink);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}#cp-app .cp-veil{position:absolute;inset:0;z-index:2;display:grid;place-content:center;justify-items:center;gap:.35rem;box-sizing:border-box;padding:1rem;margin:0;width:100%;border:0;border-radius:inherit;text-align:center;cursor:pointer;background:color-mix(in srgb,var(--color-bg-base) 74%,transparent);color:var(--color-text-primary);font:inherit;touch-action:manipulation;-webkit-tap-highlight-color:transparent}#cp-app .cp-veil[hidden],#cp-app .cp-veil-stars[hidden]{display:none}#cp-app .cp-veil:focus-visible{outline:3px solid var(--color-accent);outline-offset:-6px}#cp-app .cp-veil-title{font-family:var(--font-display);font-size:1.5rem;font-weight:700;line-height:1.2}#cp-app .cp-veil-sub{font-size:.9rem;line-height:1.4;max-width:20rem;color:var(--color-text-secondary)}#cp-app .cp-veil-stars{font-size:1.75rem;letter-spacing:.25rem;color:var(--g-amber)}#cp-app .cp-stage[data-win=true] .cp-veil-stars{animation:cp-pop .6s ease-out both}@keyframes cp-rise{0%{transform:translateY(.4rem);opacity:0}30%{opacity:1}to{transform:translateY(-.6rem);opacity:1}}@keyframes cp-pop{0%{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}@media(prefers-reduced-motion:reduce){#cp-app .cp-critter{transition:none}#cp-app .cp-hole[data-pop=true] .cp-plus{animation:none;opacity:1}#cp-app .cp-stage[data-win=true] .cp-veil-stars{animation:none}}#cp-app .cp-how>summary{min-height:2rem;padding-block:.375rem;box-sizing:border-box}#wh-app{--g-sky: var(--color-accent);--g-teal: color-mix(in oklch, var(--color-accent) 50%, var(--color-accent-success));--g-green: var(--color-accent-success);--g-lime: color-mix(in oklch, var(--color-accent-success) 50%, var(--color-accent-warm));--g-amber: var(--color-accent-warm);--g-orange: color-mix(in oklch, var(--color-accent-warm) 50%, var(--color-accent-danger));--g-rose: var(--color-accent-danger);--g-violet: color-mix(in oklch, var(--color-accent) 50%, var(--color-accent-danger))}#wh-app{container-type:inline-size;--wh-ink: oklch(from var(--g-violet) .24 .04 h);--wh-cream: oklch(from var(--g-amber) .96 .04 h);--wh-sky-top: color-mix(in oklch, var(--g-sky) 78%, var(--g-violet));--wh-sky-low: color-mix(in oklch, var(--g-sky) 38%, var(--wh-cream));--wh-sun: color-mix(in oklch, var(--g-amber) 70%, var(--wh-cream));--wh-hill: color-mix(in oklch, var(--g-teal) 40%, var(--wh-sky-low));--wh-hill-near: color-mix(in oklch, var(--g-green) 50%, var(--wh-sky-low));--wh-water: color-mix(in oklch, var(--g-teal) 70%, var(--wh-ink));--wh-water-deep: color-mix(in oklch, var(--g-sky) 35%, var(--wh-ink));--wh-ripple: color-mix(in oklch, var(--g-sky) 55%, var(--wh-cream));--wh-rock: color-mix(in oklch, var(--g-violet) 38%, var(--wh-ink));--wh-rock-lo: color-mix(in oklch, var(--g-violet) 25%, var(--wh-ink));--wh-rock-hi: color-mix(in oklch, var(--g-violet) 45%, var(--wh-cream));--wh-moss: var(--g-lime);--wh-stalk: var(--g-green);--wh-stalk-dk: color-mix(in oklch, var(--g-green) 55%, var(--wh-ink));--wh-cattail: color-mix(in oklch, var(--g-orange) 55%, var(--wh-ink));--wh-body: var(--g-teal);--wh-tail-a: var(--g-violet);--wh-tail-b: var(--g-teal);--wh-wing: color-mix(in oklch, var(--wh-cream) 80%, var(--g-sky));--wh-glow: var(--g-amber)}#wh-app .wh-probe{position:absolute;width:0;height:0;overflow:hidden;visibility:hidden}#wh-app .wh-label,#wh-app .wh-k{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-secondary)}#wh-app .wh-controls{display:grid;gap:.875rem;grid-template-columns:minmax(0,1fr);align-items:end}#wh-app .wh-actions{display:flex;flex-wrap:wrap;gap:.5rem}#wh-app .wh-btn{min-height:2.75rem}@container (min-width: 520px){#wh-app .wh-controls{grid-template-columns:minmax(0,16rem) auto}}#wh-app .wh-stats{display:flex;flex-wrap:wrap;gap:.25rem 1.25rem;font-size:.8rem}#wh-app .wh-stats .wh-v{font-family:var(--font-mono);font-weight:600;color:var(--color-text-primary)}#wh-app .wh-area{max-width:40rem;width:100%;margin-inline:auto;box-sizing:border-box;overflow:hidden;border:2px solid var(--color-border);border-radius:.75rem;background:var(--color-bg-surface)}#wh-app .wh-area:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px}#wh-app .wh-canvas{display:block;width:100%;height:auto;aspect-ratio:4 / 3;touch-action:none;user-select:none;-webkit-user-select:none}#wh-app .wh-flap{display:block;width:100%;max-width:40rem;margin-inline:auto;min-height:3.5rem;border-radius:1rem;font-size:1.1rem;touch-action:manipulation;-webkit-tap-highlight-color:transparent}#wh-app .wh-how>summary{min-height:2rem;padding-block:.375rem;box-sizing:border-box}#rh-app{--g-sky: var(--color-accent);--g-teal: color-mix(in oklch, var(--color-accent) 50%, var(--color-accent-success));--g-green: var(--color-accent-success);--g-lime: color-mix(in oklch, var(--color-accent-success) 50%, var(--color-accent-warm));--g-amber: var(--color-accent-warm);--g-orange: color-mix(in oklch, var(--color-accent-warm) 50%, var(--color-accent-danger));--g-rose: var(--color-accent-danger);--g-violet: color-mix(in oklch, var(--color-accent) 50%, var(--color-accent-danger))}#rh-app{container-type:inline-size;--rh-ink: oklch(from var(--g-violet) .24 .04 h);--rh-cream: oklch(from var(--g-amber) .96 .04 h);--rh-grass: color-mix(in oklch, var(--g-lime) 70%, var(--rh-cream));--rh-grass-alt: color-mix(in oklch, var(--g-lime) 55%, var(--rh-cream));--rh-tuft: color-mix(in oklch, var(--g-green) 65%, var(--rh-ink));--rh-road: color-mix(in oklch, var(--g-violet) 25%, var(--rh-ink));--rh-road-line: color-mix(in oklch, var(--g-amber) 70%, var(--rh-cream));--rh-kerb: color-mix(in oklch, var(--g-violet) 35%, var(--rh-cream));--rh-water: color-mix(in oklch, var(--g-sky) 70%, var(--g-teal));--rh-water-dk: color-mix(in oklch, var(--g-sky) 55%, var(--rh-ink));--rh-ripple: color-mix(in oklch, var(--g-sky) 40%, var(--rh-cream));--rh-stone: color-mix(in oklch, var(--g-violet) 25%, var(--rh-cream));--rh-stone-dk: color-mix(in oklch, var(--g-violet) 40%, var(--rh-ink));--rh-v1: var(--g-sky);--rh-v2: var(--g-rose);--rh-v3: var(--g-violet);--rh-v4: var(--g-orange);--rh-v5: var(--g-amber);--rh-quill: color-mix(in oklch, var(--g-orange) 40%, var(--rh-ink));--rh-fur: color-mix(in oklch, var(--g-orange) 45%, var(--rh-cream));--rh-glow: var(--g-amber)}#rh-app .rh-probe{position:absolute;width:0;height:0;overflow:hidden;visibility:hidden}#rh-app .rh-label,#rh-app .rh-k{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-secondary)}#rh-app .rh-controls{display:grid;gap:.875rem;grid-template-columns:minmax(0,1fr);align-items:end}#rh-app .rh-actions{display:flex;flex-wrap:wrap;gap:.5rem}#rh-app .rh-btn{min-height:2.75rem}@container (min-width: 520px){#rh-app .rh-controls{grid-template-columns:minmax(0,16rem) auto}}#rh-app .rh-stats{display:flex;flex-wrap:wrap;gap:.25rem 1.25rem;font-size:.8rem}#rh-app .rh-v{font-family:var(--font-mono);font-weight:600;color:var(--color-text-primary)}#rh-app .rh-layout{display:grid;gap:1rem;grid-template-columns:minmax(0,1fr);justify-items:center}@container (min-width: 720px){#rh-app .rh-layout{grid-template-columns:minmax(0,420px) minmax(0,1fr);align-items:start;justify-items:stretch}}#rh-app .rh-area{width:100%;max-width:420px;box-sizing:border-box;overflow:hidden;border:2px solid var(--color-border);border-radius:.75rem;background:var(--color-bg-surface)}#rh-app .rh-area:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px}#rh-app .rh-canvas{display:block;width:100%;height:auto;aspect-ratio:7 / 9;touch-action:none;user-select:none;-webkit-user-select:none}#rh-app .rh-side{display:grid;gap:.75rem;width:100%;max-width:420px;min-width:0}#rh-app .rh-pad{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,3.5rem);gap:.5rem;width:100%;max-width:15rem;margin-inline:auto}#rh-app .rh-dir{min-height:3.5rem;min-width:3.5rem;border-radius:1rem;font-size:1.25rem;line-height:1;display:grid;place-items:center;touch-action:manipulation;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}#rh-app .rh-dir-up{grid-column:2;grid-row:1}#rh-app .rh-dir-left{grid-column:1;grid-row:2}#rh-app .rh-dir-down{grid-column:2;grid-row:2}#rh-app .rh-dir-right{grid-column:3;grid-row:2}#rh-app .rh-how>summary{min-height:2rem;padding-block:.375rem;box-sizing:border-box}#sfl-app{--g-sky: var(--color-accent);--g-teal: color-mix(in oklch, var(--color-accent) 50%, var(--color-accent-success));--g-green: var(--color-accent-success);--g-lime: color-mix(in oklch, var(--color-accent-success) 50%, var(--color-accent-warm));--g-amber: var(--color-accent-warm);--g-orange: color-mix(in oklch, var(--color-accent-warm) 50%, var(--color-accent-danger));--g-rose: var(--color-accent-danger);--g-violet: color-mix(in oklch, var(--color-accent) 50%, var(--color-accent-danger))}#sfl-app{container-type:inline-size;--sfl-ink: oklch(from var(--g-violet) .24 .04 h);--sfl-cream: oklch(from var(--g-amber) .96 .04 h);--sfl-sky-top: color-mix(in oklch, var(--g-violet) 60%, var(--sfl-ink));--sfl-sky-mid: color-mix(in oklch, var(--g-violet) 70%, var(--g-sky));--sfl-sky-low: color-mix(in oklch, var(--g-amber) 60%, var(--g-rose));--sfl-far: color-mix(in oklch, var(--g-violet) 55%, var(--sfl-sky-low));--sfl-rock: color-mix(in oklch, var(--g-orange) 55%, var(--sfl-ink));--sfl-rock-hi: color-mix(in oklch, var(--g-orange) 60%, var(--sfl-cream));--sfl-rock-lo: color-mix(in oklch, var(--g-orange) 35%, var(--sfl-ink));--sfl-slab: var(--g-lime);--sfl-slab-dk: color-mix(in oklch, var(--g-green) 60%, var(--sfl-ink));--sfl-hull: var(--g-sky);--sfl-hull-dk: color-mix(in oklch, var(--g-sky) 50%, var(--sfl-ink));--sfl-glass: color-mix(in oklch, var(--g-amber) 50%, var(--sfl-cream));--sfl-flame: var(--g-amber);--sfl-flame-hot: var(--g-orange);--sfl-glow: var(--g-amber);--sfl-leaf: var(--g-green)}#sfl-app .sfl-probe{position:absolute;width:0;height:0;overflow:hidden;visibility:hidden}#sfl-app .sfl-label,#sfl-app .sfl-k{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-secondary)}#sfl-app .sfl-controls{display:grid;gap:.875rem;grid-template-columns:minmax(0,1fr);align-items:end}#sfl-app .sfl-actions{display:flex;flex-wrap:wrap;gap:.5rem}#sfl-app .sfl-btn{min-height:2.75rem}@container (min-width: 520px){#sfl-app .sfl-controls{grid-template-columns:minmax(0,16rem) auto}}#sfl-app .sfl-stats{display:flex;flex-wrap:wrap;gap:.25rem 1.25rem;font-size:.8rem}#sfl-app .sfl-v{font-family:var(--font-mono);font-weight:600;color:var(--color-text-primary)}#sfl-app .sfl-area{max-width:40rem;width:100%;margin-inline:auto;box-sizing:border-box;overflow:hidden;border:2px solid var(--color-border);border-radius:.75rem;background:var(--color-bg-surface)}#sfl-app .sfl-area:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px}#sfl-app .sfl-canvas{display:block;width:100%;height:auto;aspect-ratio:4 / 3;user-select:none;-webkit-user-select:none}#sfl-app .sfl-read{display:grid;gap:.35rem .75rem;grid-template-columns:repeat(2,minmax(0,1fr));max-width:40rem;margin-inline:auto;font-size:.8rem}@container (min-width: 520px){#sfl-app .sfl-read{grid-template-columns:repeat(3,minmax(0,1fr))}}#sfl-app .sfl-chip{margin:0;display:flex;flex-wrap:wrap;align-items:baseline;gap:.25rem .4rem;min-width:0}#sfl-app .sfl-lim{font-size:.7rem;color:var(--color-text-muted)}#sfl-app .sfl-ok{font-family:var(--font-mono);font-size:.65rem;font-weight:700;padding:0 .35rem;border-radius:999px;border:1px solid var(--color-border);color:var(--color-text-primary)}#sfl-app .sfl-ok[data-ok=true]{background:color-mix(in srgb,var(--sfl-leaf) 22%,var(--color-bg-elevated))}#sfl-app .sfl-ok[data-ok=false]{background:color-mix(in srgb,var(--g-rose) 30%,var(--color-bg-elevated))}#sfl-app .sfl-chip[hidden]{display:none}#sfl-app .sfl-fuelbar{flex:1 1 4rem;min-width:3rem;height:.5rem;border-radius:999px;overflow:hidden;background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle)}#sfl-app .sfl-fuelfill{display:block;height:100%;width:calc(var(--sfl-f, 1) * 100%);background:linear-gradient(90deg,var(--g-amber),var(--sfl-leaf))}#sfl-app .sfl-pad{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;max-width:40rem;margin-inline:auto}#sfl-app .sfl-ctl{min-height:3.5rem;border-radius:1rem;display:inline-flex;align-items:center;justify-content:center;gap:.3rem;padding-inline:.25rem;font-size:.95rem;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}#sfl-app .sfl-ctl-up{font-weight:700}#sfl-app .sfl-ctl[data-held=true]{border-color:var(--color-accent);background:color-mix(in srgb,var(--g-sky) 22%,var(--color-bg-elevated))}#sfl-app .sfl-how>summary{min-height:2rem;padding-block:.375rem;box-sizing:border-box}#cs-app{--g-sky: var(--color-accent);--g-teal: color-mix(in oklch, var(--color-accent) 50%, var(--color-accent-success));--g-green: var(--color-accent-success);--g-lime: color-mix(in oklch, var(--color-accent-success) 50%, var(--color-accent-warm));--g-amber: var(--color-accent-warm);--g-orange: color-mix(in oklch, var(--color-accent-warm) 50%, var(--color-accent-danger));--g-rose: var(--color-accent-danger);--g-violet: color-mix(in oklch, var(--color-accent) 50%, var(--color-accent-danger))}#cs-app{container-type:inline-size}#cs-app .cs-label,#cs-app .cs-k{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-secondary);display:block}#cs-app .cs-label output{font-weight:700;color:var(--color-text-primary)}#cs-app .cs-stats .cs-k{display:inline}#cs-app .cs-controls{display:grid;gap:.875rem;grid-template-columns:minmax(0,1fr);align-items:end}#cs-app .cs-actions{display:flex;flex-wrap:wrap;gap:.5rem}@container (min-width: 560px){#cs-app .cs-controls{grid-template-columns:minmax(0,200px) minmax(0,1fr)}}#cs-app .cs-layout{display:grid;gap:1.25rem;grid-template-columns:minmax(0,1fr)}@container (min-width: 900px){#cs-app .cs-layout{grid-template-columns:minmax(0,1fr) 300px;align-items:start}}#cs-app .cs-btn{min-height:2.75rem;touch-action:manipulation}#cs-app .cs-fire{min-width:8rem;min-height:3.5rem;font-weight:700}#cs-app .cs-stats{display:flex;flex-wrap:wrap;gap:.25rem 1.25rem;font-size:.8rem}#cs-app .cs-stats p{margin:0}#cs-app .cs-stats .cs-v{font-family:var(--font-mono);font-weight:600;color:var(--color-text-primary)}#cs-app .cs-stage{position:relative;width:100%;max-width:820px;aspect-ratio:160 / 94;box-sizing:border-box;overflow:hidden;border:2px solid var(--color-border);border-radius:.75rem;background:var(--color-bg-surface);box-shadow:0 10px 28px color-mix(in srgb,var(--g-sky) 22%,transparent),0 0 0 1px color-mix(in srgb,var(--g-violet) 16%,transparent);touch-action:none;user-select:none;-webkit-user-select:none;cursor:crosshair}#cs-app .cs-canvas{position:absolute;inset:0;display:block;width:100%;height:100%}#cs-app .cs-row{display:grid;grid-template-columns:2.75rem minmax(0,1fr) 2.75rem;gap:.5rem;align-items:center}#cs-app .cs-step{min-height:2.75rem;min-width:2.75rem;border-radius:.75rem;font-size:1.25rem;line-height:1;touch-action:manipulation}#cs-app .cs-range{width:100%;min-height:2.75rem;margin:0;accent-color:var(--g-violet);cursor:pointer}#cs-app .app-btn-tab[aria-pressed=true]{box-shadow:0 0 0 2px color-mix(in srgb,var(--g-violet) 55%,transparent)}#cs-app .cs-aim[inert]{opacity:.55}#cs-app .cs-win[hidden]{display:none}#cs-app .cs-win{border-color:color-mix(in srgb,var(--g-amber) 60%,transparent);background:linear-gradient(135deg,color-mix(in srgb,var(--g-amber) 14%,var(--color-bg-elevated)),color-mix(in srgb,var(--g-violet) 12%,var(--color-bg-elevated)))}#cs-app .cs-stars{margin:0 0 .25rem;font-size:1.75rem;letter-spacing:.15em;color:var(--g-amber)}#cs-app .cs-stars span{display:inline-block}#cs-app .cs-win[data-pop="1"] .cs-stars span{animation:cs-star .55s ease-out both}#cs-app .cs-win[data-pop="1"] .cs-stars span:nth-child(2){animation-delay:.25s}#cs-app .cs-win[data-pop="1"] .cs-stars span:nth-child(3){animation-delay:.5s}@keyframes cs-star{0%{transform:scale(.2) rotate(-25deg);opacity:0}70%{transform:scale(1.25) rotate(8deg);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}@media(prefers-reduced-motion:reduce){#cs-app .cs-win[data-pop="1"] .cs-stars span{animation:none}#cs-app *{transition:none!important}}#cs-app .cs-how>summary{min-height:2rem;padding-block:.375rem;box-sizing:border-box}#fs-app{--g-sky: var(--color-accent);--g-teal: color-mix(in oklch, var(--color-accent) 50%, var(--color-accent-success));--g-green: var(--color-accent-success);--g-lime: color-mix(in oklch, var(--color-accent-success) 50%, var(--color-accent-warm));--g-amber: var(--color-accent-warm);--g-orange: color-mix(in oklch, var(--color-accent-warm) 50%, var(--color-accent-danger));--g-rose: var(--color-accent-danger);--g-violet: color-mix(in oklch, var(--color-accent) 50%, var(--color-accent-danger))}#fs-app{container-type:inline-size;--fs-ok: var(--g-green)}#fs-app .fs-k{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-secondary);margin:0 0 .5rem;font-weight:500}#fs-app .fs-stats .fs-k{margin:0}#fs-app .fs-top{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1rem}#fs-app .fs-actions{display:flex;flex-wrap:wrap;gap:.5rem}#fs-app .fs-seg{max-width:100%;display:inline-flex;flex-wrap:wrap;gap:.15rem;padding:.15rem;border:1px solid var(--color-border);border-radius:.75rem}#fs-app .fs-layout{display:grid;gap:1.25rem;grid-template-columns:minmax(0,1fr)}@container (min-width: 760px){#fs-app .fs-layout{grid-template-columns:minmax(0,640px) minmax(0,1fr);align-items:start}}#fs-app .fs-btn{min-height:2.75rem;touch-action:manipulation}#fs-app .fs-play{min-width:6rem}#fs-app .fs-stats{display:flex;flex-wrap:wrap;gap:.25rem 1.25rem;font-size:.8rem}#fs-app .fs-stats p{margin:0}#fs-app .fs-stats .fs-v{font-family:var(--font-mono);font-weight:600;color:var(--color-text-primary)}#fs-app .fs-stage{position:relative;width:100%;max-width:640px;aspect-ratio:var(--fs-ar, 4 / 3);box-sizing:border-box;overflow:hidden;border:2px solid var(--color-border);border-radius:.75rem;background:var(--color-bg-surface);box-shadow:0 10px 28px color-mix(in srgb,var(--g-amber) 22%,transparent),0 0 0 1px color-mix(in srgb,var(--g-sky) 16%,transparent);touch-action:none;user-select:none;-webkit-user-select:none;cursor:crosshair}#fs-app .fs-stage:focus-visible{outline:3px solid var(--color-text-primary);outline-offset:3px}#fs-app .fs-canvas{position:absolute;inset:0;display:block;width:100%;height:100%}#fs-app .fs-cursor{position:absolute;display:none;pointer-events:none;box-sizing:border-box;width:calc(100% * (2 * var(--fs-r, 3) + 1) / var(--fs-cols, 160));height:calc(100% * (2 * var(--fs-r, 3) + 1) / var(--fs-rows, 120));left:calc(100% * (var(--fs-x, 0) - var(--fs-r, 3)) / var(--fs-cols, 160));top:calc(100% * (var(--fs-y, 0) - var(--fs-r, 3)) / var(--fs-rows, 120));border:2px solid var(--color-text-primary);outline:2px solid var(--color-bg-base);border-radius:50%}#fs-app .fs-stage:focus-visible .fs-cursor{display:block}#fs-app .fs-mats{display:grid;gap:.4rem;grid-template-columns:repeat(auto-fit,minmax(6rem,1fr))}#fs-app .fs-mat{display:flex;align-items:center;justify-content:center;gap:.5rem}#fs-app .fs-chip{flex:none;display:inline-grid;place-items:center;width:1.1rem;height:1.1rem;border-radius:.3rem;background:var(--sw, var(--color-bg-elevated));border:1px solid var(--color-border-strong);font-size:.85rem;font-weight:700;line-height:1;color:var(--color-text-primary)}#fs-app .fs-chip-erase{background:transparent;border-style:dashed}#fs-app .app-btn-tab[aria-pressed=true]{box-shadow:0 0 0 2px color-mix(in srgb,var(--g-amber) 60%,transparent)}#fs-app .fs-list{list-style:none;margin:0;padding:0;display:grid;gap:.4rem;font-size:.8rem;color:var(--color-text-secondary)}#fs-app .fs-list li{display:flex;align-items:baseline;gap:.55rem;padding:.3rem .55rem;border-radius:.6rem;border:1px solid var(--color-border-subtle)}#fs-app .fs-list li[data-found=true]{color:var(--color-text-primary);border-color:color-mix(in srgb,var(--fs-ok) 55%,transparent);background:color-mix(in srgb,var(--fs-ok) 14%,var(--color-bg-elevated))}#fs-app .fs-list li[data-pop="1"]{animation:fs-pop .6s ease-out 1}#fs-app .fs-mark{flex:none;width:1rem;text-align:center;font-weight:700}#fs-app .fs-list li[data-found=true] .fs-mark{color:var(--fs-ok)}#fs-app .fs-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@keyframes fs-pop{0%{transform:scale(1)}40%{transform:scale(1.04)}to{transform:scale(1)}}@media(prefers-reduced-motion:reduce){#fs-app .fs-list li[data-pop="1"]{animation:none}#fs-app *{transition:none!important}}#fs-app .fs-rules{margin:0 0 .5rem;padding-left:1.1rem;display:grid;gap:.3rem}#fs-app .fs-how>summary{min-height:2rem;padding-block:.375rem;box-sizing:border-box}#clg-app{--g-sky: var(--color-accent);--g-teal: color-mix(in oklch, var(--color-accent) 50%, var(--color-accent-success));--g-green: var(--color-accent-success);--g-lime: color-mix(in oklch, var(--color-accent-success) 50%, var(--color-accent-warm));--g-amber: var(--color-accent-warm);--g-orange: color-mix(in oklch, var(--color-accent-warm) 50%, var(--color-accent-danger));--g-rose: var(--color-accent-danger);--g-violet: color-mix(in oklch, var(--color-accent) 50%, var(--color-accent-danger))}#clg-app{container-type:inline-size;--clg-b1: var(--g-teal);--clg-b2: var(--g-green)}#clg-app .clg-label,#clg-app .clg-k{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-secondary)}#clg-app .clg-controls{display:grid;gap:.875rem;grid-template-columns:minmax(0,1fr);align-items:end}#clg-app .clg-actions{display:flex;flex-wrap:wrap;gap:.5rem}@container (min-width: 640px){#clg-app .clg-controls{grid-template-columns:repeat(3,minmax(0,1fr))}#clg-app .clg-controls .clg-actions{grid-column:1 / -1}}#clg-app .clg-layout{display:grid;gap:1.25rem;grid-template-columns:minmax(0,1fr)}@container (min-width: 760px){#clg-app .clg-layout{grid-template-columns:minmax(0,560px) minmax(0,1fr);align-items:start}}#clg-app .clg-btn{min-height:2.75rem;touch-action:manipulation}#clg-app .clg-play{min-width:6rem}#clg-app .clg-stats{display:flex;flex-wrap:wrap;gap:.25rem 1.25rem;font-size:.8rem}#clg-app .clg-stats p{margin:0}#clg-app .clg-stats .clg-v{font-family:var(--font-mono);font-weight:600;color:var(--color-text-primary)}#clg-app .clg-stage{position:relative;width:100%;max-width:560px;aspect-ratio:var(--clg-ar, 4 / 3);box-sizing:border-box;overflow:hidden;border:2px solid var(--color-border);border-radius:.75rem;background:var(--color-bg-surface);box-shadow:0 10px 28px color-mix(in srgb,var(--clg-b1) 20%,transparent),0 0 0 1px color-mix(in srgb,var(--g-sky) 16%,transparent);touch-action:none;user-select:none;-webkit-user-select:none;cursor:crosshair}#clg-app .clg-stage[data-wrap=true]{border-style:dashed}#clg-app .clg-stage:focus-visible{outline:3px solid var(--color-text-primary);outline-offset:3px}#clg-app .clg-canvas{position:absolute;inset:0;display:block;width:100%;height:100%}#clg-app .clg-cursor{position:absolute;display:none;pointer-events:none;box-sizing:border-box;width:calc(100% / var(--clg-cols, 48));height:calc(100% / var(--clg-rows, 36));left:calc(100% * var(--clg-x, 0) / var(--clg-cols, 48));top:calc(100% * var(--clg-y, 0) / var(--clg-rows, 36));border:2px solid var(--color-text-primary);outline:2px solid var(--color-bg-base);border-radius:2px}#clg-app .clg-stage:focus-visible .clg-cursor{display:block}#clg-app .clg-stage[data-bloom="1"]{animation:clg-bloom 1.2s ease-out 1}@keyframes clg-bloom{0%{box-shadow:0 0 color-mix(in srgb,var(--g-amber) 55%,transparent)}to{box-shadow:0 0 0 18px color-mix(in srgb,var(--g-amber) 0%,transparent)}}@media(prefers-reduced-motion:reduce){#clg-app .clg-stage[data-bloom="1"]{animation:none}#clg-app *{transition:none!important}}#clg-app .clg-legend{display:grid;gap:.4rem;list-style:none;margin:0;padding:0;font-size:.75rem;color:var(--color-text-secondary)}#clg-app .clg-legend li{display:flex;align-items:center;gap:.6rem}#clg-app .clg-dot{flex:none;width:1rem;height:1rem;border-radius:50%;border:2px solid var(--color-bg-base)}#clg-app .clg-b0{background:var(--g-sky)}#clg-app .clg-b1{background:var(--clg-b1)}#clg-app .clg-b2{background:var(--clg-b2)}#clg-app .clg-b3{background:var(--g-amber)}#clg-app .app-btn-tab[aria-pressed=true]{box-shadow:0 0 0 2px color-mix(in srgb,var(--clg-b1) 55%,transparent)}#clg-app .clg-how>summary{min-height:2rem;padding-block:.375rem;box-sizing:border-box}#pxa-app{--g-sky: var(--color-accent);--g-teal: color-mix(in oklch, var(--color-accent) 50%, var(--color-accent-success));--g-green: var(--color-accent-success);--g-lime: color-mix(in oklch, var(--color-accent-success) 50%, var(--color-accent-warm));--g-amber: var(--color-accent-warm);--g-orange: color-mix(in oklch, var(--color-accent-warm) 50%, var(--color-accent-danger));--g-rose: var(--color-accent-danger);--g-violet: color-mix(in oklch, var(--color-accent) 50%, var(--color-accent-danger))}#pxa-app{container-type:inline-size}#pxa-app .pxa-label,#pxa-app .pxa-k{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-secondary)}#pxa-app .pxa-controls{display:grid;gap:.875rem;grid-template-columns:minmax(0,1fr);align-items:end}#pxa-app .pxa-actions{display:flex;flex-wrap:wrap;gap:.5rem}@container (min-width: 640px){#pxa-app .pxa-controls{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto}}#pxa-app .pxa-layout{display:grid;gap:1.25rem;grid-template-columns:minmax(0,1fr)}@container (min-width: 760px){#pxa-app .pxa-layout{grid-template-columns:minmax(0,520px) minmax(0,1fr);align-items:start}}#pxa-app .pxa-btn{min-height:2.75rem;touch-action:manipulation}#pxa-app [aria-disabled=true]{opacity:.45;cursor:not-allowed}#pxa-app .pxa-stats{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem 1.25rem;font-size:.8rem}#pxa-app .pxa-stats p{display:flex;align-items:center;gap:.4rem;margin:0}#pxa-app .pxa-stats .pxa-v{font-family:var(--font-mono);font-weight:600;color:var(--color-text-primary)}#pxa-app .pxa-cur{display:inline-block;width:1rem;height:1rem;border-radius:.3rem;border:1px solid var(--color-border-strong);background:var(--sw, var(--color-bg-elevated))}#pxa-app .pxa-stage{position:relative;width:100%;max-width:520px;aspect-ratio:1;box-sizing:border-box;overflow:hidden;border:2px solid var(--color-border);border-radius:.75rem;background:var(--color-bg-surface);box-shadow:0 10px 28px color-mix(in srgb,var(--g-violet) 24%,transparent),0 0 0 1px color-mix(in srgb,var(--g-sky) 18%,transparent);touch-action:none;user-select:none;-webkit-user-select:none;cursor:crosshair}#pxa-app .pxa-stage:focus-visible{outline:3px solid var(--color-text-primary);outline-offset:3px}#pxa-app .pxa-canvas{position:absolute;inset:0;display:block;width:100%;height:100%;image-rendering:pixelated}#pxa-app .pxa-cursor{position:absolute;display:none;pointer-events:none;box-sizing:border-box;width:calc(100% / var(--pxa-n, 16));height:calc(100% / var(--pxa-n, 16));left:calc(100% * var(--pxa-x, 0) / var(--pxa-n, 16));top:calc(100% * var(--pxa-y, 0) / var(--pxa-n, 16));border:3px solid var(--color-text-primary);outline:2px solid var(--color-bg-base);border-radius:2px}#pxa-app .pxa-stage:focus-visible .pxa-cursor{display:block}#pxa-app .pxa-tools{display:grid;gap:.4rem;grid-template-columns:repeat(auto-fit,minmax(6.25rem,1fr))}#pxa-app .pxa-palette{display:grid;gap:.4rem;grid-template-columns:repeat(auto-fill,minmax(2.75rem,1fr))}#pxa-app .pxa-sw{position:relative;min-height:2.75rem;padding:0;cursor:pointer;border-radius:.75rem;background:var(--sw, var(--color-bg-elevated));border:2px solid var(--color-border);box-shadow:inset 0 2px color-mix(in srgb,var(--color-text-primary) 18%,transparent);touch-action:manipulation}#pxa-app .pxa-sw[aria-pressed=true]{outline:3px solid var(--color-text-primary);outline-offset:2px;border-color:var(--color-bg-base)}#pxa-app .pxa-sw[aria-pressed=true]:after{content:"✓";position:absolute;right:4px;top:2px;padding:0 4px;border-radius:4px;font-size:12px;font-weight:800;line-height:1.3;background:var(--color-bg-base);color:var(--color-text-primary)}#pxa-app .pxa-sw:focus-visible{outline:3px solid var(--g-amber);outline-offset:2px}#pxa-app .pxa-num{position:absolute;left:4px;bottom:3px;padding:0 4px;border-radius:4px;font-family:var(--font-mono);font-size:10px;font-weight:700;line-height:1.4;background:var(--color-bg-base);color:var(--color-text-primary)}#pxa-app .app-btn-tab[aria-pressed=true]{box-shadow:0 0 0 2px color-mix(in srgb,var(--g-violet) 55%,transparent)}#pxa-app .pxa-status{border-radius:.5rem;padding:.25rem 0}#pxa-app .pxa-status[data-pop="1"]{animation:pxa-pop .7s ease-out 1}@keyframes pxa-pop{0%{background:color-mix(in srgb,var(--g-amber) 35%,transparent)}to{background:transparent}}@media(prefers-reduced-motion:reduce){#pxa-app .pxa-status[data-pop="1"]{animation:none}#pxa-app *{transition:none!important}}#pxa-app .pxa-how>summary{min-height:2rem;padding-block:.375rem;box-sizing:border-box}#dp-app{--g-sky: var(--color-accent);--g-teal: color-mix(in oklch, var(--color-accent) 50%, var(--color-accent-success));--g-green: var(--color-accent-success);--g-lime: color-mix(in oklch, var(--color-accent-success) 50%, var(--color-accent-warm));--g-amber: var(--color-accent-warm);--g-orange: color-mix(in oklch, var(--color-accent-warm) 50%, var(--color-accent-danger));--g-rose: var(--color-accent-danger);--g-violet: color-mix(in oklch, var(--color-accent) 50%, var(--color-accent-danger))}#dp-app{container-type:inline-size}#dp-app [data-f=drums]{--c: var(--g-rose)}#dp-app [data-f=cymbals]{--c: var(--g-amber)}#dp-app [data-f=toms]{--c: var(--g-sky)}#dp-app [data-f=bass]{--c: var(--g-violet)}#dp-app .dp-label,#dp-app .dp-k{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-secondary)}#dp-app .dp-v{font-family:var(--font-mono);font-weight:600;color:var(--color-text-primary);font-size:.8rem}#dp-app .dp-track{font-family:var(--font-display);font-size:.95rem;letter-spacing:0;text-transform:none;color:var(--color-text-primary)}#dp-app .dp-top{display:grid;gap:.75rem;grid-template-columns:minmax(0,1fr);align-items:center}@container (min-width: 560px){#dp-app .dp-top{grid-template-columns:auto minmax(0,320px);justify-content:space-between}}#dp-app .dp-sound{min-height:3rem;text-align:center}#dp-app .dp-sound[data-on=true]{background:var(--color-bg-elevated);color:var(--color-text-primary)}#dp-app .dp-vol{display:grid;grid-template-columns:auto minmax(0,1fr) 2rem;gap:.6rem;align-items:center}#dp-app .dp-range{width:100%;min-height:2.75rem;margin:0;accent-color:var(--color-accent);cursor:pointer}#dp-app .dp-layout{display:grid;gap:1.25rem;grid-template-columns:minmax(0,1fr)}@container (min-width: 760px){#dp-app .dp-layout{grid-template-columns:minmax(0,440px) minmax(0,1fr);align-items:start}}#dp-app .dp-pads{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;max-width:440px}#dp-app .dp-pad{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15rem;aspect-ratio:1;min-width:0;min-height:56px;padding:.25rem;margin:0;cursor:pointer;touch-action:manipulation;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;border:2px solid var(--c);border-radius:.9rem;color:var(--color-text-primary);background:linear-gradient(160deg,color-mix(in srgb,var(--c) 34%,var(--color-bg-elevated)),color-mix(in srgb,var(--c) 12%,var(--color-bg-elevated)));box-shadow:0 3px color-mix(in srgb,var(--c) 40%,var(--color-bg-base)),inset 0 1px color-mix(in srgb,var(--c) 35%,transparent);transition:filter .1s ease,box-shadow .1s ease}#dp-app .dp-pad:focus-visible,#dp-app .dp-step:focus-visible{outline:3px solid var(--color-text-primary);outline-offset:2px;z-index:2}#dp-app .dp-pad[data-hit="1"]{filter:brightness(1.35);background:linear-gradient(160deg,color-mix(in srgb,var(--c) 62%,var(--color-bg-elevated)),color-mix(in srgb,var(--c) 34%,var(--color-bg-elevated)));box-shadow:0 0 0 3px color-mix(in srgb,var(--c) 55%,transparent),0 0 18px color-mix(in srgb,var(--c) 60%,transparent)}#dp-app .dp-pad[data-sel="1"]{border-style:dashed;border-width:3px}#dp-app .dp-glyph{font-size:1.25rem;line-height:1;color:var(--c)}#dp-app .dp-name{font-size:.6875rem;line-height:1.1;text-align:center;overflow-wrap:anywhere;font-weight:600}#dp-app .dp-key{position:absolute;top:3px;right:6px;font-family:var(--font-mono);font-size:.625rem;color:var(--color-text-secondary)}#dp-app .dp-dot{display:none;position:absolute;top:5px;left:6px;width:.45rem;height:.45rem;border-radius:50%;background:var(--color-text-primary)}#dp-app .dp-pad[data-has="1"] .dp-dot{display:block}@container (min-width: 400px){#dp-app .dp-name{font-size:.8125rem}#dp-app .dp-glyph{font-size:1.6rem}}#dp-app .dp-stats{font-size:.8rem}#dp-app .dp-tried[data-all="1"]{color:var(--color-accent-success)}.theme-light #dp-app .dp-glyph{color:color-mix(in oklch,var(--c) 45%,var(--color-text-primary))}.theme-light #dp-app .dp-tried[data-all="1"]{color:color-mix(in oklch,var(--color-accent-success) 40%,var(--color-text-primary))}#dp-app .dp-tried[data-party="1"]{animation:dp-pop .7s ease 3;display:inline-block}#dp-app .dp-panel{padding:.75rem}@container (min-width: 420px){#dp-app .dp-panel{padding:1rem}}#dp-app .dp-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}#dp-app .dp-step{position:relative;display:grid;place-items:center;min-width:0;min-height:56px;padding:0;margin:0;cursor:pointer;touch-action:manipulation;border:2px solid var(--color-border);border-radius:.7rem;background:var(--color-bg-elevated);color:var(--color-text-primary);transition:background-color .1s ease,border-color .1s ease}#dp-app .dp-num{position:absolute;top:3px;left:6px;font-family:var(--font-mono);font-size:.625rem;color:var(--color-text-secondary)}#dp-app .dp-mark{display:block;width:.7rem;height:.7rem;border:2px solid var(--color-text-muted);border-radius:2px;background:transparent}#dp-app .dp-step[data-on=true]{border-color:var(--c);background:color-mix(in srgb,var(--c) 28%,var(--color-bg-elevated))}#dp-app .dp-step[data-on=true] .dp-mark{width:1.7rem;height:1.7rem;border:2px solid var(--color-text-primary);border-radius:50%;background:var(--c)}#dp-app .dp-step[data-now="1"]{box-shadow:0 0 0 3px var(--color-text-primary);z-index:1}#dp-app .dp-step[data-now="1"] .dp-num{color:var(--color-text-primary);font-weight:700}#dp-app .dp-legend{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem .9rem}#dp-app .dp-leg{display:inline-flex;align-items:center;white-space:nowrap}#dp-app .dp-sw{display:inline-block;flex:none;vertical-align:middle;width:1rem;height:1rem;margin-right:.3rem;border:2px solid var(--color-border);border-radius:.3rem;background:var(--color-bg-elevated)}#dp-app .dp-sw-on{border-radius:50%;border-color:var(--color-text-primary);background:var(--g-sky)}#dp-app .dp-sw-off{border-color:var(--color-text-muted)}#dp-app .dp-sw-now{border-color:var(--color-bg-elevated);box-shadow:0 0 0 2px var(--color-text-primary)}#dp-app .dp-transport{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}#dp-app .dp-transport .app-btn-primary{min-width:6rem}#dp-app .dp-sliders{display:grid;gap:.75rem;grid-template-columns:minmax(0,1fr)}@container (min-width: 520px){#dp-app .dp-sliders{grid-template-columns:repeat(2,minmax(0,1fr))}}@keyframes dp-pop{0%{opacity:1}50%{opacity:.45}to{opacity:1}}@media(prefers-reduced-motion:reduce){#dp-app .dp-pad,#dp-app .dp-step{transition:none}#dp-app .dp-tried[data-party="1"]{animation:none}}#dp-app .dp-how>summary{box-sizing:border-box;min-height:2rem;padding-block:.375rem}#pn-app{--g-sky: var(--color-accent);--g-teal: color-mix(in oklch, var(--color-accent) 50%, var(--color-accent-success));--g-green: var(--color-accent-success);--g-lime: color-mix(in oklch, var(--color-accent-success) 50%, var(--color-accent-warm));--g-amber: var(--color-accent-warm);--g-orange: color-mix(in oklch, var(--color-accent-warm) 50%, var(--color-accent-danger));--g-rose: var(--color-accent-danger);--g-violet: color-mix(in oklch, var(--color-accent) 50%, var(--color-accent-danger))}#pn-app{container-type:inline-size}#pn-app{--pn-light: var(--color-text-primary);--pn-dark: var(--color-bg-base)}.theme-light #pn-app{--pn-light: var(--color-bg-base);--pn-dark: var(--color-text-primary)}#pn-app [data-n=C]{--c: var(--g-rose)}#pn-app [data-n=D]{--c: var(--g-orange)}#pn-app [data-n=E]{--c: var(--g-amber)}#pn-app [data-n=F]{--c: var(--g-green)}#pn-app [data-n=G]{--c: var(--g-teal)}#pn-app [data-n=A]{--c: var(--g-sky)}#pn-app [data-n=B]{--c: var(--g-violet)}#pn-app .pn-label{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-secondary)}#pn-app .pn-v{font-family:var(--font-mono);font-weight:600;color:var(--color-text-primary);font-size:.8rem}#pn-app .pn-top{display:grid;gap:.75rem;grid-template-columns:minmax(0,1fr);align-items:center}@container (min-width: 560px){#pn-app .pn-top{grid-template-columns:auto minmax(0,320px);justify-content:space-between}}#pn-app .pn-sound{min-height:3rem;text-align:center}#pn-app .pn-sound[data-on=true]{background:var(--color-bg-elevated);color:var(--color-text-primary)}#pn-app .pn-vol{display:grid;grid-template-columns:auto minmax(0,1fr) 2rem;gap:.6rem;align-items:center}#pn-app .pn-range{width:100%;min-height:2.75rem;margin:0;accent-color:var(--color-accent);cursor:pointer}#pn-app .pn-modes{display:flex;flex-wrap:wrap;gap:.5rem}#pn-app .pn-mode{min-height:2.75rem;border:1px solid var(--color-border)}#pn-app .pn-panel{display:grid;gap:.875rem;grid-template-columns:minmax(0,1fr);align-items:start}#pn-app .pn-panel[hidden]{display:none}@container (min-width: 620px){#pn-app .pn-panel{grid-template-columns:repeat(2,minmax(0,1fr))}}#pn-app .pn-octave{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}#pn-app .pn-oct-label{min-width:5.5rem;text-align:center}#pn-app .pn-octave [aria-disabled=true]{opacity:.4;cursor:default}#pn-app .pn-toggles{display:flex;flex-wrap:wrap;gap:.5rem}#pn-app .pn-toggles [aria-pressed=true]{border-color:var(--color-accent);color:var(--color-text-primary)}#pn-app .pn-toggles [aria-pressed=true]:before,#pn-app .pn-tune[aria-pressed=true]:before{content:"✓ "}.theme-light #pn-app .pn-toggles [aria-pressed=true],.theme-light #pn-app .pn-tune[aria-pressed=true]{border-color:var(--color-border-strong)}#pn-app .pn-tunes{display:flex;flex-wrap:wrap;gap:.5rem}#pn-app .pn-tune[aria-pressed=true]{border-color:var(--color-accent);color:var(--color-text-primary);border-width:2px}#pn-app .pn-big{font-family:var(--font-display);font-size:4rem;line-height:1;margin:0;color:var(--color-text-primary)}#pn-app .pn-big[data-n]{color:var(--c)}#pn-app .pn-progress{width:100%;height:.75rem;accent-color:var(--color-accent-success)}#pn-app .pn-keys{position:relative;width:100%;height:clamp(9rem,32cqw,14rem);touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;border-radius:.6rem;background:var(--color-bg-elevated)}#pn-app .pn-key{position:absolute;top:0;margin:0;padding:0;cursor:pointer;touch-action:none;font:inherit;border:1px solid var(--color-border);color:var(--pn-dark);display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:.1rem;transition:background-color .08s ease,box-shadow .08s ease}#pn-app .pn-white{left:calc(var(--wi) * 100% / var(--nw));width:calc(100% / var(--nw));height:100%;padding-bottom:.45rem;border-radius:0 0 .45rem .45rem;z-index:1;background:linear-gradient(180deg,color-mix(in srgb,var(--c) 34%,var(--pn-light)),color-mix(in srgb,var(--c) 14%,var(--pn-light)))}#pn-app .pn-black{left:calc(var(--bi) * 100% / var(--nw) - 100% / var(--nw) * .33);width:calc(100% / var(--nw) * .66);height:62%;z-index:3;border-radius:0 0 .4rem .4rem;color:var(--pn-light);padding-bottom:.35rem;background:linear-gradient(180deg,color-mix(in srgb,var(--c) 30%,var(--pn-dark)),color-mix(in srgb,var(--c) 52%,var(--pn-dark)))}#pn-app .pn-key:focus-visible{outline:3px solid var(--color-accent);outline-offset:-3px;z-index:5}#pn-app .pn-note{font-weight:700;font-size:1rem;line-height:1;pointer-events:none}#pn-app .pn-kb{font-family:var(--font-mono);font-size:.625rem;line-height:1;opacity:.85;pointer-events:none}#pn-app .pn-white[data-down="1"]{background:linear-gradient(180deg,color-mix(in srgb,var(--c) 80%,var(--pn-light)),color-mix(in srgb,var(--c) 60%,var(--pn-light)));box-shadow:inset 0 -6px color-mix(in srgb,var(--c) 100%,var(--pn-dark))}#pn-app .pn-black[data-down="1"]{background:linear-gradient(180deg,color-mix(in srgb,var(--c) 78%,var(--pn-dark)),color-mix(in srgb,var(--c) 90%,var(--pn-dark)));box-shadow:inset 0 -5px 0 var(--c)}#pn-app .pn-mark{display:none;position:absolute;top:6px;left:0;right:0;text-align:center;font-size:1.1rem;line-height:1;pointer-events:none}#pn-app .pn-key[data-next="1"]{z-index:4;box-shadow:0 0 0 3px var(--color-text-primary),inset 0 0 0 4px var(--c)}#pn-app .pn-white[data-next="1"]{background:linear-gradient(180deg,color-mix(in srgb,var(--c) 70%,var(--pn-light)),color-mix(in srgb,var(--c) 45%,var(--pn-light)))}#pn-app .pn-key[data-next="1"] .pn-mark{display:block}#pn-app .pn-win{text-align:center;border-color:var(--color-accent-success)}#pn-app .pn-win[hidden]{display:none}#pn-app .pn-conf{display:flex;justify-content:center;gap:.4rem;margin:0 0 .6rem;font-weight:700}#pn-app .pn-conf span{display:grid;place-items:center;width:2rem;height:2rem;border-radius:50%;color:var(--color-text-primary);border:2px solid var(--c);animation:pn-hop .9s ease 3}#pn-app .pn-conf span{background:color-mix(in srgb,var(--c) 32%,var(--color-bg-elevated))}#pn-app .pn-conf span:nth-child(2){animation-delay:.1s}#pn-app .pn-conf span:nth-child(3){animation-delay:.2s}#pn-app .pn-conf span:nth-child(4){animation-delay:.3s}#pn-app .pn-conf span:nth-child(5){animation-delay:.4s}#pn-app .pn-conf span:nth-child(6){animation-delay:.5s}#pn-app .pn-conf span:nth-child(7){animation-delay:.6s}@keyframes pn-hop{0%,to{translate:0 0}40%{translate:0 -.6rem}}@media(prefers-reduced-motion:reduce){#pn-app .pn-key{transition:none}#pn-app .pn-conf span{animation:none}}#pn-app .pn-how>summary{box-sizing:border-box;min-height:2rem;padding-block:.375rem}#cm-app{--g-sky: var(--color-accent);--g-teal: color-mix(in oklch, var(--color-accent) 50%, var(--color-accent-success));--g-green: var(--color-accent-success);--g-lime: color-mix(in oklch, var(--color-accent-success) 50%, var(--color-accent-warm));--g-amber: var(--color-accent-warm);--g-orange: color-mix(in oklch, var(--color-accent-warm) 50%, var(--color-accent-danger));--g-rose: var(--color-accent-danger);--g-violet: color-mix(in oklch, var(--color-accent) 50%, var(--color-accent-danger))}#cm-app{container-type:inline-size}#cm-app [data-p=rose]{--c: var(--g-rose)}#cm-app [data-p=amber]{--c: var(--g-amber)}#cm-app [data-p=sky]{--c: var(--g-sky)}#cm-app .cm-label{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-secondary)}#cm-app .cm-v{font-family:var(--font-mono);font-weight:600;color:var(--color-text-primary);font-size:.8rem}#cm-app .cm-top{display:grid;gap:.75rem;grid-template-columns:minmax(0,1fr);align-items:end}@container (min-width: 560px){#cm-app .cm-top{grid-template-columns:minmax(0,1fr) minmax(0,180px)}}#cm-app .cm-modes{display:flex;flex-wrap:wrap;gap:.5rem}#cm-app .cm-mode{min-height:2.75rem;border:1px solid var(--color-border)}#cm-app .cm-level{display:grid;gap:.375rem}#cm-app .cm-level[hidden],#cm-app .cm-view[hidden],#cm-app .cm-win[hidden],#cm-app [hidden]{display:none}#cm-app .cm-layout{display:grid;gap:1.25rem;grid-template-columns:minmax(0,1fr)}@container (min-width: 720px){#cm-app .cm-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}}#cm-app .cm-blob{--mix: var(--color-bg-elevated);position:relative;width:min(100%,15rem);aspect-ratio:1;margin-inline:auto;border-radius:58% 42% 55% 45%/48% 56% 44% 52%;background:radial-gradient(circle at 32% 28%,color-mix(in srgb,var(--mix) 68%,var(--color-text-primary)) 0%,var(--mix) 38%,color-mix(in srgb,var(--mix) 82%,var(--color-bg-base)) 100%);box-shadow:0 10px 24px color-mix(in srgb,var(--mix) 35%,transparent),inset 0 -8px 16px color-mix(in srgb,var(--mix) 55%,var(--color-bg-base));border:2px solid color-mix(in srgb,var(--mix) 60%,var(--color-text-primary))}#cm-app .cm-blob[data-empty=true]{background:var(--color-bg-elevated);box-shadow:none;border:2px dashed var(--color-border)}#cm-app .cm-blob[data-pop="1"]{animation:cm-pop .6s ease 2}#cm-app .cm-small{width:min(100%,9rem)}#cm-app .cm-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}#cm-app .cm-fig{margin:0;display:grid;gap:.4rem;justify-items:center}#cm-app .cm-name{font-family:var(--font-display);font-size:1.6rem;line-height:1.1;margin:0;text-align:center;color:var(--color-text-primary)}#cm-app .cm-round{font-size:1.15rem}#cm-app #cm-recipe{text-align:center}#cm-app .cm-progress{width:100%;height:.75rem;accent-color:var(--color-accent-success)}#cm-app .cm-row{display:grid;grid-template-columns:minmax(0,1fr) 3.5rem 1.75rem 3.5rem;gap:.4rem;align-items:center}#cm-app .cm-pname{display:flex;align-items:center;gap:.5rem;min-width:0;font-weight:600;color:var(--color-text-primary);font-size:.95rem;overflow-wrap:anywhere}#cm-app .cm-chip{flex:none;display:grid;place-items:center;width:1.75rem;height:1.75rem;border-radius:.5rem;font-size:1rem;border:2px solid var(--c);background:color-mix(in srgb,var(--c) 30%,var(--color-bg-elevated));color:var(--color-text-primary)}#cm-app .cm-step{min-width:0;min-height:3.5rem;font-size:1.5rem;line-height:1;padding:0;border-width:2px;border-color:var(--c);touch-action:manipulation}#cm-app .cm-step[aria-disabled=true]{opacity:.4;cursor:default}#cm-app .cm-step:focus-visible,#cm-app .cm-mode:focus-visible{outline:3px solid var(--color-text-primary);outline-offset:2px}#cm-app .cm-countwrap{text-align:center;min-width:0}#cm-app .cm-count{text-align:center;font-family:var(--font-mono);font-size:1.4rem;font-weight:700;color:var(--color-text-primary)}#cm-app .cm-dots{grid-column:1 / -1;display:flex;gap:.3rem}#cm-app .cm-dot{width:.6rem;height:.6rem;border-radius:50%;border:2px solid var(--color-border);background:transparent}#cm-app .cm-dot[data-on="1"]{border-color:var(--color-text-primary);background:var(--c)}#cm-app .cm-found{list-style:none;margin:0;padding:0;display:grid;gap:.4rem;grid-template-columns:repeat(auto-fill,minmax(7.25rem,1fr))}#cm-app .cm-fchip{display:flex;align-items:center;gap:.5rem;min-height:2rem;padding:.2rem .5rem;border:1px dashed var(--color-border);border-radius:.6rem;font-size:.8rem;color:var(--color-text-muted);background:var(--color-bg-elevated)}#cm-app .cm-fchip[data-found="1"]{border-style:solid;color:var(--color-text-primary)}#cm-app .cm-fchip[data-new="1"]{animation:cm-pop .6s ease 2}#cm-app .cm-fdot{--mix: var(--color-bg-elevated);flex:none;width:1rem;height:1rem;border-radius:50%;background:var(--mix);border:2px solid var(--color-border)}#cm-app .cm-fchip[data-found="1"] .cm-fdot{border-color:var(--color-text-primary)}#cm-app .cm-win{text-align:center;border-color:var(--color-accent-success)}@keyframes cm-pop{0%,to{opacity:1}50%{opacity:.55}}@media(prefers-reduced-motion:reduce){#cm-app .cm-blob[data-pop="1"],#cm-app .cm-fchip[data-new="1"]{animation:none}}#cm-app .cm-how>summary{box-sizing:border-box;min-height:2rem;padding-block:.375rem}#cgd-app{--g-sky: var(--color-accent);--g-teal: color-mix(in oklch, var(--color-accent) 50%, var(--color-accent-success));--g-green: var(--color-accent-success);--g-lime: color-mix(in oklch, var(--color-accent-success) 50%, var(--color-accent-warm));--g-amber: var(--color-accent-warm);--g-orange: color-mix(in oklch, var(--color-accent-warm) 50%, var(--color-accent-danger));--g-rose: var(--color-accent-danger);--g-violet: color-mix(in oklch, var(--color-accent) 50%, var(--color-accent-danger));--air: color-mix(in srgb, var(--g-sky) 20%, var(--color-bg-elevated));--leaf: var(--g-green);--grass: color-mix(in srgb, var(--leaf) 24%, var(--color-bg-elevated));--grass-edge: color-mix(in srgb, var(--leaf) 55%, var(--color-border));--leaf-soft: color-mix(in srgb, var(--leaf) 20%, var(--color-bg-elevated));container-type:inline-size}#cgd-app [hidden]{display:none!important}#cgd-app [data-hue=sky]{--tone: var(--g-sky)}#cgd-app [data-hue=amber]{--tone: var(--g-amber)}#cgd-app [data-hue=rose]{--tone: var(--g-rose)}#cgd-app [data-hue=violet]{--tone: var(--g-violet)}#cgd-app [data-hue=orange]{--tone: var(--g-orange)}#cgd-app [data-hue=green]{--tone: var(--g-green)}#cgd-app .cgd-k{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-secondary)}#cgd-app .cgd-levels{display:grid;gap:.5rem;grid-template-columns:repeat(2,minmax(0,1fr))}@container (min-width: 520px){#cgd-app .cgd-levels{grid-template-columns:repeat(4,minmax(0,1fr))}}#cgd-app .cgd-level{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.1rem;min-height:3.5rem;padding:.4rem .5rem;border-radius:1rem;border:3px solid var(--color-border);text-align:center;line-height:1.15}#cgd-app .cgd-lv-name{font-size:1.05rem;font-weight:700;color:var(--color-text-primary)}#cgd-app .cgd-lv-range{font-size:.8rem;color:var(--color-text-secondary)}#cgd-app .cgd-level[aria-pressed=true] .cgd-lv-range{color:var(--color-text-primary)}#cgd-app .cgd-level[aria-pressed=true]{border-color:var(--g-sky);background:color-mix(in srgb,var(--g-sky) 26%,var(--color-bg-elevated));box-shadow:0 3px color-mix(in srgb,var(--g-sky) 55%,transparent)}#cgd-app .cgd-level[aria-pressed=true] .cgd-lv-name:before{content:"✓ "}#cgd-app .cgd-level:focus-visible,#cgd-app .cgd-big:focus-visible,#cgd-app .cgd-answer:focus-visible,#cgd-app .cgd-side:focus-visible{outline:3px solid var(--color-text-primary);outline-offset:3px}#cgd-app .cgd-stage{padding:1rem;display:grid;grid-template-columns:minmax(0,1fr);gap:.9rem;justify-items:center}#cgd-app .cgd-q{margin:0;text-align:center;font-family:var(--font-display, var(--font-mono));font-weight:700;color:var(--color-text-primary);font-size:clamp(1.6rem,7cqw,2.4rem);line-height:1.15}#cgd-app .cgd-scene{container-type:inline-size;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));width:100%;max-width:28rem;box-sizing:border-box;border-radius:1.25rem;border:3px solid var(--grass-edge);background:linear-gradient(180deg,var(--air) 0%,var(--air) 38%,var(--grass) 100%)}#cgd-app .cgd-scene[data-rows="2"]{grid-template-rows:repeat(2,minmax(0,1fr));aspect-ratio:5 / 2}#cgd-app .cgd-scene[data-rows="3"]{grid-template-rows:repeat(3,minmax(0,1fr));aspect-ratio:5 / 3}#cgd-app .cgd-scene[data-rows="5"]{grid-template-rows:repeat(5,minmax(0,1fr));aspect-ratio:5 / 5}#cgd-app .cgd-item{position:relative;display:grid;place-items:center;min-width:0;min-height:0;line-height:1;user-select:none;font-size:clamp(1.4rem,12cqw,3.4rem)}#cgd-app .cgd-item[data-c="1"]{grid-column:1}#cgd-app .cgd-item[data-c="2"]{grid-column:2}#cgd-app .cgd-item[data-c="3"]{grid-column:3}#cgd-app .cgd-item[data-c="4"]{grid-column:4}#cgd-app .cgd-item[data-c="5"]{grid-column:5}#cgd-app .cgd-item[data-r="1"]{grid-row:1}#cgd-app .cgd-item[data-r="2"]{grid-row:2}#cgd-app .cgd-item[data-r="3"]{grid-row:3}#cgd-app .cgd-item[data-r="4"]{grid-row:4}#cgd-app .cgd-item[data-r="5"]{grid-row:5}#cgd-app .cgd-item[data-j="0"]{translate:-10% 6%}#cgd-app .cgd-item[data-j="1"]{translate:8% -8%}#cgd-app .cgd-item[data-j="2"]{translate:4% 10%}#cgd-app .cgd-item[data-j="3"]{translate:-6% -6%}#cgd-app .cgd-item[data-j="4"]{translate:10% 4%}#cgd-app .cgd-item[data-j="5"]{translate:-4% 8%}#cgd-app .cgd-item[data-j="6"]{translate:0% -10%}#cgd-app .cgd-item[data-j="7"]{translate:0% 0%}#cgd-app .cgd-item:after{content:attr(data-n);position:absolute;right:4%;bottom:-2%;min-width:1.4em;padding:0 .2em;box-sizing:border-box;font-family:var(--font-mono);font-size:.42em;font-weight:700;line-height:1.5;text-align:center;border-radius:999px;background:color-mix(in srgb,var(--g-amber) 40%,var(--color-bg-elevated));color:var(--color-text-primary);border:2px solid var(--g-amber)}#cgd-app .cgd-item[data-n=""]:after{display:none}#cgd-app .cgd-compare{display:grid;gap:.75rem;width:100%;grid-template-columns:minmax(0,1fr);justify-items:center}@container (min-width: 560px){#cgd-app .cgd-compare{grid-template-columns:repeat(2,minmax(0,1fr))}}#cgd-app .cgd-side{display:block;width:100%;max-width:22rem;min-height:3.5rem;padding:.4rem;margin:0;cursor:pointer;box-sizing:border-box;border-radius:1.25rem;border:3px solid var(--tone);color:var(--color-text-primary);background:color-mix(in srgb,var(--tone) 16%,var(--color-bg-elevated));box-shadow:0 4px color-mix(in srgb,var(--tone) 50%,transparent)}#cgd-app .cgd-side .cgd-scene{border-width:2px}#cgd-app .cgd-side[data-state=tried],#cgd-app .cgd-answer[data-state=tried]{opacity:.55;border-style:dashed;box-shadow:none}#cgd-app .cgd-side[data-state=right]{--tone: var(--g-green)}#cgd-app .cgd-side[aria-disabled=true]{cursor:default}#cgd-app .cgd-answers{display:grid;gap:.6rem;width:100%;max-width:28rem;grid-template-columns:repeat(auto-fit,minmax(3.5rem,1fr))}#cgd-app .cgd-answer{min-height:3.5rem;min-width:3.5rem;padding:.25rem;margin:0;cursor:pointer;border-radius:1rem;border:3px solid var(--tone);font-family:var(--font-display, var(--font-mono));font-size:2rem;font-weight:700;line-height:1.1;color:var(--color-text-primary);background:linear-gradient(160deg,color-mix(in srgb,var(--tone) 36%,var(--color-bg-elevated)),color-mix(in srgb,var(--tone) 14%,var(--color-bg-elevated)));box-shadow:0 4px color-mix(in srgb,var(--tone) 55%,transparent)}#cgd-app .cgd-answer[data-state=right]{--tone: var(--g-green)}#cgd-app .cgd-answer[data-state=right]:after,#cgd-app .cgd-side[data-state=right]:after{content:" ✓";font-size:.7em}#cgd-app .cgd-answer[aria-disabled=true]{cursor:default}#cgd-app .cgd-side[data-state=right]:after{display:block;text-align:center;font-size:1.6rem;font-weight:700}#cgd-app .cgd-status{margin:0;min-height:3rem;width:100%;max-width:30rem;text-align:center;font-size:clamp(1.1rem,4.6cqw,1.45rem);line-height:1.3;font-weight:600;color:var(--color-text-primary);overflow-wrap:anywhere}#cgd-app .cgd-row{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem;width:100%}#cgd-app .cgd-big{min-height:3.5rem;min-width:3.5rem;font-size:1.05rem}#cgd-app .cgd-big[aria-pressed=true]{border-color:var(--g-amber);background:color-mix(in srgb,var(--g-amber) 28%,var(--color-bg-elevated));color:var(--color-text-primary)}#cgd-app .cgd-big[aria-pressed=true]:before{content:"✓ "}#cgd-app .cgd-hint{margin:0;text-align:center;font-size:.8rem;color:var(--color-text-muted);max-width:30rem}#cgd-app .cgd-offer{width:100%;max-width:30rem;box-sizing:border-box;padding:.9rem;display:grid;gap:.7rem;justify-items:center;text-align:center;border-radius:1.25rem;border:3px solid var(--g-violet);background:color-mix(in srgb,var(--g-violet) 16%,var(--color-bg-elevated))}#cgd-app .cgd-offer-text{margin:0;font-size:1.2rem;font-weight:700;color:var(--color-text-primary)}#cgd-app .cgd-garden{padding:1rem;display:grid;gap:.7rem}#cgd-app .cgd-garden-title{margin:0;font-family:var(--font-display, var(--font-mono));font-weight:700;font-size:1.2rem;color:var(--color-text-primary)}#cgd-app .cgd-plots{display:grid;gap:.5rem;grid-template-columns:repeat(5,minmax(0,1fr));padding:.6rem;border-radius:1rem;background:linear-gradient(180deg,var(--air),var(--grass))}@container (min-width: 560px){#cgd-app .cgd-plots{grid-template-columns:repeat(10,minmax(0,1fr))}}#cgd-app .cgd-plot{display:grid;place-items:center;aspect-ratio:1;min-width:0;border-radius:50%;font-size:clamp(1.4rem,7cqw,2.2rem);line-height:1;border:3px dashed color-mix(in srgb,var(--g-amber) 55%,var(--color-border));background:color-mix(in srgb,var(--g-amber) 14%,var(--color-bg-elevated))}#cgd-app .cgd-plot[data-state=planted]{border-style:solid;border-color:var(--leaf);background:var(--leaf-soft)}#cgd-app .cgd-stats{display:flex;flex-wrap:wrap;gap:.25rem 1.25rem;font-size:.85rem}#cgd-app .cgd-v{font-family:var(--font-mono);font-weight:700;color:var(--color-text-primary)}#cgd-app .cgd-how>summary{min-height:2rem;padding-block:.375rem;box-sizing:border-box}#cgd-app .cgd-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@media(prefers-reduced-motion:no-preference){@keyframes cgd-pop{0%{scale:.5;opacity:0}to{scale:1;opacity:1}}@keyframes cgd-hop{0%{translate:0 0}35%{translate:0 -10px}70%{translate:0 0}85%{translate:0 -4px}to{translate:0 0}}@keyframes cgd-grow{0%{scale:.3}60%{scale:1.25}to{scale:1}}@keyframes cgd-dance{0%{translate:0 0}40%{translate:0 -12px}to{translate:0 0}}#cgd-app .cgd-item{animation:cgd-pop .34s ease-out both}#cgd-app .cgd-item:nth-child(3n+2){animation-delay:50ms}#cgd-app .cgd-item:nth-child(3n+3){animation-delay:.1s}#cgd-app .cgd-answer[data-state=right],#cgd-app .cgd-side[data-state=right]{animation:cgd-hop .65s ease-out}#cgd-app .cgd-plot[data-new=true]{animation:cgd-grow .52s ease-out}#cgd-app .cgd-plots[data-full=true] .cgd-plot{animation:cgd-dance .7s ease-out both}#cgd-app .cgd-plots[data-full=true] .cgd-plot:nth-child(3n+2){animation-delay:.1s}#cgd-app .cgd-plots[data-full=true] .cgd-plot:nth-child(3n+3){animation-delay:.2s}#cgd-app .cgd-answer,#cgd-app .cgd-side,#cgd-app .cgd-level{transition:box-shadow .12s ease,background-color .12s ease,opacity .12s ease}}#ss-app{--g-sky: var(--color-accent);--g-teal: color-mix(in oklch, var(--color-accent) 50%, var(--color-accent-success));--g-green: var(--color-accent-success);--g-lime: color-mix(in oklch, var(--color-accent-success) 50%, var(--color-accent-warm));--g-amber: var(--color-accent-warm);--g-orange: color-mix(in oklch, var(--color-accent-warm) 50%, var(--color-accent-danger));--g-rose: var(--color-accent-danger);--g-violet: color-mix(in oklch, var(--color-accent) 50%, var(--color-accent-danger));--leaf: var(--g-green);--leaf-soft: color-mix(in srgb, var(--leaf) 22%, var(--color-bg-elevated));--play-a: color-mix(in srgb, var(--g-violet) 16%, var(--color-bg-elevated));--play-b: color-mix(in srgb, var(--g-sky) 16%, var(--color-bg-elevated));container-type:inline-size}#ss-app [hidden]{display:none!important}#ss-app .ss-ns{position:absolute;width:0;height:0;overflow:hidden}#ss-app [data-hue=sky]{--tone: var(--g-sky)}#ss-app [data-hue=amber]{--tone: var(--g-amber)}#ss-app [data-hue=rose]{--tone: var(--g-rose)}#ss-app [data-hue=violet]{--tone: var(--g-violet)}#ss-app [data-hue=orange]{--tone: var(--g-orange)}#ss-app [data-hue=green]{--tone: var(--g-green)}#ss-app .ss-k{margin:0;font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-secondary)}#ss-app .ss-pick{display:grid;gap:.9rem;grid-template-columns:minmax(0,1fr)}@container (min-width: 560px){#ss-app .ss-pick{grid-template-columns:minmax(0,3fr) minmax(0,2fr)}}#ss-app .ss-pick-group{display:grid;gap:.4rem;min-width:0}#ss-app .ss-modes,#ss-app .ss-levels{display:grid;gap:.5rem}#ss-app .ss-modes{grid-template-columns:repeat(3,minmax(0,1fr))}#ss-app .ss-levels{grid-template-columns:repeat(4,minmax(0,1fr))}#ss-app .ss-mode,#ss-app .ss-level{min-height:3.5rem;min-width:3.5rem;padding:.3rem .4rem;border-radius:1rem;border:3px solid var(--color-border);font-size:1.05rem;font-weight:700;color:var(--color-text-primary)}#ss-app .ss-level{font-size:1.5rem}#ss-app .ss-mode[aria-pressed=true],#ss-app .ss-level[aria-pressed=true]{border-color:var(--g-violet);background:color-mix(in srgb,var(--g-violet) 28%,var(--color-bg-elevated));box-shadow:0 3px color-mix(in srgb,var(--g-violet) 55%,transparent)}#ss-app .ss-mode[aria-pressed=true]:before,#ss-app .ss-level[aria-pressed=true]:before{content:"✓ ";font-size:.8em}#ss-app button:focus-visible{outline:3px solid var(--color-text-primary);outline-offset:3px}#ss-app .ss-stage{padding:1rem;display:grid;grid-template-columns:minmax(0,1fr);gap:.9rem;justify-items:center;background:linear-gradient(160deg,var(--play-a),var(--play-b))}#ss-app .ss-q{margin:0;text-align:center;font-family:var(--font-display, var(--font-mono));font-weight:700;color:var(--color-text-primary);font-size:clamp(1.6rem,7cqw,2.4rem);line-height:1.15}#ss-app .ss-hint{margin:-.4rem 0 0;text-align:center;font-size:.95rem;color:var(--color-text-secondary)}#ss-app .ss-holes{display:grid;gap:.6rem;width:100%;max-width:34rem;grid-template-columns:repeat(auto-fit,minmax(6rem,1fr))}#ss-app .ss-hole{display:grid;justify-items:center;align-content:start;gap:.2rem;min-height:5.5rem;min-width:0;padding:.5rem .3rem;margin:0;cursor:pointer;border-radius:1.1rem;border:3px dashed var(--color-border);color:var(--color-text-primary);background:color-mix(in srgb,var(--color-bg-base) 40%,var(--color-bg-elevated));box-shadow:inset 0 4px 10px color-mix(in srgb,var(--color-bg-base) 55%,transparent)}#ss-app .ss-hole[data-hue]{border-color:var(--tone)}#ss-app .ss-hole[data-armed=true]{border-style:solid;background:color-mix(in srgb,var(--g-amber) 14%,var(--color-bg-elevated))}#ss-app .ss-hole[data-miss=true]{border-color:var(--g-rose);border-style:solid}#ss-app .ss-hole[data-done=true]{border-style:solid;border-color:var(--leaf)}#ss-app .ss-cap{font-size:.85rem;font-weight:700;line-height:1.1;text-transform:capitalize}#ss-app .ss-hole .ss-svg{width:3.4rem;height:3.4rem}#ss-app .ss-cut{fill:color-mix(in srgb,var(--color-bg-base) 60%,var(--color-bg-elevated));stroke:var(--color-text-secondary);stroke-width:4;stroke-dasharray:8 6;stroke-linejoin:round}#ss-app .ss-cut-tone{fill:color-mix(in srgb,var(--tone) 30%,var(--color-bg-elevated));stroke:var(--tone);stroke-dasharray:none}#ss-app .ss-in{display:flex;flex-wrap:wrap;justify-content:center;gap:.15rem;min-height:1.4rem}#ss-app .ss-mini{display:grid;place-items:center;width:1.4rem;height:1.4rem}#ss-app .ss-mini .ss-svg{width:100%;height:100%}#ss-app .ss-tray{display:grid;gap:.6rem;width:100%;max-width:34rem;min-height:4.5rem;grid-template-columns:repeat(auto-fit,minmax(4.5rem,1fr));justify-items:center}#ss-app .ss-piece{display:grid;place-items:center;width:100%;max-width:5.5rem;aspect-ratio:1;min-height:4.5rem;min-width:4.5rem;padding:.25rem;margin:0;cursor:pointer;border-radius:1.1rem;border:3px solid color-mix(in srgb,var(--tone) 60%,var(--color-border));color:var(--color-text-primary);background:color-mix(in srgb,var(--tone) 12%,var(--color-bg-elevated));box-shadow:0 4px color-mix(in srgb,var(--tone) 40%,transparent)}#ss-app .ss-piece[aria-pressed=true]{border-color:var(--color-text-primary);background:color-mix(in srgb,var(--g-amber) 24%,var(--color-bg-elevated));box-shadow:0 0 0 3px var(--g-amber),0 6px color-mix(in srgb,var(--g-amber) 50%,transparent);translate:0 -4px}#ss-app .ss-svg{display:block;overflow:visible;aspect-ratio:1}#ss-app .ss-piece .ss-svg{width:100%;height:auto}#ss-app .ss-svg[data-size=small]{width:50%}#ss-app .ss-svg[data-size=medium]{width:75%}#ss-app .ss-hole .ss-svg[data-size=small]{width:1.7rem;height:1.7rem}#ss-app .ss-hole .ss-svg[data-size=medium]{width:2.5rem;height:2.5rem}#ss-app .ss-hole .ss-svg[data-size=big]{width:3.4rem;height:3.4rem}#ss-app .ss-mini .ss-svg[data-size]{width:100%;height:100%}#ss-app .ss-shape{fill:var(--tone);stroke:color-mix(in srgb,var(--tone) 50%,var(--color-text-primary));stroke-width:4;stroke-linejoin:round}#ss-app .ss-mark,#ss-app .ss-mark-bg{display:none;fill:none;stroke-linecap:round;stroke-linejoin:round}#ss-app .ss-mark-bg{stroke:var(--color-bg-base);stroke-width:15}#ss-app .ss-mark{stroke:var(--color-text-primary);stroke-width:8}#ss-app .ss-stage[data-mode=colour] .ss-mark,#ss-app .ss-stage[data-mode=colour] .ss-mark-bg{display:inline}#ss-app .ss-status{margin:0;min-height:3rem;width:100%;max-width:32rem;text-align:center;font-size:clamp(1.1rem,4.6cqw,1.45rem);line-height:1.3;font-weight:600;color:var(--color-text-primary);overflow-wrap:anywhere}#ss-app .ss-row{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem;width:100%}#ss-app .ss-big{min-height:3.5rem;min-width:3.5rem;font-size:1.05rem}#ss-app .ss-offer{width:100%;max-width:32rem;box-sizing:border-box;padding:.9rem;display:grid;gap:.7rem;justify-items:center;text-align:center;border-radius:1.25rem;border:3px solid var(--g-violet);background:color-mix(in srgb,var(--g-violet) 16%,var(--color-bg-elevated))}#ss-app .ss-offer-text{margin:0;font-size:1.2rem;font-weight:700;color:var(--color-text-primary)}#ss-app .ss-shelf{padding:1rem;display:grid;gap:.7rem}#ss-app .ss-shelf-title{margin:0;font-family:var(--font-display, var(--font-mono));font-weight:700;font-size:1.2rem;color:var(--color-text-primary)}#ss-app .ss-slots{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.5rem;padding:.6rem;border-radius:1rem;background:linear-gradient(180deg,var(--play-b),var(--play-a))}#ss-app .ss-slot{display:grid;place-items:center;aspect-ratio:1;max-width:4rem;justify-self:center;width:100%;border-radius:50%;font-size:clamp(1.4rem,8cqw,2.2rem);line-height:1;border:3px dashed color-mix(in srgb,var(--g-amber) 55%,var(--color-border));background:color-mix(in srgb,var(--g-amber) 12%,var(--color-bg-elevated))}#ss-app .ss-slot[data-state=star]{border-style:solid;border-color:var(--g-amber);background:color-mix(in srgb,var(--g-amber) 28%,var(--color-bg-elevated))}#ss-app .ss-stats{display:flex;flex-wrap:wrap;gap:.25rem 1.25rem;font-size:.85rem}#ss-app .ss-v{font-family:var(--font-mono);font-weight:700;color:var(--color-text-primary)}#ss-app .ss-how>summary{min-height:2rem;padding-block:.375rem;box-sizing:border-box}@media(prefers-reduced-motion:no-preference){@keyframes ss-pop{0%{scale:.3;opacity:0}to{scale:1;opacity:1}}@keyframes ss-shake{0%{translate:0 0}25%{translate:-6px 0}50%{translate:6px 0}75%{translate:-3px 0}to{translate:0 0}}@keyframes ss-hop{0%{translate:0 0}40%{translate:0 -10px}to{translate:0 0}}@keyframes ss-grow{0%{scale:.3}60%{scale:1.3}to{scale:1}}#ss-app .ss-piece[data-fresh=true]{animation:ss-pop .3s ease-out both}#ss-app .ss-piece[data-fresh=true]:nth-child(3n+2){animation-delay:50ms}#ss-app .ss-piece[data-fresh=true]:nth-child(3n+3){animation-delay:.1s}#ss-app .ss-mini[data-new=true]{animation:ss-pop .36s ease-out both}#ss-app .ss-hole[data-miss=true]{animation:ss-shake .38s ease-out}#ss-app .ss-hole[data-done=true]{animation:ss-hop .6s ease-out}#ss-app .ss-hole[data-done=true]:nth-child(2n){animation-delay:.12s}#ss-app .ss-slot[data-new=true]{animation:ss-grow .52s ease-out}#ss-app .ss-piece,#ss-app .ss-hole,#ss-app .ss-mode,#ss-app .ss-level{transition:box-shadow .12s ease,background-color .12s ease,translate .12s ease}}#mk-app{--g-sky: var(--color-accent);--g-teal: color-mix(in oklch, var(--color-accent) 50%, var(--color-accent-success));--g-green: var(--color-accent-success);--g-lime: color-mix(in oklch, var(--color-accent-success) 50%, var(--color-accent-warm));--g-amber: var(--color-accent-warm);--g-orange: color-mix(in oklch, var(--color-accent-warm) 50%, var(--color-accent-danger));--g-rose: var(--color-accent-danger);--g-violet: color-mix(in oklch, var(--color-accent) 50%, var(--color-accent-danger));--leaf: var(--g-green);--leaf-soft: color-mix(in srgb, var(--leaf) 24%, var(--color-bg-elevated));--sun: color-mix(in srgb, var(--g-amber) 18%, var(--color-bg-elevated));--peach: color-mix(in srgb, var(--g-orange) 16%, var(--color-bg-elevated));container-type:inline-size}#mk-app [hidden]{display:none!important}#mk-app [data-hue=sky]{--tone: var(--g-sky)}#mk-app [data-hue=amber]{--tone: var(--g-amber)}#mk-app [data-hue=rose]{--tone: var(--g-rose)}#mk-app [data-hue=violet]{--tone: var(--g-violet)}#mk-app [data-hue=orange]{--tone: var(--g-orange)}#mk-app [data-hue=green]{--tone: var(--g-green)}#mk-app .mk-k{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-secondary)}#mk-app .mk-top{display:grid;gap:.6rem;grid-template-columns:minmax(0,1fr)}@container (min-width: 600px){#mk-app .mk-top{grid-template-columns:minmax(0,1fr) minmax(0,2fr);align-items:start}}#mk-app .mk-tabs,#mk-app .mk-levels{display:grid;gap:.5rem;grid-template-columns:repeat(2,minmax(0,1fr))}@container (min-width: 440px){#mk-app .mk-levels{grid-template-columns:repeat(4,minmax(0,1fr))}}#mk-app .mk-tab,#mk-app .mk-level{min-height:3.5rem;min-width:3.5rem;padding:.3rem .4rem;border-radius:1rem;border:3px solid var(--color-border);font-size:1.05rem;font-weight:700;color:var(--color-text-primary)}#mk-app .mk-tab[aria-pressed=true],#mk-app .mk-level[aria-pressed=true]{border-color:var(--g-amber);background:color-mix(in srgb,var(--g-amber) 28%,var(--color-bg-elevated));box-shadow:0 3px color-mix(in srgb,var(--g-amber) 55%,transparent)}#mk-app .mk-tab[aria-pressed=true]:before,#mk-app .mk-level[aria-pressed=true]:before{content:"✓ ";font-size:.8em}#mk-app button:focus-visible{outline:3px solid var(--color-text-primary);outline-offset:3px}#mk-app .mk-stage{padding:1rem;display:grid;grid-template-columns:minmax(0,1fr);gap:.9rem;justify-items:center;background:linear-gradient(160deg,var(--sun),var(--peach))}#mk-app .mk-eq{margin:0;display:flex;align-items:center;justify-content:center;gap:.5rem;flex-wrap:wrap;font-family:var(--font-display, var(--font-mono));font-weight:700;font-size:clamp(2rem,11cqw,3.4rem);line-height:1.1;color:var(--color-text-primary)}#mk-app .mk-n{min-width:1.6em;padding:.05em .25em;text-align:center}#mk-app .mk-slot{border-radius:.5em;border:3px dashed var(--g-amber);background:color-mix(in srgb,var(--g-amber) 14%,var(--color-bg-elevated))}#mk-app .mk-slot[data-state=right]{border-style:solid;border-color:var(--leaf);background:var(--leaf-soft)}#mk-app .mk-op{color:var(--color-text-secondary)}#mk-app .mk-frame{container-type:inline-size;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.35rem;width:100%;max-width:20rem;padding:.5rem;box-sizing:border-box;border-radius:1rem;border:3px solid var(--color-border);background:color-mix(in srgb,var(--color-bg-base) 25%,var(--color-bg-elevated))}#mk-app .mk-frame[data-over=true]{border-color:var(--g-rose)}#mk-app .mk-frame[data-gap=true] .mk-cell[data-row="2"]{margin-top:.6rem}#mk-app .mk-cell{display:grid;place-items:center;aspect-ratio:1;min-width:0;line-height:1;border-radius:.6rem;border:2px dashed var(--color-border);font-size:clamp(1.1rem,12cqw,2.1rem);font-family:var(--font-display, var(--font-mono));font-weight:700;color:var(--color-text-primary)}#mk-app .mk-cell[data-state=given]{border:2px solid var(--g-amber);background:color-mix(in srgb,var(--g-amber) 24%,var(--color-bg-elevated))}#mk-app .mk-cell[data-state=chosen]{border:2px dashed var(--g-rose);background:color-mix(in srgb,var(--g-rose) 14%,var(--color-bg-elevated))}#mk-app .mk-cell[data-state=filled]{border:2px solid var(--leaf);background:var(--leaf-soft)}#mk-app .mk-cell[data-state=empty]{background:color-mix(in srgb,var(--color-bg-base) 30%,var(--color-bg-elevated))}#mk-app .mk-answers{display:grid;gap:.6rem;width:100%;max-width:28rem;grid-template-columns:repeat(auto-fit,minmax(3.5rem,1fr))}#mk-app .mk-answer{min-height:3.5rem;min-width:3.5rem;padding:.25rem;margin:0;cursor:pointer;border-radius:1rem;border:3px solid var(--tone);font-family:var(--font-display, var(--font-mono));font-size:2rem;font-weight:700;line-height:1.1;color:var(--color-text-primary);background:linear-gradient(160deg,color-mix(in srgb,var(--tone) 36%,var(--color-bg-elevated)),color-mix(in srgb,var(--tone) 14%,var(--color-bg-elevated)));box-shadow:0 4px color-mix(in srgb,var(--tone) 55%,transparent)}#mk-app .mk-answer[data-state=right]{--tone: var(--g-green)}#mk-app .mk-answer[data-state=right]:after{content:" ✓";font-size:.7em}#mk-app .mk-answer[data-state=tried]{opacity:.55;border-style:dashed;box-shadow:none}#mk-app .mk-answer[aria-disabled=true]{cursor:default}#mk-app .mk-status{margin:0;min-height:3rem;width:100%;max-width:30rem;text-align:center;font-size:clamp(1.1rem,4.6cqw,1.45rem);line-height:1.3;font-weight:600;color:var(--color-text-primary);overflow-wrap:anywhere}#mk-app .mk-row{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem;width:100%}#mk-app .mk-big{min-height:3.5rem;min-width:3.5rem;font-size:1.05rem}#mk-app .mk-offer{width:100%;max-width:30rem;box-sizing:border-box;padding:.9rem;display:grid;gap:.7rem;justify-items:center;text-align:center;border-radius:1.25rem;border:3px solid var(--g-violet);background:color-mix(in srgb,var(--g-violet) 16%,var(--color-bg-elevated))}#mk-app .mk-offer-text{margin:0;font-size:1.2rem;font-weight:700;color:var(--color-text-primary)}#mk-app .mk-play{display:grid;grid-template-columns:minmax(0,1fr);gap:.9rem;justify-items:center;width:100%}#mk-app .mk-learn{display:grid;gap:.7rem;width:100%}#mk-app .mk-learn-title{margin:0;font-family:var(--font-display, var(--font-mono));font-weight:700;font-size:1.3rem;color:var(--color-text-primary)}#mk-app .mk-learn-sub{margin:0;font-size:.9rem;color:var(--color-text-secondary)}#mk-app .mk-bonds{list-style:none;margin:0;padding:0;display:grid;gap:.6rem;grid-template-columns:repeat(auto-fill,minmax(12.5rem,1fr))}#mk-app .mk-bond{display:grid;gap:.4rem;padding:.7rem;border-radius:1rem;border:2px solid var(--color-border);background:linear-gradient(160deg,var(--sun),var(--peach))}#mk-app .mk-bond-eq{margin:0;font-family:var(--font-display, var(--font-mono));font-weight:700;font-size:1.4rem;color:var(--color-text-primary)}#mk-app .mk-strip{display:grid;gap:3px;grid-template-columns:repeat(10,minmax(0,1fr))}#mk-app .mk-strip[data-n="5"]{grid-template-columns:repeat(5,minmax(0,1fr))}#mk-app .mk-dot{aspect-ratio:1;border-radius:50%;border:2px solid var(--g-amber);background:var(--g-amber)}#mk-app .mk-dot[data-state=filled]{border-color:var(--leaf);background:transparent}#mk-app .mk-progress{padding:1rem;display:grid;gap:.7rem}#mk-app .mk-progress-title{margin:0;font-family:var(--font-display, var(--font-mono));font-weight:700;font-size:1.2rem;color:var(--color-text-primary)}#mk-app .mk-stars{display:grid;gap:.5rem;grid-template-columns:repeat(5,minmax(0,1fr));padding:.6rem;border-radius:1rem;background:linear-gradient(180deg,var(--sun),var(--peach))}@container (min-width: 560px){#mk-app .mk-stars{grid-template-columns:repeat(10,minmax(0,1fr))}}#mk-app .mk-star{display:grid;place-items:center;aspect-ratio:1;min-width:0;border-radius:50%;font-size:clamp(1.4rem,7cqw,2.2rem);line-height:1;border:3px dashed color-mix(in srgb,var(--g-amber) 55%,var(--color-border));background:color-mix(in srgb,var(--g-amber) 12%,var(--color-bg-elevated))}#mk-app .mk-star[data-state=star]{border-style:solid;border-color:var(--g-amber);background:color-mix(in srgb,var(--g-amber) 30%,var(--color-bg-elevated))}#mk-app .mk-stats{display:flex;flex-wrap:wrap;gap:.25rem 1.25rem;font-size:.85rem}#mk-app .mk-v{font-family:var(--font-mono);font-weight:700;color:var(--color-text-primary)}#mk-app .mk-how>summary{min-height:2rem;padding-block:.375rem;box-sizing:border-box}@media(prefers-reduced-motion:no-preference){@keyframes mk-fill{0%{scale:.4;opacity:.2}to{scale:1;opacity:1}}@keyframes mk-hop{0%{translate:0 0}35%{translate:0 -10px}70%{translate:0 0}85%{translate:0 -4px}to{translate:0 0}}@keyframes mk-grow{0%{scale:.3}60%{scale:1.3}to{scale:1}}@keyframes mk-dance{0%{translate:0 0}40%{translate:0 -12px}to{translate:0 0}}#mk-app .mk-cell[data-state=filled],#mk-app .mk-cell[data-state=chosen]{animation:mk-fill .32s ease-out both}#mk-app .mk-cell[data-state=filled]:nth-child(3n+2){animation-delay:40ms}#mk-app .mk-cell[data-state=filled]:nth-child(3n+3){animation-delay:80ms}#mk-app .mk-answer[data-state=right],#mk-app .mk-slot[data-state=right]{animation:mk-hop .65s ease-out}#mk-app .mk-star[data-new=true]{animation:mk-grow .52s ease-out}#mk-app .mk-stars[data-full=true] .mk-star{animation:mk-dance .7s ease-out both}#mk-app .mk-stars[data-full=true] .mk-star:nth-child(3n+2){animation-delay:.1s}#mk-app .mk-stars[data-full=true] .mk-star:nth-child(3n+3){animation-delay:.2s}#mk-app .mk-answer,#mk-app .mk-tab,#mk-app .mk-level{transition:box-shadow .12s ease,background-color .12s ease,opacity .12s ease}}#sb-app{--g-sky: var(--color-accent);--g-teal: color-mix(in oklch, var(--color-accent) 50%, var(--color-accent-success));--g-green: var(--color-accent-success);--g-lime: color-mix(in oklch, var(--color-accent-success) 50%, var(--color-accent-warm));--g-amber: var(--color-accent-warm);--g-orange: color-mix(in oklch, var(--color-accent-warm) 50%, var(--color-accent-danger));--g-rose: var(--color-accent-danger);--g-violet: color-mix(in oklch, var(--color-accent) 50%, var(--color-accent-danger));container-type:inline-size;--sb-a: var(--g-amber);--sb-b: var(--g-sky);--sb-ok: var(--g-green);--sb-t0: var(--g-sky);--sb-t1: var(--g-amber);--sb-t2: var(--g-rose);--sb-t3: var(--g-violet);--sb-t4: var(--g-orange);--sb-t5: var(--g-green)}#sb-app [hidden]{display:none!important}#sb-app .sb-top{display:grid;gap:.875rem}#sb-app .sb-levels,#sb-app .sb-actions,#sb-app .sb-row{display:flex;flex-wrap:wrap;gap:.5rem}#sb-app .sb-row{justify-content:center}#sb-app .sb-actions button,#sb-app .sb-row button,#sb-app .sb-play>button{min-height:3.5rem}#sb-app .sb-actions button{min-width:3.5rem}@container (min-width: 600px){#sb-app .sb-top{grid-template-columns:minmax(0,1fr) auto;align-items:center}}#sb-app .sb-lvl{min-height:3.5rem;min-width:5.5rem;padding:.25rem 1rem;border-radius:999px;border:2px solid var(--color-border);background:var(--color-bg-elevated);color:var(--color-text-primary);display:inline-flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;font-family:var(--font-display);line-height:1.15}#sb-app .sb-lvl-name{font-size:1.05rem;font-weight:700}#sb-app .sb-lvl-sub{font-size:.75rem;color:var(--color-text-secondary)}#sb-app .sb-lvl[aria-pressed=true]{border-color:var(--sb-a);background:color-mix(in srgb,var(--sb-a) 22%,var(--color-bg-elevated));box-shadow:0 0 0 2px color-mix(in srgb,var(--sb-a) 35%,transparent)}#sb-app .sb-lvl[aria-pressed=true] .sb-lvl-name:before{content:"✓ "}#sb-app #sb-case[aria-pressed=true]{border-color:var(--sb-b);background:color-mix(in srgb,var(--sb-b) 20%,var(--color-bg-elevated))}#sb-app .sb-stage{padding:1rem;display:grid;grid-template-columns:minmax(0,1fr);gap:1rem;justify-items:center;text-align:center;background:linear-gradient(170deg,color-mix(in srgb,var(--sb-a) 10%,var(--color-bg-surface)),color-mix(in srgb,var(--sb-b) 8%,var(--color-bg-surface)))}#sb-app .sb-stage>*{min-width:0;max-width:100%}#sb-app .sb-meta{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem .75rem;width:100%}#sb-app .sb-count{font-family:var(--font-display);font-size:1rem;color:var(--color-text-secondary)}#sb-app .sb-stars{display:flex;flex-wrap:wrap;gap:.3rem}#sb-app .sb-star{width:1.6rem;height:1.6rem;background:color-mix(in srgb,var(--color-text-muted) 45%,transparent);clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}#sb-app .sb-star[data-on=true]{background:linear-gradient(150deg,color-mix(in oklch,var(--sb-a) 65%,var(--color-text-primary)),var(--sb-a))}#sb-app .sb-play{display:grid;grid-template-columns:minmax(0,1fr);gap:1.1rem;justify-items:center;width:100%}#sb-app .sb-play[inert]{opacity:.75}#sb-app .sb-pic{width:clamp(7rem,38cqw,11rem);aspect-ratio:1;display:grid;place-items:center;font-size:clamp(4.25rem,22cqw,7rem);line-height:1;border-radius:2rem;border:3px solid color-mix(in srgb,var(--sb-a) 60%,transparent);background:radial-gradient(circle at 30% 25%,color-mix(in srgb,var(--sb-a) 30%,var(--color-bg-elevated)),color-mix(in srgb,var(--sb-b) 14%,var(--color-bg-elevated)));box-shadow:0 6px color-mix(in srgb,var(--sb-a) 35%,var(--color-bg-base))}#sb-app .sb-slots{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem}#sb-app .sb-slot{width:clamp(2.5rem,14cqw,4rem);height:clamp(3.25rem,17cqw,4.75rem);display:inline-flex;align-items:center;justify-content:center;border-radius:.9rem;border:3px dashed var(--color-border-strong);font-family:var(--font-display);font-weight:700;font-size:clamp(1.75rem,9cqw,2.75rem);color:var(--color-text-primary);line-height:1}#sb-app .sb-slot[data-state=next]{border-style:solid;border-color:var(--sb-b)}#sb-app .sb-slot[data-state=filled]{border-style:solid;border-color:var(--sb-ok);background:color-mix(in srgb,var(--sb-ok) 20%,var(--color-bg-elevated))}#sb-app[data-case=upper] .sb-slot,#sb-app[data-case=upper] .sb-tile{text-transform:uppercase}#sb-app .sb-tiles{display:flex;flex-wrap:wrap;justify-content:center;gap:.7rem}#sb-app .sb-tile{--c: var(--sb-t0);width:4rem;height:4rem;border-radius:999px;border:3px solid var(--c);cursor:pointer;padding:0;font-family:var(--font-display);font-weight:700;font-size:2rem;line-height:1;color:var(--color-text-primary);background:radial-gradient(circle at 30% 25%,color-mix(in oklch,var(--c) 38%,var(--color-bg-elevated)),color-mix(in oklch,var(--c) 20%,var(--color-bg-elevated)));box-shadow:0 4px color-mix(in srgb,var(--c) 55%,var(--color-bg-base))}#sb-app .sb-tile[data-t="1"]{--c: var(--sb-t1)}#sb-app .sb-tile[data-t="2"]{--c: var(--sb-t2)}#sb-app .sb-tile[data-t="3"]{--c: var(--sb-t3)}#sb-app .sb-tile[data-t="4"]{--c: var(--sb-t4)}#sb-app .sb-tile[data-t="5"]{--c: var(--sb-t5)}#sb-app .sb-tile:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px color-mix(in srgb,var(--c) 55%,var(--color-bg-base))}#sb-app .sb-tile:disabled{cursor:default;opacity:.3;box-shadow:none}#sb-app .sb-tile[data-hint=true]{outline:4px dashed var(--sb-a);outline-offset:4px}#sb-app .sb-tile:focus-visible,#sb-app .sb-lvl:focus-visible,#sb-app button:focus-visible{outline:3px solid var(--color-accent);outline-offset:3px}#sb-app .sb-tile[data-hint=true]:focus-visible{outline-style:solid}#sb-app .sb-status{min-height:1.5rem;font-size:1rem;line-height:1.4;color:var(--color-text-secondary)}#sb-app .sb-offer{width:100%;padding:.875rem;border-radius:1.1rem;border:3px dashed var(--sb-a);background:color-mix(in srgb,var(--sb-a) 12%,var(--color-bg-elevated));display:grid;gap:.75rem}#sb-app .sb-offer-text{font-family:var(--font-display);font-size:1.1rem;color:var(--color-text-primary)}#sb-app .sb-done{position:relative;width:100%;padding:1rem;border-radius:1.25rem;border:3px solid var(--sb-ok);display:grid;gap:.875rem;background:color-mix(in srgb,var(--sb-ok) 14%,var(--color-bg-elevated))}#sb-app .sb-done-text{font-family:var(--font-display);font-size:1.3rem;line-height:1.3;color:var(--color-text-primary);overflow-wrap:anywhere}#sb-app .sb-burst{position:absolute;inset:0;pointer-events:none;overflow:hidden;border-radius:inherit}#sb-app .sb-burst i{position:absolute;left:50%;top:40%;width:.6rem;height:.6rem;border-radius:50%;background:var(--c);opacity:0}#sb-app .sb-burst i:nth-child(1){--c: var(--sb-t0);--dx: -7rem;--dy: -2.5rem}#sb-app .sb-burst i:nth-child(2){--c: var(--sb-t1);--dx: -4rem;--dy: -4rem}#sb-app .sb-burst i:nth-child(3){--c: var(--sb-t2);--dx: -1.5rem;--dy: -5rem}#sb-app .sb-burst i:nth-child(4){--c: var(--sb-t3);--dx: 1.5rem;--dy: -5rem}#sb-app .sb-burst i:nth-child(5){--c: var(--sb-t4);--dx: 4rem;--dy: -4rem}#sb-app .sb-burst i:nth-child(6){--c: var(--sb-t5);--dx: 7rem;--dy: -2.5rem}#sb-app .sb-burst i:nth-child(7){--c: var(--sb-t1);--dx: -5.5rem;--dy: 1rem}#sb-app .sb-burst i:nth-child(8){--c: var(--sb-t0);--dx: 5.5rem;--dy: 1rem}@media(prefers-reduced-motion:no-preference){#sb-app .sb-done:not([hidden]) .sb-burst i{animation:sb-pop .9s ease-out 1 both}#sb-app .sb-done:not([hidden]){animation:sb-rise .35s ease-out 1 both}#sb-app .sb-tile[data-shake=true]{animation:sb-shake .32s ease-in-out 1}#sb-app .sb-star[data-on=true]{animation:sb-twinkle .45s ease-out 1}#sb-app .sb-tile,#sb-app .sb-slot{transition:transform .12s ease,box-shadow .12s ease}}@keyframes sb-pop{0%{opacity:1;transform:translate(0) scale(.6)}to{opacity:0;transform:translate(var(--dx),var(--dy)) scale(1)}}@keyframes sb-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes sb-shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@keyframes sb-twinkle{0%{transform:scale(.4)}70%{transform:scale(1.25)}to{transform:scale(1)}}#sb-app .sb-record{display:flex;flex-wrap:wrap;gap:.25rem 1.25rem;font-size:.85rem;color:var(--color-text-secondary)}#sb-app .sb-record strong{color:var(--color-text-primary);font-family:var(--font-mono)}#sb-app .sb-note{font-size:.8rem;line-height:1.5;color:var(--color-text-secondary)}#sb-app .sb-how>summary{min-height:2rem;padding-block:.375rem;box-sizing:border-box}#pm-app{--g-sky: var(--color-accent);--g-teal: color-mix(in oklch, var(--color-accent) 50%, var(--color-accent-success));--g-green: var(--color-accent-success);--g-lime: color-mix(in oklch, var(--color-accent-success) 50%, var(--color-accent-warm));--g-amber: var(--color-accent-warm);--g-orange: color-mix(in oklch, var(--color-accent-warm) 50%, var(--color-accent-danger));--g-rose: var(--color-accent-danger);--g-violet: color-mix(in oklch, var(--color-accent) 50%, var(--color-accent-danger));container-type:inline-size;--pm-a: var(--g-violet);--pm-b: var(--g-sky);--pm-ok: var(--g-green);--pm-w: var(--g-amber);--pm-0: var(--g-sky);--pm-1: var(--g-rose);--pm-2: var(--g-amber);--pm-3: var(--g-green);--pm-4: var(--g-violet);--pm-5: var(--g-orange)}#pm-app [hidden]{display:none!important}#pm-app .pm-top{display:grid;gap:.875rem}#pm-app .pm-modes,#pm-app .pm-levels,#pm-app .pm-actions,#pm-app .pm-btnrow{display:flex;flex-wrap:wrap;gap:.5rem}#pm-app .pm-btnrow{justify-content:center}#pm-app .pm-actions button,#pm-app .pm-btnrow button{min-height:3.5rem}@container (min-width: 600px){#pm-app #pm-cont>.pm-top{grid-template-columns:minmax(0,1fr) auto;align-items:center}}#pm-app .pm-mode,#pm-app .pm-lvl{min-height:3.5rem;padding:.25rem 1.1rem;border-radius:999px;border:2px solid var(--color-border);background:var(--color-bg-elevated);color:var(--color-text-primary);display:inline-flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;font-family:var(--font-display);line-height:1.15;font-size:1.05rem;font-weight:700}#pm-app .pm-mode{flex-direction:row}#pm-app .pm-lvl{min-width:5.5rem}#pm-app .pm-lvl-sub{font-size:.75rem;font-weight:500;color:var(--color-text-secondary)}#pm-app .pm-mode[aria-pressed=true],#pm-app .pm-lvl[aria-pressed=true]{border-color:var(--pm-a);background:color-mix(in srgb,var(--pm-a) 22%,var(--color-bg-elevated));box-shadow:0 0 0 2px color-mix(in srgb,var(--pm-a) 35%,transparent)}#pm-app .pm-mode[aria-pressed=true]:before,#pm-app .pm-lvl[aria-pressed=true] .pm-lvl-name:before{content:"✓ "}#pm-app .pm-stage{padding:1rem;display:grid;grid-template-columns:minmax(0,1fr);gap:1rem;justify-items:center;text-align:center;background:linear-gradient(170deg,color-mix(in srgb,var(--pm-a) 10%,var(--color-bg-surface)),color-mix(in srgb,var(--pm-b) 8%,var(--color-bg-surface)))}#pm-app .pm-stage>*{min-width:0;max-width:100%}#pm-app .pm-meta{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem .75rem;width:100%}#pm-app .pm-count{font-family:var(--font-display);font-size:1rem;color:var(--color-text-secondary)}#pm-app .pm-stars{display:flex;flex-wrap:wrap;gap:.3rem}#pm-app .pm-star{width:1.6rem;height:1.6rem;background:color-mix(in srgb,var(--color-text-muted) 45%,transparent);clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}#pm-app .pm-star[data-on=true]{background:linear-gradient(150deg,color-mix(in oklch,var(--pm-w) 65%,var(--color-text-primary)),var(--pm-w))}#pm-app .pm-play{display:grid;grid-template-columns:minmax(0,1fr);gap:1.1rem;justify-items:center;width:100%}#pm-app .pm-play[inert]{opacity:.75}#pm-app .pm-question{font-family:var(--font-display);font-size:1.25rem;line-height:1.3;color:var(--color-text-primary)}#pm-app .pm-shape{--c: var(--pm-0);display:block;width:100%;aspect-ratio:1;filter:drop-shadow(1.5px 0 0 var(--color-text-secondary)) drop-shadow(-1.5px 0 0 var(--color-text-secondary)) drop-shadow(0 1.5px 0 var(--color-text-secondary)) drop-shadow(0 -1.5px 0 var(--color-text-secondary))}#pm-app .pm-shape[data-i="1"]{--c: var(--pm-1)}#pm-app .pm-shape[data-i="2"]{--c: var(--pm-2)}#pm-app .pm-shape[data-i="3"]{--c: var(--pm-3)}#pm-app .pm-shape[data-i="4"]{--c: var(--pm-4)}#pm-app .pm-shape[data-i="5"]{--c: var(--pm-5)}#pm-app .pm-in{display:block;width:100%;height:100%;background:linear-gradient(150deg,color-mix(in oklch,var(--c) 80%,var(--color-text-primary)) 0%,var(--c) 55%,color-mix(in oklch,var(--c) 85%,var(--color-bg-base)) 100%)}#pm-app .pm-shape[data-i="0"] .pm-in{border-radius:50%}#pm-app .pm-shape[data-i="1"] .pm-in{clip-path:polygon(50% 6%,96% 92%,4% 92%)}#pm-app .pm-shape[data-i="2"] .pm-in{border-radius:14%}#pm-app .pm-shape[data-i="3"] .pm-in{clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}#pm-app .pm-shape[data-i="4"] .pm-in{clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%)}#pm-app .pm-shape[data-i="5"] .pm-in{clip-path:polygon(25% 5%,75% 5%,100% 50%,75% 95%,25% 95%,0% 50%)}#pm-app .pm-row{display:flex;flex-wrap:nowrap;align-items:center;justify-content:center;gap:clamp(.125rem,1cqw,.4rem);width:100%}#pm-app .pm-cell{flex:0 1 3.5rem;min-width:0;aspect-ratio:1;display:grid;place-items:center;padding:0;border-radius:clamp(.3rem,2.5cqw,.8rem);border:2px solid var(--color-border-subtle);background:var(--color-bg-elevated);color:var(--color-text-primary);font-family:var(--font-display);font-weight:700;font-size:clamp(.95rem,5.5cqw,1.7rem);line-height:1}#pm-app .pm-cell .pm-shape{width:88%}#pm-app #pm-own-row{flex-wrap:wrap;gap:.4rem}#pm-app #pm-own-row .pm-cell{flex:0 0 auto;width:clamp(2.25rem,11cqw,3.5rem);padding:.3rem;border-radius:.8rem}#pm-app #pm-own-row .pm-cell .pm-shape{width:100%}#pm-app .pm-cell[data-hole=true]{border:2px dashed var(--pm-b);background:color-mix(in srgb,var(--pm-b) 14%,var(--color-bg-elevated))}#pm-app .pm-cell[data-filled=true]{border:2px solid var(--pm-ok);background:color-mix(in srgb,var(--pm-ok) 16%,var(--color-bg-elevated))}#pm-app .pm-cell[data-empty=true]{border-style:dashed;border-color:var(--color-border);background:transparent}#pm-app .pm-opts{display:grid;gap:.5rem;width:100%;max-width:26rem;grid-template-columns:repeat(3,minmax(0,1fr))}#pm-app .pm-opts[data-n="4"]{grid-template-columns:repeat(4,minmax(0,1fr))}#pm-app .pm-tray{display:grid;gap:.5rem;width:100%;max-width:26rem;grid-template-columns:repeat(3,minmax(0,1fr))}@container (min-width: 520px){#pm-app .pm-tray{grid-template-columns:repeat(6,minmax(0,1fr));max-width:34rem}}#pm-app .pm-opt{position:relative;min-height:4rem;padding:.55rem;border-radius:1.1rem;border:3px solid color-mix(in srgb,var(--pm-a) 55%,transparent);cursor:pointer;background:radial-gradient(circle at 30% 25%,color-mix(in srgb,var(--pm-a) 24%,var(--color-bg-elevated)),color-mix(in srgb,var(--pm-b) 12%,var(--color-bg-elevated)));display:grid;place-items:center;color:var(--color-text-primary);font-family:var(--font-display);font-weight:700;font-size:1.9rem;line-height:1;box-shadow:0 4px color-mix(in srgb,var(--pm-a) 40%,var(--color-bg-base))}#pm-app .pm-opt .pm-shape{width:min(3rem,100%)}#pm-app .pm-opt:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px color-mix(in srgb,var(--pm-a) 40%,var(--color-bg-base))}#pm-app .pm-opt:disabled{cursor:default}#pm-app .pm-opt[data-state=tried]{opacity:.35;border-style:dashed;box-shadow:none}#pm-app .pm-opt[data-state=right]{border-color:var(--pm-ok);background:color-mix(in srgb,var(--pm-ok) 20%,var(--color-bg-elevated));box-shadow:none}#pm-app .pm-opt[data-state=right]:after{content:"✓";position:absolute;right:.4rem;top:.2rem;font-size:1rem;color:var(--color-text-primary)}#pm-app button:focus-visible{outline:3px solid var(--color-accent);outline-offset:3px}#pm-app .pm-status{min-height:1.5rem;font-size:1rem;line-height:1.4;color:var(--color-text-secondary);text-align:center}#pm-app .pm-offer{width:100%;padding:.875rem;border-radius:1.1rem;border:3px dashed var(--pm-w);background:color-mix(in srgb,var(--pm-w) 12%,var(--color-bg-elevated));display:grid;gap:.75rem}#pm-app .pm-offer-text{font-family:var(--font-display);font-size:1.1rem;color:var(--color-text-primary)}#pm-app .pm-done{position:relative;width:100%;padding:1rem;border-radius:1.25rem;border:3px solid var(--pm-ok);display:grid;gap:.875rem;background:color-mix(in srgb,var(--pm-ok) 14%,var(--color-bg-elevated))}#pm-app .pm-done-text{font-family:var(--font-display);font-size:1.25rem;line-height:1.3;color:var(--color-text-primary);overflow-wrap:anywhere}#pm-app .pm-burst{position:absolute;inset:0;pointer-events:none;overflow:hidden;border-radius:inherit}#pm-app .pm-burst i{position:absolute;left:50%;top:40%;width:.6rem;height:.6rem;border-radius:50%;background:var(--c);opacity:0}#pm-app .pm-burst i:nth-child(1){--c: var(--pm-0);--dx: -7rem;--dy: -2.5rem}#pm-app .pm-burst i:nth-child(2){--c: var(--pm-2);--dx: -4rem;--dy: -4rem}#pm-app .pm-burst i:nth-child(3){--c: var(--pm-1);--dx: -1.5rem;--dy: -5rem}#pm-app .pm-burst i:nth-child(4){--c: var(--pm-4);--dx: 1.5rem;--dy: -5rem}#pm-app .pm-burst i:nth-child(5){--c: var(--pm-5);--dx: 4rem;--dy: -4rem}#pm-app .pm-burst i:nth-child(6){--c: var(--pm-3);--dx: 7rem;--dy: -2.5rem}#pm-app .pm-burst i:nth-child(7){--c: var(--pm-2);--dx: -5.5rem;--dy: 1rem}#pm-app .pm-burst i:nth-child(8){--c: var(--pm-0);--dx: 5.5rem;--dy: 1rem}@media(prefers-reduced-motion:no-preference){#pm-app .pm-done:not([hidden]) .pm-burst i{animation:pm-pop .9s ease-out 1 both}#pm-app .pm-done:not([hidden]){animation:pm-rise .35s ease-out 1 both}#pm-app .pm-opt[data-state=tried]{animation:pm-nudge .3s ease-in-out 1}#pm-app .pm-star[data-on=true]{animation:pm-twinkle .45s ease-out 1}#pm-app .pm-opt{transition:transform .12s ease,box-shadow .12s ease,opacity .2s ease}}@keyframes pm-pop{0%{opacity:1;transform:translate(0) scale(.6)}to{opacity:0;transform:translate(var(--dx),var(--dy)) scale(1)}}@keyframes pm-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pm-nudge{0%,to{translate:0 0}25%{translate:-4px 0}75%{translate:4px 0}}@keyframes pm-twinkle{0%{transform:scale(.4)}70%{transform:scale(1.25)}to{transform:scale(1)}}#pm-app .pm-record{display:flex;flex-wrap:wrap;gap:.25rem 1.25rem;font-size:.85rem;color:var(--color-text-secondary)}#pm-app .pm-record strong{color:var(--color-text-primary);font-family:var(--font-mono)}#pm-app .pm-note{font-size:.8rem;line-height:1.5;color:var(--color-text-secondary)}#pm-app .pm-how>summary{min-height:2rem;padding-block:.375rem;box-sizing:border-box}#oo-app{--g-sky: var(--color-accent);--g-teal: color-mix(in oklch, var(--color-accent) 50%, var(--color-accent-success));--g-green: var(--color-accent-success);--g-lime: color-mix(in oklch, var(--color-accent-success) 50%, var(--color-accent-warm));--g-amber: var(--color-accent-warm);--g-orange: color-mix(in oklch, var(--color-accent-warm) 50%, var(--color-accent-danger));--g-rose: var(--color-accent-danger);--g-violet: color-mix(in oklch, var(--color-accent) 50%, var(--color-accent-danger));container-type:inline-size;--oo-a: var(--g-rose);--oo-b: var(--g-violet);--oo-ok: var(--g-green);--oo-w: var(--g-amber);--oo-0: var(--g-sky);--oo-1: var(--g-rose);--oo-2: var(--g-amber);--oo-3: var(--g-green);--oo-4: var(--g-violet);--oo-5: var(--g-orange)}#oo-app [hidden]{display:none!important}#oo-app .oo-top{display:grid;gap:.875rem}#oo-app .oo-levels,#oo-app .oo-actions,#oo-app .oo-btnrow{display:flex;flex-wrap:wrap;gap:.5rem}#oo-app .oo-btnrow{justify-content:center}#oo-app .oo-actions button,#oo-app .oo-btnrow button{min-height:3.5rem}@container (min-width: 600px){#oo-app .oo-top{grid-template-columns:minmax(0,1fr) auto;align-items:center}}#oo-app .oo-lvl{min-height:3.5rem;min-width:5.5rem;padding:.25rem 1.1rem;border-radius:999px;border:2px solid var(--color-border);background:var(--color-bg-elevated);color:var(--color-text-primary);display:inline-flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;font-family:var(--font-display);line-height:1.15}#oo-app .oo-lvl-name{font-size:1.05rem;font-weight:700}#oo-app .oo-lvl-sub{font-size:.75rem;color:var(--color-text-secondary)}#oo-app .oo-lvl[aria-pressed=true]{border-color:var(--oo-a);background:color-mix(in srgb,var(--oo-a) 20%,var(--color-bg-elevated));box-shadow:0 0 0 2px color-mix(in srgb,var(--oo-a) 35%,transparent)}#oo-app .oo-lvl[aria-pressed=true] .oo-lvl-name:before{content:"✓ "}#oo-app .oo-stage{padding:1rem;display:grid;grid-template-columns:minmax(0,1fr);gap:1rem;justify-items:center;text-align:center;background:linear-gradient(170deg,color-mix(in srgb,var(--oo-a) 8%,var(--color-bg-surface)),color-mix(in srgb,var(--oo-b) 10%,var(--color-bg-surface)))}#oo-app .oo-stage>*{min-width:0;max-width:100%}#oo-app .oo-meta{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem .75rem;width:100%}#oo-app .oo-count{font-family:var(--font-display);font-size:1rem;color:var(--color-text-secondary)}#oo-app .oo-stars{display:flex;flex-wrap:wrap;gap:.3rem}#oo-app .oo-star{width:1.6rem;height:1.6rem;background:color-mix(in srgb,var(--color-text-muted) 45%,transparent);clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}#oo-app .oo-star[data-on=true]{background:linear-gradient(150deg,color-mix(in oklch,var(--oo-w) 65%,var(--color-text-primary)),var(--oo-w))}#oo-app .oo-play{display:grid;grid-template-columns:minmax(0,1fr);gap:1.1rem;justify-items:center;width:100%}#oo-app .oo-play[inert]{opacity:.8}#oo-app .oo-question{font-family:var(--font-display);font-size:1.35rem;line-height:1.3;color:var(--color-text-primary)}#oo-app .oo-cards{display:grid;gap:.6rem;width:100%;max-width:30rem;grid-template-columns:repeat(2,minmax(0,1fr))}#oo-app .oo-cards[data-n="6"]{grid-template-columns:repeat(3,minmax(0,1fr))}#oo-app .oo-card{position:relative;min-height:5.75rem;padding:.5rem;border-radius:1.25rem;cursor:pointer;border:3px solid color-mix(in srgb,var(--oo-b) 55%,transparent);display:grid;place-items:center;color:var(--color-text-primary);background:radial-gradient(circle at 30% 25%,color-mix(in srgb,var(--oo-a) 16%,var(--color-bg-elevated)),color-mix(in srgb,var(--oo-b) 14%,var(--color-bg-elevated)));box-shadow:0 4px color-mix(in srgb,var(--oo-b) 40%,var(--color-bg-base))}#oo-app .oo-card:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px color-mix(in srgb,var(--oo-b) 40%,var(--color-bg-base))}#oo-app .oo-card:disabled{cursor:default}#oo-app .oo-card[data-state=tried]{opacity:.35;border-style:dashed;box-shadow:none}#oo-app .oo-card[data-state=other]{opacity:.6;box-shadow:none}#oo-app .oo-card[data-state=right]{border-color:var(--oo-ok);background:color-mix(in srgb,var(--oo-ok) 20%,var(--color-bg-elevated));box-shadow:none}#oo-app .oo-card[data-state=right]:after{content:"✓";position:absolute;right:.5rem;top:.3rem;font-size:1.1rem;font-weight:700;color:var(--color-text-primary)}#oo-app button:focus-visible{outline:3px solid var(--color-accent);outline-offset:3px}#oo-app .oo-shape,#oo-app .oo-dots{--c: var(--oo-0)}#oo-app [data-c="1"]{--c: var(--oo-1)}#oo-app [data-c="2"]{--c: var(--oo-2)}#oo-app [data-c="3"]{--c: var(--oo-3)}#oo-app [data-c="4"]{--c: var(--oo-4)}#oo-app [data-c="5"]{--c: var(--oo-5)}#oo-app .oo-shape{display:block;width:1em;height:1em;font-size:3.4rem;filter:drop-shadow(1.5px 0 0 var(--color-text-secondary)) drop-shadow(-1.5px 0 0 var(--color-text-secondary)) drop-shadow(0 1.5px 0 var(--color-text-secondary)) drop-shadow(0 -1.5px 0 var(--color-text-secondary))}#oo-app .oo-shape[data-z="1"]{font-size:1.9rem}#oo-app .oo-in{position:relative;display:block;width:100%;height:100%;background:linear-gradient(150deg,color-mix(in oklch,var(--c) 80%,var(--color-text-primary)) 0%,var(--c) 55%,color-mix(in oklch,var(--c) 85%,var(--color-bg-base)) 100%)}#oo-app .oo-shape[data-s="0"] .oo-in{border-radius:50%}#oo-app .oo-shape[data-s="1"] .oo-in{clip-path:polygon(50% 6%,96% 92%,4% 92%)}#oo-app .oo-shape[data-s="2"] .oo-in{border-radius:14%}#oo-app .oo-shape[data-s="3"] .oo-in{clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}#oo-app .oo-shape[data-s="4"] .oo-in{clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%)}#oo-app .oo-shape[data-s="5"] .oo-in{clip-path:polygon(25% 5%,75% 5%,100% 50%,75% 95%,25% 95%,0% 50%)}#oo-app .oo-mark{position:absolute;inset:0;display:grid;place-items:center;font-family:var(--font-display);font-weight:700;font-size:.4em;line-height:1;color:var(--color-text-primary);text-shadow:1px 0 0 var(--color-bg-base),-1px 0 0 var(--color-bg-base),0 1px 0 var(--color-bg-base),0 -1px 0 var(--color-bg-base),1px 1px 0 var(--color-bg-base),-1px -1px 0 var(--color-bg-base),1px -1px 0 var(--color-bg-base),-1px 1px 0 var(--color-bg-base)}#oo-app .oo-shape[data-s="1"] .oo-mark{padding-top:24%}#oo-app .oo-dots{display:flex;flex-wrap:wrap;justify-content:center;align-content:center;gap:.3rem;width:3.7rem}#oo-app .oo-dot{width:.95rem;height:.95rem;border-radius:50%;background:radial-gradient(circle at 30% 25%,color-mix(in oklch,var(--c) 75%,var(--color-text-primary)),var(--c));box-shadow:0 0 0 1.5px var(--color-text-secondary)}#oo-app .oo-emoji{font-size:2.7rem;line-height:1}#oo-app .oo-status{min-height:1.5rem;font-size:1rem;line-height:1.4;color:var(--color-text-secondary)}#oo-app .oo-offer{width:100%;padding:.875rem;border-radius:1.1rem;border:3px dashed var(--oo-w);background:color-mix(in srgb,var(--oo-w) 12%,var(--color-bg-elevated));display:grid;gap:.75rem}#oo-app .oo-offer-text{font-family:var(--font-display);font-size:1.1rem;color:var(--color-text-primary)}#oo-app .oo-done{position:relative;width:100%;padding:1rem;border-radius:1.25rem;border:3px solid var(--oo-ok);display:grid;gap:.875rem;background:color-mix(in srgb,var(--oo-ok) 14%,var(--color-bg-elevated))}#oo-app .oo-done-text{font-family:var(--font-display);font-size:1.25rem;line-height:1.3;color:var(--color-text-primary);overflow-wrap:anywhere}#oo-app .oo-burst{position:absolute;inset:0;pointer-events:none;overflow:hidden;border-radius:inherit}#oo-app .oo-burst i{position:absolute;left:50%;top:40%;width:.6rem;height:.6rem;border-radius:50%;background:var(--c);opacity:0}#oo-app .oo-burst i:nth-child(1){--c: var(--oo-0);--dx: -7rem;--dy: -2.5rem}#oo-app .oo-burst i:nth-child(2){--c: var(--oo-2);--dx: -4rem;--dy: -4rem}#oo-app .oo-burst i:nth-child(3){--c: var(--oo-1);--dx: -1.5rem;--dy: -5rem}#oo-app .oo-burst i:nth-child(4){--c: var(--oo-4);--dx: 1.5rem;--dy: -5rem}#oo-app .oo-burst i:nth-child(5){--c: var(--oo-5);--dx: 4rem;--dy: -4rem}#oo-app .oo-burst i:nth-child(6){--c: var(--oo-3);--dx: 7rem;--dy: -2.5rem}#oo-app .oo-burst i:nth-child(7){--c: var(--oo-2);--dx: -5.5rem;--dy: 1rem}#oo-app .oo-burst i:nth-child(8){--c: var(--oo-0);--dx: 5.5rem;--dy: 1rem}@media(prefers-reduced-motion:no-preference){#oo-app .oo-done:not([hidden]) .oo-burst i{animation:oo-pop .9s ease-out 1 both}#oo-app .oo-done:not([hidden]){animation:oo-rise .35s ease-out 1 both}#oo-app .oo-card[data-state=tried]{animation:oo-nudge .3s ease-in-out 1}#oo-app .oo-star[data-on=true]{animation:oo-twinkle .45s ease-out 1}#oo-app .oo-card{transition:transform .12s ease,box-shadow .12s ease,opacity .2s ease}}@keyframes oo-pop{0%{opacity:1;transform:translate(0) scale(.6)}to{opacity:0;transform:translate(var(--dx),var(--dy)) scale(1)}}@keyframes oo-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes oo-nudge{0%,to{translate:0 0}25%{translate:-4px 0}75%{translate:4px 0}}@keyframes oo-twinkle{0%{transform:scale(.4)}70%{transform:scale(1.25)}to{transform:scale(1)}}#oo-app .oo-record{display:flex;flex-wrap:wrap;gap:.25rem 1.25rem;font-size:.85rem;color:var(--color-text-secondary)}#oo-app .oo-record strong{color:var(--color-text-primary);font-family:var(--font-mono)}#oo-app .oo-note{font-size:.8rem;line-height:1.5;color:var(--color-text-secondary)}#oo-app .oo-how>summary{min-height:2rem;padding-block:.375rem;box-sizing:border-box}#si-app{--g-sky: var(--color-accent);--g-teal: color-mix(in oklch, var(--color-accent) 50%, var(--color-accent-success));--g-green: var(--color-accent-success);--g-lime: color-mix(in oklch, var(--color-accent-success) 50%, var(--color-accent-warm));--g-amber: var(--color-accent-warm);--g-orange: color-mix(in oklch, var(--color-accent-warm) 50%, var(--color-accent-danger));--g-rose: var(--color-accent-danger);--g-violet: color-mix(in oklch, var(--color-accent) 50%, var(--color-accent-danger));container-type:inline-size;--si-a: var(--g-teal);--si-ok: var(--g-green);--si-w: var(--g-amber);--si-b0: var(--g-sky);--si-b1: var(--g-amber);--si-b2: var(--g-violet);--si-t0: var(--g-sky);--si-t1: var(--g-rose);--si-t2: var(--g-amber);--si-t3: var(--g-green);--si-t4: var(--g-violet);--si-t5: var(--g-orange)}#si-app [hidden]{display:none!important}#si-app .si-top{display:grid;gap:.875rem}#si-app .si-levels,#si-app .si-actions,#si-app .si-btnrow{display:flex;flex-wrap:wrap;gap:.5rem}#si-app .si-btnrow{justify-content:center}#si-app .si-actions button,#si-app .si-btnrow button{min-height:3.5rem}@container (min-width: 600px){#si-app .si-top{grid-template-columns:minmax(0,1fr) auto;align-items:center}}#si-app .si-lvl{min-height:3.5rem;min-width:5.5rem;padding:.25rem 1.1rem;border-radius:999px;border:2px solid var(--color-border);background:var(--color-bg-elevated);color:var(--color-text-primary);display:inline-flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;font-family:var(--font-display);line-height:1.15}#si-app .si-lvl-name{font-size:1.05rem;font-weight:700}#si-app .si-lvl-sub{font-size:.75rem;color:var(--color-text-secondary)}#si-app .si-lvl[aria-pressed=true]{border-color:var(--si-a);background:color-mix(in srgb,var(--si-a) 22%,var(--color-bg-elevated));box-shadow:0 0 0 2px color-mix(in srgb,var(--si-a) 35%,transparent)}#si-app .si-lvl[aria-pressed=true] .si-lvl-name:before{content:"✓ "}#si-app .si-stage{padding:1rem;display:grid;grid-template-columns:minmax(0,1fr);gap:1rem;justify-items:center;text-align:center;background:linear-gradient(170deg,color-mix(in srgb,var(--si-a) 12%,var(--color-bg-surface)),color-mix(in srgb,var(--si-ok) 7%,var(--color-bg-surface)))}#si-app .si-stage>*{min-width:0;max-width:100%}#si-app .si-meta{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem .75rem;width:100%}#si-app .si-count{font-family:var(--font-display);font-size:1rem;color:var(--color-text-secondary)}#si-app .si-stars{display:flex;flex-wrap:wrap;gap:.3rem}#si-app .si-star{width:1.6rem;height:1.6rem;background:color-mix(in srgb,var(--color-text-muted) 45%,transparent);clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}#si-app .si-star[data-on=true]{background:linear-gradient(150deg,color-mix(in oklch,var(--si-w) 65%,var(--color-text-primary)),var(--si-w))}#si-app .si-play{display:grid;gap:1rem;justify-items:center;justify-content:stretch;grid-template-columns:minmax(0,1fr);width:100%}#si-app .si-play[inert]{opacity:.8}#si-app .si-head{display:grid;gap:.25rem}#si-app .si-title{font-family:var(--font-display);font-size:1.4rem;line-height:1.25;color:var(--color-text-primary)}#si-app .si-hint{font-size:.95rem;line-height:1.4;color:var(--color-text-secondary)}#si-app .si-tray{display:grid;gap:.5rem;width:100%;max-width:32rem;grid-template-columns:repeat(auto-fill,minmax(4.5rem,1fr));min-height:5rem}#si-app .si-item{position:relative;min-height:5.25rem;padding:.35rem .25rem;border-radius:1.1rem;cursor:grab;user-select:none;-webkit-user-select:none;border:3px solid color-mix(in srgb,var(--si-a) 55%,transparent);display:grid;place-items:center;align-content:center;gap:.1rem;color:var(--color-text-primary);font-family:var(--font-display);background:radial-gradient(circle at 30% 25%,color-mix(in srgb,var(--si-a) 22%,var(--color-bg-elevated)),color-mix(in srgb,var(--si-ok) 10%,var(--color-bg-elevated)));box-shadow:0 4px color-mix(in srgb,var(--si-a) 40%,var(--color-bg-base))}#si-app .si-pic{font-size:2.4rem;line-height:1;pointer-events:none}#si-app .si-item[data-num=true] .si-pic{font-size:2.1rem;font-weight:700}#si-app .si-name{font-size:.8rem;line-height:1.15;color:var(--color-text-secondary);pointer-events:none;overflow-wrap:anywhere}#si-app .si-item[aria-pressed=true]{border-color:var(--si-w);border-width:4px;background:color-mix(in srgb,var(--si-w) 22%,var(--color-bg-elevated));transform:translateY(-3px);box-shadow:0 7px color-mix(in srgb,var(--si-w) 45%,var(--color-bg-base))}#si-app .si-item[aria-pressed=true] .si-name:before{content:"✓ "}#si-app .si-item[data-num=true][aria-pressed=true] .si-pic:after{content:" ✓";font-size:1rem}#si-app .si-item.si-dragging{z-index:20;cursor:grabbing;transform:translate(var(--dx, 0px),var(--dy, 0px)) scale(1.06);transition:none;box-shadow:0 12px 20px -6px color-mix(in srgb,var(--color-bg-base) 70%,transparent)}#si-app button:focus-visible{outline:3px solid var(--color-accent);outline-offset:3px}#si-app .si-bins{display:grid;gap:.6rem;width:100%;max-width:32rem;grid-template-columns:repeat(2,minmax(0,1fr))}#si-app .si-bins[data-n="3"]{grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem}#si-app .si-bin{--c: var(--si-b0);position:relative;min-height:7.5rem;padding:.5rem .4rem .6rem;border-radius:1.25rem;cursor:pointer;display:grid;align-content:start;justify-items:center;gap:.3rem;color:var(--color-text-primary);border:3px solid var(--c);background:linear-gradient(175deg,color-mix(in srgb,var(--c) 26%,var(--color-bg-elevated)),color-mix(in srgb,var(--c) 10%,var(--color-bg-elevated)))}#si-app .si-bin[data-k="1"]{--c: var(--si-b1)}#si-app .si-bin[data-k="2"]{--c: var(--si-b2)}#si-app .si-bin-num{position:absolute;left:.4rem;top:.3rem;min-width:1.2rem;height:1.2rem;display:grid;place-items:center;border-radius:.4rem;font-size:.75rem;font-weight:700;font-family:var(--font-mono);color:var(--color-text-primary);background:color-mix(in srgb,var(--c) 35%,transparent)}#si-app .si-bin-label{margin-top:.9rem;font-family:var(--font-display);font-weight:700;font-size:clamp(.95rem,4.4cqw,1.3rem);line-height:1.15;overflow-wrap:anywhere}#si-app .si-bin-hint{display:none;font-size:.75rem;font-weight:700;color:var(--color-text-primary)}#si-app .si-bins[data-ready=true] .si-bin{border-style:dashed;border-width:4px}#si-app .si-bins[data-ready=true] .si-bin-hint{display:block}#si-app .si-bin:disabled{cursor:default}#si-app .si-bin[data-shake=true]{outline:3px dashed var(--si-w);outline-offset:2px}#si-app .si-bin[data-over=true]{border-width:5px;transform:scale(1.03);background:linear-gradient(175deg,color-mix(in srgb,var(--c) 40%,var(--color-bg-elevated)),color-mix(in srgb,var(--c) 18%,var(--color-bg-elevated)))}#si-app .si-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:.2rem}#si-app .si-chip{display:inline-grid;place-items:center;min-width:1.7rem;height:1.7rem;padding:0 .15rem;border-radius:.5rem;font-size:1.25rem;line-height:1;background:color-mix(in srgb,var(--color-bg-elevated) 80%,transparent)}#si-app .si-chip[data-num=true]{font-size:.95rem;font-weight:700;font-family:var(--font-display)}#si-app .si-status{min-height:1.5rem;font-size:1rem;line-height:1.4;color:var(--color-text-secondary)}#si-app .si-offer{width:100%;padding:.875rem;border-radius:1.1rem;border:3px dashed var(--si-w);background:color-mix(in srgb,var(--si-w) 12%,var(--color-bg-elevated));display:grid;gap:.75rem}#si-app .si-offer-text{font-family:var(--font-display);font-size:1.1rem;color:var(--color-text-primary)}#si-app .si-done{position:relative;width:100%;padding:1rem;border-radius:1.25rem;border:3px solid var(--si-ok);display:grid;gap:.875rem;background:color-mix(in srgb,var(--si-ok) 14%,var(--color-bg-elevated))}#si-app .si-done-text{font-family:var(--font-display);font-size:1.25rem;line-height:1.3;color:var(--color-text-primary);overflow-wrap:anywhere}#si-app .si-burst{position:absolute;inset:0;pointer-events:none;overflow:hidden;border-radius:inherit}#si-app .si-burst i{position:absolute;left:50%;top:40%;width:.6rem;height:.6rem;border-radius:50%;background:var(--c);opacity:0}#si-app .si-burst i:nth-child(1){--c: var(--si-t0);--dx: -7rem;--dy: -2.5rem}#si-app .si-burst i:nth-child(2){--c: var(--si-t2);--dx: -4rem;--dy: -4rem}#si-app .si-burst i:nth-child(3){--c: var(--si-t1);--dx: -1.5rem;--dy: -5rem}#si-app .si-burst i:nth-child(4){--c: var(--si-t4);--dx: 1.5rem;--dy: -5rem}#si-app .si-burst i:nth-child(5){--c: var(--si-t5);--dx: 4rem;--dy: -4rem}#si-app .si-burst i:nth-child(6){--c: var(--si-t3);--dx: 7rem;--dy: -2.5rem}#si-app .si-burst i:nth-child(7){--c: var(--si-t2);--dx: -5.5rem;--dy: 1rem}#si-app .si-burst i:nth-child(8){--c: var(--si-t0);--dx: 5.5rem;--dy: 1rem}@media(prefers-reduced-motion:no-preference){#si-app .si-done:not([hidden]) .si-burst i{animation:si-pop .9s ease-out 1 both}#si-app .si-done:not([hidden]){animation:si-rise .35s ease-out 1 both}#si-app .si-bin[data-shake=true]{animation:si-nudge .3s ease-in-out 1}#si-app .si-star[data-on=true]{animation:si-twinkle .45s ease-out 1}#si-app .si-item,#si-app .si-bin{transition:transform .12s ease,box-shadow .12s ease}#si-app .si-item.si-dragging{transition:none}}@keyframes si-pop{0%{opacity:1;transform:translate(0) scale(.6)}to{opacity:0;transform:translate(var(--dx),var(--dy)) scale(1)}}@keyframes si-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes si-nudge{0%,to{translate:0 0}25%{translate:-4px 0}75%{translate:4px 0}}@keyframes si-twinkle{0%{transform:scale(.4)}70%{transform:scale(1.25)}to{transform:scale(1)}}#si-app .si-record{display:flex;flex-wrap:wrap;gap:.25rem 1.25rem;font-size:.85rem;color:var(--color-text-secondary)}#si-app .si-record strong{color:var(--color-text-primary);font-family:var(--font-mono)}#si-app .si-note{font-size:.8rem;line-height:1.5;color:var(--color-text-secondary)}#si-app .si-how>summary{min-height:2rem;padding-block:.375rem;box-sizing:border-box}#dt-app{--g-sky: var(--color-accent);--g-teal: color-mix(in oklch, var(--color-accent) 50%, var(--color-accent-success));--g-green: var(--color-accent-success);--g-lime: color-mix(in oklch, var(--color-accent-success) 50%, var(--color-accent-warm));--g-amber: var(--color-accent-warm);--g-orange: color-mix(in oklch, var(--color-accent-warm) 50%, var(--color-accent-danger));--g-rose: var(--color-accent-danger);--g-violet: color-mix(in oklch, var(--color-accent) 50%, var(--color-accent-danger));--k0: var(--g-sky);--k1: var(--g-teal);--k2: var(--g-green);--k3: var(--g-lime);--k4: var(--g-amber);--k5: var(--g-orange);--k6: var(--g-rose);--k7: var(--g-violet);--ink: var(--color-bg-base);--lite: var(--color-text-primary);container-type:inline-size}.theme-light #dt-app{--ink: var(--color-text-primary);--lite: var(--color-bg-base)}.theme-light #dt-app .dt-win-stars{color:color-mix(in oklch,var(--k4) 40%,var(--color-text-primary))}#dt-app .dt-k{font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-secondary)}#dt-app .dt-v{font-family:var(--font-display);font-weight:700;font-size:1.25rem;color:var(--color-text-primary);margin-left:.4rem}#dt-app .dt-top{display:flex;flex-wrap:wrap;gap:.25rem 1.5rem;align-items:baseline}#dt-app .dt-layout{display:grid;gap:1.25rem;grid-template-columns:minmax(0,1fr)}@container (min-width: 820px){#dt-app .dt-layout{grid-template-columns:minmax(0,560px) minmax(0,1fr);align-items:start}}#dt-app .dt-row{display:flex;flex-wrap:wrap;gap:.625rem}#dt-app .dt-btn{min-height:3.5rem;min-width:3.5rem;box-sizing:border-box}#dt-app .dt-stage{width:100%;max-width:560px;box-sizing:border-box;overflow:hidden;border-radius:1.25rem;border:2px solid var(--color-border);background:color-mix(in oklch,var(--g-sky) 9%,var(--color-bg-elevated))}#dt-app .dt-board{display:block;width:100%;aspect-ratio:1;height:auto;touch-action:manipulation;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}#dt-app .dt-status{min-height:1.75rem;font-size:1.05rem;line-height:1.45;color:var(--color-text-primary)}#dt-app .dt-c-sky{fill:var(--k0)}#dt-app .dt-c-teal{fill:var(--k1)}#dt-app .dt-c-green{fill:var(--k2)}#dt-app .dt-c-lime{fill:var(--k3)}#dt-app .dt-c-amber{fill:var(--k4)}#dt-app .dt-c-orange{fill:var(--k5)}#dt-app .dt-c-rose{fill:var(--k6)}#dt-app .dt-c-violet{fill:var(--k7)}#dt-app .dt-c-ink{fill:var(--lite)}#dt-app .dt-l-sky{stroke:var(--k0)}#dt-app .dt-l-teal{stroke:var(--k1)}#dt-app .dt-l-green{stroke:var(--k2)}#dt-app .dt-l-lime{stroke:var(--k3)}#dt-app .dt-l-amber{stroke:var(--k4)}#dt-app .dt-l-orange{stroke:var(--k5)}#dt-app .dt-l-rose{stroke:var(--k6)}#dt-app .dt-l-violet{stroke:var(--k7)}#dt-app .dt-l-ink{stroke:var(--lite)}#dt-app .dt-paint{opacity:0;transition:opacity .8s ease-out}#dt-app .dt-board[data-done=true] .dt-paint{opacity:1}#dt-app .dt-paint polygon{stroke:var(--color-text-secondary);stroke-width:.6;stroke-linejoin:round}#dt-app .dt-paint polyline{fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}#dt-app .dt-seg{stroke-width:1.3;stroke-linecap:round}#dt-app .dt-e0{stroke:var(--k0)}#dt-app .dt-e1{stroke:var(--k2)}#dt-app .dt-e2{stroke:var(--k4)}#dt-app .dt-e3{stroke:var(--k6)}#dt-app .dt-e4{stroke:var(--k7)}#dt-app .dt-e5{stroke:var(--k5)}#dt-app .dt-dot{cursor:pointer;outline:none;transition:opacity .6s ease-out}#dt-app .dt-disc{fill:var(--color-bg-elevated);stroke:var(--k0);stroke-width:.8}#dt-app .dt-num{fill:var(--color-text-primary);font-family:var(--font-display);font-weight:700;text-anchor:middle;pointer-events:none}#dt-app .dt-dot[data-state=next] .dt-disc{stroke:var(--k4);stroke-width:1.2;fill:color-mix(in oklch,var(--g-amber) 22%,var(--color-bg-elevated))}#dt-app .dt-dot[data-state=joined] .dt-num{fill:var(--ink)}#dt-app .dt-dot[data-state=joined][data-c="0"] .dt-disc{fill:var(--k0);stroke:var(--k0)}#dt-app .dt-dot[data-state=joined][data-c="1"] .dt-disc{fill:var(--k2);stroke:var(--k2)}#dt-app .dt-dot[data-state=joined][data-c="2"] .dt-disc{fill:var(--k4);stroke:var(--k4)}#dt-app .dt-dot[data-state=joined][data-c="3"] .dt-disc{fill:var(--k6);stroke:var(--k6)}#dt-app .dt-dot[data-state=joined][data-c="4"] .dt-disc{fill:var(--k7);stroke:var(--k7)}#dt-app .dt-dot[data-state=joined][data-c="5"] .dt-disc{fill:var(--k5);stroke:var(--k5)}#dt-app .dt-ring{fill:none;stroke:var(--k4);stroke-width:1;stroke-dasharray:2.2 1.6;opacity:0;pointer-events:none}#dt-app .dt-dot[data-hint=true] .dt-ring{opacity:1;animation:dt-pulse 1.8s ease-in-out infinite}#dt-app .dt-focus{fill:none;stroke:var(--color-text-primary);stroke-width:1.2;opacity:0;pointer-events:none}#dt-app .dt-dot:focus-visible .dt-focus{opacity:1}#dt-app .dt-board[data-done=true] .dt-dot{opacity:.3}#dt-app .dt-board[data-done=true] .dt-num{opacity:0}@keyframes dt-pulse{0%,to{opacity:1}50%{opacity:.35}}#dt-app .dt-spark{opacity:0;transform-box:fill-box;transform-origin:center}#dt-app .dt-spark:nth-child(1){--i: 0}#dt-app .dt-spark:nth-child(2){--i: 1}#dt-app .dt-spark:nth-child(3){--i: 2}#dt-app .dt-spark:nth-child(4){--i: 3}#dt-app .dt-spark:nth-child(5){--i: 4}#dt-app .dt-spark:nth-child(6){--i: 5}#dt-app .dt-board[data-done=true] .dt-spark{animation:dt-pop .9s ease-out forwards;animation-delay:calc(var(--i) * .14s)}@keyframes dt-pop{0%{opacity:0;transform:scale(.2)}60%{opacity:1;transform:scale(1.25)}to{opacity:.95;transform:scale(1)}}#dt-app .dt-win{padding:1rem 1.1rem 1.1rem;border:2px solid color-mix(in oklch,var(--k2) 55%,transparent);background:color-mix(in oklch,var(--k2) 10%,var(--color-bg-elevated))}#dt-app .dt-win[hidden]{display:none}#dt-app .dt-win-text{font-size:1.3rem;line-height:1.3;color:var(--color-text-primary)}#dt-app .dt-win-stars{font-size:1.75rem;letter-spacing:.15em;color:var(--k4);margin:.25rem 0 .75rem}#dt-app .dt-group-title{font-family:var(--font-display);font-size:1rem;color:var(--color-text-primary);margin-bottom:.4rem}#dt-app .dt-group-sub{font-family:var(--font-mono);font-size:11px;color:var(--color-text-secondary);margin-left:.4rem;letter-spacing:.04em}#dt-app .dt-picks{display:grid;gap:.5rem;grid-template-columns:repeat(auto-fill,minmax(6.25rem,1fr))}#dt-app .dt-pick{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.1rem;min-height:5rem;padding:.4rem .3rem;box-sizing:border-box;cursor:pointer;text-align:center;border:2px solid var(--color-border);border-radius:1rem;background:var(--color-bg-elevated);color:var(--color-text-primary);touch-action:manipulation;-webkit-tap-highlight-color:transparent}#dt-app .dt-pick:hover{border-color:var(--k0)}#dt-app .dt-pick:focus-visible{outline:3px solid var(--color-text-primary);outline-offset:2px}#dt-app .dt-pick[aria-pressed=true]{border-color:var(--k0);background:color-mix(in oklch,var(--g-sky) 22%,var(--color-bg-elevated))}#dt-app .dt-pick-emoji{font-size:1.6rem;line-height:1.1}#dt-app .dt-pick-name{font-family:var(--font-display);font-size:.95rem;line-height:1.15}#dt-app .dt-pick-dots{font-family:var(--font-mono);font-size:11px;color:var(--color-text-secondary)}#dt-app .dt-pick[data-done=true]:after{content:"★";position:absolute;top:.15rem;right:.4rem;font-size:1.1rem;color:var(--k4)}#dt-app .dt-help{font-size:.8rem;line-height:1.55;color:var(--color-text-secondary)}#dt-app .dt-how>summary{box-sizing:border-box;min-height:2rem;padding-block:.375rem}@media(prefers-reduced-motion:reduce){#dt-app .dt-paint,#dt-app .dt-dot{transition:none}#dt-app .dt-dot[data-hint=true] .dt-ring{animation:none;opacity:1}#dt-app .dt-board[data-done=true] .dt-spark{animation:none;opacity:.95}}#clb-app{--g-sky: var(--color-accent);--g-teal: color-mix(in oklch, var(--color-accent) 50%, var(--color-accent-success));--g-green: var(--color-accent-success);--g-lime: color-mix(in oklch, var(--color-accent-success) 50%, var(--color-accent-warm));--g-amber: var(--color-accent-warm);--g-orange: color-mix(in oklch, var(--color-accent-warm) 50%, var(--color-accent-danger));--g-rose: var(--color-accent-danger);--g-violet: color-mix(in oklch, var(--color-accent) 50%, var(--color-accent-danger));--ink: var(--color-bg-base);--lite: var(--color-text-primary);--p0: var(--g-sky);--p1: var(--g-teal);--p2: var(--g-green);--p3: var(--g-lime);--p4: var(--g-amber);--p5: var(--g-orange);--p6: var(--g-rose);--p7: color-mix(in oklch, var(--g-rose) 50%, var(--g-violet));--p8: var(--g-violet);--p9: color-mix(in oklch, var(--g-sky) 50%, var(--g-violet));--p10: color-mix(in oklch, var(--g-orange) 62%, var(--ink));--p11: color-mix(in oklch, var(--lite) 55%, var(--ink));container-type:inline-size}.theme-light #clb-app{--ink: var(--color-text-primary);--lite: var(--color-bg-base)}.theme-light #clb-app .clb-done-stars{color:color-mix(in oklch,var(--p4) 40%,var(--color-text-primary))}#clb-app .clb-k{font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-secondary)}#clb-app .clb-v,#clb-app .clb-name{font-family:var(--font-display);font-weight:700;font-size:1.2rem;color:var(--color-text-primary);margin-left:.4rem;text-transform:none;letter-spacing:0}#clb-app .clb-top{display:flex;flex-wrap:wrap;gap:.25rem 1.5rem;align-items:baseline}#clb-app .clb-layout{display:grid;gap:1.25rem;grid-template-columns:minmax(0,1fr)}@container (min-width: 820px){#clb-app .clb-layout{grid-template-columns:minmax(0,560px) minmax(0,1fr);align-items:start}}#clb-app .clb-row{display:flex;flex-wrap:wrap;gap:.625rem}#clb-app .clb-btn{min-height:3.5rem;min-width:3.5rem;box-sizing:border-box}#clb-app .clb-btn[aria-disabled=true]{opacity:.45;cursor:default}#clb-app .clb-btn[aria-pressed=true]{outline:3px solid var(--color-text-primary);outline-offset:2px}#clb-app .clb-stage{width:100%;max-width:560px;box-sizing:border-box;overflow:hidden;border-radius:1.25rem;border:2px solid var(--color-border);background:var(--color-bg-elevated)}#clb-app .clb-board{display:block;width:100%;aspect-ratio:1;height:auto;touch-action:manipulation;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;cursor:pointer}#clb-app .clb-board:focus-visible{outline:3px solid var(--color-text-primary);outline-offset:-6px}#clb-app .clb-status{min-height:1.75rem;font-size:1.05rem;line-height:1.45;color:var(--color-text-primary)}#clb-app .clb-probe{display:none;background-color:var(--color-bg-surface);color:var(--color-text-primary)}#clb-app .clb-r{fill:var(--color-bg-elevated);stroke:var(--color-text-secondary);stroke-width:.7;stroke-linejoin:round;pointer-events:none}#clb-app .clb-r[data-c="0"]{fill:var(--p0)}#clb-app .clb-r[data-c="1"]{fill:var(--p1)}#clb-app .clb-r[data-c="2"]{fill:var(--p2)}#clb-app .clb-r[data-c="3"]{fill:var(--p3)}#clb-app .clb-r[data-c="4"]{fill:var(--p4)}#clb-app .clb-r[data-c="5"]{fill:var(--p5)}#clb-app .clb-r[data-c="6"]{fill:var(--p6)}#clb-app .clb-r[data-c="7"]{fill:var(--p7)}#clb-app .clb-r[data-c="8"]{fill:var(--p8)}#clb-app .clb-r[data-c="9"]{fill:var(--p9)}#clb-app .clb-r[data-c="10"]{fill:var(--p10)}#clb-app .clb-r[data-c="11"]{fill:var(--p11)}#clb-app .clb-r[data-cursor=true]{stroke:var(--color-text-primary);stroke-width:1.8;stroke-dasharray:3 2}#clb-app .clb-palette{display:grid;gap:.5rem;grid-template-columns:repeat(auto-fill,3.5rem);justify-content:start}#clb-app .clb-sw{position:relative;display:grid;place-items:center;width:3.5rem;height:3.5rem;padding:0;box-sizing:border-box;cursor:pointer;border:2px solid var(--color-border);border-radius:1rem;touch-action:manipulation;-webkit-tap-highlight-color:transparent}#clb-app .clb-sw-n{font-family:var(--font-display);font-weight:700;font-size:1.05rem;color:var(--ink);pointer-events:none}#clb-app .clb-sw[data-c="0"]{background:var(--p0)}#clb-app .clb-sw[data-c="1"]{background:var(--p1)}#clb-app .clb-sw[data-c="2"]{background:var(--p2)}#clb-app .clb-sw[data-c="3"]{background:var(--p3)}#clb-app .clb-sw[data-c="4"]{background:var(--p4)}#clb-app .clb-sw[data-c="5"]{background:var(--p5)}#clb-app .clb-sw[data-c="6"]{background:var(--p6)}#clb-app .clb-sw[data-c="7"]{background:var(--p7)}#clb-app .clb-sw[data-c="8"]{background:var(--p8)}#clb-app .clb-sw[data-c="9"]{background:var(--p9)}#clb-app .clb-sw[data-c="10"]{background:var(--p10)}#clb-app .clb-sw[data-c="10"] .clb-sw-n{color:var(--lite)}#clb-app .clb-sw[data-c="11"]{background:var(--p11)}#clb-app .clb-sw[aria-checked=true]{outline:3px solid var(--color-text-primary);outline-offset:2px}#clb-app .clb-sw[aria-checked=true]:after{content:"✓";position:absolute;right:.2rem;bottom:.05rem;font-size:.95rem;font-weight:700;color:var(--ink)}#clb-app .clb-sw[data-c="10"][aria-checked=true]:after{color:var(--lite)}#clb-app .clb-sw:focus-visible{outline:3px solid var(--color-text-primary);outline-offset:2px}#clb-app .clb-group-title{font-family:var(--font-display);font-size:1rem;color:var(--color-text-primary)}#clb-app .clb-picks{display:grid;gap:.5rem;grid-template-columns:repeat(auto-fill,minmax(6.25rem,1fr))}#clb-app .clb-pick{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.1rem;min-height:5rem;padding:.4rem .3rem;box-sizing:border-box;cursor:pointer;text-align:center;border:2px solid var(--color-border);border-radius:1rem;background:var(--color-bg-elevated);color:var(--color-text-primary);touch-action:manipulation;-webkit-tap-highlight-color:transparent}#clb-app .clb-pick:hover{border-color:var(--p0)}#clb-app .clb-pick:focus-visible{outline:3px solid var(--color-text-primary);outline-offset:2px}#clb-app .clb-pick[aria-pressed=true]{border-color:var(--p0);background:color-mix(in oklch,var(--g-sky) 22%,var(--color-bg-elevated))}#clb-app .clb-pick-emoji{font-size:1.6rem;line-height:1.1}#clb-app .clb-pick-name{font-family:var(--font-display);font-size:.95rem;line-height:1.15}#clb-app .clb-pick-parts{font-family:var(--font-mono);font-size:11px;color:var(--color-text-secondary)}#clb-app .clb-pick[data-done=true]:after{content:"★";position:absolute;top:.15rem;right:.4rem;font-size:1.1rem;color:var(--p4)}#clb-app .clb-done{padding:1rem 1.1rem 1.1rem;border:2px solid color-mix(in oklch,var(--p2) 55%,transparent);background:color-mix(in oklch,var(--p2) 10%,var(--color-bg-elevated))}#clb-app .clb-done[hidden]{display:none}#clb-app .clb-done-text{font-size:1.25rem;line-height:1.3;color:var(--color-text-primary)}#clb-app .clb-done-stars{font-size:1.75rem;letter-spacing:.15em;color:var(--p4);margin:.25rem 0 .75rem}#clb-app .clb-spark{fill:var(--p4);opacity:0;transform-box:fill-box;transform-origin:center;pointer-events:none}#clb-app .clb-spark:nth-child(1){--i: 0}#clb-app .clb-spark:nth-child(2){--i: 1}#clb-app .clb-spark:nth-child(3){--i: 2}#clb-app .clb-spark:nth-child(4){--i: 3}#clb-app .clb-spark:nth-child(5){--i: 4}#clb-app .clb-spark:nth-child(6){--i: 5}#clb-app .clb-board[data-complete=true] .clb-spark{animation:clb-pop .9s ease-out forwards;animation-delay:calc(var(--i) * .14s)}@keyframes clb-pop{0%{opacity:0;transform:scale(.2)}60%{opacity:1;transform:scale(1.25)}to{opacity:.95;transform:scale(1)}}#clb-app .clb-help{font-size:.8rem;line-height:1.55;color:var(--color-text-secondary)}#clb-app .clb-how>summary{box-sizing:border-box;min-height:2rem;padding-block:.375rem}@media(prefers-reduced-motion:reduce){#clb-app .clb-board[data-complete=true] .clb-spark{animation:none;opacity:.95}}#pcp-app{--g-sky: var(--color-accent);--g-teal: color-mix(in oklch, var(--color-accent) 50%, var(--color-accent-success));--g-green: var(--color-accent-success);--g-lime: color-mix(in oklch, var(--color-accent-success) 50%, var(--color-accent-warm));--g-amber: var(--color-accent-warm);--g-orange: color-mix(in oklch, var(--color-accent-warm) 50%, var(--color-accent-danger));--g-rose: var(--color-accent-danger);--g-violet: color-mix(in oklch, var(--color-accent) 50%, var(--color-accent-danger));--ink: var(--color-bg-base);--lite: var(--color-text-primary);--k0: var(--g-sky);--k2: var(--g-green);--k4: var(--g-amber);--k6: var(--g-rose);--k7: var(--g-violet);--q0: var(--g-sky);--q1: color-mix(in oklch, var(--g-sky) 40%, var(--lite));--q2: color-mix(in oklch, var(--g-sky) 45%, var(--ink));--q3: color-mix(in oklch, var(--g-violet) 30%, var(--ink));--q4: var(--g-teal);--q5: color-mix(in oklch, var(--g-teal) 50%, var(--ink));--q6: var(--g-green);--q7: color-mix(in oklch, var(--g-green) 55%, var(--ink));--q8: var(--g-lime);--q9: var(--g-amber);--q10: color-mix(in oklch, var(--g-amber) 45%, var(--lite));--q11: var(--g-orange);--q12: color-mix(in oklch, var(--g-orange) 55%, var(--ink));--q13: var(--g-rose);--q14: color-mix(in oklch, var(--g-rose) 45%, var(--lite));--q15: var(--g-violet);--q16: color-mix(in oklch, var(--g-violet) 45%, var(--lite));--q17: color-mix(in oklch, var(--lite) 88%, var(--g-amber));container-type:inline-size}.theme-light #pcp-app{--ink: var(--color-text-primary);--lite: var(--color-bg-base)}.theme-light #pcp-app .pcp-stars,.theme-light #pcp-app .pcp-win-stars{color:color-mix(in oklch,var(--k4) 40%,var(--color-text-primary))}#pcp-app .pcp-defs{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}#pcp-app .pcp-c-sky{fill:var(--q0)}#pcp-app .pcp-c-skyL{fill:var(--q1)}#pcp-app .pcp-c-skyD{fill:var(--q2)}#pcp-app .pcp-c-night{fill:var(--q3)}#pcp-app .pcp-c-teal{fill:var(--q4)}#pcp-app .pcp-c-tealD{fill:var(--q5)}#pcp-app .pcp-c-green{fill:var(--q6)}#pcp-app .pcp-c-greenD{fill:var(--q7)}#pcp-app .pcp-c-lime{fill:var(--q8)}#pcp-app .pcp-c-amber{fill:var(--q9)}#pcp-app .pcp-c-amberL{fill:var(--q10)}#pcp-app .pcp-c-orange{fill:var(--q11)}#pcp-app .pcp-c-brown{fill:var(--q12)}#pcp-app .pcp-c-rose{fill:var(--q13)}#pcp-app .pcp-c-roseL{fill:var(--q14)}#pcp-app .pcp-c-violet{fill:var(--q15)}#pcp-app .pcp-c-violetL{fill:var(--q16)}#pcp-app .pcp-c-cloud{fill:var(--q17)}#pcp-app .pcp-k{font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-secondary)}#pcp-app .pcp-v{font-family:var(--font-display);font-weight:700;font-size:1.2rem;color:var(--color-text-primary);margin-left:.4rem}#pcp-app .pcp-stars{font-size:1.1rem;letter-spacing:.1em;color:var(--k4);margin-left:.25rem}#pcp-app .pcp-top{display:flex;flex-wrap:wrap;gap:.25rem 1.5rem;align-items:baseline}#pcp-app .pcp-layout{display:grid;gap:1.25rem;grid-template-columns:minmax(0,1fr)}@container (min-width: 820px){#pcp-app .pcp-layout{grid-template-columns:minmax(0,560px) minmax(0,1fr);align-items:start}}#pcp-app .pcp-row{display:flex;flex-wrap:wrap;gap:.625rem}#pcp-app .pcp-btn{min-height:3.5rem;min-width:3.5rem;box-sizing:border-box}#pcp-app .pcp-btn[aria-pressed=true]{outline:3px solid var(--color-text-primary);outline-offset:2px}#pcp-app .pcp-status{min-height:1.75rem;font-size:1.05rem;line-height:1.45;color:var(--color-text-primary)}#pcp-app .pcp-wrap{position:relative;width:100%;max-width:560px;box-sizing:border-box;border-radius:1.25rem;overflow:hidden;border:2px solid var(--color-border);background:color-mix(in oklch,var(--g-violet) 12%,var(--color-bg-elevated))}#pcp-app .pcp-board{--rows: 2;--cols: 3;position:relative;width:100%;aspect-ratio:1;user-select:none;-webkit-user-select:none}#pcp-app .pcp-piece{position:absolute;display:block;box-sizing:border-box;margin:0;padding:2px;border:0;background:transparent;cursor:pointer;width:calc(100% / var(--cols));height:calc(100% / var(--rows));left:calc(var(--pc) * 100% / var(--cols));top:calc(var(--pr) * 100% / var(--rows));transition:left .18s ease-out,top .18s ease-out;touch-action:manipulation;-webkit-tap-highlight-color:transparent}#pcp-app .pcp-piece[data-drag=true]{transform:translate(var(--dx, 0px),var(--dy, 0px));z-index:6;transition:none;cursor:grabbing}#pcp-app .pcp-piece[data-sel=true]{z-index:3}#pcp-app .pcp-piece:focus-visible{outline:none;z-index:4}#pcp-app .pcp-face{position:relative;display:block;width:100%;height:100%;overflow:hidden;border-radius:.6rem}#pcp-app .pcp-art{display:block;width:100%;height:100%;pointer-events:none}#pcp-app .pcp-face:after{content:"";position:absolute;inset:0;border:4px solid transparent;border-radius:inherit;pointer-events:none}#pcp-app .pcp-board[data-edges=true] .pcp-piece[data-edge=true] .pcp-face:after{border:3px dashed var(--k4)}#pcp-app .pcp-piece[data-sel=true] .pcp-face:after{border:4px solid var(--color-text-primary)}#pcp-app .pcp-piece:focus-visible .pcp-face:after{border:4px solid var(--color-text-primary);box-shadow:inset 0 0 0 4px var(--k0)}#pcp-app .pcp-face:before{content:"✓";position:absolute;z-index:2;top:5px;right:5px;display:none;place-items:center;width:1.35rem;height:1.35rem;border-radius:999px;font-size:.85rem;font-weight:700;line-height:1;background:var(--k2);color:var(--ink)}#pcp-app .pcp-board[data-ticks=true] .pcp-piece[data-home=true] .pcp-face:before{display:grid}#pcp-app .pcp-wrap[data-solved=true] .pcp-piece{padding:0}#pcp-app .pcp-wrap[data-solved=true] .pcp-face{border-radius:0}#pcp-app .pcp-wrap[data-solved=true] .pcp-face:before,#pcp-app .pcp-wrap[data-solved=true] .pcp-face:after{display:none}#pcp-app .pcp-wrap[data-solved=true]{border-color:var(--k2);animation:pcp-glow 1.4s ease-out 1}@keyframes pcp-glow{0%{box-shadow:0 0 color-mix(in oklch,var(--k2) 0%,transparent)}50%{box-shadow:0 0 24px 6px color-mix(in oklch,var(--k2) 55%,transparent)}to{box-shadow:0 0 color-mix(in oklch,var(--k2) 0%,transparent)}}#pcp-app .pcp-spark{position:absolute;z-index:7;font-size:1.8rem;line-height:1;color:var(--k4);opacity:0;pointer-events:none}#pcp-app .pcp-spark:nth-of-type(1){top:6%;left:8%;--i: 0}#pcp-app .pcp-spark:nth-of-type(2){top:8%;right:8%;--i: 1}#pcp-app .pcp-spark:nth-of-type(3){top:44%;left:4%;--i: 2}#pcp-app .pcp-spark:nth-of-type(4){top:46%;right:4%;--i: 3}#pcp-app .pcp-spark:nth-of-type(5){bottom:6%;left:10%;--i: 4}#pcp-app .pcp-spark:nth-of-type(6){bottom:8%;right:10%;--i: 5}#pcp-app .pcp-wrap[data-solved=true] .pcp-spark{animation:pcp-pop 1s ease-out forwards;animation-delay:calc(var(--i) * .15s)}@keyframes pcp-pop{0%{opacity:0;transform:scale(.2)}60%{opacity:1;transform:scale(1.3)}to{opacity:.95;transform:scale(1)}}#pcp-app .pcp-win{padding:1rem 1.1rem 1.1rem;border:2px solid color-mix(in oklch,var(--k2) 55%,transparent);background:color-mix(in oklch,var(--k2) 10%,var(--color-bg-elevated))}#pcp-app .pcp-win[hidden]{display:none}#pcp-app .pcp-win-text{font-size:1.3rem;line-height:1.3;color:var(--color-text-primary)}#pcp-app .pcp-win-stars{font-size:1.75rem;letter-spacing:.15em;color:var(--k4);margin:.25rem 0 .75rem}#pcp-app .pcp-group-title{font-family:var(--font-display);font-size:1rem;color:var(--color-text-primary)}#pcp-app .pcp-levels,#pcp-app .pcp-picks{display:grid;gap:.5rem;grid-template-columns:repeat(auto-fill,minmax(6.25rem,1fr))}#pcp-app .pcp-level,#pcp-app .pcp-pick{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.1rem;min-height:4.5rem;padding:.4rem .3rem;box-sizing:border-box;cursor:pointer;text-align:center;border:2px solid var(--color-border);border-radius:1rem;background:var(--color-bg-elevated);color:var(--color-text-primary);touch-action:manipulation;-webkit-tap-highlight-color:transparent}#pcp-app .pcp-level:hover,#pcp-app .pcp-pick:hover{border-color:var(--k0)}#pcp-app .pcp-level:focus-visible,#pcp-app .pcp-pick:focus-visible{outline:3px solid var(--color-text-primary);outline-offset:2px}#pcp-app .pcp-level[aria-pressed=true],#pcp-app .pcp-pick[aria-pressed=true]{border-color:var(--k0);background:color-mix(in oklch,var(--g-sky) 22%,var(--color-bg-elevated))}#pcp-app .pcp-level-name,#pcp-app .pcp-pick-name{font-family:var(--font-display);font-size:1rem;line-height:1.15}#pcp-app .pcp-level-n{font-family:var(--font-mono);font-size:11px;color:var(--color-text-secondary)}#pcp-app .pcp-pick-emoji{font-size:1.6rem;line-height:1.1}#pcp-app .pcp-preview{max-width:15rem;border:2px solid var(--color-border);border-radius:1rem;overflow:hidden}#pcp-app .pcp-preview[hidden]{display:none}#pcp-app .pcp-preview svg{display:block;width:100%;height:auto;aspect-ratio:1}#pcp-app .pcp-best{font-size:.95rem;color:var(--color-text-secondary)}#pcp-app .pcp-help{font-size:.8rem;line-height:1.55;color:var(--color-text-secondary)}#pcp-app .pcp-how>summary{box-sizing:border-box;min-height:2rem;padding-block:.375rem}@media(prefers-reduced-motion:reduce){#pcp-app .pcp-piece{transition:none}#pcp-app .pcp-wrap[data-solved=true]{animation:none}#pcp-app .pcp-wrap[data-solved=true] .pcp-spark{animation:none;opacity:.95}}#bm-app{--g-sky: var(--color-accent);--g-teal: color-mix(in oklch, var(--color-accent) 50%, var(--color-accent-success));--g-green: var(--color-accent-success);--g-lime: color-mix(in oklch, var(--color-accent-success) 50%, var(--color-accent-warm));--g-amber: var(--color-accent-warm);--g-orange: color-mix(in oklch, var(--color-accent-warm) 50%, var(--color-accent-danger));--g-rose: var(--color-accent-danger);--g-violet: color-mix(in oklch, var(--color-accent) 50%, var(--color-accent-danger));--k0: var(--g-sky);--k2: var(--g-green);--k4: var(--g-amber);--k5: var(--g-orange);--k6: var(--g-rose);--k7: var(--g-violet);--ink: var(--color-bg-base);--lite: var(--color-text-primary);container-type:inline-size}.theme-light #bm-app{--ink: var(--color-text-primary);--lite: var(--color-bg-base)}.theme-light #bm-app .bm-stars,.theme-light #bm-app .bm-end-stars,.theme-light #bm-app .bm-q{color:color-mix(in oklch,var(--k4) 40%,var(--color-text-primary))}#bm-app .bm-k{font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-secondary)}#bm-app .bm-v{font-family:var(--font-display);font-weight:700;font-size:1.2rem;color:var(--color-text-primary);margin-left:.4rem}#bm-app .bm-controls{display:grid;gap:1rem;grid-template-columns:minmax(0,1fr)}@container (min-width: 700px){#bm-app .bm-controls{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}}#bm-app .bm-group-title{font-family:var(--font-display);font-size:1rem;color:var(--color-text-primary)}#bm-app .bm-choices{display:grid;gap:.5rem;grid-template-columns:repeat(auto-fill,minmax(6.25rem,1fr))}#bm-app .bm-choice{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.1rem;min-height:3.5rem;padding:.4rem .5rem;box-sizing:border-box;cursor:pointer;text-align:center;border:2px solid var(--color-border);border-radius:1rem;background:var(--color-bg-elevated);color:var(--color-text-primary);font-family:var(--font-display);font-size:1rem;line-height:1.15;touch-action:manipulation;-webkit-tap-highlight-color:transparent}#bm-app .bm-choice:hover{border-color:var(--k0)}#bm-app .bm-choice:focus-visible{outline:3px solid var(--color-text-primary);outline-offset:2px}#bm-app .bm-choice[aria-pressed=true]{border-color:var(--k0);background:color-mix(in oklch,var(--g-sky) 22%,var(--color-bg-elevated))}#bm-app .bm-choice-sub{font-family:var(--font-mono);font-size:11px;color:var(--color-text-secondary)}#bm-app .bm-row{display:flex;flex-wrap:wrap;gap:.625rem}#bm-app .bm-btn{min-height:3.5rem;min-width:3.5rem;box-sizing:border-box}#bm-app .bm-btn[hidden]{display:none}#bm-app .bm-top{display:flex;flex-wrap:wrap;gap:.25rem 1.5rem;align-items:baseline}#bm-app .bm-stars{font-size:1.15rem;letter-spacing:.12em;color:var(--k4)}#bm-app .bm-status{min-height:1.75rem;font-size:1.05rem;line-height:1.45;color:var(--color-text-primary)}#bm-app .bm-best{font-size:.95rem;color:var(--color-text-secondary)}#bm-app .bm-help{font-size:.8rem;line-height:1.55;color:var(--color-text-secondary)}#bm-app .bm-how>summary{box-sizing:border-box;min-height:2rem;padding-block:.375rem}#bm-app .bm-qbox{padding:1rem 1rem .9rem;text-align:center}#bm-app .bm-question{font-family:var(--font-display);font-weight:700;font-size:clamp(2rem,11cqw,3.6rem);line-height:1.15;color:var(--color-text-primary);overflow-wrap:anywhere}#bm-app .bm-q{color:var(--k4)}#bm-app .bm-ans{color:var(--k2)}#bm-app .bm-aid{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.3rem;margin-top:.6rem;font-size:1.3rem;color:var(--color-text-secondary)}#bm-app .bm-aid[hidden],#bm-app .bm-fact[hidden]{display:none}#bm-app .bm-aid:empty{display:none}#bm-app .bm-dot{width:1.1rem;height:1.1rem;border-radius:999px;background:var(--k0)}#bm-app .bm-dot[data-g=b]{background:var(--k4)}#bm-app .bm-dot[data-away=true]{background:transparent;border:2px dashed var(--color-text-secondary);box-sizing:border-box}#bm-app .bm-fact{margin-top:.5rem;font-size:1.1rem;color:var(--color-text-primary)}#bm-app .bm-sky{display:grid;gap:.75rem .5rem;justify-content:center;padding:1.1rem .5rem .75rem;min-height:16rem;box-sizing:border-box;border:2px solid var(--color-border);border-radius:1.25rem;overflow:hidden;background:linear-gradient(180deg,color-mix(in oklch,var(--g-sky) 24%,var(--color-bg-elevated)),var(--color-bg-elevated))}#bm-app .bm-sky[data-n="3"]{grid-template-columns:repeat(3,minmax(0,8.5rem))}#bm-app .bm-sky[data-n="4"]{grid-template-columns:repeat(2,minmax(0,8.5rem))}@container (min-width: 520px){#bm-app .bm-sky[data-n="4"]{grid-template-columns:repeat(4,minmax(0,8.5rem))}}#bm-app .bm-slot{display:flex;flex-direction:column;align-items:center;animation:bm-float var(--t, 5s) ease-in-out infinite;animation-delay:var(--d, 0s)}#bm-app .bm-slot:nth-child(1){--t: 5s;--d: 0s}#bm-app .bm-slot:nth-child(2){--t: 6s;--d: -1.6s}#bm-app .bm-slot:nth-child(3){--t: 5.5s;--d: -3.1s}#bm-app .bm-slot:nth-child(4){--t: 6.5s;--d: -.9s}@keyframes bm-float{0%,to{transform:translateY(0)}50%{transform:translateY(-.6rem)}}#bm-app .bm-balloon{--bc: var(--k0);position:relative;display:grid;place-items:center;width:100%;aspect-ratio:.86;padding:0;margin:0;box-sizing:border-box;cursor:pointer;border:0;border-radius:50% 50% 48% 48%/56% 56% 44% 44%;color:var(--ink);background:radial-gradient(circle at 32% 26%,color-mix(in oklch,var(--lite) 55%,transparent) 0 11%,transparent 12%),linear-gradient(160deg,var(--bc),color-mix(in oklch,var(--bc) 72%,var(--ink)));box-shadow:0 6px 14px color-mix(in oklch,var(--ink) 35%,transparent);touch-action:manipulation;-webkit-tap-highlight-color:transparent}#bm-app .bm-balloon[data-c="1"]{--bc: var(--k6)}#bm-app .bm-balloon[data-c="2"]{--bc: var(--k4)}#bm-app .bm-balloon[data-c="3"]{--bc: var(--k7)}#bm-app .bm-balloon[data-c="4"]{--bc: var(--k2)}#bm-app .bm-balloon[data-c="5"]{--bc: var(--k5)}#bm-app .bm-balloon:after{content:"";position:absolute;left:50%;bottom:-.42rem;margin-left:-.4rem;width:0;height:0;border-left:.4rem solid transparent;border-right:.4rem solid transparent;border-bottom:.5rem solid var(--bc)}#bm-app .bm-balloon:focus-visible{outline:3px solid var(--color-text-primary);outline-offset:4px}#bm-app .bm-num{font-family:var(--font-display);font-weight:700;font-size:clamp(1.6rem,9cqw,2.6rem);line-height:1;pointer-events:none}#bm-app .bm-string{display:block;width:2px;height:2rem;margin-top:.45rem;background:var(--color-text-secondary);opacity:.6}#bm-app .bm-balloon[data-state=tried]{opacity:.5;cursor:default;outline:3px dashed var(--color-text-secondary);outline-offset:-5px}#bm-app .bm-balloon[data-state=done]{opacity:.45;cursor:default}#bm-app .bm-balloon[data-state=popped]{cursor:default;animation:bm-pop .45s ease-out forwards}@keyframes bm-pop{0%{transform:scale(1);opacity:1}55%{transform:scale(1.3);opacity:.9}to{transform:scale(1.5);opacity:0;visibility:hidden}}#bm-app .bm-slot:has(.bm-balloon[data-state=popped]) .bm-string{opacity:.2}#bm-app .bm-end{padding:1.1rem 1.1rem 1.2rem;text-align:center;border:2px solid color-mix(in oklch,var(--k2) 55%,transparent);background:color-mix(in oklch,var(--k2) 10%,var(--color-bg-elevated))}#bm-app .bm-end[hidden]{display:none}#bm-app .bm-end .bm-row{justify-content:center}#bm-app .bm-end-text{font-size:1.3rem;line-height:1.3;color:var(--color-text-primary)}#bm-app .bm-end-stars{font-size:1.9rem;letter-spacing:.15em;color:var(--k4);margin:.4rem 0 .8rem}#bm-app .bm-offer{margin-bottom:.9rem}#bm-app .bm-offer[hidden]{display:none}#bm-app .bm-offer-text{font-size:1.05rem;color:var(--color-text-primary);margin-bottom:.5rem}@media(prefers-reduced-motion:reduce){#bm-app .bm-slot{animation:none}#bm-app .bm-balloon[data-state=popped]{animation:none;visibility:hidden}}#ltr-app{--g-sky: var(--color-accent);--g-teal: color-mix(in oklch, var(--color-accent) 50%, var(--color-accent-success));--g-green: var(--color-accent-success);--g-lime: color-mix(in oklch, var(--color-accent-success) 50%, var(--color-accent-warm));--g-amber: var(--color-accent-warm);--g-orange: color-mix(in oklch, var(--color-accent-warm) 50%, var(--color-accent-danger));--g-rose: var(--color-accent-danger);--g-violet: color-mix(in oklch, var(--color-accent) 50%, var(--color-accent-danger));container-type:inline-size;--ltr-a: var(--g-sky);--ltr-b: var(--g-teal);--ltr-c: var(--g-green);--ltr-d: var(--g-amber);--ltr-e: var(--g-violet);--ltr-f: var(--g-rose);--ltr-on: var(--color-bg-base)}.theme-light #ltr-app{--ltr-on: var(--color-bg-base);--ltr-a: color-mix(in srgb, var(--g-sky) 60%, var(--color-text-primary));--ltr-c: color-mix(in srgb, var(--g-green) 55%, var(--color-text-primary));--ltr-d: color-mix(in srgb, var(--g-amber) 42%, var(--color-text-primary));--ltr-f: color-mix(in srgb, var(--g-rose) 60%, var(--color-text-primary))}#ltr-app .ltr-k{font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-secondary)}#ltr-app .ltr-v{font-family:var(--font-display, inherit);font-weight:700;font-size:1.25rem;color:var(--color-text-primary)}#ltr-app .ltr-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.375rem;padding:.375rem;border:2px solid var(--color-border);border-radius:1.1rem;background:var(--color-bg-surface)}#ltr-app .ltr-key{box-sizing:border-box;min-height:3.5rem;min-width:3.5rem;margin:0;padding:.25rem .5rem;border-radius:.8rem;font-size:1rem;cursor:pointer;line-height:1.15}#ltr-app .ltr-tab{font-family:var(--font-display, inherit);font-weight:700;font-size:.95rem;padding-inline:.25rem;white-space:normal;overflow-wrap:anywhere;color:var(--color-text-primary)}#ltr-app .ltr-tab.active{background:color-mix(in srgb,var(--ltr-e) 28%,var(--color-bg-elevated));color:var(--color-text-primary);box-shadow:inset 0 0 0 2px var(--ltr-e)}#ltr-app .ltr-key:focus-visible,#ltr-app .ltr-btn:focus-visible{outline:3px solid var(--color-text-primary);outline-offset:3px}#ltr-app .ltr-layout{display:grid;gap:1.25rem;grid-template-columns:minmax(0,1fr)}@container (min-width: 720px){#ltr-app .ltr-layout{grid-template-columns:minmax(0,26rem) minmax(0,1fr);align-items:start}}#ltr-app .ltr-left,#ltr-app .ltr-right{min-width:0;display:grid;gap:.9rem;align-content:start}#ltr-app .ltr-pad-wrap{position:relative;width:100%;max-width:26rem;margin-inline:auto;scroll-margin-top:6.5rem}#ltr-app .ltr-pad{position:relative;box-sizing:border-box;width:100%;aspect-ratio:1 / 1;overflow:hidden;border-radius:1.25rem;border:3px solid var(--color-border);background:linear-gradient(180deg,color-mix(in srgb,var(--ltr-a) 12%,var(--color-bg-surface)),color-mix(in srgb,var(--ltr-e) 8%,var(--color-bg-surface)));touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;cursor:crosshair;scroll-margin-top:6.5rem}#ltr-app .ltr-pad[data-state=tracing]{border-color:var(--ltr-a)}#ltr-app .ltr-pad[data-state=done]{border-color:var(--ltr-c);box-shadow:0 0 0 5px color-mix(in srgb,var(--ltr-c) 28%,transparent)}#ltr-app .ltr-pad:focus-visible{outline:3px solid var(--color-text-primary);outline-offset:3px}#ltr-app .ltr-svg{display:block;width:100%;height:100%}#ltr-app .ltr-gl{stroke:color-mix(in srgb,var(--color-text-secondary) 35%,transparent);stroke-width:.45}#ltr-app .ltr-gl-mid,#ltr-app .ltr-gl-low{stroke-dasharray:1.5 2.5}#ltr-app .ltr-gl-base{stroke:color-mix(in srgb,var(--ltr-a) 55%,transparent);stroke-width:.7}#ltr-app .ltr-road{fill:none;stroke:color-mix(in srgb,var(--ltr-e) 26%,transparent);stroke-width:15;stroke-linecap:round;stroke-linejoin:round}#ltr-app .ltr-road[data-state=todo]{stroke:color-mix(in srgb,var(--ltr-e) 13%,transparent)}#ltr-app .ltr-road[data-state=done]{stroke:color-mix(in srgb,var(--ltr-c) 20%,transparent)}#ltr-app .ltr-line{fill:none;stroke:var(--ltr-e);stroke-width:1.5;stroke-linecap:round;stroke-dasharray:.1 3.4}#ltr-app .ltr-line[data-state=done]{display:none}#ltr-app .ltr-prog{fill:none;stroke:var(--ltr-a);stroke-width:9;stroke-linecap:round;stroke-linejoin:round}#ltr-app .ltr-prog[data-empty=true]{display:none}#ltr-app [data-hue="1"]{--ltr-ink: var(--ltr-a)}#ltr-app [data-hue="2"]{--ltr-ink: var(--ltr-c)}#ltr-app [data-hue="3"]{--ltr-ink: var(--ltr-d)}#ltr-app [data-hue="4"]{--ltr-ink: var(--ltr-f)}#ltr-app .ltr-prog{stroke:var(--ltr-ink)}#ltr-app .ltr-dotfill{fill:var(--ltr-ink);stroke:none}#ltr-app .ltr-dotfill[data-empty=true]{display:none}#ltr-app .ltr-mark circle{fill:var(--color-bg-elevated);stroke:var(--color-text-secondary);stroke-width:1}#ltr-app .ltr-mark text{fill:var(--color-text-secondary);font-family:var(--font-display, inherit);font-weight:700;font-size:7px}#ltr-app .ltr-mark[data-state=active] circle{fill:var(--ltr-ink);stroke:var(--color-text-primary);stroke-width:1.2}#ltr-app .ltr-mark[data-state=active] text{fill:var(--ltr-on);font-size:8px}#ltr-app .ltr-mark[data-state=done]{display:none}#ltr-app .ltr-pulse{fill:none;stroke:var(--ltr-ink);stroke-width:1.2;opacity:0}#ltr-app .ltr-mark[data-state=active] .ltr-pulse{animation:ltr-pulse 1.8s ease-out infinite}#ltr-app .ltr-arrow{fill:var(--ltr-ink);stroke:var(--color-text-primary);stroke-width:.6;stroke-linejoin:round}#ltr-app .ltr-arrow[data-state=done]{display:none}#ltr-app .ltr-arrow[data-state=todo]{fill:var(--color-text-secondary);stroke:none;opacity:.7}#ltr-app .ltr-ink{fill:none;stroke:var(--color-text-primary);stroke-opacity:.6;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}#ltr-app .ltr-ink[data-off=true]{stroke:var(--ltr-d);stroke-opacity:.85}#ltr-app .ltr-demo{fill:var(--ltr-d);stroke:var(--color-text-primary);stroke-width:1;pointer-events:none}#ltr-app .ltr-demo[data-on=false]{display:none}#ltr-app .ltr-cursor{fill:color-mix(in srgb,var(--ltr-d) 18%,transparent);stroke:var(--color-text-primary);stroke-width:1.6;pointer-events:none}#ltr-app .ltr-cursor[data-on=false]{display:none}#ltr-app .ltr-cursor[data-pen=down]{fill:color-mix(in srgb,var(--ltr-d) 60%,transparent)}#ltr-app .ltr-stars{position:absolute;inset:auto 0 .6rem;display:flex;justify-content:center;gap:.35rem;pointer-events:none;font-size:clamp(2.4rem,14cqw,3.4rem);line-height:1}#ltr-app .ltr-stars[data-show=false]{display:none}#ltr-app .ltr-star{color:var(--color-text-muted);text-shadow:0 2px 0 color-mix(in srgb,var(--color-bg-base) 70%,transparent)}#ltr-app .ltr-star[data-on=true]{color:var(--ltr-d);animation:ltr-pop .55s ease-out both}#ltr-app .ltr-star:nth-child(2)[data-on=true]{animation-delay:.12s}#ltr-app .ltr-star:nth-child(3)[data-on=true]{animation-delay:.24s}#ltr-app .ltr-status{margin:0;min-height:3.25rem;font-size:1.05rem;line-height:1.45;color:var(--color-text-primary)}#ltr-app .ltr-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}@container (min-width: 440px){#ltr-app .ltr-actions{grid-template-columns:repeat(4,minmax(0,1fr))}}#ltr-app .ltr-btn{box-sizing:border-box;min-height:3.5rem;min-width:3.5rem;padding:.5rem .75rem;border-radius:1rem;font-size:1rem;line-height:1.15}#ltr-app .ltr-btn-small{font-size:.85rem;min-height:3.5rem}#ltr-app .ltr-total{display:flex;flex-wrap:wrap;gap:.4rem 1.5rem}#ltr-app .ltr-total p{display:flex;flex-direction:column;margin:0}#ltr-app .ltr-picker{display:grid;grid-template-columns:repeat(auto-fill,minmax(3.5rem,1fr));gap:.4rem}#ltr-app .ltr-glyph{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.1rem;border:2px solid var(--color-border);background:var(--color-bg-elevated);color:var(--color-text-primary)}#ltr-app .ltr-glyph:hover{border-color:var(--ltr-a)}#ltr-app .ltr-glyph[aria-current=true]{border-color:var(--ltr-e);background:color-mix(in srgb,var(--ltr-e) 24%,var(--color-bg-elevated))}#ltr-app .ltr-ch{font-family:var(--font-display, inherit);font-weight:700;font-size:1.6rem;line-height:1}#ltr-app .ltr-st{font-size:.7rem;letter-spacing:.05em;line-height:1;color:var(--ltr-d)}#ltr-app .ltr-help{margin:0;font-size:.78rem;line-height:1.55;color:var(--color-text-secondary)}#ltr-app .ltr-how>summary{box-sizing:border-box;min-height:2rem;padding-block:.375rem}@keyframes ltr-pulse{0%{opacity:.9;r:5}to{opacity:0;r:13}}@keyframes ltr-pop{0%{transform:scale(.2);opacity:0}70%{transform:scale(1.25);opacity:1}to{transform:scale(1);opacity:1}}@media(prefers-reduced-motion:reduce){#ltr-app .ltr-mark[data-state=active] .ltr-pulse,#ltr-app .ltr-star[data-on=true]{animation:none}}#bbp-app{--g-sky: var(--color-accent);--g-teal: color-mix(in oklch, var(--color-accent) 50%, var(--color-accent-success));--g-green: var(--color-accent-success);--g-lime: color-mix(in oklch, var(--color-accent-success) 50%, var(--color-accent-warm));--g-amber: var(--color-accent-warm);--g-orange: color-mix(in oklch, var(--color-accent-warm) 50%, var(--color-accent-danger));--g-rose: var(--color-accent-danger);--g-violet: color-mix(in oklch, var(--color-accent) 50%, var(--color-accent-danger));container-type:inline-size;--bbp-0: var(--g-sky);--bbp-1: var(--g-amber);--bbp-2: var(--g-rose);--bbp-3: var(--g-violet);--bbp-4: var(--g-green);--bbp-5: var(--g-orange);--bbp-on: var(--color-bg-base);--bbp-gloss: var(--color-text-primary)}.theme-light #bbp-app{--bbp-on: var(--color-text-primary);--bbp-gloss: var(--color-bg-surface)}#bbp-app [data-hue="0"]{--hue: var(--bbp-0)}#bbp-app [data-hue="1"]{--hue: var(--bbp-1)}#bbp-app [data-hue="2"]{--hue: var(--bbp-2)}#bbp-app [data-hue="3"]{--hue: var(--bbp-3)}#bbp-app [data-hue="4"]{--hue: var(--bbp-4)}#bbp-app [data-hue="5"]{--hue: var(--bbp-5)}#bbp-app .bbp-levels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.375rem;padding:.375rem;border:2px solid var(--color-border);border-radius:1.1rem;background:var(--color-bg-surface)}#bbp-app .bbp-key{box-sizing:border-box;min-height:3.5rem;min-width:3.5rem;margin:0;padding:.25rem .5rem;border-radius:.8rem;font-family:var(--font-display, inherit);font-weight:700;font-size:1.05rem;line-height:1.15;cursor:pointer;color:var(--color-text-primary)}#bbp-app .bbp-level{font-size:.95rem;padding-inline:.25rem;white-space:normal;overflow-wrap:anywhere}#bbp-app .bbp-key.active{background:color-mix(in srgb,var(--bbp-3) 28%,var(--color-bg-elevated));box-shadow:inset 0 0 0 2px var(--bbp-3)}#bbp-app .bbp-key:focus-visible,#bbp-app .bbp-btn:focus-visible{outline:3px solid var(--color-text-primary);outline-offset:3px}#bbp-app .bbp-goalbar{display:flex;align-items:center;gap:.9rem;padding:.7rem .9rem;border-radius:1.1rem;border:2px solid var(--color-border);background:var(--color-bg-surface)}#bbp-app .bbp-goaltext{min-width:0;flex:1}#bbp-app .bbp-goal-text{margin:0;font-family:var(--font-display, inherit);font-weight:700;font-size:clamp(1.15rem,5.4cqw,1.6rem);line-height:1.2;color:var(--color-text-primary)}#bbp-app .bbp-dots{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.5rem}#bbp-app .bbp-dots[hidden]{display:none}#bbp-app .bbp-dot{width:1.3rem;height:1.3rem;border-radius:50%;border:2px solid var(--bbp-1);background:transparent;box-sizing:border-box}#bbp-app .bbp-dot[data-on=true]{background:var(--bbp-1)}.theme-light #bbp-app .bbp-dot{border-color:color-mix(in srgb,var(--bbp-1) 45%,var(--color-text-primary))}.theme-light #bbp-app .bbp-dot[data-on=true]{background:color-mix(in srgb,var(--bbp-1) 45%,var(--color-text-primary))}#bbp-app .bbp-sample{flex:none;position:relative;display:grid;place-items:center;box-sizing:border-box;width:3.5rem;height:3.5rem;border-radius:50%;border:3px solid var(--hue);background:radial-gradient(circle at 32% 28%,color-mix(in srgb,var(--hue) 30%,var(--bbp-gloss)) 0%,color-mix(in srgb,var(--hue) 78%,var(--bbp-gloss)) 38%,var(--hue) 100%);color:var(--bbp-on);font-family:var(--font-display, inherit);font-weight:800;font-size:1.5rem;line-height:1}#bbp-app .bbp-sample[hidden]{display:none}#bbp-app .bbp-field{position:relative;box-sizing:border-box;width:100%;max-width:min(30rem,56vh);margin-inline:auto;aspect-ratio:100 / 130;overflow:hidden;container-type:inline-size;border-radius:1.25rem;border:3px solid var(--color-border);background:linear-gradient(180deg,color-mix(in srgb,var(--bbp-0) 22%,var(--color-bg-surface)),color-mix(in srgb,var(--bbp-3) 16%,var(--color-bg-surface)));touch-action:manipulation;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}#bbp-app .bbp-field[data-state=done]{border-color:var(--bbp-4);box-shadow:0 0 0 5px color-mix(in srgb,var(--bbp-4) 28%,transparent)}#bbp-app .bbp-bubble{position:absolute;box-sizing:border-box;display:grid;place-items:center;margin:0;padding:0;width:calc(var(--bbp-r, 17) * 2%);aspect-ratio:1 / 1;border-radius:50%;cursor:pointer;border:3px solid var(--hue);background:radial-gradient(circle at 32% 28%,color-mix(in srgb,var(--hue) 30%,var(--bbp-gloss)) 0%,color-mix(in srgb,var(--hue) 78%,var(--bbp-gloss)) 38%,var(--hue) 100%);box-shadow:inset 0 -6px 12px color-mix(in srgb,var(--hue) 55%,var(--color-bg-base)),0 6px 16px color-mix(in srgb,var(--hue) 28%,transparent);color:var(--bbp-on);font-family:var(--font-display, inherit);font-weight:800;font-size:calc(var(--bbp-r, 17) * .78cqw);line-height:1;touch-action:manipulation;-webkit-tap-highlight-color:transparent;animation:bbp-grow .35s ease-out both}#bbp-app .bbp-bubble:focus-visible{outline:4px solid var(--color-text-primary);outline-offset:4px;z-index:3}#bbp-app .bbp-bubble[data-state=popped]{pointer-events:none;animation:bbp-burst .3s ease-out both;animation-delay:var(--d, 0ms)}#bbp-app .bbp-mark{display:block;width:40%;aspect-ratio:1 / 1;background:var(--bbp-on)}#bbp-app .bbp-sample .bbp-mark{width:1.5rem}#bbp-app .bbp-mark[hidden],#bbp-app .bbp-num[hidden]{display:none}#bbp-app .bbp-mark[data-shape=circle]{border-radius:50%}#bbp-app .bbp-mark[data-shape=square]{border-radius:18%}#bbp-app .bbp-mark[data-shape=star]{clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}#bbp-app .bbp-mark[data-shape=diamond]{clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%)}#bbp-app .bbp-mark[data-shape=triangle]{clip-path:polygon(50% 4%,100% 94%,0% 94%)}#bbp-app .bbp-mark[data-shape=hexagon]{clip-path:polygon(25% 3%,75% 3%,100% 50%,75% 97%,25% 97%,0% 50%)}#bbp-app .bbp-win{padding:1rem;display:grid;gap:.8rem}#bbp-app .bbp-win[hidden]{display:none}#bbp-app .bbp-win-text{margin:0;font-family:var(--font-display, inherit);font-weight:700;font-size:1.3rem;line-height:1.3;color:var(--color-text-primary)}#bbp-app .bbp-win-actions,#bbp-app .bbp-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}#bbp-app .bbp-btn{box-sizing:border-box;min-height:3.5rem;min-width:3.5rem;padding:.5rem .75rem;border-radius:1rem;font-size:1rem;line-height:1.15}#bbp-app .bbp-btn:disabled{opacity:.6;cursor:default}#bbp-app .bbp-status{margin:0;min-height:3.25rem;font-size:1.05rem;line-height:1.45;color:var(--color-text-primary)}#bbp-app .bbp-help{margin:0;font-size:.78rem;line-height:1.55;color:var(--color-text-secondary)}#bbp-app .bbp-how>summary{box-sizing:border-box;min-height:2rem;padding-block:.375rem}@keyframes bbp-grow{0%{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}@keyframes bbp-burst{0%{transform:scale(1);opacity:1}55%{transform:scale(1.3);opacity:.8}to{transform:scale(1.6);opacity:0}}@media(prefers-reduced-motion:reduce){#bbp-app .bbp-bubble,#bbp-app .bbp-bubble[data-state=popped]{animation:none}#bbp-app .bbp-bubble[data-state=popped]{display:none}}