:root{--ink:var(--gk-ink,#2b2a33);--cream:var(--gk-cream,#fff8ec)}html,body{background:var(--cream);overscroll-behavior:none;height:100%;margin:0;overflow:hidden}#street{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;opacity:0;width:100%;height:100%;transition:opacity .4s ease-out;display:block;position:fixed;inset:0}.is-ready #street{opacity:1}.stick{box-sizing:border-box;pointer-events:none;z-index:2;background:#fff8ec47;border:3px solid #2b2a3359;border-radius:50%;place-items:center;display:grid;position:fixed}.stick--rest{left:max(20px, env(safe-area-inset-left));bottom:max(24px, env(safe-area-inset-bottom));opacity:.55}.stick--active{border-color:#2b2a3399}.stick--sprint{border-color:var(--ink);border-width:4px}.stick__knob{background:var(--ink);opacity:.8;border-radius:50%;width:44%;height:44%}.ball-arrow{background:var(--ink);width:40px;height:40px;box-shadow:0 0 0 3px var(--cream);pointer-events:none;z-index:3;border-radius:50%;display:none;position:fixed;top:0;left:0}.ball-arrow span{border-style:solid;border-width:9px 0 9px 13px;border-color:transparent transparent transparent var(--cream);position:absolute;top:11px;left:17px}.street-bar{z-index:6;padding:max(8px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) 8px max(12px, env(safe-area-inset-left));background:var(--cream);border-bottom:3px solid var(--ink);align-items:center;gap:12px;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 3px #2b2a331f}.street-sound{flex:none;gap:8px;margin-left:auto;display:flex}.sound-toggle{border:2px solid var(--ink);background:var(--cream);width:40px;height:40px;color:var(--ink);cursor:pointer;box-shadow:0 2px 0 var(--ink);touch-action:manipulation;border-radius:50%;place-items:center;display:grid}.sound-toggle:active{box-shadow:0 1px 0 var(--ink);transform:translateY(1px)}.sound-toggle.is-off{background:var(--ink);color:var(--cream)}.sound-toggle__off{display:none}.sound-toggle.is-off .sound-toggle__off{display:inline}.sound-toggle.is-off .sound-toggle__waves{display:none}.sound-toggle:focus-visible{border-radius:50%}.street-nav{scrollbar-width:none;align-items:center;gap:12px;min-width:0;display:flex;overflow-x:auto}.street-nav::-webkit-scrollbar{display:none}.street-nav ul,.street-nav__home{flex:none}.street-nav ul{gap:6px;margin:0;padding:0;list-style:none;display:flex}.street-nav__home{cursor:pointer;filter:drop-shadow(0 0 4px var(--cream));background:0 0;border:0;padding:0}.street-nav__home img{width:76px;height:auto;display:block}.street-nav__item{white-space:nowrap;font:800 .875rem/1 var(--gk-font-headline,sans-serif);color:var(--ink);background:var(--cream);border:2px solid var(--ink);border-radius:var(--gk-radius-control,999px);cursor:pointer;box-shadow:0 2px 0 var(--ink);touch-action:manipulation;padding:7px 11px}.street-nav__item:active{box-shadow:0 1px 0 var(--ink);transform:translateY(1px)}.street-nav__item:focus-visible{border-radius:var(--gk-radius-control,999px)}@media (max-width:620px){.street-bar{gap:8px}.street-nav__home img{width:54px}.street-nav__item{padding:6px 9px;font-size:.8125rem}.sound-toggle{width:36px;height:36px}}.street-skip{z-index:8;border-radius:var(--gk-radius-control,999px);background:var(--ink);color:var(--cream);font:700 .9375rem/1.2 var(--gk-font-text,sans-serif);padding:8px 14px;text-decoration:none;position:absolute;top:-60px;left:12px}.street-skip:focus{top:8px}:focus{outline:none}:focus-visible{outline:3px solid var(--ink);outline-offset:3px;border-radius:6px}.gk-visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}.prompts{pointer-events:none;z-index:4;position:fixed;inset:0}.prompt{pointer-events:none;gap:8px;display:flex;position:absolute;top:0;left:0}.prompt--menu{flex-direction:column;align-items:stretch}.prompt[hidden]{display:none}.prompt--quiet{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}.prompt__btn{pointer-events:auto;font:900 1rem/1.15 var(--gk-font-headline,sans-serif);color:var(--cream);background:var(--ink);border-radius:var(--gk-radius-control,999px);cursor:pointer;white-space:nowrap;touch-action:manipulation;border:0;padding:10px 18px;box-shadow:0 3px #2b2a3359}.prompt__btn:hover{transform:translateY(-1px)}.prompt__btn:active{transform:translateY(1px);box-shadow:0 1px #2b2a3359}.prompt__btn:focus-visible{outline-color:var(--cream);box-shadow:0 0 0 3px var(--ink);border-radius:var(--gk-radius-control,999px);outline-offset:2px}.panel{border:var(--gk-keyline,3px solid #2b2a33);border-radius:var(--gk-radius-media,24px);background:var(--cream);width:min(820px,100vw - 64px);max-height:none;color:var(--ink);padding:0;overflow:hidden}.panel[open]{display:block}.panel::backdrop{background:#2b2a3373}.panel__body{max-height:min(760px,100vh - 120px);overscroll-behavior:contain;-webkit-overflow-scrolling:touch;max-height:min(760px,100dvh - 120px);overflow:auto}.panel__close{z-index:2;background:var(--ink);width:44px;height:44px;color:var(--cream);cursor:pointer;border:0;border-radius:50%;place-items:center;display:grid;position:absolute;top:12px;right:12px}.panel__close:focus-visible{border-radius:50%}@media (max-width:600px){.panel{border-radius:20px;width:calc(100vw - 24px);max-width:calc(100vw - 24px)}.panel__body{max-height:calc(100vh - 104px);max-height:calc(100dvh - 104px)}.panel__close{width:40px;height:40px;top:8px;right:8px}}.tune{z-index:5;max-height:calc(100% - 16px);color:var(--cream);background:#2b2a33db;border-radius:8px;padding:8px 10px;font:11px/1.2 ui-monospace,Menlo,monospace;position:fixed;top:8px;right:8px;overflow:auto}.tune label{grid-template-columns:112px 120px 40px;align-items:center;gap:6px;margin:2px 0;display:grid}.tune button{font:inherit;margin-top:6px}.taster{background:#5eaec0;border:0;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;padding:0}.taster::backdrop{background:var(--cream)}.taster__frame{border:0;width:100%;height:100%;display:block}.taster__close{top:max(12px, env(safe-area-inset-top));right:max(12px, env(safe-area-inset-right));position:fixed}#street{transition:opacity .35s ease-out}.is-tasting #street{opacity:0}.cast{left:50%;bottom:max(12px, env(safe-area-inset-bottom));z-index:5;border:2px solid var(--ink);border-radius:var(--gk-radius-control,999px);max-width:calc(100% - 24px);box-shadow:0 3px 0 var(--ink);background:#fff8ecdb;align-items:center;gap:4px;padding:6px;display:flex;position:fixed;transform:translate(-50%)}.cast__track{scrollbar-width:none;scroll-behavior:smooth;gap:6px;display:flex;overflow-x:auto}.cast__track::-webkit-scrollbar{display:none}.cast__who{font:800 .875rem/1 var(--gk-font-headline,sans-serif);color:var(--ink);border-radius:var(--gk-radius-control,999px);cursor:pointer;white-space:nowrap;touch-action:manipulation;background:0 0;border:2px solid #0000;flex:none;align-items:center;gap:6px;padding:6px 10px 6px 7px;display:inline-flex}.cast__who[aria-pressed=true]{background:var(--ink);color:var(--cream)}.cast__who--soon{opacity:.6}.cast__who--soon .cast__dot{border-style:dashed}.cast__dot{border:2px solid var(--ink);box-sizing:border-box;border-radius:50%;width:14px;height:14px}.cast__who[aria-pressed=true] .cast__dot{border-color:var(--cream)}.cast__arrow{border:2px solid var(--ink);background:var(--cream);width:28px;height:28px;color:var(--ink);cursor:pointer;touch-action:manipulation;border-radius:50%;flex:none;place-items:center;padding:0;display:none}.cast--scrolls .cast__arrow{display:grid}.cast__arrow:disabled{opacity:.3;cursor:default}.cast-toast{left:50%;bottom:calc(max(12px, env(safe-area-inset-bottom)) + 66px);z-index:5;border-radius:var(--gk-radius-control,999px);background:var(--ink);max-width:calc(100% - 32px);color:var(--cream);font:900 1.0625rem/1.2 var(--gk-font-headline,sans-serif);text-align:center;opacity:0;pointer-events:none;padding:11px 18px;transition:opacity .25s ease-out,transform .25s ease-out;position:fixed;transform:translate(-50%,12px)}.cast-toast.is-on{opacity:1;transform:translate(-50%)}@media (max-width:620px){.cast{max-width:calc(100% - 20px)}.cast-toast{bottom:calc(max(12px, env(safe-area-inset-bottom)) + 70px)}.stick--rest{bottom:calc(max(12px, env(safe-area-inset-bottom)) + 74px)}}
