:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#dce5e8;font-synthesis:none;-webkit-font-smoothing:antialiased;font-variant-numeric:tabular-nums;--edge:clamp(16px, 3vw, 44px);background:#090d10;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}body{-webkit-user-select:none;user-select:none;height:100dvh}button,input{font:inherit;-webkit-tap-highlight-color:transparent}[hidden]{display:none!important}.masthead{inset:max(20px, env(safe-area-inset-top)) var(--edge) auto;pointer-events:none;justify-content:space-between;align-items:baseline;gap:12px;display:flex;position:fixed}h1{letter-spacing:-.035em;margin:0;font-size:13px;font-weight:500}h1 span{color:#53636b;letter-spacing:.12em;margin-left:14px;font-size:9px}#clock{color:#7b8b93;white-space:nowrap;font-size:10px}#stage{position:fixed;inset:56px 0 106px}#square{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#tiles,#heads,#rows,#qr,#toggle{width:100%;height:100%;position:absolute;inset:0}#tiles{grid-template:repeat(12,1fr)/repeat(12,1fr);gap:1px;display:grid}.tile{background:#0d1418}#heads{pointer-events:none;display:block}#rows{pointer-events:none}.row-label{color:#485a63;white-space:nowrap;justify-content:flex-end;align-items:center;gap:8px;width:72px;height:8.33333%;font-size:9px;display:flex;position:absolute;right:calc(100% + 12px)}.row-label .guess{color:#74858a;max-width:50px}.row-label.active{color:#e0eee9}#row-marker{pointer-events:none;border-top:1px solid #d1f1dfb3;border-bottom:1px solid #d1f1df66;width:100%;height:8.33333%;position:absolute;left:0;box-shadow:-2px 0 #d1f1df}#qr{pointer-events:none;opacity:.86}#qr-image{width:100%;height:100%;image-rendering:pixelated;display:block}#toggle{color:#e4f1ed;cursor:pointer;touch-action:manipulation;background:0 0;border:0;padding:0}#toggle:focus-visible{outline-offset:5px;outline:1px solid #d1f1df}#toggle:disabled{cursor:wait}#play-affordance{letter-spacing:.02em;background:#090d10ee;border:1px solid #87a49a66;border-radius:28px;align-items:center;gap:8px;padding:13px 20px 13px 15px;font-size:12px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#play-affordance svg{fill:currentColor;width:17px;height:17px}body[data-state=playing] #play-affordance,body[data-state=loading] #play-affordance,body[data-state=error] #play-affordance,#toggle[data-qr=true] #play-affordance{display:none}#message{color:#91a6ab;text-align:center;pointer-events:none;background:#090d10ee;width:min(100%,420px);margin:0;padding:16px;font-size:12px;line-height:1.6;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}body[data-state=error] #message{color:#efb7a7}#sentence{inset:auto var(--edge) 23px;pointer-events:none;justify-content:center;align-items:center;gap:6px;height:72px;display:flex;position:fixed}.rail{transform-origin:50%;flex:none;align-items:center;gap:5px;display:flex}.chip{border:1px solid hsl(var(--hue) 35% 40% / .24);background:hsl(var(--hue) 30% 20% / .19);color:hsl(var(--hue) 40% 77%);white-space:pre;border-radius:3px;flex:none;align-items:baseline;gap:7px;padding:7px 8px;font-size:12px;display:inline-flex}.chip[data-token="0"]{color:#819398;background:#111a1d;border-color:#7f9a9b24}.chip small{color:hsl(var(--hue) 24% 58%);font-size:9px}.chip.unrevealed{visibility:hidden}#timeline{touch-action:none;height:18px;position:fixed;inset:auto 0 0}#timeline:before{content:"";background:#27343a;height:2px;position:absolute;inset:auto 0 0}#progress{transform-origin:0;background:#bfdccf;width:100%;height:2px;position:absolute;inset:auto auto 0 0;transform:scaleX(0)}#seek{opacity:0;cursor:ew-resize;width:100%;height:100%;margin:0;position:absolute;inset:0}#timeline:focus-within:before,#timeline:focus-within #progress{height:4px}@media (width<=760px){#sentence{flex-direction:column;gap:7px}h1 span{display:none}.row-label{gap:5px;width:55px;font-size:8px;right:calc(100% + 7px)}}@media (height<=440px){.masthead{top:12px}#stage{top:38px;bottom:74px}#sentence{gap:4px;height:48px;bottom:19px}.chip{padding-top:3px;padding-bottom:3px;font-size:10px}}
