:root{--bg:#fafafa;--card:#fff;--text:#1a1a1b;--muted:#6b6b6d;--border:#d3d6da;--accent:#4a76c9;--error:#d33;--s:#6aaa64;--b:#c9b458;--o:#787c7e;--tile:2.55rem}@media (prefers-color-scheme:dark){:root{--bg:#121213;--card:#1e1e1f;--text:#e6e6e7;--muted:#9a9a9c;--border:#3a3a3c;--accent:#7fa3e0;--error:#e57373;--s:#538d4e;--b:#b59f3b;--o:#4a4a4c}}*{box-sizing:border-box}[hidden]{display:none!important}body{background:var(--bg);color:var(--text);margin:0;padding:2rem 1.1rem 4.5rem;font-family:-apple-system,Apple SD Gothic Neo,Noto Sans KR,sans-serif;line-height:1.65}main{flex-direction:column;gap:1.15rem;max-width:40rem;margin:0 auto;display:flex}.page-head{align-items:center;gap:.6rem;margin-bottom:.35rem;display:flex}.page-head:before{content:"";flex:none;width:2.25rem}.page-head h1{text-align:center;flex:1;margin:0;font-size:1.35rem;line-height:1.35}.card{background:var(--card);border:1px solid var(--border);border-radius:.6rem;padding:1.25rem 1.2rem}.card h2{margin:0;font-size:.95rem}.card>*+*,.stack>*+*{margin-top:.85rem}.row{flex-wrap:wrap;align-items:center;gap:.7rem .75rem;display:flex}.row label{align-items:center;gap:.45rem;display:inline-flex}label{color:var(--muted);font-size:.85rem}input[type=number],input[type=text]{border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:.4rem;width:7rem;padding:.5rem .7rem;font-family:inherit;font-size:1rem}input[type=text]{width:11rem}button{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:.4rem;padding:.55rem 1rem;font-family:inherit;font-size:.9rem}button.minor{color:var(--muted);border:1px solid var(--border);background:0 0}button:disabled{opacity:.45;cursor:default}button.icon{border-radius:50%;flex:none;width:2.25rem;height:2.25rem;padding:0;font-size:1rem;font-weight:700;line-height:1}.tiles{flex-wrap:wrap;gap:.35rem;margin:0;display:flex}.tile{width:var(--tile);height:var(--tile);color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;border:none;border-radius:.3rem;justify-content:center;align-items:center;padding:0;font-size:1.25rem;font-weight:700;display:flex}.tile.small{cursor:default;width:1.6rem;height:1.6rem;font-size:.9rem}.tile.s{background:var(--s)}.tile.b{background:var(--b)}.tile.o{background:var(--o)}.tile.pre{box-shadow:inset 0 0 0 2px #ffffff8c}@media (prefers-color-scheme:dark){.tile.pre{box-shadow:inset 0 0 0 2px #fff6}}.hint{color:var(--muted);margin:0;font-size:.8rem;line-height:1.7}.hint+.hint{margin-top:.45rem}.msg{margin:0;font-size:.9rem}.msg.error{color:var(--error)}.msg.success{color:var(--s);font-weight:700}ul.sugg{flex-direction:column;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}ul.sugg li{border:1px solid var(--border);border-radius:.4rem;padding:0;overflow:hidden}ul.sugg li:hover,ul.sugg li:focus-within{border-color:var(--accent)}ul.sugg .sugg-btn{width:100%;color:inherit;text-align:left;border-radius:inherit;font:inherit;background:0 0;align-items:baseline;gap:.75rem;padding:.7rem .8rem;display:flex}ul.sugg .w{font-size:1.05rem;font-weight:700}ul.sugg .j,ul.sugg .sc{color:var(--muted);font-size:.85rem}ul.sugg .sc{margin-left:auto}#sugg-card.busy ul.sugg{opacity:.5}.hist-item{align-items:center;gap:.7rem;padding:.6rem 0;display:flex}.hist-item+.hist-item{border-top:1px solid var(--border)}.hist-item:first-child{padding-top:0}.hist-item:last-child{padding-bottom:0}.hist-item .w{min-width:4.5rem;font-weight:700}.hist-item button{margin-left:auto}.total{color:var(--muted);font-size:.85rem}#game{flex-direction:column;gap:1.15rem;display:flex}footer.about{border-top:1px solid var(--border);color:var(--muted);text-align:center;margin-top:.35rem;padding-top:1.1rem;font-size:.8rem;line-height:1.75}footer.about>*+:before{content:"·";margin:0 .5rem}footer.about a{color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.tile:focus-visible{outline-offset:1px}dialog#help{border:1px solid var(--border);background:var(--card);color:var(--text);opacity:0;width:min(30rem,100% - 2rem);max-height:min(85dvh,40rem);transition:opacity .18s ease, transform .18s cubic-bezier(.2,.8,.2,1), overlay .18s allow-discrete, display .18s allow-discrete;border-radius:.6rem;flex-direction:column;padding:0;display:flex;overflow:hidden;transform:translateY(8px)scale(.98)}dialog#help[open]{opacity:1;transform:none}@starting-style{dialog#help[open]{opacity:0;transform:translateY(8px)scale(.98)}}dialog#help::backdrop{transition:background-color .18s ease, overlay .18s allow-discrete, display .18s allow-discrete;background:0 0}dialog#help[open]::backdrop{background:#00000073}@starting-style{dialog#help[open]::backdrop{background:0 0}}.help-head{border-bottom:1px solid var(--border);align-items:center;gap:.5rem;padding:1rem 1.15rem;display:flex}.help-head h2{flex:1;margin:0;font-size:1rem}.help-count{color:var(--muted);font-size:.8rem;font-weight:400}.help-body{padding:1.15rem;overflow-y:auto}.help-step h3{margin:0 0 .6rem;font-size:.95rem}.help-step p{margin:0 0 .7rem;font-size:.88rem;line-height:1.75}.help-step p:last-child{margin-bottom:0}.help-step .demo-line{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.help-nav{border-top:1px solid var(--border);justify-content:flex-end;align-items:center;gap:.6rem;padding:.9rem 1.15rem;display:flex}.help-nav .help-spacer{flex:1}.help-try-row{align-items:center;gap:.7rem;margin:.8rem 0;display:flex}.help-legend{color:var(--muted);flex-direction:column;gap:.5rem;margin:.9rem 0 0;padding:0;font-size:.82rem;line-height:1.5;list-style:none;display:flex}.help-legend .tile.small{vertical-align:middle;cursor:default;margin-right:.4rem;display:inline-flex}html.modal-open{overflow:hidden}@media (prefers-reduced-motion:reduce){dialog#help,dialog#help::backdrop{transition-duration:1ms}dialog#help{transform:none}@starting-style{dialog#help[open]{transform:none}}}@media (width<=26rem){body{padding:1.5rem .85rem 3.5rem}.card{padding:1.05rem 1rem}}[data-start-icon-button]{cursor:pointer;color:#f9fafb;background:0 0;border-width:0;border-radius:9999px;justify-content:center;align-items:center;padding:.25rem;transition-property:color,background-color,border-color,box-shadow;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:flex}[data-start-icon-button]:hover{color:#e5e7eb;background-color:#374151}[data-start-icon-button]:focus{outline-offset:2px;outline:2px solid #f9fafb}[data-start-icon-button]:focus-visible{box-shadow:0 0 0 3px #111827bf}[data-start-icon-button]:active{color:#f3f4f6;background-color:#1f2937}[data-start-icon-button]>svg{width:1.25rem;height:1.25rem}[data-start-text-size=xs]{font-size:.75rem;line-height:1.33333}[data-start-text-size=sm]{font-size:.875rem;line-height:1.42857}[data-start-text-size=base]{font-size:1rem;line-height:1.5}[data-start-text-size=lg]{font-size:1.125rem;line-height:1.55556}[data-start-text-size=xl]{font-size:1.25rem;line-height:1.4}[data-start-text-size="2xl"]{font-size:1.5rem;line-height:1.33333}[data-start-text-font=sans]{font-family:system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}[data-start-text-font=serif]{font-family:ui-serif,Georgia,Cambria,Times New Roman,Times,serif}[data-start-text-font=mono]{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}[data-start-text-weight=thin]{font-weight:100}[data-start-text-weight=extralight]{font-weight:200}[data-start-text-weight=light]{font-weight:300}[data-start-text-weight=normal]{font-weight:400}[data-start-text-weight=medium]{font-weight:500}[data-start-text-weight=semibold]{font-weight:600}[data-start-text-weight=bold]{font-weight:700}[data-start-text-weight=extrabold]{font-weight:800}[data-start-text-weight=black]{font-weight:900}[data-start-text-wrap=wrap]{white-space:wrap}[data-start-text-wrap=nowrap]{white-space:nowrap}[data-start-badge]{background-color:var(--background);border:1px var(--foreground) solid;color:var(--foreground);border-radius:.375rem;justify-content:center;align-items:center;gap:.25rem;padding:.125rem .25rem;display:inline-flex}[data-start-badge=success]{--background:oklch(98.2% .018 155.826);--foreground:oklch(52.7% .154 150.069)}[data-start-badge=failure]{--background:oklch(97.1% .013 17.38);--foreground:oklch(50.5% .213 27.518)}[data-start-badge=warning]{--background:oklch(98.7% .026 102.212);--foreground:oklch(47.6% .114 61.907)}[data-start-badge=info]{--background:oklch(97% .014 254.604);--foreground:oklch(48.8% .243 264.376)}[data-start-placeholder]{justify-content:center;align-items:center;width:100%;height:100%;display:flex}[data-start-placeholder]>span{text-align:center}[data-start-section]{flex-direction:column;display:flex}[data-start-section-title]{text-transform:uppercase}[data-start-section-content]{border-left:1px solid oklch(87% .065 274.039);width:calc(100% - 2rem);margin-left:.5rem;padding-left:.5rem;overflow:auto}[data-start-select]{margin:0;flex-direction:column;margin-block:0;padding-inline:0;list-style-type:none;display:flex}[data-start-select]>*+*{border-top:1px solid oklch(87% .065 274.039)}[data-start-select-option]{color:#f9fafb;cursor:pointer;white-space:nowrap;outline:none;padding:.5rem 1rem;font-size:.875rem;line-height:1.25rem;transition-property:color,background-color,border-color,box-shadow;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}[data-start-select-option][tc-active],[data-start-select-option][tc-selected],[data-start-select-option]:focus{color:#e5e7eb;background-color:#374151}[data-start-tab]{cursor:pointer;border:none;border-radius:.5rem;outline:none;justify-content:center;align-items:center;padding:.5rem 1rem;font-size:.875rem;line-height:1.25rem;transition-property:color,background-color,border-color,box-shadow;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:flex}[data-start-tab][tc-active],[data-start-tab][tc-selected],[data-start-tab]:hover,[data-start-tab]:focus{color:#e5e7eb;background-color:#374151}[data-start-tab-list]{gap:.5rem;margin:.5rem;display:flex}[data-start-tab-panel]{border-top:1px solid oklch(87% .065 274.039);flex-direction:column;gap:.5rem;height:100%;padding:.5rem;display:flex;overflow:auto}[data-start-button]{cursor:pointer;color:oklch(97% .014 254.604);white-space:nowrap;background-color:#111827;border:none;border-radius:.5rem;outline:none;justify-content:center;align-items:center;padding:.25rem .5rem;font-size:.875rem;line-height:1.25rem;transition-property:color,background-color,border-color,box-shadow;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:flex}[data-start-button][tc-active],[data-start-button][tc-selected],[data-start-button]:hover,[data-start-button]:focus{color:#dbeafe;background-color:#1e3a8a}[data-start-blob-viewer] svg{width:1rem;height:1rem}[data-start-seroval-value]{align-items:center;gap:.25rem;display:flex}[data-start-headers-viewer]{font-size:.75rem;line-height:1rem}[data-start-headers-viewer]>[data-start-property]>:first-child{text-transform:capitalize}[data-start-hex-viewer]{border:1px solid oklch(87% .065 274.039);display:flex;overflow:auto}[data-start-hex-viewer-bytes]{flex-direction:column;flex:1;gap:.5rem;padding:.5rem;display:flex}[data-start-hex-viewer-text]{border-left:1px solid oklch(87% .065 274.039);flex-direction:column;flex:1;gap:.5rem;padding:.5rem;display:flex}[data-start-hex-row]{align-items:center;gap:1rem;display:flex}[data-start-hex-text]{justify-content:start;align-items:center;display:flex}[data-start-cascade]{flex-direction:column;margin:0;margin-block:0;padding-inline:0;list-style-type:none;display:flex}[data-start-cascade-option]{cursor:pointer;white-space:nowrap;border-radius:.25rem;outline:none;font-size:.875rem;line-height:1.25rem;transition-property:color,background-color,border-color,box-shadow;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}[data-start-cascade-option][tc-active],[data-start-cascade-option][tc-selected],[data-start-cascade-option]:focus{color:#1e3a8a;background-color:#dbeafe}[data-start-seroval-viewer]{grid-template-columns:1fr 2fr;display:grid}[data-start-seroval-promise]{align-items:center;gap:.5rem;display:flex}[data-start-seroval-renderer]{border-top:1px solid oklch(87% .065 274.039);border-bottom:1px solid oklch(87% .065 274.039);display:flex}[data-start-seroval-renderer]>*{border-left:1px solid oklch(87% .065 274.039)}[data-start-seroval-renderer]:last-child{border-right:1px solid oklch(87% .065 274.039)}[data-start-seroval-node]{flex-direction:column;gap:.25rem;width:100%;max-width:16rem;padding:.25rem;display:flex}[data-start-seroval-node-header]{color:#f9fafb;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}[data-start-seroval-node-content]{flex-direction:column;gap:.25rem;display:flex}[data-start-seroval-value]{color:#f9fafb}[data-start-seroval-value-wrapper],[data-start-seroval-link]{align-items:center;gap:.25rem;display:inline-flex}[data-start-seroval-link]>svg{width:1rem;height:1rem}[data-start-functions-instance-detail]{align-items:center;gap:.5rem;display:flex}[data-start-functions-viewer]{color:#f9fafb;flex-direction:column;min-height:100%;display:flex}[data-start-functions-instances-container]{color:#f9fafb;width:100%;min-height:100%;overflow:auto}[data-start-functions-instances]{flex-direction:column;padding:0;list-style:none;display:flex}[data-start-functions-instances]>[data-start-select-option]{color:#f9fafb;justify-content:space-between;align-items:center;padding:.5rem;display:flex}[data-start-headers]{flex-direction:column;gap:.5rem;display:flex}[data-start-headers-title]{font-weight:500}[data-start-properties]{flex-direction:column;gap:.25rem;display:flex}[data-start-property]{flex-flow:row;align-items:center;gap:.25rem;display:flex}[data-start-function-instance-viewer]{flex-direction:column;width:100%;display:flex}[data-start-function-instance-viewer-nav],[data-start-functions-nav]{background:oklch(25.7% .09 281.288);border-bottom:1px solid oklch(87% .065 274.039);justify-content:space-between;align-items:center;gap:.5rem;padding:.5rem;display:flex;position:sticky;top:0}[data-start-functions-nav] svg{padding:.25rem}[data-start-function-instance-viewer-nav-left],[data-start-function-instance-viewer-nav-left]>div{align-items:center;gap:.5rem;display:flex}[data-start-function-instance-viewer-content],[data-start-function-instance-viewer-content]>[tc-tab-group]{height:100%}[data-start-dev-toolbar]{cursor:grab;flex-direction:column-reverse;align-items:flex-start;display:flex;position:fixed;bottom:0;left:0}[data-start-dev-toolbar]:active{cursor:grabbing}[data-start-dev-toolbar]>[tc-toolbar]{background:oklch(25.7% .09 281.288);border:1px solid oklch(87% .065 274.039);border-radius:9999px;flex-direction:row;align-items:center;gap:.5rem;margin:1rem;padding:.25rem .5rem;display:flex;position:relative;overflow:hidden}[data-start-dev-toolbar]>[tc-toolbar]>div{flex-direction:row;justify-content:center;align-items:center;display:flex}[data-start-dev-toolbar]>[tc-toolbar]>div:last-child{border-left:1px solid #f9fafb;gap:.5rem;padding-left:.5rem}[data-start-dev-toolbar-version]{color:#f9fafb;border:1px solid oklch(87% .065 274.039);border-radius:9999px;padding:.125rem .5rem;font-size:.875rem;font-weight:600;line-height:1.25rem}[data-start-dev-toolbar-version]>div{width:1.5rem;height:1.5rem}[data-start-dev-toolbar] svg{width:1.25rem;height:1.25rem}[data-start-dev-toolbar-panel]{background:oklch(25.7% .09 281.288);border:1px solid oklch(87% .065 274.039);border-radius:1rem;width:50rem;max-width:calc(100vw - 10rem);height:30rem;max-height:calc(100vh - 2rem);margin:0 1rem;overflow:auto}