@font-face{font-family:PlaypenSans;src:url(/assets/PlaypenSans-VariableFont_wght-DqsE3803.ttf)format("truetype");font-weight:100 900;font-style:normal;font-display:swap;unicode-range:U+20-7E}:root{--accent:#267326;--accent-hover:#a93226;--accent-soft:#fbeceb;--error:#c0392b;--text:#1d1d1f;--muted:#6e6e73;--border:#d2d2d7;--bg:#ffe;--surface:#fff;color:var(--text);background:var(--bg);background-image:url(/assets/paper-background-WuaVgOTq.webp);font-family:PlaypenSans,system-ui,sans-serif}*,:before,:after{box-sizing:border-box}body{justify-content:center;align-items:center;min-height:100dvh;margin:0;display:flex}button,input{font:inherit}hr{color:#00000054;width:100%}a{text-decoration:none}.page{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:2rem;width:100vw;margin-inline:auto;padding-block:2rem;display:flex}.container{background-color:#fff;border:2px solid #000;border-radius:16px;flex-direction:column;justify-content:center;gap:1.5rem;max-width:calc(100vw - 2rem);padding:32px;display:flex;box-shadow:4px 4px #000}.stack{flex-direction:column;gap:1rem;display:flex}.row{align-items:center;gap:2rem;display:flex}.row .input{flex:1}.label{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.875rem;font-weight:600}.muted{color:var(--muted)}.error{color:#fff;background-color:#ff000080;border-radius:8px;margin:1rem;padding:1rem;font-size:1rem;font-weight:700;position:fixed;top:0;left:0}.leave{color:var(--text);cursor:pointer;background:0 0;border:none;align-self:center;padding:.25rem;font-size:large;font-weight:700}.leave:hover{cursor:pointer;text-decoration:underline}.button{background:var(--accent);color:#fff;cursor:pointer;border:2px solid #000;border-radius:8px;padding:1rem;font-size:large;font-weight:600;box-shadow:4px 4px #000}.button:hover{transform:translate(2px,2px);box-shadow:2px 2px #000}.button:active{box-shadow:none;transform:translate(4px,4px)}.button:disabled{opacity:.6;cursor:default}.button-secondary{background-color:gray}.input{border:2px solid var(--border);min-width:0;color:inherit;background:0 0;border-radius:8px;padding:1rem;font-size:large}.input:focus{border-color:var(--accent);outline:none}.dialog{background:var(--surface);width:min(100% - 2rem,26rem);color:var(--text);text-align:left;border:2px solid #000;border-radius:16px;padding:2rem;box-shadow:4px 4px #000}.dialog::backdrop{background:#00000080}.dialog h2{margin:auto;font-size:2rem}.dice{-webkit-user-select:none;user-select:none;flex-direction:row;justify-content:center;gap:1.25rem;display:flex}.die{cursor:pointer;background:0 0;border:none;flex:1;width:4rem;padding:0;position:relative}.die:disabled{cursor:default}.die-face{border-radius:18%;width:100%;display:block}.die:not(:disabled,[aria-pressed=true]):hover .die-face{outline:2px solid var(--border);outline-offset:2px}.die[aria-pressed=true] .die-face{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion:no-preference){.die[data-spinning=true]{animation:.25s linear infinite die-spin}.die[data-landing=true] .die-face{animation:1s ease-out die-land}}@keyframes die-spin{to{transform:rotate(1turn)}}@keyframes die-land{0%{transform:rotate(-2turn)}}.die-lock{font-size:2rem;position:absolute;top:-1.75rem;right:-1.5rem}.results{flex-direction:column;gap:2rem;display:flex}.results table{border-collapse:collapse;font-variant-numeric:tabular-nums;font-size:1.25rem}.results th,.results td{border-bottom:1px solid var(--border);padding:1rem}.results th{text-align:left;width:100%;font-weight:400}.results td:last-child{text-align:right;font-weight:600}.scoreboard{z-index:1;max-width:100%}.scoreboard-scroll{overflow-x:auto}.scoreboard table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}.scoreboard th,.scoreboard td{border-bottom:1px solid var(--border);padding:.5rem 1rem;font-weight:700}.scoreboard tbody td{border:1px solid var(--border)}.scoreboard thead th,.scoreboard thead td{border-right:1px solid var(--border);border-bottom:2px solid #000}.scoreboard tbody th{text-align:left;white-space:nowrap;font-weight:400}.scoreboard tbody th,.scoreboard thead td{z-index:1;background:var(--surface);position:sticky;left:0}.scoreboard .summary>*{border-bottom:2px solid #000;font-weight:700}.scoreboard tbody tr:last-child>*{border-bottom:none}.scoreboard [data-current=true]{background:var(--accent-soft)}.scoreboard thead [data-current=true]{background:var(--accent);color:#fff}.scoreboard td:has(>.potential){padding:0}.scoreboard .potential{width:100%;color:var(--muted);text-align:inherit;cursor:pointer;background:0 0;border:none;padding:.5rem 1rem;font-style:italic;font-weight:400;display:block}.scoreboard .potential:enabled:hover{color:var(--accent);font-weight:700}.scoreboard .potential:disabled{cursor:default}.scoreboard [data-offline=true]{opacity:.45}.turn-info{text-align:center;margin:0 0 .5rem}.turn-info[data-my-turn=true]{color:var(--accent)}.turn-info[data-connected=false]{color:red;font-size:large}.game{text-align:center;flex-flow:column wrap;justify-content:center;align-items:center;gap:3rem;width:100dvw;padding:1rem;display:flex}.game header,.game footer{z-index:2;background-color:#fff;flex-direction:row;align-items:center;gap:1rem;padding:1rem;display:flex;box-shadow:0 0 16px #0003}.game header{border-bottom:2px solid #000}.game footer{border-top:2px solid #000}.game-content{flex-direction:column;flex:1;justify-content:safe center;align-items:safe center;gap:2rem;padding:1rem 0;display:flex;overflow:auto}.game-title{white-space:nowrap;margin:0 auto;font-size:1.5rem;overflow:hidden}.controls{z-index:2;flex-direction:column;gap:1rem;max-width:100%;padding:1.25rem;display:flex;position:sticky;bottom:1rem}.menu-buttons{z-index:0;justify-content:end;gap:1rem;width:100%;padding:1rem;display:flex;position:fixed;top:0;right:0}.small-button{background-color:#fff;border:2px solid #000;border-radius:8px;padding:.5rem;box-shadow:4px 4px #000}.small-button:hover{cursor:pointer;transform:translate(2px,2px);box-shadow:2px 2px #000}.small-button:active{box-shadow:none;transform:translate(4px,4px)}@media (height<70rem){.game{flex-direction:row}.controls{align-self:flex-start;top:calc(50dvh - 4rem)}}@media (width<768px){.menu-buttons{position:relative}}.home-title{white-space:nowrap;margin:1rem auto;font-size:4rem;line-height:1}.notice{background:var(--accent-soft);text-align:center;border-radius:.75rem;margin:0;padding:.875rem 1rem;font-size:1.125rem}.divider{color:var(--muted);align-items:center;gap:1rem;font-size:1.25rem;display:flex}.divider:before,.divider:after{content:"";border-top:1px solid var(--border);flex:1}.code-input:not(:placeholder-shown){text-transform:uppercase}@media (width<512px){.home-title{font-size:3rem}}.lobby-code{margin:auto;font-size:2rem}.invite{justify-content:center;gap:1.5rem}.invite .button{padding:.5rem;font-size:medium}.dialog form{flex-direction:column;gap:2rem;display:flex}.dialog-actions .button{flex:1}.players{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.player{border:2px solid var(--border);text-align:left;border-radius:8px;align-items:center;gap:.75rem;padding:.875rem 1.25rem;font-size:1rem;display:flex}.player[data-host=true]{border-color:var(--accent);background:var(--accent-soft)}.player[data-offline=true]{opacity:.45}.player-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.badge{background:var(--accent);color:#fff;letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:.25rem .625rem;font-size:.75rem;font-weight:700}.waiting{color:var(--muted);margin:0;font-size:1.25rem}.exit-button{background-color:#df2020}
