:root{color-scheme:dark}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:#000}body{color:#e9e6dd;font-family:Helvetica,Arial,sans-serif}.board-shell{min-height:100dvh;padding:clamp(12px,2vw,32px);background:#000}.webgl-shell{min-height:0;--webgl-outer-padding:max(clamp(12px,2vw,32px),calc((100vw - var(--webgl-frame-width)) / 2));padding-top:var(--webgl-outer-padding);padding-bottom:var(--webgl-outer-padding)}.station-title{position:relative;z-index:1;margin:0 0 clamp(22px,2.7vw,42px);color:#e9e6dd;font:400 clamp(38px,4.6vw,78px)/1 Helvetica,Arial,sans-serif;letter-spacing:-.025em}.board-scroll{width:100%;overflow-x:auto}.departures{table-layout:fixed;border-collapse:collapse;border-spacing:0}.departures th{height:calc(42px * var(--board-scale));padding:0;vertical-align:top;color:#e9e6dd;font-family:Helvetica,Arial,sans-serif;font-size:clamp(15px,1.35vw,23px);font-weight:700;text-align:left}.departures tbody tr,.departures td{height:calc(48px * var(--board-scale))}.departures td{padding:0;vertical-align:top;white-space:nowrap;line-height:0}.flap-line{display:inline-flex;gap:1px;white-space:nowrap}.departures .flap-line{gap:calc(1px * var(--board-scale))}.flap{position:relative;display:inline-block;width:1.16em;height:1.55em;perspective:2.3em;perspective-origin:50% 48%;color:#e9e6dd;font:500 clamp(18px,2vw,32px)/1.55em sans-serif;font-family:Helvetica,Arial,sans-serif;text-align:center}.departures .flap{width:calc(30px * var(--board-scale));height:calc(40px * var(--board-scale));perspective:calc(72px * var(--board-scale));font-size:calc(25.6px * var(--board-scale));line-height:calc(40px * var(--board-scale))}.flap-half{position:absolute;left:0;right:0;height:50%;display:block;background:#171717;backface-visibility:hidden;overflow:hidden;text-transform:uppercase}.flap-fold-top,.flap-top{top:0;background:#121212}.flap-bottom,.flap-fold-bottom{bottom:0;background:#0e0e0e}.flap-half:before{content:attr(data-char);position:absolute;left:0;top:0;width:100%;height:200%;line-height:inherit}.flap-bottom:before,.flap-fold-bottom:before{top:-100%}.flap:after{content:"";position:absolute;z-index:5;top:50%;left:0;right:0;height:1px;background:#000;pointer-events:none}.flap-fold-top{z-index:3;transform-origin:center bottom}.flap-fold-bottom{z-index:2;transform-origin:center top;transform:rotateX(90deg)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.lab{min-height:100dvh;padding:clamp(20px,4vw,60px);background:#000;color:#e9e6dd;font-family:Helvetica,Arial,sans-serif}.lab h1{margin:0;font-size:24px;font-weight:400}.lab-stage{min-height:min(54vh,520px);display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(24px,4vw,64px);max-width:1400px;margin:0 auto}.lab-preview{display:flex;flex-direction:column;min-width:0}.lab-preview h2{margin:26px 0 0;font-size:16px;font-weight:400}.lab-preview-display{flex:1;display:grid;place-items:center;min-height:420px}.lab-flap{font-size:clamp(150px,21vw,260px)}.lab-word{display:flex;gap:2px}.lab-word .flap{font-size:clamp(46px,6.8vw,90px)}.lab-controls{max-width:800px;margin:0 auto}.lab-controls label{display:block;margin-bottom:16px;font-size:16px}.lab-slider-row{display:flex;align-items:center;gap:20px}.lab-controls input{flex:1;min-width:0;accent-color:#e9e6dd}.lab-slider-row button{min-width:58px;padding:6px 0;border:0;border-bottom:1px solid #777;border-radius:0;background:none;color:#e9e6dd;font:14px Helvetica,Arial,sans-serif;cursor:pointer}.lab-readout{display:flex;justify-content:space-between;gap:16px;margin-top:18px;font-size:14px;font-variant-numeric:tabular-nums}@media (max-width:850px){.lab-stage{grid-template-columns:1fr;gap:0}.lab-preview-display{min-height:300px}.lab-flap{font-size:clamp(130px,28vw,220px)}.lab-word .flap{font-size:clamp(42px,10vw,70px)}}@media (max-width:600px){.lab-readout{flex-wrap:wrap}}.webgl-topline{justify-content:space-between;gap:16px;margin:0 auto clamp(22px,2.7vw,42px)}.webgl-actions,.webgl-topline{display:flex;align-items:center}.webgl-actions{flex:none;gap:12px}.webgl-topline .station-title{margin:0}.station-heading{flex:1}.station-heading,.station-heading-content{display:flex;align-items:center;min-width:0}.station-heading-content{gap:8px}.station-heading .station-title{min-width:0;overflow-wrap:anywhere}.station-heading-selectable .station-title{white-space:nowrap;line-height:clamp(38px,4.6vw,78px)}.station-heading-outgoing{position:absolute;top:0;left:0;pointer-events:none}.station-heading-selectable{position:relative;flex:0 1 auto;cursor:pointer}.station-picker{position:relative;display:grid;place-items:center;flex:none;width:36px;height:44px;color:#777}.station-picker svg{width:24px;height:24px;pointer-events:none}.station-heading-selectable select{position:absolute;inset:0;z-index:2;width:100%;height:100%;opacity:0;cursor:pointer;outline:none}@media (hover:hover){.station-heading-selectable:hover .station-picker{color:#e9e6dd}}.flap-sound-control{display:grid;place-items:center;flex:none;width:30px;height:44px;padding:0;border:0;background:none;color:#666;cursor:pointer}.flap-sound-control:hover{color:#fff}.flap-sound-control:focus-visible{outline:2px solid #e9e6dd;outline-offset:0}.flap-sound-control svg{display:block;width:21px;height:21px}.webgl-info-wrap{position:relative;display:block}.webgl-info-button{display:grid;place-items:center;flex:none;width:30px;height:44px;padding:0;border:0;background:none;color:#666;cursor:pointer}.webgl-info-button:hover{color:#fff}.webgl-info-button:focus-visible{outline:2px solid #e9e6dd;outline-offset:0}.webgl-info-button svg{display:block;width:21px;height:21px}.webgl-info-tooltip{position:absolute;z-index:10;top:calc(100% + 6px);right:0;width:min(280px,calc(100vw - 32px));padding:11px 13px;border:1px solid #343434;border-radius:8px;background:#181818;box-shadow:0 12px 36px rgb(0 0 0/.5);color:#e9e6dd;font:13px/1.45 Helvetica,Arial,sans-serif;text-align:left;white-space:normal;visibility:hidden;opacity:0;pointer-events:none;transition:opacity .12s ease-out,visibility .12s}.webgl-info-wrap:not([data-dismissed=true]):focus-within .webgl-info-tooltip,.webgl-info-wrap:not([data-dismissed=true]):hover .webgl-info-tooltip{visibility:visible;opacity:1}@media (prefers-reduced-motion:reduce){.webgl-info-tooltip{transition:none}}@media (max-width:600px){.webgl-topline .station-title{font-size:clamp(24px,7vw,38px)}.station-heading-selectable .station-title{line-height:clamp(24px,7vw,38px)}.station-heading-content{gap:4px}.station-picker{width:24px}}.webgl-board-scroll{width:100%;overflow-x:auto}.webgl-frame{border:2px solid #0b0b0b;background:#181818;box-shadow:inset 0 0 0 1px #222,0 12px 28px rgb(0 0 0/.34);width:max-content;margin-inline:auto;padding:24px}.webgl-board{position:relative;max-width:none;margin-inline:auto}.webgl-headings{position:relative;height:42px;overflow:hidden}.webgl-headings span{position:absolute;top:0;color:#e9e6dd;font:700 clamp(15px,1.35vw,23px)/1 Helvetica,Arial,sans-serif}.webgl-board canvas{display:block}.webgl-select-layer{position:absolute;inset:42px 0 0;pointer-events:none}.webgl-select-row{position:absolute;left:0;right:0;height:40px}.webgl-select-column{position:absolute;top:0;white-space:pre;pointer-events:auto;cursor:text;user-select:text}.webgl-select-char{display:inline;color:transparent;font:500 25.6px/40px Helvetica,Arial,sans-serif;user-select:text}.webgl-select-char::selection{color:#89baff;background:transparent}.webgl-renderer-fallback{position:absolute;top:42px;left:0;color:#e9e6dd;font:14px Helvetica,Arial,sans-serif}.webgl-footer{margin-top:clamp(32px,4vw,64px);color:#777;font:13px/1.5 Helvetica,Arial,sans-serif;text-align:center;white-space:nowrap}.webgl-footer a{color:inherit;text-decoration:none;border-bottom:1px solid}.webgl-footer a:hover{color:#999}.webgl-footer a:focus-visible{outline:2px solid #999;outline-offset:3px}@media (max-width:899px){.departures th,.webgl-headings span{font-size:16px}.board-scroll[data-overflow-right=true],.webgl-board-scroll[data-overflow-right=true]{mask-image:linear-gradient(90deg,#000 calc(100% - 32px),transparent)}.board-scroll[data-overflow-left=true],.webgl-board-scroll[data-overflow-left=true]{mask-image:linear-gradient(90deg,transparent,#000 32px)}.board-scroll[data-overflow-left=true][data-overflow-right=true],.webgl-board-scroll[data-overflow-left=true][data-overflow-right=true]{mask-image:linear-gradient(90deg,transparent,#000 32px,#000 calc(100% - 32px),transparent)}.webgl-shell{padding:20px 20px 28px}.webgl-topline{margin-bottom:26px}.webgl-board-scroll{max-height:calc(100dvh - 118px);overflow:auto}.webgl-frame{padding:12px}.webgl-headings{position:sticky;top:0;z-index:2;background:#181818}.webgl-footer{white-space:normal}}