.dots-page [data-start-chrome]{z-index:5}.dots-page [data-start-chrome].is-hidden{opacity:0;visibility:hidden;pointer-events:none}.dots-board{--dots-n: 6;display:grid;grid-template-columns:repeat(11,minmax(0,1fr));grid-template-rows:repeat(11,minmax(0,1fr));width:100%;aspect-ratio:1 / 1;max-width:min(100%,28rem);margin-inline:auto;padding:.5rem;box-sizing:border-box;border-radius:1rem;background:linear-gradient(160deg,#e0f2fe,#f8fafc 45%,#ecfeff);border:1px solid #bae6fd;touch-action:manipulation;user-select:none;-webkit-user-select:none;gap:0}.dots-board.is-locked .dots-line:not(.is-taken){pointer-events:none;opacity:.55}.dots-dot{width:42%;height:42%;min-width:7px;min-height:7px;border-radius:999px;background:#0f172a;box-shadow:0 0 0 2px #e2e8f0;align-self:center;justify-self:center}.dots-line{position:relative;appearance:none;border:0;padding:0;margin:0;background:transparent;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;width:100%;height:100%}.dots-line:before{content:"";position:absolute;background:#cbd5e1;transition:background-color .12s ease;border-radius:999px}.dots-line--h:before{inset-inline:8%;top:50%;height:max(.28rem,18%);transform:translateY(-50%)}.dots-line--v:before{inset-block:8%;inset-inline-start:50%;width:max(.28rem,18%);transform:translate(-50%)}.dots-line:hover:not(:disabled):not(.is-taken):before{background:#64748b}.dots-line:focus-visible{outline:2px solid #0284c7;outline-offset:-2px;border-radius:.35rem;z-index:1}.dots-line.is-user:before{background:#0284c7}.dots-line.is-cpu:before{background:#e11d48}.dots-line.is-taken{cursor:default}.dots-box{border-radius:.25rem;background:transparent;transition:background-color .16s ease;margin:8%}.dots-box.is-user{background:#0284c74d}.dots-box.is-cpu{background:#e11d483d}.dots-level-btn{display:flex;width:100%;flex-direction:column;align-items:flex-start;gap:.2rem;border-radius:.9rem;border:1px solid #e2e8f0;background:#fff;padding:.85rem 1rem;text-align:start;transition:border-color .12s ease,box-shadow .12s ease}.dots-level-btn.is-selected{border-color:#0284c7;box-shadow:0 0 0 2px #0284c733}.dots-level-btn.is-locked{opacity:.55;cursor:not-allowed}.dots-level-btn__title{font-size:.95rem;font-weight:700;color:#0f172a}.dots-level-btn__meta{font-size:.75rem;color:#64748b}@media(prefers-reduced-motion:reduce){.dots-page *{animation:none!important;transition-duration:.01ms!important}}