/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.fixed{position:fixed}.static{position:static}.block{display:block}.contents{display:contents}.grid{display:grid}.hidden{display:none}.table{display:table}.shrink{flex-shrink:1}.grow{flex-grow:1}.rounded{border-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--gap:clamp(1.5rem, 6.4vw, 2rem);--tray-gap:.4rem;--box:max(3rem, min(calc((100vw - 2rem - 3 * var(--gap)) / 4), calc((100vw - 2rem - 4 * var(--tray-gap) - .6rem - 4px) / 5), calc((100dvh - 12.5rem - 3 * var(--gap)) / 6), 5.5rem));--ink:#0f172a;--muted:#64748b;--line:#94a3b8;--good:#22c55e;--bad:#ef4444;--reveal:#f59e0b;--tile:#fef3c7;--tile-line:#f59e0b}html,body,#root{min-height:100%}body{color:var(--ink);-webkit-tap-highlight-color:transparent;overscroll-behavior:none;background:#f8fafc;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.app{padding:.75rem 1rem calc(1rem + env(safe-area-inset-bottom));flex-direction:column;align-items:center;gap:.75rem;display:flex}.board{grid-template-columns:repeat(3, var(--box) var(--gap)) var(--box);grid-template-rows:repeat(3, var(--box) var(--gap)) var(--box);display:grid}.sym{font-weight:700;font-size:min(calc(var(--box) * .42), calc(var(--gap) * .9));color:#334155;-webkit-user-select:none;user-select:none;place-items:center;line-height:1;display:grid}.box,.slot{border-radius:.6rem;position:relative;container-type:size}.box{border:3px solid var(--line);background:#fff;transition:border-color .15s,background-color .15s}.box[data-state=correct]{border-color:var(--good)}.box[data-state=wrong]{border-color:var(--bad)}.box[data-state=revealed]{border-color:var(--reveal)}.box[data-over=true]{background:#e0f2fe;border-color:#0ea5e9}.slot{border:2px dashed #cbd5e1}.tray{grid-template-columns:repeat(5, var(--box));grid-template-rows:repeat(2, var(--box));gap:var(--tray-gap);border:2px solid #0000;border-radius:.9rem;padding:.3rem;display:grid}.tray[data-over=true]{background:#f0f9ff;border-color:#0ea5e9}.tile{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;perspective:500px;border-radius:calc(.6rem - 2px);position:absolute;inset:0}.box .tile{border-radius:calc(.6rem - 3px)}.tile-inner{border-radius:inherit;width:100%;height:100%;transform-style:preserve-3d;transition:transform .35s;position:relative}.tile-inner[data-flipped=true]{transform:rotateY(180deg)}.face{box-sizing:border-box;border-radius:inherit;border:2px solid var(--tile-line);background:var(--tile);text-align:center;backface-visibility:hidden;flex-direction:column;justify-content:center;align-items:center;gap:3cqh;padding:1cqh 3cqw;display:flex;position:absolute;inset:0;overflow:hidden}.face-back{background:#e0f2fe;border-color:#0ea5e9;transform:rotateY(180deg)}.tile[data-locked=true]{cursor:default}.tile[data-locked=true] .face-front{background:#f0fdf4;border-color:#0000}.note-field{width:74%;height:42%;position:relative}.note-hint{text-align:center;color:#a3aebd;pointer-events:none;place-items:center;padding:0 2px;font-size:13cqw;line-height:1.05;display:grid;position:absolute;inset:0}.note-field:focus-within .note-hint{display:none}.flip-back{color:#0369a1;background:#fff;border:1.5px solid #0ea5e9;border-radius:50%;place-items:center;width:25cqw;height:25cqw;display:grid;position:absolute;top:1.5cqw;right:1.5cqw}.flip-back svg{width:65%;height:65%}.guess-input{box-sizing:border-box;width:100%;min-width:0;height:100%;color:var(--ink);font:inherit;text-align:center;touch-action:manipulation;-webkit-user-select:text;user-select:text;background:#fff;border:2px solid #0ea5e9;border-radius:.4rem;padding:0;font-size:1rem;font-weight:700}.guess-input:focus{border-color:#0369a1;outline:none;box-shadow:0 0 0 2px #0ea5e959}.tile[data-selected=true]{outline-offset:-1px;outline:3px solid #0ea5e9}.tile[data-dragging=true]{opacity:.35}.tile[data-overlay=true]{cursor:grabbing;transform:scale(1.06);box-shadow:0 8px 20px #0f172a4d}.tile-label{overflow-wrap:anywhere;width:100%;font-size:16cqw;line-height:1.08;display:block}.tile-number{font-size:22cqw;font-weight:800;line-height:1}.face-front[data-numbered=true]{gap:2cqh}.panel{grid-area:6/2/8/8;justify-content:flex-end;align-items:flex-end;min-width:0;display:flex}.caption{text-align:center;width:100%;color:var(--muted);min-height:2.4em;margin:0;font-size:.9rem;line-height:1.2}.caption strong{color:var(--ink)}.tries-slot{grid-area:1/1/auto/3;place-self:start}.tries-block{flex-direction:column;align-items:flex-start;gap:.25rem;display:flex}.tries-label{color:var(--muted);white-space:nowrap;font-size:.68rem;font-weight:600;line-height:1}.tries{gap:.35rem;display:flex}.try{box-sizing:border-box;border:2px solid var(--bad);background:var(--bad);border-radius:50%;width:1.15rem;height:1.15rem}.try[data-spent=true]{opacity:.35;background:0 0}.clear-btn{font:inherit;color:#334155;touch-action:manipulation;background:#fff;border:2px solid #334155;border-radius:.6rem;padding:.45rem .8rem;font-size:.85rem;font-weight:600}.clear-btn:disabled{opacity:.35}.clear-btn:not(:disabled):active{background:#e2e8f0}.header{align-items:baseline;gap:.6rem;display:flex}.header h1{letter-spacing:.02em;margin:0;font-size:1.4rem}.header time{color:var(--muted);font-size:.85rem}.notice{color:#92400e;background:#fef3c7;border-radius:.4rem;margin:0;padding:.2rem .5rem;font-size:.75rem}.result{min-height:1.4em;margin:0;font-weight:700}.result[data-kind=won]{color:#15803d}.result[data-kind=lost]{color:#b91c1c}.pop{animation:.45s cubic-bezier(.2,1.4,.4,1) both pop}@keyframes pop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.game-over{pointer-events:none;z-index:50;letter-spacing:.04em;color:var(--bad);text-shadow:0 2px #fff,0 0 24px #ffffffe6;place-items:center;font-size:clamp(2.2rem,13vw,4.5rem);font-weight:900;animation:2s step-end both flash;display:grid;position:fixed;inset:0}@keyframes flash{0%,33%,66%{opacity:1}16%,50%,83%{opacity:0}to{opacity:0}}@media (prefers-reduced-motion:reduce){.tile-inner{transition:none}.pop,.game-over{animation:none}}.help-btn{color:#475569;width:1.6rem;height:1.6rem;font:inherit;touch-action:manipulation;background:#fff;border:2px solid #94a3b8;border-radius:50%;align-self:center;padding:0;font-size:.85rem;font-weight:700;line-height:1}.help-btn:active{background:#e2e8f0}.help{width:min(22rem,100vw - 2rem);max-height:min(90dvh,46rem);color:var(--ink);background:#fff;border:none;border-radius:1rem;margin:auto;padding:0;overflow:hidden;box-shadow:0 20px 50px #0f172a59}.help::backdrop{background:#0f172a8c}.help-inner{box-sizing:border-box;flex-direction:column;gap:.8rem;max-height:min(90dvh,46rem);padding:1rem 1.1rem 1.1rem;display:flex}.help-head,.help-check{flex:none}.help-head{justify-content:space-between;align-items:center;gap:1rem;display:flex}.help-head h2{margin:0;font-size:1.3rem}.help-close{color:#334155;width:2.5rem;height:2.5rem;font:inherit;touch-action:manipulation;background:#f1f5f9;border:none;border-radius:50%;flex:none;padding:0;font-size:1.7rem;line-height:1}.help-close:active{background:#e2e8f0}.help-body{gap:.75rem;min-height:0;font-size:.95rem;line-height:1.4;display:grid;overflow-y:auto}.help-body p{margin:0}.scroll-area{flex-direction:column;min-height:0;display:flex;position:relative}.scroll-hint{pointer-events:none;background:linear-gradient(#fff0,#fff 65%);justify-content:center;padding:2.6rem 0 .15rem;display:flex;position:absolute;inset:auto 0 0}.scroll-hint button{pointer-events:auto;color:#fff;font:inherit;touch-action:manipulation;background:#334155;border:none;border-radius:999px;padding:.35rem .9rem;font-size:.85rem;font-weight:600;box-shadow:0 2px 8px #0f172a4d}.scroll-hint button:active{background:#1e293b}.help-check{color:#334155;border-top:1px solid #e2e8f0;align-items:center;gap:.6rem;padding-top:.8rem;font-size:.95rem;display:flex}.help-check input{accent-color:#334155;width:1.25rem;height:1.25rem;margin:0}.landing{text-align:center;flex-direction:column;gap:.9rem;width:min(22rem,100%);margin-top:1rem;display:flex}.landing h2{margin:0;font-size:1.35rem}.landing-options{gap:.75rem;display:grid}.landing-note{color:var(--muted);margin:0;font-size:.85rem;line-height:1.35}.level-card{text-align:left;min-height:4.25rem;color:var(--ink);font:inherit;touch-action:manipulation;background:#fff;border:2px solid #94a3b8;border-radius:.9rem;gap:.2rem;padding:.95rem 1.1rem;display:grid;box-shadow:0 1px 2px #0f172a14}.level-card:active{background:#e2e8f0}.level-card-name{font-size:1.15rem;font-weight:700}.level-card-desc{color:var(--muted);font-size:.9rem}.level-options{gap:.6rem;display:grid}.level-pill{color:#334155;font:inherit;touch-action:manipulation;background:#fff;border:2px solid #94a3b8;border-radius:999px;align-items:center;gap:.35rem;padding:.3rem .85rem;font-size:.85rem;font-weight:700;display:inline-flex}.level-pill:not(:disabled):active{background:#e2e8f0}.level-pill:disabled{color:#475569;background:#f1f5f9;border-color:#cbd5e1}.level-caret{font-size:.75rem}.box[data-state=given]{background:#e2e8f0;border-color:#64748b}.given-number{color:#334155;-webkit-user-select:none;user-select:none;place-items:center;font-size:32cqw;font-weight:800;line-height:1;display:grid;position:absolute;inset:0}.share-area{justify-content:center;width:100%;padding-top:.4rem;display:flex}.share-btn{color:#fff;min-width:15rem;font:inherit;touch-action:manipulation;background:#334155;border:2px solid #334155;border-radius:.9rem;padding:.9rem 1.5rem;font-size:1.1rem;font-weight:700;animation:.45s cubic-bezier(.2,1.4,.4,1) both pop}.share-btn:active{background:#0f172a}.share-text{box-sizing:border-box;width:100%;color:var(--ink);font:inherit;white-space:pre;-webkit-user-select:all;user-select:all;background:#f8fafc;border:2px solid #cbd5e1;border-radius:.7rem;margin:0;padding:.7rem .6rem;font-size:clamp(.7rem,3.6vw,.9rem);line-height:1.5;overflow-x:auto}.share-copy{color:#fff;font:inherit;touch-action:manipulation;background:#334155;border:2px solid #334155;border-radius:.8rem;padding:.8rem 1rem;font-size:1.05rem;font-weight:700}.share-copy:active{background:#0f172a}.share-copy[data-state=copied]{background:#15803d;border-color:#15803d}.share-status{color:#b45309;min-height:1.3em;font-size:.9rem;font-weight:600}@media (prefers-reduced-motion:reduce){.share-btn{animation:none}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}