.brc{--ink:#2a2118;--ink-soft:#5a4b3b;--paper:#ede3d0;--paper-deep:#dcceb2;--cart:#c43a2a;--btc:#e8952b;--timber:#7a5c46;--boom:#3f7a4e;--bust:#b03a2e;--odd:#c98a1e;--sky:#8fbad0}.brc,.brc *{box-sizing:border-box}.brc{background:var(--ink);color:var(--ink);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;margin:0;font-family:Archivo Narrow,Helvetica Neue,Arial,sans-serif;overflow:hidden}.brc #stage{background:var(--sky);position:fixed;inset:0;overflow:hidden}.brc #stage.pretitle #rail,.brc #stage.pretitle #meters,.brc #stage.pretitle #cue{display:none}.brc #rail{pointer-events:none}.brc canvas#ride{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}.brc .panel{background:var(--paper);border:3px solid var(--ink);box-shadow:5px 6px #2a211880}.brc #rail{pointer-events:none;flex-wrap:nowrap;justify-content:space-between;align-items:flex-start;gap:8px;padding:10px 12px;display:flex;position:absolute;top:0;left:0;right:0}.brc #stub{background:var(--paper);border:3px solid var(--ink);flex:0 auto;align-items:stretch;gap:0;min-width:0;display:flex;overflow:hidden;transform:rotate(-.5deg);box-shadow:4px 5px #2a211873}.brc .cell{border-right:2px dashed #2a211873;flex-direction:column;gap:1px;padding:5px 11px 6px;display:flex}.brc .cell:last-child{border-right:0}.brc .cell[hidden]{display:none}.brc .k{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft);font-family:Special Elite,Courier,monospace;font-size:9px;line-height:1}.brc .v{font-variant-numeric:tabular-nums;color:var(--ink);white-space:nowrap;font-family:Archivo Narrow,sans-serif;font-size:19px;font-weight:700;line-height:1.05}.brc #hodl{align-items:center;gap:3px;height:20px;display:flex}.brc .heart{background:var(--cart);border:2px solid var(--ink);border-radius:50% 50% 3px 3px;width:13px;height:13px;transform:rotate(45deg)}.brc .heart.gone{opacity:.3;background:0 0}.brc #railright{flex:none;align-items:flex-start;gap:8px;display:flex}.brc #sound,.brc #pause{pointer-events:auto;background:var(--paper);color:var(--ink);border:3px solid var(--ink);text-shadow:none;cursor:pointer;flex:none;align-self:flex-start;padding:8px 11px 7px;font-family:Special Elite,Courier,monospace;font-size:17px;line-height:1;transform:rotate(-.8deg);box-shadow:3px 4px #2a211873}.brc #sound:hover,.brc #pause:hover{transform:rotate(-.8deg)translate(1px,1px);box-shadow:2px 3px #2a211873}.brc #mapwrap{background:var(--paper);border:3px solid var(--ink);flex:none;padding:5px 7px 3px;position:relative;transform:rotate(.6deg);box-shadow:4px 5px #2a211873}.brc #mapwrap .k{margin-bottom:2px}.brc canvas#map{width:186px;height:46px;display:block}.brc #meters{pointer-events:none;flex-direction:column;gap:7px;width:158px;display:flex;position:absolute;top:76px;left:12px;transform:rotate(-.6deg)}.brc .mbar{background:var(--paper-deep);border:3px solid var(--ink);height:14px;position:relative;overflow:hidden}.brc .mfill{background:var(--boom);transform-origin:0;width:100%;transition:background .2s;position:absolute;inset:0}.brc .mlabel{letter-spacing:.13em;text-transform:uppercase;color:var(--paper);text-shadow:1px 1px 0 var(--ink),-1px 1px 0 var(--ink),1px -1px 0 var(--ink),-1px -1px 0 var(--ink);margin-bottom:3px;font-family:Special Elite,monospace;font-size:9px}.brc #cue{letter-spacing:.02em;color:var(--paper);opacity:0;text-shadow:3px 3px 0 var(--ink),-2px 2px 0 var(--ink),2px -2px 0 var(--ink),-2px -2px 0 var(--ink);pointer-events:none;white-space:nowrap;flex-direction:column;align-items:center;gap:9px;font-family:Rye,serif;font-size:26px;transition:opacity .12s;display:flex;position:absolute;top:74px;left:50%;transform:translate(-50%)rotate(-1.4deg)}.brc #cuekey{letter-spacing:.2em;text-transform:uppercase;text-shadow:none;color:var(--ink);background:var(--paper);border:3px solid var(--ink);box-shadow:0 4px 0 var(--ink);opacity:0;border-radius:5px;padding:7px 26px 6px;font-family:Special Elite,Courier,monospace;font-size:12px;line-height:1;transition:opacity .14s}.brc #cue.ask #cuekey{opacity:1}@media (hover:none),(pointer:coarse){.brc #cuekey{display:none}}.brc #cue.on{opacity:1}.brc #cue.calm{opacity:.52}.brc #cue.hold{color:#f0b4a6}.brc #cue.pump{color:#bee0be}.brc #card{background:var(--paper);border:3px solid var(--ink);opacity:0;pointer-events:none;width:min(460px,100% - 28px);padding:0;transition:opacity .22s,transform .22s cubic-bezier(.2,1.3,.4,1);position:absolute;bottom:16px;left:50%;transform:translate(-50%,26px);box-shadow:6px 7px #2a211880}.brc #card.on{opacity:1;transform:translate(-50%)}.brc #cardstripe{background:var(--boom);border-bottom:3px solid var(--ink);height:9px}.brc #cardbody{padding:9px 13px 11px}.brc #cardmeta{letter-spacing:.13em;text-transform:uppercase;color:var(--ink-soft);justify-content:space-between;gap:12px;font-family:Special Elite,monospace;font-size:10px;display:flex}.brc #cardtitle{text-wrap:balance;margin:5px 0 4px;font-family:Rye,serif;font-size:20px;line-height:1.15}.brc #cardtext{color:var(--ink-soft);max-width:58ch;font-size:15px;line-height:1.35}.brc #board{background:#2a21186b;justify-content:center;align-items:center;padding:18px;display:flex;position:absolute;inset:0}.brc #board.hidden{display:none}.brc #board.won{background:#2a211833}.brc #boardinner{background:var(--paper);border:4px solid var(--ink);border-radius:16px;width:min(520px,100%);max-height:100%;overflow:auto;transform:rotate(-.5deg);box-shadow:9px 10px #2a21188c}.brc #boardtop{background:var(--cart);border-bottom:4px solid var(--ink);text-align:center;padding:16px 18px 14px}.brc h1{color:var(--paper);text-shadow:3px 3px #2a2118bf;text-wrap:balance;margin:0;font-family:Rye,serif;font-size:clamp(24px,6.4vw,40px);font-weight:400;line-height:1.05}.brc #boardsub{letter-spacing:.2em;text-transform:uppercase;color:#f3d9ce;margin-top:8px;font-family:Special Elite,monospace;font-size:11px}.brc #boardmain{padding:16px 20px 20px}.brc #boardmain p{color:var(--ink-soft);max-width:60ch;margin:0 0 12px;font-size:15.5px;line-height:1.45}.brc .rulebox{flex-direction:column;gap:8px;margin:14px 0 16px;display:flex}.brc .rule{align-items:flex-start;gap:10px;font-size:14.5px;line-height:1.3;display:flex}.brc .chip{letter-spacing:.1em;text-transform:uppercase;border:2px solid var(--ink);background:var(--paper-deep);white-space:nowrap;flex:none;margin-top:1px;padding:3px 7px 2px;font-family:Special Elite,monospace;font-size:9.5px}.brc .chip.b{background:#bedcc4}.brc .chip.r{background:#f0bcb2}.brc .chip.y{background:#f0d89a}.brc #scoreboard{border:3px solid var(--ink);grid-template-columns:repeat(3,1fr);gap:0;margin:4px 0 16px;display:grid}.brc #scoreboard div{text-align:center;border-right:2px dashed #2a211866;padding:9px 8px}.brc #scoreboard div:last-child{border-right:0}.brc #scoreboard .k{margin-bottom:3px}.brc #scoreboard .v{font-size:22px}.brc .row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.brc button{letter-spacing:.01em;background:var(--boom);color:var(--paper);border:3px solid var(--ink);box-shadow:4px 5px 0 var(--ink);cursor:pointer;text-shadow:2px 2px #2a211880;padding:9px 20px 8px;font-family:Rye,serif;font-size:19px;transition:transform 80ms,box-shadow 80ms}.brc button:hover{box-shadow:3px 4px 0 var(--ink);transform:translate(1px,1px)}.brc button:active{box-shadow:0 0 0 var(--ink);transform:translate(4px,5px)}.brc button:focus-visible{outline:3px solid var(--btc);outline-offset:3px}.brc button.alt{background:var(--btc);color:var(--ink);text-shadow:2px 2px #ede3d073}.brc button.ghost{background:var(--paper);color:var(--ink);text-shadow:none;padding:10px 16px 9px;font-size:16px}.brc .unlocked{letter-spacing:.08em;text-transform:uppercase;color:var(--boom);margin:0 0 10px;font-family:Special Elite,monospace;font-size:12px}.brc .ridestats{border-top:3px solid var(--ink);margin-top:16px;padding-top:12px}.brc .ridestats:empty{border-top:0;margin-top:0;padding-top:0;display:none}.brc .statline{letter-spacing:.05em;color:var(--ink-soft);font-family:Special Elite,monospace;font-size:12px;line-height:1.6}.brc .statline b{color:var(--ink);font-size:14px}.brc table.board{border-collapse:collapse;width:100%;margin-top:10px}.brc table.board caption{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft);text-align:left;padding-bottom:5px;font-family:Special Elite,monospace;font-size:9px}.brc table.board td{border-bottom:1px dashed #2a211847;padding:3px 6px;font-family:Archivo Narrow,sans-serif;font-size:15px}.brc table.board td.pos{width:26px;color:var(--ink-soft);font-family:Special Elite,monospace;font-size:12px}.brc table.board td.pts{text-align:right;font-variant-numeric:tabular-nums;font-weight:700}.brc table.board td.who{text-overflow:ellipsis;white-space:nowrap;max-width:1px;overflow:hidden}.brc table.board td.empty{color:var(--ink-soft);text-align:center;font-style:italic}.brc table.board tr.mine td{background:#e8952b47}.brc .nameform{margin-top:11px}.brc .nameform label{letter-spacing:.12em;text-transform:uppercase;color:var(--boom);margin-bottom:5px;font-family:Special Elite,monospace;font-size:10px;display:block}.brc .nameform input{background:var(--paper);min-width:0;color:var(--ink);border:3px solid var(--ink);flex:130px;padding:8px 10px;font-family:Archivo Narrow,sans-serif;font-size:16px;box-shadow:3px 4px #2a211859}.brc .nameform input:focus-visible{outline:3px solid var(--btc);outline-offset:2px}.brc .nameform button{padding:8px 15px 7px;font-size:15px}.brc .nameform button:disabled{opacity:.55;cursor:default}.brc #stage.paused canvas#ride{filter:saturate(.5)brightness(.72)}.brc label.toggle{cursor:pointer;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);align-items:center;gap:7px;font-family:Special Elite,monospace;font-size:11px;display:inline-flex}.brc label.toggle input{width:17px;height:17px;accent-color:var(--cart);cursor:pointer}.brc #foot{letter-spacing:.06em;color:var(--ink-soft);opacity:.75;margin-top:14px;font-family:Special Elite,monospace;font-size:10px;line-height:1.5}.brc #foot a{color:var(--cart);text-underline-offset:2px;text-decoration:underline}.brc #foot a:hover{color:var(--ink)}@media (max-width:620px){.brc #railright{gap:6px}.brc #sound,.brc #pause{padding:6px 8px 5px;font-size:14px}.brc #meters{gap:5px;width:116px;top:64px;left:9px}.brc .mlabel{margin-bottom:2px;font-size:8px}.brc .mbar{height:12px}.brc #rail{gap:7px;padding:8px 9px}.brc .v{font-size:15px}.brc .k{letter-spacing:.1em;font-size:8px}.brc .cell{padding:3px 6px 4px}.brc .heart{border-width:2px;width:11px;height:11px}.brc #hodl{gap:2px;height:17px}.brc #mapwrap{padding:4px 5px 2px}.brc #mapwrap .k{display:none}.brc canvas#map{width:96px;height:32px}.brc #cue{font-size:19px;top:62px}.brc #cardtitle{font-size:17px}.brc #cardtext{font-size:14px}}@media (max-width:400px){.brc #cue{gap:7px;font-size:17px;top:126px}.brc .v{font-size:13.5px}.brc .cell{padding:3px 5px 4px}.brc canvas#map{width:76px;height:28px}}@media (prefers-reduced-motion:reduce){.brc #card{transition:opacity .2s}.brc button{transition:none}}.brc #boardart{border-bottom:4px solid var(--ink);object-fit:contain;background:var(--cart);width:calc(100% + 36px);max-width:none;height:auto;max-height:min(32vh,340px);margin:-16px -18px 10px;display:block}.brc .sr{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:620px){.brc #boardart{max-height:26vh}}.brc #lesson{z-index:4;background:#2a211880;justify-content:center;align-items:center;padding:18px;display:none;position:absolute;inset:0}.brc #lesson.on{display:flex}.brc #lessoninner{background:var(--paper);border:4px solid var(--ink);border-radius:16px;width:min(430px,100%);overflow:hidden;transform:rotate(-.6deg);box-shadow:9px 10px #2a21188c}.brc #lessontop{background:var(--bust);border-bottom:4px solid var(--ink);text-align:center;color:var(--paper);text-shadow:3px 3px #2a2118b3;text-wrap:balance;padding:13px 18px 11px;font-family:Rye,serif;font-size:clamp(19px,4.6vw,25px);line-height:1.1}.brc #lessonbody{padding:15px 20px 18px}.brc #lessonbody p{color:var(--ink-soft);margin:0 0 12px;font-size:15.5px;line-height:1.45}.brc #lessonhow{letter-spacing:.08em;text-transform:uppercase;background:var(--paper-deep);border:3px solid var(--ink);text-align:center;padding:9px 12px;font-family:Special Elite,Courier,monospace;font-size:12.5px;color:var(--ink)!important}.brc #lessongo{width:100%}.brc .touchonly{display:none}@media (hover:none),(pointer:coarse){.brc .deskonly{display:none}.brc .touchonly{display:inline}}