.pf-workspace{grid-template-areas:"play bank"}.pf-board{width:min(100%,calc(62dvh * var(--pf-ratio)));border:1px solid var(--level-border);isolation:isolate;touch-action:none;-webkit-user-select:none;user-select:none;overscroll-behavior:contain;background:#fff;max-width:600px;margin:0 auto;display:grid;position:relative;container-type:inline-size}.pf-cell{width:100%;min-width:0;aspect-ratio:1 / var(--pf-zoom,1);border:1px solid var(--level-border);color:#172c42;touch-action:none;cursor:pointer;background:0 0;place-items:center;padding:0;font-size:clamp(13px,5cqw,23px);font-weight:700;line-height:1;display:grid;position:relative}.pf-cell span{z-index:2;text-shadow:0 0 2px #fff,0 0 4px #fff;position:relative}.pf-cell:focus-visible{outline-offset:-4px;z-index:3;outline:3px solid #183c64}.pf-start:after{content:"";pointer-events:none;border:2px solid #253c50;border-radius:50%;position:absolute;inset:8%}.pf-start i{z-index:2;color:#172c42;font-size:6px;position:absolute;top:2%;left:4%}.pf-tip{outline-offset:-5px;z-index:2;outline:3px double #253c50}.pf-route{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.pf-route polyline{fill:none;stroke-linecap:round;stroke-linejoin:round}.pf-route-outline{stroke:#7b4519;stroke-width:25px;opacity:.38}.pf-route-line{stroke:#e5b480;stroke-width:17px}.tone-mint .pf-route-outline{stroke:#205535}.tone-mint .pf-route-line{stroke:#b9dfc0}.tone-blue .pf-route-outline{stroke:#1d4f7e}.tone-blue .pf-route-line{stroke:#a8cde9}.pf-error{animation:.17s linear pf-shake;box-shadow:inset 0 0 0 3px #b72b27}.pf-hints,.pf-bank-note{color:#54687c;font-size:12px}.pf-hints{margin:12px 0}.pf-bank-note{margin-top:4px;display:block}.pf-shell .lx-word-list li{color:#263f57}.pf-shell .lx-word-list li.is-found{color:#596b7b}.pf-mini .lc-mini-cell{color:#33445b;font-size:clamp(8px,1.6vw,13px)}.pf-mini-start{outline-offset:-3px;border-radius:50%;outline:2px solid #304454}.pf-empty{color:#617286;padding:18px 0;font-size:15px}.pf-shell .lx-heading h1{overflow-wrap:anywhere}.pf-shell .lx-heading>div:first-child{min-width:0}.pf-shell .lx-clock{flex-shrink:0}@keyframes pf-shake{25%,75%{transform:translate(-1px)}50%{transform:translate(1px)}}@media (max-width:800px){.pf-workspace{grid-template-areas:"play""bank"}.pf-shell .lx-word-list{gap:6px 18px;display:flex}.pf-shell .lx-word-list li{order:initial;font-size:15px}.pf-cell{font-size:clamp(12px,5cqw,22px)}.pf-shell .lx-heading{align-items:flex-start}.pf-shell .lx-clock output{font-size:21px}.pf-shell .lx-heading h1{font-size:25px}.pf-mini .lc-mini-cell{font-size:13px}}@media (prefers-reduced-motion:reduce){.pf-error{animation:none}}