body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}body{background-attachment:fixed;background-color:#b5601a;background-image:url(/static/media/woodgrain.f13ba9f8cc375c4cba82.jpg);background-position:50%;background-size:cover;font-family:Arial,Helvetica,sans-serif}.app,body{min-height:100vh}.app{overflow:hidden}.app-content{flex-direction:column;padding:12px 16px}.app-content,.toolbar{align-items:center;display:flex;gap:16px}.toolbar{background:#e8e8e8;border:2px solid #aaa;border-radius:8px;padding:8px 16px}.btn-toggle{background:#0000;border:2px solid #1565c0;border-radius:5px;color:#1565c0;cursor:pointer;font-size:.85rem;font-weight:700;padding:6px 14px;transition:background .15s,color .15s}.btn-toggle--active{background:#1565c0;color:#fff}.btn-toggle:hover{opacity:.8}.auto-roll-toggle{align-items:center;color:#333;cursor:pointer;display:flex;font-size:.85rem;font-weight:700;gap:8px;-webkit-user-select:none;user-select:none}.auto-roll-toggle input{display:none}.toggle-track{background:#bbb;border-radius:11px;display:inline-block;height:22px;position:relative;transition:background .2s;width:40px}.toggle-track--on{background:#1565c0}.toggle-thumb{background:#fff;border-radius:50%;box-shadow:0 1px 3px #0004;height:16px;left:3px;position:absolute;top:3px;transition:left .2s;width:16px}.toggle-track--on .toggle-thumb{left:21px}.game-layout{align-items:flex-start;display:flex;flex-direction:row;gap:24px;justify-content:center;width:100%}.game-center{align-items:center;display:flex;flex-direction:column;gap:16px}.rules-mobile{display:none}.rules-panel{align-self:flex-start;background:#e8e8e8;border:2px solid #aaa;border-radius:8px;flex-shrink:0;padding:16px 18px;width:220px}.rules-title{border-bottom:2px solid #aaa;color:#1a1a1a;font-size:1rem;font-weight:900;letter-spacing:1px;padding-bottom:6px;text-transform:uppercase}.rules-section,.rules-title{margin-bottom:12px}.rules-heading{color:#1565c0;font-size:.75rem;font-weight:700;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.rules-body{color:#333;font-size:.78rem;line-height:1.5}.rules-special{display:flex;flex-direction:column;gap:6px;list-style:none}.rules-special li{align-items:flex-start;color:#333;display:flex;font-size:.78rem;gap:6px;line-height:1.4}.rules-roll{align-items:center;background:#c20;border-radius:4px;color:#fff;display:inline-flex;flex-shrink:0;font-size:.72rem;font-weight:700;height:22px;justify-content:center;margin-top:1px;min-width:22px}.controls{background:#e8e8e8;border:2px solid #aaa;border-radius:8px;flex-direction:column;min-width:300px;padding:4px 28px}.controls,.controls__row{align-items:center;display:flex}.controls__row{flex-shrink:0;height:42px;justify-content:center;width:100%}.player-indicator{border-radius:4px;font-size:1.1rem;font-weight:700;letter-spacing:1px;padding:5px 18px}.player-indicator--red{background:#c20;color:#fff}.player-indicator--yellow{background:#f5c400;color:#111}.message{color:#333;font-size:.9rem;line-height:1.4;max-width:340px;text-align:center}.dice-display{align-items:center;display:flex;gap:10px}.dice-op{color:#555;font-size:1.1rem;font-weight:900}.dice-sum{background:#c20;border-radius:6px;box-shadow:2px 3px 0 #810;color:#fff;font-size:1.8rem;font-weight:900;letter-spacing:1px;padding:2px 14px}.btn{border:none;border-radius:5px;cursor:pointer;font-size:1rem;font-weight:700;letter-spacing:.5px;padding:9px 26px;transition:transform .1s}.btn:active{transform:scale(.96)}.btn--roll{background:#c20;color:#fff}.btn--roll:hover{background:#aa1a00}.btn--restart{background:#070;color:#fff}.btn--restart:hover{background:#050}.board{grid-gap:0;background:#fff;border:6px solid #1565c0;border-radius:4px;box-shadow:4px 6px 12px #0004;display:grid;gap:0;grid-template-columns:repeat(3,1fr);padding:4px}.box{background:#1e90e0;margin:2px;min-width:110px;padding:8px 6px 6px}.box--won-red{background:#c20}.box--won-yellow{background:#e8a000}.box__number{color:#fff;font-size:.65rem;font-weight:700;letter-spacing:1px;margin-bottom:5px;opacity:.85;text-align:center}.box__holes{grid-gap:5px;display:grid;gap:5px;grid-template-columns:repeat(3,1fr)}.hole{align-items:center;aspect-ratio:1;background:#0d6bba;border:1.5px solid #0a52a0;border-radius:50%;cursor:default;display:flex;justify-content:center;min-height:30px;min-width:30px;transition:transform .1s}.hole--centre{background:#0a5aaa}.hole__label{color:#4da8ff88;font-size:.5rem;font-weight:700;pointer-events:none;-webkit-user-select:none;user-select:none}.hole--red{background:radial-gradient(circle at 38% 32%,#f64,#c20 60%,#810);border-color:#f42}.hole--yellow{background:radial-gradient(circle at 38% 32%,#ffe066,#f5c400 60%,#c89000);border-color:#ffe066}.hole--clickable{animation:pulse-cyan .9s infinite alternate;border:2px solid #00e5ff;box-shadow:0 0 6px #00e5ffaa,inset 0 0 4px #00e5ff44;cursor:pointer}.hole--clickable:hover{transform:scale(1.15)}.hole--removable{animation:pulse-white .9s infinite alternate;border:2px solid #fff;box-shadow:0 0 6px #ffffffaa;cursor:pointer}.hole--removable:hover{transform:scale(1.15)}@keyframes pulse-cyan{0%{box-shadow:0 0 3px #00e5ff88}to{box-shadow:0 0 10px #00e5ff}}@keyframes pulse-white{0%{box-shadow:0 0 3px #ffffff88}to{box-shadow:0 0 10px #fff}}@media (max-width:860px){.game-layout .rules-panel{display:none}.rules-mobile{display:flex;flex-direction:column;gap:0;width:100%}.rules-mobile .rules-panel{display:block;width:100%}.rules-mobile .rules-panel:last-child .rules-title{display:none}.game-layout{align-items:center;flex-direction:column}.controls{width:100%}.box,.controls{min-width:0;min-width:auto}.hole{min-height:26px;min-width:26px}.box__holes{gap:3px}.box{padding:6px 4px 4px}}
/*# sourceMappingURL=main.061b6497.css.map*/