@font-face{font-family:Patrick Hand;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/patrick-hand-vietnamese-400-normal-65jA92mZ.woff2)format("woff2"),url(/assets/patrick-hand-vietnamese-400-normal-CZjY324Y.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Patrick Hand;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/patrick-hand-latin-ext-400-normal-Dno5CMlI.woff2)format("woff2"),url(/assets/patrick-hand-latin-ext-400-normal-C2ywpnn3.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Patrick Hand;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/patrick-hand-latin-400-normal-B7HHA2Vw.woff2)format("woff2"),url(/assets/patrick-hand-latin-400-normal-Df9_VoRQ.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--sky:#3f4590;--panel:#212b4ff0;--panel-edge:#0d1230;--tile:#182042e6;--tile-edge:#46559a;--raised:#3f5297;--raised-hover:#4b60ad;--raised-edge:#1a2452;--highlight:#f2d35b;--text:#f6f2e8;--muted:#b8c0e3;--link:#ffe45c;--good:#a6f05a;--go:#3b8a3a;--go-hover:#47a345;--go-edge:#18401a;--mine:#78601e73;--active:#346e4073;--danger:#ff8270;--outline:0 0 2px #000, 0 2px 0 #0000008c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Patrick Hand,Comic Sans MS,system-ui,sans-serif;font-size:18px}*{box-sizing:border-box}body{background:var(--sky) url(/backdrop.svg) center bottom / cover fixed no-repeat;min-height:100vh;color:var(--text);text-shadow:var(--outline);margin:0;line-height:1.4}main{max-width:860px;margin:0 auto;padding:0 16px 48px}h1,h2,h3{margin:0 0 8px;font-weight:400;line-height:1.15}h1{font-size:1.9rem}h2{font-size:1.45rem}h3{font-size:1.2rem}b{color:#fff}a{color:var(--link)}a:hover{color:#fff3a8}code{word-break:break-all;text-shadow:none;background:var(--tile);border:1px solid var(--tile-edge);border-radius:4px;padding:1px 5px;font-size:.8rem}hr{border:none;border-top:2px solid var(--tile-edge);margin:16px 0}.topbar{flex-direction:column;align-items:center;gap:4px;padding:24px 16px 20px;display:flex}.brand{color:#8fd64a;text-shadow:-2px -2px #1d3a12,2px -2px #1d3a12,-2px 2px #1d3a12,2px 2px #1d3a12,0 5px #4a2f1a;align-items:center;gap:10px;font-size:2.6rem;line-height:1;text-decoration:none;display:flex}.brand:hover{color:#a8ec62}.brand img{image-rendering:auto;filter:drop-shadow(0 3px #00000073)}.topbar .row{font-size:.95rem}.card{background:var(--panel);border:2px solid var(--panel-edge);border-radius:14px;margin-bottom:18px;padding:20px;box-shadow:inset 0 0 0 2px #6e82d240,0 6px 18px #00000059}.card.narrow{text-align:center;max-width:440px;margin:24px auto}.card.narrow label,.card.narrow form{text-align:left}.callout{background:var(--tile);border:2px solid var(--tile-edge);border-radius:10px;margin:12px 0;padding:14px}.callout.mine{background:var(--mine);border-color:var(--highlight)}.callout.active{background:var(--active);border-color:var(--good)}.countdown{font-variant-numeric:tabular-nums;color:var(--highlight);margin:4px 0 0;font-size:2.4rem}.row{align-items:center;gap:8px;display:flex}.row.spread{justify-content:space-between}.row.wrap{flex-wrap:wrap}.stack{flex-direction:column;gap:10px;margin-top:12px;display:flex}.muted{color:var(--muted)}.small{margin:0;font-size:.85rem}.error{color:var(--danger)}button,.button{font:inherit;color:var(--text);text-shadow:var(--outline);background:var(--raised);border:2px solid var(--raised-edge);cursor:pointer;border-radius:8px;padding:6px 14px;text-decoration:none;transition:background-color 80ms,border-color 80ms;display:inline-block;box-shadow:inset 0 2px #ffffff26,0 2px #00000059}button:hover:not(:disabled),.button:hover{background:var(--raised-hover);border-color:var(--highlight);color:var(--text)}button:active:not(:disabled),.button:active{transform:translateY(1px)}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,.button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--highlight);outline-offset:2px}.primary{background:var(--go);border-color:var(--go-edge)}button.primary:hover:not(:disabled),.button.primary:hover{background:var(--go-hover)}.danger{color:var(--danger)}button.link{box-shadow:none;color:var(--link);background:0 0;border:none;padding:2px 4px}button.link:hover:not(:disabled){color:#fff3a8;background:0 0}button.icon{padding:0 9px}input,select{font:inherit;width:100%;color:var(--text);border:2px solid var(--tile-edge);background:#161d3d;border-radius:8px;padding:6px 10px}input::placeholder{color:#7c86b5}input:focus,select:focus{border-color:var(--highlight);outline:none}.code-input{text-align:center;letter-spacing:.15em;text-transform:uppercase;font-size:1.8rem}label{color:var(--muted);flex-direction:column;gap:4px;font-size:.95rem;display:flex}.grid-form{grid-template-columns:1fr 1fr;gap:12px;display:grid}.grid-form .full{grid-column:1/-1}@media (width<=600px){.grid-form{grid-template-columns:1fr}.brand{font-size:2rem}}.badge{border:2px solid var(--tile-edge);background:var(--tile);color:var(--muted);border-radius:999px;padding:0 9px;font-size:.8rem}.badge.running,.badge.active,.badge.completed{color:var(--good);border-color:var(--good)}.badge.expired,.badge.skipped{color:var(--danger);border-color:var(--danger)}.list,.players,.history{flex-direction:column;gap:6px;margin:0;padding-left:0;list-style:none;display:flex}.list li,.players li,.history>li{background:var(--tile);border:2px solid var(--tile-edge);border-radius:10px;padding:8px 12px}.list li,.players li{align-items:center;gap:8px;display:flex}.list li a{font-size:1.15rem}.players{counter-reset:p}.players li:before{counter-increment:p;content:counter(p) ".";color:var(--muted);width:1.5em}.players li.inactive span:first-of-type{color:var(--muted);text-decoration:line-through}.players .actions{margin-left:auto}.history ul{margin:4px 0 0;padding-left:12px;list-style:none}.snapshot{color:var(--muted);flex-wrap:wrap;justify-content:space-between;font-size:.85rem;display:flex}.invite{flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;display:flex}
