:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--navy:#073158;--navy-deep:#04182a;--blue:#1062b0;--blue-light:#96dbfa;--green:#1fab1c;--green-dark:#177f15;--red:#ef3f2a;--orange:#f06800;--yellow:#e7ba2e;--cream:#fcfaf5;--sand:#e2d7c4;--ink:#323232;color:var(--ink);background:var(--navy-deep);font-family:Avenir Next,Trebuchet MS,sans-serif}*{box-sizing:border-box}html{background:var(--navy-deep);min-width:320px;min-height:100%}body{background:var(--cream);min-height:100vh;margin:0;position:relative;overflow-x:hidden}body:before{z-index:-1;content:"";background:linear-gradient(#fcfaf5eb,#fcfaf5f7),url(https://cdn.colonist.io/dist/assets/screenshot_base_game_4p.9e625423619332cf2bcf.png) 50% 18%/cover no-repeat;position:fixed;inset:50px 0 0}button,input,summary{font:inherit}:focus-visible{outline:3px solid var(--orange);outline-offset:4px}.skip-link{z-index:20;color:#fff;background:var(--navy-deep);padding:9px 12px;position:fixed;top:8px;left:8px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.topline{color:#fff;background:var(--navy);justify-content:space-between;align-items:center;height:50px;padding:0 max(20px,50vw - 520px);display:flex;box-shadow:0 3px #04182a38}.wordmark{letter-spacing:-.045em;font-size:1.15rem;font-weight:900}.wordmark:after{color:var(--yellow);content:"●";vertical-align:.18em;margin-left:5px;font-size:.52em}.game-state{letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:13px;font-size:.68rem;font-weight:800;display:flex}.live-state{align-items:center;gap:6px;display:inline-flex}.live-state:before{background:var(--sand);content:"";border:2px solid #ffffffa6;border-radius:50%;width:7px;height:7px}.live-state--live:before{background:#48ff00;border-color:#fff;box-shadow:0 0 0 3px #48ff0029}.live-state--connecting:before{background:var(--yellow)}.live-state--error:before{background:var(--red)}.room{color:var(--blue-light)}.shell{width:min(1040px,100% - 40px);margin:0 auto;padding:28px 0 44px}.dice-stage{padding:0 8px;position:relative}.stage-top{justify-content:space-between;align-items:center;gap:20px;min-height:60px;margin-bottom:8px;display:flex}.roll-count{color:var(--navy);align-items:baseline;gap:7px;display:flex}.roll-count strong{letter-spacing:-.07em;font-size:clamp(2.3rem,6vw,4.3rem);font-weight:900;line-height:.8}.roll-count span{color:var(--blue);letter-spacing:.08em;text-transform:uppercase;font-size:.68rem;font-weight:900}.last{align-items:center;gap:5px;display:flex}.last-die{filter:drop-shadow(0 2px 1px #07315833);width:clamp(31px,4vw,42px);height:clamp(31px,4vw,42px)}.last-player{max-width:150px;color:var(--navy);text-overflow:ellipsis;white-space:nowrap;margin-left:5px;font-size:.72rem;font-weight:800;overflow:hidden}.roll-chart{grid-template-columns:repeat(11,minmax(32px,1fr));gap:clamp(4px,1vw,11px);height:min(47vh,430px);min-height:285px;padding:13px 0 0;display:grid}.roll-column{text-align:center;grid-template-rows:1fr 34px 16px;align-items:center;min-width:0;display:grid}.roll-plot{border-bottom:3px solid var(--navy);background:repeating-linear-gradient(0deg,#07315814 0 1px,#0000 1px 25%);width:100%;min-height:210px;position:relative}.expected-bar,.observed-bar{transition:height .3s;position:absolute;bottom:0}.expected-bar{background:#e2d7c4b8;border:2px solid #0731583d;border-bottom:0;border-radius:7px 7px 0 0;left:7%;right:7%}.observed-bar{background:var(--blue);border-radius:5px 5px 0 0;min-height:2px;left:22%;right:22%;box-shadow:inset 0 2px #ffffff47}.observed-bar--seven{background:var(--red)}.observed-bar b{color:var(--navy);font-size:.7rem;position:absolute;top:-21px;left:50%;transform:translate(-50%)}.number-chit{border:2px solid var(--sand);width:28px;height:28px;color:var(--navy);background:var(--cream);border-radius:50%;place-self:center;place-items:center;font-size:.82rem;font-weight:900;display:inline-grid;box-shadow:0 1px #0731581f}.number-chit--hot{color:var(--red);border-color:#ef3f2a52}.roll-column small{color:#596978;text-overflow:clip;white-space:nowrap;font-size:.58rem;font-weight:800;overflow:hidden}.roll-column small:after{content:"pp";margin-left:1px;font-size:.76em}.roll-column .delta-empty:after{content:""}.delta-high{color:#c33423!important}.delta-low{color:#0a4986!important}.quick-stats{color:#fff;background:var(--navy);border-radius:999px;justify-content:center;align-items:stretch;margin:25px 8px 0;display:flex;box-shadow:0 4px #04182a2e}.quick-stat{flex:1;justify-content:center;align-items:baseline;gap:6px;min-width:0;padding:11px 8px;display:flex}.quick-stat+.quick-stat{border-left:1px solid #fff3}.quick-stat strong{font-size:clamp(1rem,3vw,1.45rem)}.quick-stat span{color:var(--blue-light);letter-spacing:.04em;text-transform:uppercase;font-size:.58rem;font-weight:900}.resources{align-items:center;gap:clamp(16px,4vw,42px);margin-top:33px;padding:0 8px;display:flex}.issued-total{min-width:54px;color:var(--navy);text-transform:uppercase;font-size:.66rem;font-weight:900;line-height:1.15}.resource-cards{flex:1;justify-content:space-around;align-items:flex-end;gap:clamp(9px,2vw,24px);display:flex}.resource-card{flex:0 78px;grid-template-columns:1fr;justify-items:center;display:grid;position:relative}.resource-art{object-fit:contain;filter:drop-shadow(0 3px 2px #0731582e);width:100%;max-width:72px;height:76px}.resource-card strong{color:#fff;background:var(--green-dark);border:2px solid #fff;border-radius:50%;place-items:center;min-width:25px;height:25px;font-size:.72rem;display:grid;position:absolute;top:-7px;right:max(0px,50% - 39px);box-shadow:0 2px #0731582e}.resource-card span{color:var(--navy);text-transform:uppercase;margin-top:-4px;font-size:.55rem;font-weight:900}.exact{color:var(--navy);text-align:center;margin-top:25px}.exact summary{color:var(--blue);cursor:pointer;letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:5px 11px;font-size:.62rem;font-weight:900;list-style:none;display:inline-block}.exact summary::-webkit-details-marker{display:none}.exact summary:before{content:"+ "}.exact[open] summary:before{content:"− "}.table-scroll{margin-top:8px;overflow-x:auto}table{border-collapse:collapse;width:100%;color:var(--navy);font-variant-numeric:tabular-nums;background:#fcfaf5e0;font-size:.7rem}th,td{border-bottom:1px solid var(--sand);text-align:right;white-space:nowrap;padding:7px 10px}th:first-child,td:first-child{text-align:left}thead{color:var(--blue);letter-spacing:.04em;text-transform:uppercase;font-size:.58rem}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=620px){body:before{background:linear-gradient(#fcfaf5f0,#fcfaf5fa),url(https://cdn.colonist.io/dist/assets/screenshot_base_game_4p.9e625423619332cf2bcf.png) top/auto 75% no-repeat}.topline{padding:0 14px}.shell{width:calc(100% - 18px);padding-top:18px}.dice-stage{padding:0}.stage-top{min-height:53px;padding:0 4px}.last-player{display:none}.roll-chart{grid-template-columns:repeat(11,minmax(23px,1fr));gap:2px;height:320px;min-height:0}.roll-column{grid-template-rows:1fr 29px 14px}.roll-plot{border-bottom-width:2px;min-height:210px}.expected-bar{border-width:1px;left:4%;right:4%}.observed-bar{left:18%;right:18%}.number-chit{border-width:1px;width:25px;height:25px;font-size:.72rem}.roll-column small{font-size:.46rem}.quick-stats{margin:16px 0 0}.quick-stat{flex-direction:column;align-items:center;gap:0;padding:9px 3px}.quick-stat span{font-size:.46rem}.resources{margin-top:24px;padding:0;display:block}.issued-total{margin:0 0 7px 4px}.resource-cards{gap:4px}.resource-art{height:61px}.resource-card strong{right:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}