:root{--dropdown-shadow:#0000001a;--dropdown-border:#00000014;--dropdown-separator:#00000012;--dropdown-hover:#6e6a6012}@media (prefers-color-scheme:dark){:root{--dropdown-shadow:#00000073;--dropdown-border:#ffffff14;--dropdown-separator:#ffffff12;--dropdown-hover:#a39e8f1a}}html{overflow-x:hidden}body{min-height:100dvh;margin:0}#root{flex-direction:column;min-height:100dvh;display:flex}main.container{padding-left:max(var(--pico-spacing), env(safe-area-inset-left));padding-right:max(var(--pico-spacing), env(safe-area-inset-right));flex-direction:column;flex:1;display:flex}@media (min-width:576px){main.container{max-width:510px}}.pico h1{border:none;font-weight:400}.pico h2{margin-bottom:.5rem;font-size:1.1rem}.muted{color:var(--pico-muted-color)}.centered{text-align:center}.error-text{color:var(--pico-del-color);margin-bottom:.5rem;font-size:.88rem}.pico button.wide{width:100%}.pico button.icon-button{align-items:center;gap:.4rem;display:inline-flex}.site-header{padding-top:env(safe-area-inset-top);margin-bottom:1rem}.header-row{justify-content:center;align-items:center;width:100%;min-height:3.5rem;display:flex;position:relative}.header-row h1{margin:.5rem 0 0;font-size:2rem}.header-row h1 a{color:inherit;text-decoration:none}.subtitle{color:var(--pico-muted-color);text-align:center;margin-bottom:.5rem;font-size:.88rem}.lang-dropdown{z-index:20;margin:0;position:absolute;top:50%;right:0;transform:translateY(-50%)}.lang-dropdown summary{cursor:pointer;color:var(--pico-primary);background:var(--dropdown-hover);-webkit-user-select:none;user-select:none;box-sizing:border-box;border:1px solid #0000;border-radius:2rem;align-items:center;gap:.35rem;min-height:44px;padding:.35rem .65rem;font-size:.85rem;font-weight:500;line-height:1;list-style:none;transition:background .15s,border-color .15s;display:flex}.lang-dropdown summary::-webkit-details-marker{display:none}.lang-dropdown summary::marker{content:""}.lang-dropdown summary:after{display:none!important}.lang-dropdown[open]>summary{margin-bottom:0!important}.lang-dropdown summary:hover{border-color:var(--dropdown-border)}.lang-dropdown summary:focus-visible{outline:2px solid var(--pico-primary);outline-offset:2px}.lang-dropdown summary .globe-icon{flex-shrink:0;width:16px;height:16px}.lang-dropdown summary .chevron-icon{flex-shrink:0;width:12px;height:12px;transition:transform .2s}.lang-dropdown[open] summary .chevron-icon{transform:rotate(180deg)}.lang-code{letter-spacing:.03em;text-transform:uppercase;font-size:.8rem}.lang-dropdown-panel{background:var(--pico-background-color);border:1px solid var(--dropdown-border);min-width:11rem;box-shadow:0 4px 16px var(--dropdown-shadow), 0 1px 3px var(--dropdown-shadow);z-index:100;border-radius:.5rem;padding:.3rem 0;animation:.15s ease-out dropdown-in;position:absolute;top:calc(100% + .4rem);right:0}@keyframes dropdown-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.lang-dropdown-panel a{color:var(--pico-color);border-bottom:1px solid var(--dropdown-separator);box-sizing:border-box;align-items:center;gap:.5rem;min-height:44px;padding:.55rem .85rem;font-size:.88rem;text-decoration:none;transition:background .12s;display:flex}.lang-dropdown-panel a:visited{color:var(--pico-color)}.lang-dropdown-panel a:last-child{border-bottom:none}.lang-dropdown-panel a:hover{background:var(--dropdown-hover)}.lang-dropdown-panel a:focus-visible{outline:2px solid var(--pico-primary);outline-offset:-2px;border-radius:.25rem}.lang-indicator{border-radius:50%;flex-shrink:0;width:.5rem;height:.5rem}.lang-indicator.active{background:var(--pico-primary)}.lang-indicator.inactive{background:0 0}.lang-name{flex:1}.lang-item-code{color:var(--pico-muted-color);letter-spacing:.04em;text-transform:uppercase;font-size:.75rem}.word-input-wrapper{display:flex}.pico .word-input-wrapper .word-input{border-radius:.25rem 0 0 .25rem;margin-bottom:0}.pico .word-input-wrapper button.word-input-button{border-radius:0 .25rem .25rem 0;width:30%;margin-bottom:0;padding:5px}.pico input,.pico select{font-size:max(16px,1rem)}.home form{margin-bottom:1.5rem}.code-input{text-transform:uppercase;letter-spacing:.2em}.code-input::placeholder{letter-spacing:normal;text-transform:none}.help-link{text-align:center;font-size:.88rem}.narrow{max-width:30rem}.problem{text-align:center}.connection-notice{top:env(safe-area-inset-top);z-index:50;color:var(--pico-muted-color);background:var(--pico-background-color);border:1px solid var(--pico-form-element-border-color);border-radius:var(--pico-border-radius);margin:.25rem 0 0;padding:.15rem .75rem;font-size:.8rem;position:fixed;left:50%;transform:translate(-50%)}.room-code{text-align:center;margin-bottom:1.5rem}.room-code .code{letter-spacing:.15em;font-variant-numeric:tabular-nums;color:var(--pico-h1-color);margin:0 0 .75rem;font-size:3rem;line-height:1.1}.invite{flex-wrap:wrap;justify-content:center;align-items:center;gap:.25rem .75rem;display:flex}.invite button{min-height:44px;margin-bottom:0}.invite .qr{flex-basis:100%;margin:.75rem 0 0}.invite .qr summary{color:var(--pico-muted-color);font-size:.88rem;display:inline-block}.invite .qr summary:after{display:none}.qr-code{width:11rem;max-width:100%;margin:.5rem auto 0}.qr-code svg{width:100%;height:auto;display:block}.players{margin-bottom:1.5rem;padding:0}.pico .players li{border-bottom:1px solid var(--pico-form-element-border-color);justify-content:space-between;align-items:baseline;gap:1rem;margin:0;padding:.4rem 0;list-style:none;display:flex}.players li:last-child{border-bottom:none}.players li.disconnected .player-name{color:var(--pico-muted-color)}.player-name{overflow-wrap:anywhere}.settings legend h2{margin-bottom:.75rem}.pico button.choice-row{--pico-background-color:var(--pico-form-element-background-color);--pico-border-color:var(--pico-form-element-border-color);--pico-color:var(--pico-form-element-color);text-align:left;width:100%;min-height:44px;margin-bottom:var(--pico-spacing);grid-template-columns:4.5rem 1fr auto;align-items:center;gap:.5rem;display:grid}.pico button.choice-row:is(:hover,:focus){--pico-background-color:var(--pico-form-element-background-color);--pico-border-color:var(--pico-primary-border);--pico-color:var(--pico-form-element-color)}.choice-value{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.choice-chevron{color:var(--pico-muted-color)}.settings .option{margin-bottom:.6rem}.pico .settings .option label{align-items:center;min-height:32px;margin-bottom:0;display:flex}.pico .settings .hint{color:var(--pico-muted-color);margin:0 0 0 1.75em;font-size:.8rem;display:block}.settings .grace{margin-bottom:var(--pico-spacing)}.two-columns{grid-template-columns:1fr 1fr;gap:0 .75rem;display:grid}.action-bar{margin:auto calc(var(--pico-spacing) * -1) 0;padding:.75rem var(--pico-spacing) calc(.75rem + env(safe-area-inset-bottom));background:var(--pico-background-color);border-top:1px solid var(--pico-form-element-border-color);z-index:5;position:sticky;bottom:0}.pico .action-bar button{min-height:3rem;margin-bottom:0}.action-bar .waiting,.action-bar .running-game p{text-align:center;margin-bottom:0}.running-game .progress-strip{margin-top:.5rem}.clock{font-variant-numeric:tabular-nums}.progress-strip{scrollbar-width:none;gap:.4rem;margin:0;padding:0;display:flex;overflow-x:auto}.progress-strip::-webkit-scrollbar{display:none}.pico .progress-strip li{border:1px solid var(--pico-form-element-border-color);border-radius:var(--pico-border-radius);white-space:nowrap;flex:none;align-items:center;gap:.3rem;margin:0;padding:.1rem .5rem;font-size:.8rem;list-style:none;display:inline-flex}.strip-name{text-overflow:ellipsis;max-width:7rem;overflow:hidden}.strip-steps{font-variant-numeric:tabular-nums;color:var(--pico-muted-color)}.controls{background:var(--pico-background-color);border-bottom:1px solid var(--pico-form-element-border-color);z-index:10;flex-direction:column;display:flex;position:sticky;top:0}.up-button{background-color:var(--pico-primary-background);border:var(--pico-border-width) solid var(--pico-border-color);border-radius:var(--pico-border-radius);padding:10px;position:fixed;bottom:5%;right:5%}.up-button:hover{cursor:pointer;background-color:var(--pico-primary-hover-background)}.hit{animation:hit 2s 0s linear(0 0%, 0 1.8%, .01 3.6%, .03 6.35%, .07 9.1%, .13 11.4%, .19 13.4%, .27 15%, .34 16.1%, .54 18.35%, .66 20.6%, .72 22.4%, .77 24.6%, .81 27.3%, .85 30.4%, .88 35.1%, .92 40.6%, .94 47.2%, .96 55%, .98 64%, .99 74.4%, 1 86.4%, 1 100%);border-radius:4px}@keyframes hit{0%{background-color:#0000}50%{background-color:var(--pico-primary-background)}to{background-color:#0000}}.hidden{display:none}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track-piece{background-color:var(--pico-background-color)}::-webkit-scrollbar-thumb{background-color:var(--pico-primary-background);outline:1px solid var(--pico-primary-border);outline-offset:-2px}::-webkit-scrollbar-thumb:hover{background-color:var(--pico-primary-hover-background);outline:1px solid var(--pico-primary-hover-border)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.race-bar{padding:env(safe-area-inset-top) max(var(--pico-spacing), env(safe-area-inset-right)) .25rem max(var(--pico-spacing), env(safe-area-inset-left))}.bar-row{align-items:center;gap:.5rem;min-height:44px;display:flex}.pico button.target-button{min-width:0;color:var(--pico-h1-color);text-align:left;background:0 0;border:none;flex:1;align-items:baseline;gap:.35rem;margin:0;padding:.25rem 0;font-size:1.05rem;display:flex}.target-title{text-overflow:ellipsis;white-space:nowrap;-webkit-text-decoration:underline dotted var(--pico-muted-color);text-decoration:underline dotted var(--pico-muted-color);text-underline-offset:.2em;overflow:hidden}.race-bar .clock{font-size:1.05rem}.race-bar .clock.grace{color:var(--pico-del-color)}.pico button.icon-only{min-width:44px;min-height:44px;color:var(--pico-muted-color);background:0 0;border:none;justify-content:center;align-items:center;margin:0;padding:0;display:inline-flex}.my-steps{font-variant-numeric:tabular-nums;flex:none}.bar-row .progress-strip{flex:1;min-width:0}.race-notice{color:var(--pico-del-color);margin:0 0 .25rem;font-size:.85rem}.race-notice:empty{display:none}.pico progress.nav-progress{border-radius:0;height:3px;margin:0;position:absolute;bottom:-2px;left:0;right:0}.load-error,.race-status{text-align:center;margin:.5rem var(--pico-spacing)}.pico .load-error button{margin:0 0 0 .5rem;padding:.25rem .75rem}.article-host{display:block}.pico button.float-button{bottom:calc(1rem + env(safe-area-inset-bottom));z-index:20;width:48px;height:48px;color:var(--pico-primary-inverse);background-color:var(--pico-primary-background);border:var(--pico-border-width) solid var(--pico-border-color);border-radius:var(--pico-border-radius);justify-content:center;align-items:center;margin:0;padding:0;display:inline-flex;position:fixed}.pico button.float-button:hover{background-color:var(--pico-primary-hover-background)}.pico button.back-button{left:calc(1rem + env(safe-area-inset-left))}.pico button.up-button{right:calc(1rem + env(safe-area-inset-right))}.pico button.float-button.hidden{display:none}.nudge{animation:.6s ease-in-out 2 nudge}@keyframes nudge{0%,to{transform:translate(0)}50%{transform:translate(6px)}}.route{text-align:center;overflow-wrap:anywhere;flex-direction:column;align-items:center;gap:.1rem;font-size:1.2rem;display:flex}.results-screen .route{flex-flow:wrap;justify-content:center;gap:.4rem;font-size:1rem}.summary{overflow:hidden}.pico .summary-thumb{float:right;object-fit:contain;border-radius:var(--pico-border-radius);width:auto;max-width:35%;max-height:9rem;margin:0 0 .5rem .75rem}.summary-extract{font-size:.9rem}.countdown .summary-extract{-webkit-line-clamp:8;line-clamp:8;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.count{text-align:center;font-variant-numeric:tabular-nums;color:var(--pico-h1-color);margin:0;padding:.5rem 0 1rem;font-size:5rem;line-height:1}.results-scroll{margin-bottom:1rem;overflow-x:auto}.pico table.results{margin-bottom:0}.pico table.results th,.pico table.results td{padding:.4rem .35rem}table.results .num{text-align:right;font-variant-numeric:tabular-nums}.pico table.results .path-row td{padding-top:0}.pico .path-row details{margin:0;font-size:.88rem}.pico .path-row summary{color:var(--pico-muted-color)}.path{margin:.25rem 0 .5rem;padding-left:1.5rem}.pico .path li{margin-bottom:.1rem}.summary-dialog p:last-child{margin-bottom:0}.menu-actions{gap:.75rem;display:grid}.pico .menu-actions button{width:100%;margin:0}.pico dialog.chooser{align-items:flex-start}.pico dialog.chooser>article{margin-top:calc(env(safe-area-inset-top) + .75rem);max-height:calc(100dvh - 1.5rem - env(safe-area-inset-top));padding-bottom:.5rem}.chooser-search{position:relative}.chooser-search-icon{color:var(--pico-muted-color);pointer-events:none;position:absolute;top:50%;left:.85rem;transform:translateY(-50%)}.pico .chooser-search input[type=search]{background-image:none;margin-bottom:.5rem;padding-left:2.6rem}.chooser-options{margin:0;padding:0}.pico .chooser-options li{border-bottom:1px solid var(--pico-form-element-border-color);cursor:pointer;align-items:center;gap:.6rem;min-height:44px;margin:0;padding:.5rem .6rem;list-style:none;display:flex}.chooser-options li:last-child{border-bottom:none}.chooser-options li.active,.chooser-options li:hover{background:var(--dropdown-hover)}.option-icon{color:var(--pico-muted-color);flex:none}.option-text{flex-direction:column;flex:1;min-width:0;display:flex}.option-text small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.option-current{flex:none;align-items:center;gap:.2rem;display:inline-flex}.chooser-message{margin:.5rem 0 0;font-size:.88rem}.chooser-message:empty{display:none}