.pw-level-ce1 { color: var(--pw-ink, #223c3c); overflow-wrap: anywhere; }
.pw-level-ce1 *, .pw-level-ce1 *::before, .pw-level-ce1 *::after { box-sizing: border-box; }
.pw-level-ce1 .pw-panel, .pw-level-ce1 .pw-ending { min-width: 0; margin-block: 1rem; }
.pw-level-ce1 .pw-ce1-steps { display: flex; flex-wrap: wrap; gap: .5rem 1.5rem; padding-left: 1.5rem; }
.pw-level-ce1 .pw-ce1-steps li { padding: .35rem .3rem; }
.pw-level-ce1 .pw-ce1-steps [aria-current="step"] { font-weight: 800; border-bottom: .2rem solid currentColor; }
.pw-level-ce1 .pw-controls { display: flex; flex-wrap: wrap; gap: .6rem; margin-block: .7rem; }
.pw-level-ce1 .pw-button { min-width: 48px; min-height: 64px; max-width: 100%; padding: .65rem .9rem; font: inherit; white-space: normal; line-height: 1.4; }
.pw-level-ce1 .pw-button:focus-visible, .pw-level-ce1 summary:focus-visible { outline: 3px solid #15618c; outline-offset: 4px; }
.pw-level-ce1 .pw-button[aria-pressed="true"] { border: 3px solid currentColor; font-weight: 800; }
.pw-level-ce1 .pw-button:disabled { opacity: .68; cursor: default; }
.pw-level-ce1 .pw-ce1-models { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 13rem), 1fr)); gap: 1rem; }
.pw-level-ce1 .pw-ce1-model { border: 2px solid #849a91; border-radius: 1rem; padding: 1rem; min-width: 0; }
.pw-level-ce1 .pw-ce1-model h4 { margin-top: 0; }
.pw-level-ce1 .pw-ce1-selected { outline: 3px solid #39715b; outline-offset: -3px; }
.pw-level-ce1 .pw-ce1-current { font-size: 1.12em; }
.pw-level-ce1 .pw-ce1-strip { display: block; width: 100%; height: auto; max-height: 180px; overflow: visible; }
.pw-level-ce1 .pw-ce1-strip text { fill: #183c33; font: bold 17px sans-serif; }
.pw-level-ce1 .pw-ce1-target { fill: #f7faf4; stroke: #315f51; stroke-width: 2; stroke-dasharray: 4 3; }
.pw-level-ce1 .pw-ce1-plank { stroke: #473f2f; stroke-width: 2; }
.pw-level-ce1 .pw-ce1-plank-1 { fill: #f1cf8d; }
.pw-level-ce1 .pw-ce1-plank-2 { fill: #e3c38a; }
.pw-level-ce1 .pw-ce1-plank-3 { fill: #d2b581; }
.pw-level-ce1 .pw-ce1-measure { fill: none; stroke: #315f51; stroke-width: 2; }
.pw-level-ce1 .pw-ce1-equation { font-size: 1.12em; font-weight: 750; }
.pw-level-ce1 .pw-ce1-pieces { display: flex; flex-wrap: wrap; gap: .5rem; list-style: none; padding: 0; }
.pw-level-ce1 .pw-ce1-pieces li { min-width: 0; max-width: 100%; }
.pw-level-ce1 .pw-ce1-check { border-left: .25rem solid #39715b; padding-left: .75rem; font-weight: 700; }
.pw-level-ce1 .pw-ce1-crossing svg { display: block; width: 100%; height: auto; max-height: 270px; }
.pw-level-ce1 .pw-ce1-crossing text { fill: #183c33; font: bold 17px sans-serif; }
.pw-level-ce1 .pw-ce1-water { fill: #d0eaf0; stroke: #5292a2; stroke-width: 2; }
.pw-level-ce1 .pw-ce1-deck { stroke: #806546; stroke-width: 10; }
.pw-level-ce1 .pw-ce1-support { stroke: #5c5546; stroke-width: 7; }
.pw-level-ce1 .pw-ce1-token circle { fill: #fff4cf; stroke: #3f5c43; stroke-width: 3; }
.pw-level-ce1 .pw-ce1-banks { display: flex; justify-content: space-between; gap: .75rem; list-style: none; padding: 0; font-weight: 700; }
.pw-level-ce1 .pw-ce1-banks li { flex: 1; text-align: center; }
.pw-level-ce1 .pw-ce1-limit { font-size: .92em; }
.pw-level-ce1 summary { min-height: 48px; padding-block: .7rem; cursor: pointer; }
@media (max-width: 480px) {
  .pw-level-ce1 .pw-controls > .pw-button { flex: 1 1 8rem; }
  .pw-level-ce1 .pw-ce1-pieces { display: grid; grid-template-columns: minmax(0, 1fr); }
  .pw-level-ce1 .pw-ce1-pieces .pw-button { width: 100%; }
}
@media (prefers-color-scheme: dark) {
  .pw-level-ce1 { color: var(--pw-ink, #e8efe5); }
  .pw-level-ce1 .pw-ce1-model { border-color: #a1b7aa; }
  .pw-level-ce1 .pw-ce1-selected { outline-color: #aad5b6; }
  .pw-level-ce1 .pw-ce1-check { border-color: #aad5b6; }
  .pw-level-ce1 .pw-button:focus-visible, .pw-level-ce1 summary:focus-visible { outline-color: #c4e7ff; }
}
@media print {
  .pw-level-ce1 { color: #000; }
  .pw-level-ce1 .pw-controls, .pw-level-ce1 .pw-ce1-pieces { display: none; }
  .pw-level-ce1 .pw-panel, .pw-level-ce1 .pw-ce1-model { break-inside: avoid; outline: none; }
  .pw-level-ce1 .pw-ce1-target, .pw-level-ce1 .pw-ce1-plank, .pw-level-ce1 .pw-ce1-token circle, .pw-level-ce1 .pw-ce1-water { fill: #fff; stroke: #000; }
  .pw-level-ce1 .pw-ce1-measure, .pw-level-ce1 .pw-ce1-deck, .pw-level-ce1 .pw-ce1-support { stroke: #000; }
  .pw-level-ce1 .pw-ce1-strip text, .pw-level-ce1 .pw-ce1-crossing text { fill: #000; }
}