.five-page{max-width:990px}.five-shell{background:#14111f;border:1px solid #51416a;border-radius:20px;padding:clamp(16px,3vw,30px);margin:24px 0;color:#fff}.five-top,.five-stats,.five-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.five-top h2{font-size:1.35rem;margin:0}.five-top label{font-size:.95rem}.five-top select{background:#221b31;color:#fff;border:1px solid #8e78b5;border-radius:8px;padding:8px;font:inherit}.five-stats{justify-content:flex-start;margin:18px 0;gap:14px}.five-stats>div{min-width:105px;background:#251d35;border-radius:10px;padding:8px 12px}.five-stats small{display:block;color:#c9b9e3;font-size:.83rem}.five-stats strong{font-size:1.2rem}.five-board{margin:auto;display:grid;gap:4px;max-width:min(100%,580px);touch-action:manipulation}.five-board button{font:inherit;cursor:pointer;min-width:0;color:#fff;border:1px solid #615277;background:#2b2240;border-radius:7px;aspect-ratio:1}.five-board button:focus-visible,.five-palette button:focus-visible,.five-pad button:focus-visible{outline:3px solid #e0bbff;outline-offset:2px}.five-board button:disabled{cursor:default;opacity:1}.five-board button.valid{box-shadow:inset 0 0 0 2px #dfbdff}.five-board button.player{background:#bd89ff;color:#161021}.five-board button.crate{background:#e2b465;color:#1b1020}.five-board button.goal{box-shadow:inset 0 0 0 3px #ca8aff}.five-board button.wall{background:#4d435d;border-color:#4d435d}.five-board button.open{background:#30254a}.five-board button.visited{background:#a37adc}.five-board button.marked{background:#bd89ff;color:#21102b}.five-board button.crossed{color:#ffc4d4}.five-board button.selected{outline:3px solid #f4d38b}.five-board button.flood-cell{border:0}.five-board button.flood-cell[data-color="0"],.five-palette button[data-color="0"]{background:#bd82ff}.five-board button.flood-cell[data-color="1"],.five-palette button[data-color="1"]{background:#ff808e}.five-board button.flood-cell[data-color="2"],.five-palette button[data-color="2"]{background:#63cbdd}.five-board button.flood-cell[data-color="3"],.five-palette button[data-color="3"]{background:#ffc66e}.five-board button.flood-cell[data-color="4"],.five-palette button[data-color="4"]{background:#80d58e}.five-board button.flood-cell[data-color="5"],.five-palette button[data-color="5"]{background:#ef9fc5}.five-palette,.five-pad{display:flex;justify-content:center;gap:9px;margin:16px auto}.five-palette button,.five-pad button,.five-actions button{background:#302542;color:#fff;border:1px solid #a084c3;border-radius:9px;padding:10px 14px;cursor:pointer;font:inherit;min-height:44px}.five-palette button{width:48px;height:48px;color:#21102b;font-weight:900}.five-pad{max-width:190px;flex-wrap:wrap}.five-pad button{width:55px}.five-pad button:first-child{margin:0 70px}.five-actions{justify-content:center;margin:20px 0}.five-actions button.primary{background:#b991ff;color:#1c102b;font-weight:700}#five-status{text-align:center;min-height:2em;font-size:1rem}#five-storage{text-align:center;color:#c4b2da;font-size:.9rem}.five-tubes{display:flex;align-items:end;justify-content:center;gap:8px;flex-wrap:wrap}.five-tubes button{width:clamp(42px,10vw,72px);height:180px;aspect-ratio:auto;border-radius:7px 7px 16px 16px;display:flex;flex-direction:column-reverse;justify-content:flex-start;gap:3px;padding:6px;background:#34283f}.five-token{height:27%;width:100%;border-radius:7px;background:var(--token)}.five-nonogram{grid-template-columns:75px repeat(5,1fr);max-width:440px}.five-nonogram .five-clue{display:flex;align-items:center;justify-content:center;text-align:center;font-size:.86rem;color:#e4d6f3;min-width:0}.five-nonogram .five-clue.column{align-items:end;padding-bottom:5px}.five-nonogram button{min-height:45px}.five-knight{max-width:480px}@media(max-width:530px){.five-shell{padding:14px}.five-board{gap:2px}.five-board button{border-radius:4px}.five-nonogram{grid-template-columns:53px repeat(5,1fr)}.five-nonogram button{min-height:35px}.five-stats>div{min-width:80px}}
.five-nonogram{--clue-width:75px}.five-token{height:var(--token-height,27%);display:flex;align-items:center;justify-content:center;color:#21102b;font-weight:700}@media(max-width:530px){.five-nonogram{--clue-width:45px}.five-nonogram button{min-height:32px}}