/* Pyraminx.net — method solver page styles. */

/* ---- solver-specific ---- */
.methodrow{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 4px}
.methodchip{font:600 13.5px 'Instrument Sans',sans-serif;color:var(--mut);background:var(--panel);border:1px solid var(--line);border-radius:999px;padding:7px 14px;cursor:pointer;transition:all .15s ease}
.methodchip:hover{color:var(--paper);border-color:var(--mut)}
.methodchip.on{color:var(--ink);background:var(--yellow);border-color:var(--yellow)}
.offsetrow{display:flex;align-items:center;gap:10px;margin:10px 0 4px}
.scrlabel{font:600 11.5px 'Spline Sans Mono',monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--mut);white-space:nowrap}
.searchin.sm{padding:9px 12px;font-size:14px}
.optcard{margin:16px 0;padding:0;overflow:hidden}
.opthead{display:block;width:100%;text-align:left;font:600 13.5px 'Instrument Sans',sans-serif;color:var(--mut);background:none;border:none;padding:13px 16px;cursor:pointer}
.opthead:hover{color:var(--paper)}
.optgrid{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:4px 18px 18px}
@media(max-width:740px){.optgrid{grid-template-columns:1fr}}
.optcol h4{font:600 11.5px 'Spline Sans Mono',monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--mut);margin:14px 0 8px}
.optcol h4:first-child{margin-top:4px}
.caprow{display:flex;flex-wrap:wrap;gap:10px}
.capin{display:flex;flex-direction:column;gap:4px;font:500 12px 'Instrument Sans',sans-serif;color:var(--mut)}
.capin input{width:62px;background:var(--panel);border:1px solid var(--line);border-radius:8px;color:var(--paper);font:600 14px 'Spline Sans Mono',monospace;padding:6px 8px}
.sliderrow{display:flex;align-items:center;gap:10px;margin:7px 0;font:500 13px 'Instrument Sans',sans-serif;color:var(--paper)}
.sliderlabel{flex:1 1 auto;color:var(--mut)}
.sliderrow input[type=range]{flex:0 0 130px;accent-color:var(--yellow)}
.sliderrow select{background:var(--panel);border:1px solid var(--line);border-radius:8px;color:var(--paper);font:500 13px 'Instrument Sans',sans-serif;padding:6px 8px}
.sliderblock{margin:9px 0}
.sliderhint{font:400 12px 'Instrument Sans',sans-serif;color:var(--mut);margin:2px 0 0;line-height:1.45}
.opthint{font:400 12.5px 'Instrument Sans',sans-serif;color:var(--mut);margin:0 0 10px;line-height:1.5}
.sliderval{font:600 13px 'Spline Sans Mono',monospace;color:var(--yellow);min-width:34px;text-align:right}
.depthchips{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 6px}
.depthsel{display:flex;flex-direction:column;align-items:center;gap:2px;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:8px 14px;cursor:pointer;color:var(--mut);transition:all .15s ease}
.depthsel b{font:700 17px 'Bricolage Grotesque',sans-serif;color:var(--paper)}
.depthsel span{font:500 11px 'Instrument Sans',sans-serif}
.depthsel.on{border-color:var(--yellow)}
.depthsel.on b{color:var(--yellow)}
.depthsel.gated{opacity:.55}
.counttag{font:500 12.5px 'Instrument Sans',sans-serif;color:var(--mut);margin-left:10px}
.solcard{margin:14px 0;padding:14px 16px}
.solcard h3{font:600 17px 'Bricolage Grotesque',sans-serif;margin:2px 0 10px}
.solverrow{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:8px 0;border-top:1px solid var(--line)}
.solcell{display:flex;align-items:center;gap:8px;flex:1 1 320px;min-width:0}
.sol{font:500 14.5px 'Spline Sans Mono',monospace;color:var(--paper);overflow-wrap:anywhere}
.badgecell{display:flex;gap:6px;flex-wrap:wrap}
.mbadge{font:600 11px 'Spline Sans Mono',monospace;letter-spacing:.04em;color:var(--ink);background:var(--green);border-radius:6px;padding:3px 7px;cursor:default}
.scorechip{font:600 13px 'Spline Sans Mono',monospace;color:var(--yellow);min-width:44px;text-align:right}
/* staged reconstruction: rotation / V / algorithm / final */
.solverrow{align-items:flex-start}
.reconblock{display:flex;align-items:flex-start;gap:8px;flex:1 1 360px;min-width:0}
.reconlines{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.recline{display:flex;gap:10px;align-items:baseline;flex-wrap:wrap}
.recmv{font:500 14.5px 'Spline Sans Mono',monospace;color:var(--paper);overflow-wrap:anywhere}
.reccmt{font:500 12.5px 'Spline Sans Mono',monospace;color:var(--dim)}
.reclabel{font:500 11.5px 'Instrument Sans',sans-serif;color:var(--dim);margin-top:5px}
.recline.final{margin-top:2px}
.recline.final .recmv{color:var(--yellow)}
.warnline{color:var(--yellow);font:500 13.5px 'Instrument Sans',sans-serif;margin:10px 2px}
.hintline{max-width:560px}
.pairrow.single{grid-template-columns:minmax(0,420px);justify-content:start}
.ghost.sm{font-size:12.5px;padding:6px 12px;margin-top:8px}