:root{--paper: #16141e;--card: #201d2a;--field: #16141e;--chip: #2b2737;--chip-hover: #37323f;--ink: #ece6da;--ink-soft: #a7a0b0;--mute: #5d566b;--rule: #332e3f;--accent: #0f7a6c;--accent-ink: #ffffff;--accent-text: #5fd0bd;--gold: #dcb766;--bad: #e2806f;--fs-xs: .6875rem;--fs-sm: .8125rem;--fs-md: .9375rem;--sans: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--display: Georgia, "Times New Roman", "Noto Serif", serif;--mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--radius: 16px;color-scheme:dark}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0}body{height:100vh;height:100dvh;overflow:hidden;display:flex;background-color:var(--paper);color:var(--ink);font-family:var(--sans);font-size:var(--fs-md);line-height:1.55;-webkit-text-size-adjust:100%}.art-probe{background-image:url("./board-JP4SU4GO.jpg")}.skin-citrine{background-image:url("./citrine-OSHYR3ZX.webp")}.skin-gold_mirror{background-image:url("./gold_mirror-2UIQ2Z4U.webp")}.skin-oil_slick{background-image:url("./oil_slick-Y2VXVTX5.webp")}.skin-onyx_gold{background-image:url("./onyx_gold-SYQJ6LO6.webp")}.skin-peacock_gold{background-image:url("./peacock_gold-FLI5RF3P.webp")}.skin-black_pearl{background-image:url("./black_pearl-ARHRCILO.webp")}.skin-gold_nebula{background-image:url("./gold_nebula-IENFV2EE.webp")}.skin-hematite{background-image:url("./hematite-7D447BE4.webp")}.skin-onyx_teal{background-image:url("./onyx_teal-BJWDEY2G.webp")}.skin-glass{background:radial-gradient(circle at 32% 30%,#c4f4ea 4%,#2a9e8e 30%,#0b6e62 75%,#043630)}#app{width:100%;max-width:72rem;height:100%;margin:0 auto;padding:12px 16px 16px;display:flex;flex-direction:column;gap:12px;overflow-y:auto}#app>*{flex:none}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.topbar{display:flex;flex-wrap:wrap;align-items:flex-start;gap:12px 1rem}.intro{flex:1 1 12rem;min-width:0}.topbar .controls{flex:none;margin-left:auto}h1{font-family:var(--display);color:var(--gold);font-size:clamp(1.5rem,4.5vw,2rem);font-weight:700;line-height:1.2;letter-spacing:.01em;margin:0 0 .25rem;text-wrap:balance}.lede{margin:0;max-width:40rem;color:var(--ink-soft)}.seg,.ghost{font-family:var(--sans);font-size:var(--fs-sm);font-weight:600;color:var(--ink);background:var(--chip);border:0;border-radius:50px;padding:.375rem .875rem;min-height:34px;cursor:pointer;transition:background .12s,color .12s}.seg:hover:not(:disabled),.ghost:hover:not(:disabled){background:var(--chip-hover)}.seg[aria-pressed=true],.seg[aria-pressed=true]:hover{background:var(--accent);color:var(--accent-ink)}.with-icon{display:inline-flex;align-items:center;gap:.375rem;padding-inline:.75rem .875rem}.icon{flex:none;width:1.15em;height:1.15em;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.ghost.primary,.ghost.primary:hover{background:var(--accent);color:var(--accent-ink)}.ghost.big{font-size:1rem;min-height:44px;padding-inline:1.75rem}.ghost:disabled{opacity:.32;cursor:not-allowed}.icon-btn{width:40px;padding:0;display:inline-flex;align-items:center;justify-content:center}.icon-btn .icon{width:18px;height:18px;stroke-width:2.5}:where(button,a,canvas,[tabindex]):focus-visible{outline:2px solid var(--accent-text);outline-offset:2px}.controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px}.segmented,.actions{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.field-label{font-size:var(--fs-sm);font-weight:500;color:var(--ink-soft);margin-right:4px}.actions{margin-left:auto}.hud{display:flex;align-items:center;gap:8px;padding:8px 10px 8px 16px;background:var(--card);border:1px solid var(--rule);border-radius:var(--radius)}.stat{flex:1;min-width:0;display:flex;align-items:baseline;gap:.5rem}.stat-label{font-size:var(--fs-sm);color:var(--ink-soft)}.stat-value{font-family:var(--mono);font-size:1.125rem;white-space:nowrap;font-weight:700;font-variant-numeric:tabular-nums}.stage{position:relative;flex:1 1 0;min-height:0;background:var(--field);border-radius:var(--radius);overflow:hidden}.surface{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.surface:focus-visible{outline:none}.panel{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:16px;background:color-mix(in srgb,var(--paper) 45%,transparent);backdrop-filter:blur(2px)}.panel-card{width:min(26rem,100%);max-height:100%;overflow-y:auto;padding:1.5rem;display:flex;flex-direction:column;align-items:center;gap:.75rem;text-align:center;background:var(--card);border:1px solid var(--rule);outline:1px solid color-mix(in srgb,var(--gold) 45%,transparent);outline-offset:-6px;border-radius:var(--radius);box-shadow:0 16px 40px #00000080}.panel-card p{margin:0}.panel-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.panel.cover{background:var(--field);backdrop-filter:none}.panel-card p:empty{display:none}.panel-title{font-family:var(--display);font-size:1.625rem;font-weight:700;color:var(--gold);margin:0;text-wrap:balance}.panel-text{text-wrap:pretty}.panel-meta{font-size:var(--fs-sm);color:var(--ink-soft)}.panel-meta.best{color:var(--gold);font-weight:700}.credit{font-size:var(--fs-sm);color:var(--ink-soft)}.credit a{color:var(--accent-text);font-weight:600}.notice{margin:0;border-left:3px solid var(--accent);border-radius:8px;background:var(--card);font-size:var(--fs-sm);padding:.5rem .75rem}.env-badge{position:fixed;left:8px;bottom:8px;z-index:40;padding:2px 8px;border-radius:6px;font:600 var(--fs-xs) / 1.6 var(--mono);color:var(--accent-ink);background:var(--accent);opacity:.85;pointer-events:none}#app>.bars{flex:0 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--mute) transparent}.bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;padding:10px 12px 10px 16px;background:var(--card);border:1px solid var(--rule);border-radius:var(--radius)}.bar-actions{display:flex;flex-wrap:wrap;gap:6px;margin-left:auto}.bar-text{display:flex;flex-direction:column;gap:2px;flex:1 1 16rem;min-width:0;font-size:var(--fs-sm);color:var(--ink-soft)}.bar-text strong{font-family:var(--display);font-size:1.0625rem;color:var(--gold)}.verdict{display:flex;align-items:center;gap:10px;flex:1 1 18rem;min-width:0;font-weight:600}.verdict-icon{flex:none;width:28px;height:28px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:.9375rem;color:#fff;background:var(--mute)}.verdict.ok .verdict-icon{background:var(--accent)}.verdict.warn .verdict-icon{background:var(--gold)}.verdict.bad .verdict-icon{background:#a3473a}.verdict.ok{color:var(--accent-text)}.verdict.bad{color:var(--bad)}.verdict.off{color:var(--ink-soft);font-weight:500}.verdict.off .verdict-icon{display:none}.verdict.busy{color:var(--ink-soft);font-weight:500}.verdict.busy .verdict-icon{background:transparent;border:3px solid var(--rule);border-top-color:var(--accent);animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.verdict.busy .verdict-icon{animation:none}}.verdict-small{flex:1 1 100%;order:3;font-size:var(--fs-sm)}.verdict-small.ok{color:var(--accent-text)}.verdict-small.warn{color:var(--gold)}.verdict-small.bad{color:var(--bad)}.counts{display:flex;gap:14px;font-size:var(--fs-sm);color:var(--ink-soft)}.counts b{font-family:var(--mono);font-size:1rem;color:var(--ink)}.replay-step{font-family:var(--mono);color:var(--ink)}.bar-choose{border-color:var(--accent)}.bar-choose.picking,.bar-edit.picking{border-color:var(--gold)}.choose-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;flex:1 1 100%}.choose-row .field-label{min-width:4.5rem;font-weight:600;color:var(--ink)}.options{display:grid;grid-template-columns:repeat(auto-fit,minmax(12.5rem,1fr));gap:8px;flex:1 1 100%;min-width:0}.option{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;text-align:left;font-family:var(--sans);color:var(--ink);background:var(--chip);border:1px solid var(--rule);border-radius:12px;cursor:pointer;transition:background .12s,border-color .12s}.option:hover{background:var(--chip-hover);border-color:var(--mute)}.option .icon{width:22px;height:22px;margin-top:1px;color:var(--gold)}.option-body{display:flex;flex-direction:column;gap:3px;min-width:0}.option-title{font-size:var(--fs-sm);font-weight:700;line-height:1.3}.option-text{font-size:.75rem;line-height:1.4;color:var(--ink-soft)}.swatches{display:flex;flex-wrap:wrap;gap:6px}.swatch{display:inline-flex;align-items:center;padding:5px 8px;min-height:34px;border:0;border-radius:50px;background:var(--chip);cursor:pointer;transition:background .12s}.swatch:hover{background:var(--chip-hover)}.swatch[aria-pressed=true]{box-shadow:0 0 0 2px var(--card),0 0 0 4px var(--accent)}.swatch-ball{width:20px;height:20px;border-radius:50%;background-repeat:no-repeat;box-shadow:0 1px 2px #00000059}.swatch-ball+.swatch-ball{margin-left:-6px}.swatch-name{font-size:var(--fs-sm);font-weight:600;color:var(--ink-soft)}.switch{position:relative;display:inline-flex;align-items:center;gap:10px;font-size:var(--fs-sm);cursor:pointer}.switch input{position:absolute;opacity:0;width:1px;height:1px}.switch-track{position:relative;flex:none;width:40px;height:22px;border-radius:11px;background:var(--chip);transition:background .12s}.switch-track:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:var(--ink-soft);transition:transform .12s,background .12s}.switch input:checked+.switch-track{background:var(--accent)}.switch input:checked+.switch-track:after{transform:translate(18px);background:var(--accent-ink)}.switch input:focus-visible+.switch-track{outline:2px solid var(--accent-text);outline-offset:2px}.choose-text{font-size:var(--fs-sm);color:var(--ink-soft)}.choose-legend{display:flex;flex-wrap:wrap;gap:6px 18px;flex:1 1 100%;font-size:var(--fs-sm);font-weight:600}.legend-item{display:inline-flex;align-items:center;gap:8px}.legend-mark{width:22px;height:22px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;flex:none}.legend-mark svg{width:14px;height:14px;fill:none;stroke:#fff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.legend-mark.win{background:#14937f}.legend-mark.lose{background:#9a9187}.choose-info{flex:1 1 100%;margin:0;min-height:1.55em;font-size:var(--fs-sm);font-weight:600}@media(max-width:56rem){.choose-info{min-height:3.1em}}.choose-info.win{color:var(--accent-text)}.choose-info.lose{color:var(--ink-soft)}#app>.workspace{flex:1 1 0;min-height:max(10rem,min(45%,24rem));display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;gap:12px}@media(min-width:56rem){#app>.workspace{grid-template-columns:minmax(0,1fr) 15rem;grid-template-rows:minmax(0,1fr)}}.board-col{display:flex;flex-direction:column;gap:6px;min-height:0}.legend{margin:0;font-size:var(--fs-xs);color:var(--ink-soft);text-align:center}.history{display:flex;flex-direction:column;min-height:0;max-height:clamp(6rem,22vh,22rem);background:var(--card);border:1px solid var(--rule);border-radius:var(--radius);overflow:hidden}@media(min-width:56rem){.history{max-height:none}}@media(max-width:55.99rem){#app:has(.bar-status[hidden]) .history{display:none}}.history-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 8px 8px 14px;border-bottom:1px solid var(--rule)}.history-title{margin:0;font-family:var(--display);font-size:1.0625rem;color:var(--gold)}.history-nav{display:flex;gap:4px}.history-nav .icon-btn{width:32px;min-height:32px}.history-list{list-style:none;margin:0;padding:6px;overflow-y:auto;flex:1 1 auto}.history-item{display:block;width:100%;text-align:left;font:inherit;font-family:var(--mono);font-size:var(--fs-sm);color:var(--ink);background:transparent;border:0;border-radius:8px;padding:5px 10px;cursor:pointer}.history-item:hover:not(:disabled){background:var(--chip)}.history-item.current{background:var(--accent);color:var(--accent-ink)}.history-item.future,.history-item.done{color:var(--ink-soft);opacity:.7}.history-item:disabled{cursor:default}.history-empty{margin:0;padding:4px 14px 14px;font-size:var(--fs-sm);color:var(--ink-soft)}.panel-card.help{width:min(32rem,100%);text-align:left;align-items:stretch}.panel-card.help .panel-title,.panel-card.help .ghost.big{align-self:center}@media(max-height:45rem){.lede{display:none}}@media(max-width:55.99rem)and (max-height:40rem){.legend,.history-empty{display:none}}@media(max-width:30rem){.lede{display:none}.topbar .with-icon{width:40px;padding:0;justify-content:center}.topbar .with-icon span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.stat{flex-direction:column;gap:0}.options{grid-template-columns:1fr 1fr}.option{padding:8px 10px;align-items:center}.option-text{display:none}}