body{color:#f5f5f5;background:#17202a;margin:0;font-family:system-ui}main{background:#243447;border-radius:12px;max-width:920px;margin:2rem auto;padding:2rem}.auth-card{max-width:420px}input,button,select{border:0;border-radius:6px;margin:.7rem 0;padding:.7rem;display:block}input{box-sizing:border-box;width:100%}input[type=radio]{width:auto;margin-right:.4rem;display:inline-block}button{color:#111;cursor:pointer;background:#d99a2b;font-weight:700}.link-button{color:#f2c166;background:0 0;margin-right:1rem;padding:.2rem 0;text-decoration:underline;display:inline-block}.hint{color:#b8c7d9;font-size:.85rem}.profile{border-bottom:1px solid #49627a;margin-bottom:1.5rem;padding-bottom:1rem}.game-setup label{margin:.8rem 0;display:block}.error{color:#ff9b9b}.success{color:#a8e6b0}pre{white-space:pre-wrap}.board-shell{margin:1.2rem 0}.board-toolbar,.bearoff{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.7rem;margin:.7rem 0;display:flex}.dice{align-items:center;gap:.35rem;display:flex}.die{color:#17202a;background:#fff;border-radius:5px;place-items:center;width:2rem;height:2rem;font-weight:800;display:inline-grid;box-shadow:0 2px 4px #1118}.board{background:#8d4d2e;border-radius:8px;grid-template-columns:1fr 3rem 1fr;gap:.25rem;padding:.7rem;display:grid;box-shadow:0 8px 20px #1118}.points{grid-template-columns:repeat(6,1fr);gap:.2rem;display:grid}.point{background:#bd7841;border-top:12px solid #f1c27d;border-radius:0;flex-direction:column;justify-content:flex-start;align-items:center;min-height:170px;margin:0;padding:1.2rem .1rem .2rem;display:flex;position:relative}.point.dark{background:#8c3f2e;border-top-color:#45251f}.point.bottom,.point.bottom .checker-stack,.point.bottom .point-number{transform:rotate(180deg)}.point-number{color:#fff9;font-size:.65rem;position:absolute;top:2px}.checker-stack{flex-direction:column;align-items:center;margin-top:.3rem;display:flex}.checker{border:2px solid #ddd;border-radius:50%;width:1.65rem;height:1.65rem;margin-top:-.45rem;display:block;box-shadow:0 1px 2px #111}.checker:first-child{margin-top:0}.checker.white{background:#f2e6c9}.checker.red{background:#9c2525;border-color:#edb1a4}.point.selected{outline-offset:-3px;outline:3px solid #ffd166}.point.destination{box-shadow:inset 0 0 0 4px #7ff0a6}.point b{font-size:.7rem}.board-center{color:#f2c166;background:#3f2b28;flex-direction:column;justify-content:center;align-items:center;font-size:.7rem;display:flex}.bar-count{color:#fff;margin-top:.5rem}.tray{color:#f2c166;background:#3f2b28;flex:1}.red-tray{color:#edb1a4}@media (width<=700px){main{border-radius:0;margin:0;padding:1rem}.board{grid-template-columns:1fr 2rem 1fr;padding:.35rem}.point{min-height:125px}.checker{width:1.25rem;height:1.25rem}.board-toolbar{font-size:.8rem}}
