.cg{flex-direction:column;gap:18px;max-width:920px;margin-inline:auto;display:flex}.cg-head{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.cg-head h1{letter-spacing:-.02em;font-size:clamp(2.2rem,6vw,3.4rem);font-weight:800}.cg-rainbow{background:linear-gradient(90deg,#e83030,#f2930d,#29a352,#1791cf,#9a3cdd,#e2368c);color:#0000;background-size:200% 100%;-webkit-background-clip:text;background-clip:text;animation:8s linear infinite cg-shimmer}@keyframes cg-shimmer{to{background-position:200% 0}}.cg-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;flex-direction:column;gap:12px;min-width:0;padding:clamp(16px,3vw,26px);display:flex;box-shadow:0 1px #16233f08,0 12px 32px -18px #16233f2e}.cg-card h2{flex-wrap:wrap;align-items:center;gap:8px;font-size:1.15rem;font-weight:700;display:flex}.cg-tag{font:500 .68rem var(--mono);letter-spacing:.08em;color:var(--accent);background:color-mix(in oklab, var(--accent) 10%, var(--surface));border-radius:999px;padding:2px 8px}.cg-text{color:var(--muted);margin:0}.cg-text b,.cg-verdict b{color:var(--ink)}.cg-small{color:var(--muted);margin:0;font-size:.82rem}.cg-verdict{margin:0;font-size:1.08rem}.cg-btn{background:var(--accent);color:#fff;font:700 1rem var(--body);cursor:pointer;box-shadow:0 6px 16px -8px var(--accent);border:0;border-radius:12px;align-self:stretch;padding:12px 20px;transition:transform .15s,filter .15s}.cg-btn:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-1px)}.cg-btn:active:not(:disabled){transform:translateY(1px)}.cg-btn.big{align-self:center;min-width:200px;padding:14px 28px;font-size:1.15rem}.cg-btn.ghost{background:var(--tag);color:var(--muted);box-shadow:none;cursor:default}.cg-again{justify-content:center;display:flex}.cg-start{align-self:center;align-items:stretch;width:100%;max-width:560px}.cg-how{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.cg-how li{border:1px solid var(--line);border-radius:12px;flex-direction:column;gap:4px;padding:12px;display:flex}.cg-how b{font-family:var(--display);font-size:1.05rem}.cg-how small{color:var(--muted);font-size:.78rem;line-height:1.35}.cg-how-ico{border-radius:10px;place-items:center;width:34px;height:34px;font-size:1.05rem;display:grid}@media (width<=520px){.cg-how{grid-template-columns:1fr}}.cg-age{color:var(--muted);flex-direction:column;gap:6px;font-size:.78rem;display:flex}.cg-age select{font:500 .95rem var(--body);color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:10px 12px}.cg-startcurve{flex-direction:column;gap:4px;display:flex}.cg-startcurve small{font-family:var(--mono);color:var(--muted);font-size:.75rem}.cg-progress{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.cg-dots{gap:6px;display:flex}.cg-dot{border:2px solid var(--line);background:var(--surface);border-radius:50%;width:16px;height:16px;transition:background .3s,transform .3s}.cg-dot.now{border-color:var(--ink);transform:scale(1.15)}.cg-round{font:500 .8rem var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.cg-points{font:700 .95rem var(--mono);color:var(--accent);margin-left:auto}.cg-stage{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(16px,4vw,36px);display:grid}@media (width<=720px){.cg-stage{grid-template-columns:minmax(0,1fr)}}.cg-swatch-wrap{flex-direction:column;gap:8px;display:flex}.cg-swatch{aspect-ratio:1;border-radius:20px;place-items:center;width:100%;max-height:380px;transition:background-color 80ms;display:grid;box-shadow:inset 0 0 0 1px #0000000f,0 18px 40px -20px #16233f73}.cg-swatch.memo{animation:1s ease-in-out infinite cg-breathe}@keyframes cg-breathe{50%{transform:scale(1.012)}}.cg-swatch.split{grid-template-columns:1fr 1fr;place-items:stretch stretch;display:grid;overflow:hidden}.cg-swatch.split>div{justify-content:center;align-items:flex-end;height:100%;padding-bottom:12px;display:flex}.cg-swatch.split span{font:700 .72rem var(--body);letter-spacing:.08em;text-transform:uppercase;color:#fff;background:#00000059;border-radius:999px;padding:3px 10px}.cg-timer{font-family:var(--display);color:#fff;text-shadow:0 4px 18px #00000059;font-size:clamp(3.5rem,10vw,5.5rem);font-weight:800;animation:1s ease-out cg-tick}@keyframes cg-tick{0%{opacity:0;transform:scale(1.5)}30%{opacity:1}to{transform:scale(1)}}.cg-countbar{background:var(--tag);border-radius:3px;height:6px;overflow:hidden}.cg-countbar i{background:var(--accent);transform-origin:0;height:100%;animation:linear forwards cg-drain;display:block}@keyframes cg-drain{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.cg-controls{flex-direction:column;gap:14px;display:flex}.cg-controls .fx-mascot{justify-content:flex-start}.cg-controls label{flex-direction:column;gap:6px;display:flex}.cg-controls label span{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);justify-content:space-between;font-size:.76rem;display:flex}.cg-controls label b{font:500 .8rem var(--mono);color:var(--ink);letter-spacing:0;text-transform:none}.cg-slider{appearance:none;border-radius:999px;outline:none;width:100%;height:14px;margin:4px 0;box-shadow:inset 0 0 0 1px #00000014}.cg-slider:disabled{opacity:.4}.cg-slider::-webkit-slider-thumb{appearance:none;border:3px solid var(--ink);cursor:grab;background:#fff;border-radius:50%;width:24px;height:24px;transition:transform .15s;box-shadow:0 2px 6px #00000040}.cg-slider::-moz-range-thumb{border:3px solid var(--ink);cursor:grab;background:#fff;border-radius:50%;width:18px;height:18px;box-shadow:0 2px 6px #00000040}.cg-slider:not(:disabled)::-webkit-slider-thumb:hover{transform:scale(1.15)}.cg-slider:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.cg-roundscore{background:var(--tag);border-radius:12px;flex-wrap:wrap;align-items:baseline;gap:10px;padding:10px 14px;animation:.35s ease-out fx-pop;display:flex}.cg-roundscore b{font:800 1.8rem var(--display);color:var(--accent)}.cg-roundscore b small{color:var(--muted);font-size:.9rem}.cg-roundscore span{color:var(--muted);font-size:.82rem}.cg-results{flex-direction:column;gap:18px;display:flex}.cg-hero{flex-direction:row;align-items:center;gap:clamp(16px,4vw,40px)}@media (width<=600px){.cg-hero{text-align:center;flex-direction:column}}.cg-hero-text{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.cg-hero-text .fx-mascot{justify-content:flex-start}.cg-hero-text .fx-mascot .fx-face{font-size:1.6rem}@media (width<=600px){.cg-hero-text{align-items:center}}.cg-dial{flex:none;width:min(190px,60vw)}.cg-dial-track{fill:none;stroke:var(--tag);stroke-width:16px}.cg-dial-fill{fill:none;stroke-width:16px;stroke-linecap:round}.cg-dial-num{font:800 46px var(--display);fill:var(--ink)}.cg-dial-of{font:500 11px var(--mono);fill:var(--muted)}.cg-palette{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}@media (width<=560px){.cg-palette{grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}}.cg-paint{border:1px solid var(--line);background:var(--surface);border-radius:12px;margin:0;animation:.5s ease-out both cg-flip;overflow:hidden}@keyframes cg-flip{0%{opacity:0;transform:translateY(14px)rotate(-3deg)}to{opacity:1;transform:none}}.cg-paint-sw{grid-template-rows:1fr 1fr;height:120px;display:grid}.cg-paint-sw>div{align-items:flex-end;padding:4px 6px;display:flex}.cg-paint-sw span{font:600 .62rem var(--mono);color:#fff;background:#0000004d;border-radius:4px;padding:0 4px}.cg-paint figcaption{color:var(--muted);justify-content:space-between;align-items:baseline;padding:6px 8px;font-size:.75rem;display:flex}.cg-paint figcaption b{font:800 1.05rem var(--display);color:var(--ink)}.cg-paint figcaption b small{color:var(--muted);font-size:.7rem}.cg-two{grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:18px;display:grid}.cg-compass{align-self:center;width:100%;max-width:320px}.cg-compass-bg{fill:var(--surface)}.cg-compass-grid{fill:none;stroke:var(--line);stroke-dasharray:2 3}.cg-compass-line{stroke:var(--ink);stroke-width:1.5px;stroke-dasharray:3 3;opacity:.6}.cg-compass-n{font:700 9px var(--mono);fill:#fff;pointer-events:none}.cg-compass-pair{transform-box:fill-box;transform-origin:50%;animation:.4s ease-out both fx-pop}.cg-meters{flex-direction:column;gap:12px;display:flex}.cg-meter-top{justify-content:space-between;font-size:.88rem;display:flex}.cg-meter-top b{font-family:var(--mono)}.cg-meter-bar{background:var(--tag);border-radius:5px;height:10px;margin:4px 0 2px;overflow:hidden}.cg-meter-bar i{background:linear-gradient(90deg, var(--c2), var(--accent));transform-origin:0;border-radius:5px;height:100%;animation:1.1s cubic-bezier(.2,.8,.2,1) both cg-grow;display:block}@keyframes cg-grow{0%{transform:scaleX(0)}}.cg-meter small{color:var(--muted);font-size:.76rem}.cg-rounds{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;margin-top:6px;font-size:.84rem}.cg-rounds th{text-align:left;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding:6px 4px;font-size:.7rem;font-weight:500}.cg-rounds td{border-top:1px solid var(--line);font-family:var(--mono);padding:6px 4px}.cg-chip{vertical-align:-2px;border-radius:4px;width:14px;height:14px;margin-right:6px;display:inline-block}.cg-nerd{grid-template-columns:repeat(auto-fit,minmax(min(100%,130px),1fr));gap:10px;display:grid}.cg-nerd div{background:var(--bg);border:1px solid var(--line);border-radius:12px;flex-direction:column;gap:2px;padding:10px 12px;display:flex}.cg-nerd b{font-family:var(--mono);font-size:1.02rem;font-weight:500}.cg-nerd small{color:var(--muted);font-size:.72rem;line-height:1.3}.cg>.fx-drift{inset:0}@media (prefers-reduced-motion:reduce){.cg-rainbow,.cg-swatch.memo,.cg-timer,.cg-paint,.cg-meter-bar i,.cg-compass-pair,.cg-roundscore,.cg-countbar i{animation:none}}.leaflet-pane,.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile-container,.leaflet-pane>svg,.leaflet-pane>canvas,.leaflet-zoom-box,.leaflet-image-layer,.leaflet-layer{position:absolute;top:0;left:0}.leaflet-container{overflow:hidden}.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow{-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.leaflet-tile::selection{background:0 0}.leaflet-safari .leaflet-tile{image-rendering:-webkit-optimize-contrast}.leaflet-safari .leaflet-tile-container{-webkit-transform-origin:0 0;width:1600px;height:1600px}.leaflet-marker-icon,.leaflet-marker-shadow{display:block}.leaflet-container .leaflet-overlay-pane svg{max-width:none!important;max-height:none!important}.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-shadow-pane img,.leaflet-container .leaflet-tile-pane img,.leaflet-container img.leaflet-image-layer,.leaflet-container .leaflet-tile{width:auto;padding:0;max-width:none!important;max-height:none!important}.leaflet-container img.leaflet-tile{mix-blend-mode:plus-lighter}.leaflet-container.leaflet-touch-zoom{-ms-touch-action:pan-x pan-y;touch-action:pan-x pan-y}.leaflet-container.leaflet-touch-drag{-ms-touch-action:pinch-zoom;touch-action:none;touch-action:pinch-zoom}.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{-ms-touch-action:none;touch-action:none}.leaflet-container{-webkit-tap-highlight-color:transparent}.leaflet-container a{-webkit-tap-highlight-color:#33b5e566}.leaflet-tile{filter:inherit;visibility:hidden}.leaflet-tile-loaded{visibility:inherit}.leaflet-zoom-box{box-sizing:border-box;z-index:800;width:0;height:0}.leaflet-overlay-pane svg{-moz-user-select:none}.leaflet-pane{z-index:400}.leaflet-tile-pane{z-index:200}.leaflet-overlay-pane{z-index:400}.leaflet-shadow-pane{z-index:500}.leaflet-marker-pane{z-index:600}.leaflet-tooltip-pane{z-index:650}.leaflet-popup-pane{z-index:700}.leaflet-map-pane canvas{z-index:100}.leaflet-map-pane svg{z-index:200}.leaflet-vml-shape{width:1px;height:1px}.lvml{behavior:url(#default#VML);display:inline-block;position:absolute}.leaflet-control{z-index:800;pointer-events:visiblePainted;pointer-events:auto;position:relative}.leaflet-top,.leaflet-bottom{z-index:1000;pointer-events:none;position:absolute}.leaflet-top{top:0}.leaflet-right{right:0}.leaflet-bottom{bottom:0}.leaflet-left{left:0}.leaflet-control{float:left;clear:both}.leaflet-right .leaflet-control{float:right}.leaflet-top .leaflet-control{margin-top:10px}.leaflet-bottom .leaflet-control{margin-bottom:10px}.leaflet-left .leaflet-control{margin-left:10px}.leaflet-right .leaflet-control{margin-right:10px}.leaflet-fade-anim .leaflet-popup{opacity:0;transition:opacity .2s linear}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}.leaflet-zoom-animated{transform-origin:0 0}svg.leaflet-zoom-animated{will-change:transform}.leaflet-zoom-anim .leaflet-zoom-animated{-webkit-transition:-webkit-transform .25s cubic-bezier(0,0,.25,1);-moz-transition:-moz-transform .25s cubic-bezier(0,0,.25,1);transition:transform .25s cubic-bezier(0,0,.25,1)}.leaflet-zoom-anim .leaflet-tile,.leaflet-pan-anim .leaflet-tile{transition:none}.leaflet-zoom-anim .leaflet-zoom-hide{visibility:hidden}.leaflet-interactive{cursor:pointer}.leaflet-grab{cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.leaflet-crosshair,.leaflet-crosshair .leaflet-interactive{cursor:crosshair}.leaflet-popup-pane,.leaflet-control{cursor:auto}.leaflet-dragging .leaflet-grab,.leaflet-dragging .leaflet-grab .leaflet-interactive,.leaflet-dragging .leaflet-marker-draggable{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-image-layer,.leaflet-pane>svg path,.leaflet-tile-container{pointer-events:none}.leaflet-marker-icon.leaflet-interactive,.leaflet-image-layer.leaflet-interactive,.leaflet-pane>svg path.leaflet-interactive,svg.leaflet-image-layer.leaflet-interactive path{pointer-events:visiblePainted;pointer-events:auto}.leaflet-container{outline-offset:1px;background:#ddd}.leaflet-container a{color:#0078a8}.leaflet-zoom-box{background:#ffffff80;border:2px dotted #38f}.leaflet-container{font-family:Helvetica Neue,Arial,Helvetica,sans-serif;font-size:.75rem;line-height:1.5}.leaflet-bar{border-radius:4px;box-shadow:0 1px 5px #000000a6}.leaflet-bar a{text-align:center;color:#000;background-color:#fff;border-bottom:1px solid #ccc;width:26px;height:26px;line-height:26px;text-decoration:none;display:block}.leaflet-bar a,.leaflet-control-layers-toggle{background-position:50%;background-repeat:no-repeat;display:block}.leaflet-bar a:hover,.leaflet-bar a:focus{background-color:#f4f4f4}.leaflet-bar a:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.leaflet-bar a:last-child{border-bottom:none;border-bottom-right-radius:4px;border-bottom-left-radius:4px}.leaflet-bar a.leaflet-disabled{cursor:default;color:#bbb;background-color:#f4f4f4}.leaflet-touch .leaflet-bar a{width:30px;height:30px;line-height:30px}.leaflet-touch .leaflet-bar a:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.leaflet-touch .leaflet-bar a:last-child{border-bottom-right-radius:2px;border-bottom-left-radius:2px}.leaflet-control-zoom-in,.leaflet-control-zoom-out{text-indent:1px;font:700 18px Lucida Console,Monaco,monospace}.leaflet-touch .leaflet-control-zoom-in,.leaflet-touch .leaflet-control-zoom-out{font-size:22px}.leaflet-control-layers{background:#fff;border-radius:5px;box-shadow:0 1px 5px #0006}.leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAQAAAADQ4RFAAACf0lEQVR4AY1UM3gkARTePdvdoTxXKc+qTl3aU5U6b2Kbkz3Gtq3Zw6ziLGNPzrYx7946Tr6/ee/XeCQ4D3ykPtL5tHno4n0d/h3+xfuWHGLX81cn7r0iTNzjr7LrlxCqPtkbTQEHeqOrTy4Yyt3VCi/IOB0v7rVC7q45Q3Gr5K6jt+3Gl5nCoDD4MtO+j96Wu8atmhGqcNGHObuf8OM/x3AMx38+4Z2sPqzCxRFK2aF2e5Jol56XTLyggAMTL56XOMoS1W4pOyjUcGGQdZxU6qRh7B9Zp+PfpOFlqt0zyDZckPi1ttmIp03jX8gyJ8a/PG2yutpS/Vol7peZIbZcKBAEEheEIAgFbDkz5H6Zrkm2hVWGiXKiF4Ycw0RWKdtC16Q7qe3X4iOMxruonzegJzWaXFrU9utOSsLUmrc0YjeWYjCW4PDMADElpJSSQ0vQvA1Tm6/JlKnqFs1EGyZiFCqnRZTEJJJiKRYzVYzJck2Rm6P4iH+cmSY0YzimYa8l0EtTODFWhcMIMVqdsI2uiTvKmTisIDHJ3od5GILVhBCarCfVRmo4uTjkhrhzkiBV7SsaqS+TzrzM1qpGGUFt28pIySQHR6h7F6KSwGWm97ay+Z+ZqMcEjEWebE7wxCSQwpkhJqoZA5ivCdZDjJepuJ9IQjGGUmuXJdBFUygxVqVsxFsLMbDe8ZbDYVCGKxs+W080max1hFCarCfV+C1KATwcnvE9gRRuMP2prdbWGowm1KB1y+zwMMENkM755cJ2yPDtqhTI6ED1M/82yIDtC/4j4BijjeObflpO9I9MwXTCsSX8jWAFeHr05WoLTJ5G8IQVS/7vwR6ohirYM7f6HzYpogfS3R2OAAAAAElFTkSuQmCC);width:36px;height:36px}.leaflet-retina .leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAQAAABvcdNgAAAEsklEQVR4AWL4TydIhpZK1kpWOlg0w3ZXP6D2soBtG42jeI6ZmQTHzAxiTbSJsYLjO9HhP+WOmcuhciVnmHVQcJnp7DFvScowZorad/+V/fVzMdMT2g9Cv9guXGv/7pYOrXh2U+RRR3dSd9JRx6bIFc/ekqHI29JC6pJ5ZEh1yWkhkbcFeSjxgx3L2m1cb1C7bceyxA+CNjT/Ifff+/kDk2u/w/33/IeCMOSaWZ4glosqT3DNnNZQ7Cs58/3Ce5HL78iZH/vKVIaYlqzfdLu8Vi7dnvUbEza5Idt36tquZFldl6N5Z/POLof0XLK61mZCmJSWjVF9tEjUluu74IUXvgttuVIHE7YxSkaYhJZam7yiM9Pv82JYfl9nptxZaxMJE4YSPty+vF0+Y2up9d3wwijfjZbabqm/3bZ9ecKHsiGmRflnn1MW4pjHf9oLufyn2z3y1D6n8g8TZhxyzipLNPnAUpsOiuWimg52psrTZYnOWYNDTMuWBWa0tJb4rgq1UvmutpaYEbZlwU3CLJm/ayYjHW5/h7xWLn9Hh1vepDkyf7dE7MtT5LR4e7yYpHrkhOUpEfssBLq2pPhAqoSWKUkk7EDqkmK6RrCEzqDjhNDWNE+XSMvkJRDWlZTmCW0l0PHQGRZY5t1L83kT0Y3l2SItk5JAWHl2dCOBm+fPu3fo5/3v61RMCO9Jx2EEYYhb0rmNQMX/vm7gqOEJLcXTGw3CAuRNeyaPWwjR8PRqKQ1PDA/dpv+on9Shox52WFnx0KY8onHayrJzm87i5h9xGw/tfkev0jGsQizqezUKjk12hBMKJ4kbCqGPVNXudyyrShovGw5CgxsRICxF6aRmSjlBnHRzg7Gx8fKqEubI2rahQYdR1YgDIRQO7JvQyD52hoIQx0mxa0ODtW2Iozn1le2iIRdzwWewedyZzewidueOGqlsn1MvcnQpuVwLGG3/IR1hIKxCjelIDZ8ldqWz25jWAsnldEnK0Zxro19TGVb2ffIZEsIO89EIEDvKMPrzmBOQcKQ+rroye6NgRRxqR4U8EAkz0CL6uSGOm6KQCdWjvjRiSP1BPalCRS5iQYiEIvxuBMJEWgzSoHADcVMuN7IuqqTeyUPq22qFimFtxDyBBJEwNyt6TM88blFHao/6tWWhuuOM4SAK4EI4QmFHA+SEyWlp4EQoJ13cYGzMu7yszEIBOm2rVmHUNqwAIQabISNMRstmdhNWcFLsSm+0tjJH1MdRxO5Nx0WDMhCtgD6OKgZeljJqJKc9po8juskR9XN0Y1lZ3mWjLR9JCO1jRDMd0fpYC2VnvjBSEFg7wBENc0R9HFlb0xvF1+TBEpF68d+DHR6IOWVv2BECtxo46hOFUBd/APU57WIoEwJhIi2CdpyZX0m93BZicktMj1AS9dClteUFAUNUIEygRZCtik5zSxI9MubTBH1GOiHsiLJ3OCoSZkILa9PxiN0EbvhsAo8tdAf9Seepd36lGWHmtNANTv5Jd0z4QYyeo/UEJqxKRpg5LZx6btLPsOaEmdMyxYdlc8LMaJnikDlhclqmPiQnTEpLUIZEwkRagjYkEibQErwhkTAKCLQEbUgkzJQWc/0PstHHcfEdQ+UAAAAASUVORK5CYII=);background-size:26px 26px}.leaflet-touch .leaflet-control-layers-toggle{width:44px;height:44px}.leaflet-control-layers .leaflet-control-layers-list,.leaflet-control-layers-expanded .leaflet-control-layers-toggle{display:none}.leaflet-control-layers-expanded .leaflet-control-layers-list{display:block;position:relative}.leaflet-control-layers-expanded{color:#333;background:#fff;padding:6px 10px 6px 6px}.leaflet-control-layers-scrollbar{padding-right:5px;overflow:hidden scroll}.leaflet-control-layers-selector{margin-top:2px;position:relative;top:1px}.leaflet-control-layers label{font-size:1.08333em;display:block}.leaflet-control-layers-separator{border-top:1px solid #ddd;height:0;margin:5px -10px 5px -6px}.leaflet-default-icon-path{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAYAAADAk4LOAAAFgUlEQVR4Aa1XA5BjWRTN2oW17d3YaZtr2962HUzbDNpjszW24mRt28p47v7zq/bXZtrp/lWnXr337j3nPCe85NcypgSFdugCpW5YoDAMRaIMqRi6aKq5E3YqDQO3qAwjVWrD8Ncq/RBpykd8oZUb/kaJutow8r1aP9II0WmLKLIsJyv1w/kqw9Ch2MYdB++12Onxee/QMwvf4/Dk/Lfp/i4nxTXtOoQ4pW5Aj7wpici1A9erdAN2OH64x8OSP9j3Ft3b7aWkTg/Fm91siTra0f9on5sQr9INejH6CUUUpavjFNq1B+Oadhxmnfa8RfEmN8VNAsQhPqF55xHkMzz3jSmChWU6f7/XZKNH+9+hBLOHYozuKQPxyMPUKkrX/K0uWnfFaJGS1QPRtZsOPtr3NsW0uyh6NNCOkU3Yz+bXbT3I8G3xE5EXLXtCXbbqwCO9zPQYPRTZ5vIDXD7U+w7rFDEoUUf7ibHIR4y6bLVPXrz8JVZEql13trxwue/uDivd3fkWRbS6/IA2bID4uk0UpF1N8qLlbBlXs4Ee7HLTfV1j54APvODnSfOWBqtKVvjgLKzF5YdEk5ewRkGlK0i33Eofffc7HT56jD7/6U+qH3Cx7SBLNntH5YIPvODnyfIXZYRVDPqgHtLs5ABHD3YzLuespb7t79FY34DjMwrVrcTuwlT55YMPvOBnRrJ4VXTdNnYug5ucHLBjEpt30701A3Ts+HEa73u6dT3FNWwflY86eMHPk+Yu+i6pzUpRrW7SNDg5JHR4KapmM5Wv2E8Tfcb1HoqqHMHU+uWDD7zg54mz5/2BSnizi9T1Dg4QQXLToGNCkb6tb1NU+QAlGr1++eADrzhn/u8Q2YZhQVlZ5+CAOtqfbhmaUCS1ezNFVm2imDbPmPng5wmz+gwh+oHDce0eUtQ6OGDIyR0uUhUsoO3vfDmmgOezH0mZN59x7MBi++WDL1g/eEiU3avlidO671bkLfwbw5XV2P8Pzo0ydy4t2/0eu33xYSOMOD8hTf4CrBtGMSoXfPLchX+J0ruSePw3LZeK0juPJbYzrhkH0io7B3k164hiGvawhOKMLkrQLyVpZg8rHFW7E2uHOL888IBPlNZ1FPzstSJM694fWr6RwpvcJK60+0HCILTBzZLFNdtAzJaohze60T8qBzyh5ZuOg5e7uwQppofEmf2++DYvmySqGBuKaicF1blQjhuHdvCIMvp8whTTfZzI7RldpwtSzL+F1+wkdZ2TBOW2gIF88PBTzD/gpeREAMEbxnJcaJHNHrpzji0gQCS6hdkEeYt9DF/2qPcEC8RM28Hwmr3sdNyht00byAut2k3gufWNtgtOEOFGUwcXWNDbdNbpgBGxEvKkOQsxivJx33iow0Vw5S6SVTrpVq11ysA2Rp7gTfPfktc6zhtXBBC+adRLshf6sG2RfHPZ5EAc4sVZ83yCN00Fk/4kggu40ZTvIEm5g24qtU4KjBrx/BTTH8ifVASAG7gKrnWxJDcU7x8X6Ecczhm3o6YicvsLXWfh3Ch1W0k8x0nXF+0fFxgt4phz8QvypiwCCFKMqXCnqXExjq10beH+UUA7+nG6mdG/Pu0f3LgFcGrl2s0kNNjpmoJ9o4B29CMO8dMT4Q5ox8uitF6fqsrJOr8qnwNbRzv6hSnG5wP+64C7h9lp30hKNtKdWjtdkbuPA19nJ7Tz3zR/ibgARbhb4AlhavcBebmTHcFl2fvYEnW0ox9xMxKBS8btJ+KiEbq9zA4RthQXDhPa0T9TEe69gWupwc6uBUphquXgf+/FrIjweHQS4/pduMe5ERUMHUd9xv8ZR98CxkS4F2n3EUrUZ10EYNw7BWm9x1GiPssi3GgiGRDKWRYZfXlON+dfNbM+GgIwYdwAAAAASUVORK5CYII=)}.leaflet-container .leaflet-control-attribution{background:#fffc;margin:0}.leaflet-control-attribution,.leaflet-control-scale-line{color:#333;padding:0 5px;line-height:1.4}.leaflet-control-attribution a{text-decoration:none}.leaflet-control-attribution a:hover,.leaflet-control-attribution a:focus{text-decoration:underline}.leaflet-attribution-flag{width:1em;height:.6669em;vertical-align:baseline!important;display:inline!important}.leaflet-left .leaflet-control-scale{margin-left:5px}.leaflet-bottom .leaflet-control-scale{margin-bottom:5px}.leaflet-control-scale-line{white-space:nowrap;box-sizing:border-box;text-shadow:1px 1px #fff;background:#fffc;border:2px solid #777;border-top:none;padding:2px 5px 1px;line-height:1.1}.leaflet-control-scale-line:not(:first-child){border-top:2px solid #777;border-bottom:none;margin-top:-2px}.leaflet-control-scale-line:not(:first-child):not(:last-child){border-bottom:2px solid #777}.leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{box-shadow:none}.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{background-clip:padding-box;border:2px solid #0003}.leaflet-popup{text-align:center;margin-bottom:20px;position:absolute}.leaflet-popup-content-wrapper{text-align:left;border-radius:12px;padding:1px}.leaflet-popup-content{min-height:1px;margin:13px 24px 13px 20px;font-size:1.08333em;line-height:1.3}.leaflet-popup-content p{margin:1.3em 0}.leaflet-popup-tip-container{pointer-events:none;width:40px;height:20px;margin-top:-1px;margin-left:-20px;position:absolute;left:50%;overflow:hidden}.leaflet-popup-tip{pointer-events:auto;width:17px;height:17px;margin:-10px auto 0;padding:1px;transform:rotate(45deg)}.leaflet-popup-content-wrapper,.leaflet-popup-tip{color:#333;background:#fff;box-shadow:0 3px 14px #0006}.leaflet-container a.leaflet-popup-close-button{text-align:center;color:#757575;background:0 0;border:none;width:24px;height:24px;font:16px/24px Tahoma,Verdana,sans-serif;text-decoration:none;position:absolute;top:0;right:0}.leaflet-container a.leaflet-popup-close-button:hover,.leaflet-container a.leaflet-popup-close-button:focus{color:#585858}.leaflet-popup-scrolled{overflow:auto}.leaflet-oldie .leaflet-popup-content-wrapper{-ms-zoom:1}.leaflet-oldie .leaflet-popup-tip{-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";width:24px;filter:progid:DXImageTransform.Microsoft.Matrix(M11=.707107, M12=.707107, M21=-.707107, M22=.707107);margin:0 auto}.leaflet-oldie .leaflet-control-zoom,.leaflet-oldie .leaflet-control-layers,.leaflet-oldie .leaflet-popup-content-wrapper,.leaflet-oldie .leaflet-popup-tip{border:1px solid #999}.leaflet-div-icon{background:#fff;border:1px solid #666}.leaflet-tooltip{color:#222;white-space:nowrap;-webkit-user-select:none;user-select:none;pointer-events:none;background-color:#fff;border:1px solid #fff;border-radius:3px;padding:6px;position:absolute;box-shadow:0 1px 3px #0006}.leaflet-tooltip.leaflet-interactive{cursor:pointer;pointer-events:auto}.leaflet-tooltip-top:before,.leaflet-tooltip-bottom:before,.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{pointer-events:none;content:"";background:0 0;border:6px solid #0000;position:absolute}.leaflet-tooltip-bottom{margin-top:6px}.leaflet-tooltip-top{margin-top:-6px}.leaflet-tooltip-bottom:before,.leaflet-tooltip-top:before{margin-left:-6px;left:50%}.leaflet-tooltip-top:before{border-top-color:#fff;margin-bottom:-12px;bottom:0}.leaflet-tooltip-bottom:before{border-bottom-color:#fff;margin-top:-12px;margin-left:-6px;top:0}.leaflet-tooltip-left{margin-left:-6px}.leaflet-tooltip-right{margin-left:6px}.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{margin-top:-6px;top:50%}.leaflet-tooltip-left:before{border-left-color:#fff;margin-right:-12px;right:0}.leaflet-tooltip-right:before{border-right-color:#fff;margin-left:-12px;left:0}@media print{.leaflet-control{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.trains{flex-direction:column;gap:18px;max-width:1120px;margin-inline:auto;display:flex}.trains-head .back{font-size:.9rem}.trains-head h1{letter-spacing:-.015em;margin-top:10px;font-size:clamp(1.9rem,4.5vw,2.6rem);font-weight:800}.trains-sub{color:var(--muted);font-variant-numeric:tabular-nums;margin:6px 0 0}.trains-error{color:#8a1f26;background:#fdecec;border:1px solid #f3c2c5;border-radius:8px;margin:0;padding:10px 14px;font-size:.9rem}.trains-body{grid-template-columns:minmax(0,1fr) 280px;gap:16px;display:grid}@media (width<=860px){.trains-body{grid-template-columns:minmax(0,1fr)}}.trains-map{border:1px solid var(--line);background:#e8ecf1;border-radius:10px;height:min(72vh,680px);min-height:380px;overflow:hidden}.trains-panel{flex-direction:column;gap:12px;min-width:0;display:flex}.trains-panel h2{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-size:.75rem;font-weight:500}.trains-stats{background:var(--line);border:1px solid var(--line);border-radius:10px;grid-template-columns:1fr 1fr;gap:1px;display:grid;overflow:hidden}.trains-stats div{background:var(--surface);flex-direction:column;padding:10px 12px;display:flex}.trains-stats b{font-family:var(--display);font-variant-numeric:tabular-nums;font-size:1.35rem;font-weight:800}.trains-stats small{color:var(--muted);font-size:.74rem;line-height:1.3}.trains-modes{flex-direction:column;gap:6px;font-size:.92rem;display:flex}.trains-modes label{cursor:pointer;align-items:center;gap:8px;display:flex}.trains-modes label span{font-family:var(--mono);color:var(--muted);margin-left:auto;font-size:.8rem}.trains-modes input{accent-color:var(--accent)}.trains-lines{flex-wrap:wrap;gap:6px;display:flex}.trains-lines button{color:#fff;font:700 .78rem var(--body);cursor:pointer;text-shadow:0 1px 1px #00000040;border:0;border-radius:6px;padding:4px 8px}.trains-lines button span{opacity:.85;font-weight:400;font-family:var(--mono);margin-left:2px}.trains-lines button.off{opacity:.3}.trains-note{color:var(--muted);margin:0;font-size:.8rem}.tm-train{width:18px;height:18px;position:relative}.tm-dot{border:2px solid #fff;border-radius:50%;position:absolute;inset:3px;box-shadow:0 0 0 1px #00000059}.tm-train.stopped .tm-dot{opacity:.75}.tm-arrow{position:absolute;inset:0}.tm-arrow:before{content:"";border:4px solid #0000;border-bottom:6px solid;position:absolute;top:-6px;left:50%;transform:translate(-50%)}.tp{font:13px/1.45 var(--body);color:#16233f;flex-direction:column;gap:4px;display:flex}.tp-head{align-items:center;gap:8px;font-weight:600;display:flex}.tp-badge{color:#fff;border-radius:4px;padding:1px 6px;font-size:12px;font-weight:700}.tp-trip{font-size:15px;font-weight:700}.tp-sub{color:#5b6478;font-size:12px}.tp-facts{margin:2px 0;padding-left:16px}.tp-cars{align-items:flex-end;gap:3px;height:38px;margin-top:4px;display:flex}.tp-car{background:#e9edf5;border-radius:3px;flex:1;justify-content:center;align-items:flex-end;height:100%;display:flex;position:relative}.tp-car i{opacity:.8;background:#c8323c;border-radius:3px;position:absolute;bottom:0;left:0;right:0}.tp-car span{font-size:10px;font-family:var(--mono);color:#16233f;position:relative}.leaflet-container{font-family:var(--body)}.trains-search{width:100%;font:inherit;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:8px;padding:8px 10px;font-size:.9rem}.trains-search:focus{outline:2px solid var(--navy);outline-offset:1px}.trains-workbtn{color:#6b4a00;font:600 .85rem var(--body);cursor:pointer;text-align:left;background:#fff6e0;border:1px solid #f0d08a;border-radius:8px;padding:8px 10px}.trains-feeds{color:var(--muted);font-size:.8rem}.trains-feeds summary{cursor:pointer}.trains-feeds ul{font-family:var(--mono);gap:3px;margin:6px 0 0;padding:0;font-size:.74rem;list-style:none;display:grid}.trains-feeds .ok{color:#1f7a3f}.trains-feeds .bad{color:#b42a33}.tp-warn{color:#6b4a00;background:#fff6e0;border:1px solid #f0d08a;border-radius:6px;margin-top:4px;padding:4px 6px;font-size:12px}.trains-tabs{border-bottom:1px solid var(--line);gap:4px;display:flex;overflow-x:auto}.trains-tabs button,.sb-tabs button{font:600 .95rem var(--body);color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-bottom:3px solid #0000;margin-bottom:-1px;padding:10px 14px}.trains-tabs button[aria-selected=true],.sb-tabs button[aria-selected=true]{color:var(--ink);border-bottom-color:var(--accent)}.trains-tabpanel{min-height:200px}.empty{color:var(--muted);margin:8px 0;font-size:.9rem}.seg-row{flex-wrap:wrap;gap:6px;margin:4px 0 12px;display:flex}.seg{border:1px solid var(--line);background:var(--surface);color:var(--ink);font:500 .82rem var(--body);cursor:pointer;border-radius:999px;padding:5px 12px}.seg[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:#fff}.badge{color:#fff;font:700 .74rem var(--body);text-shadow:0 1px 1px #00000040;border-radius:4px;padding:1px 6px;display:inline-block}.busy{flex-direction:column;gap:6px;padding-top:14px;display:flex}.busy-kpis{background:var(--line);border:1px solid var(--line);border-radius:10px;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin-bottom:8px;display:grid;overflow:hidden}.busy-kpis>div{background:var(--surface);flex-direction:column;gap:2px;padding:12px 14px;display:flex}.busy-kpis small{color:var(--muted);font-size:.78rem}.busy-kpis b{font-family:var(--display);font-variant-numeric:tabular-nums;font-size:1.7rem;font-weight:800}.busy-kpis span{color:var(--muted);font-size:.76rem}.spark{width:120px;height:26px}@media (width<=640px){.busy-kpis{grid-template-columns:1fr}}.busy-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:14px;display:grid}.busy-grid.two{padding-top:14px}.tcard{background:var(--surface);border:1px solid var(--line);border-radius:10px;min-width:0;padding:14px 16px}.tcard h3{font-family:var(--display);margin:0;font-size:1.05rem;font-weight:700}.tcard .desc{color:var(--muted);margin:2px 0 8px;font-size:.84rem}.legend{color:var(--muted);flex-wrap:wrap;gap:12px;margin-bottom:4px;font-size:.78rem;display:flex}.legend i,.lc-read i{vertical-align:-1px;border-radius:2px;width:10px;height:10px;margin-right:5px;display:inline-block}.lc{position:relative}.lc svg{touch-action:pan-y;width:100%;height:auto;display:block}.lc-grid{stroke:var(--line);stroke-width:1px}.lc-tick{fill:var(--muted);font:10px var(--mono)}.lc-cursor{stroke:var(--muted);stroke-dasharray:3 3}.lc-read{color:var(--ink);font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:4px 12px;margin-top:4px;font-size:.78rem;display:flex}.tw-table{margin-top:8px;font-size:.8rem}.tw-table summary{cursor:pointer;color:var(--muted)}.tw-table .scroll{max-height:240px;margin-top:6px;overflow:auto}.tw-table table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}.tw-table th,.tw-table td{text-align:left;border-bottom:1px solid var(--line);white-space:nowrap;padding:3px 8px}.bars{flex-direction:column;gap:6px;display:flex}.bar-row{grid-template-columns:44px minmax(0,1fr) minmax(60px,1.2fr) 28px;align-items:center;gap:8px;font-size:.82rem;display:grid}.bar-row .badge{text-align:center}.bar-name{text-overflow:ellipsis;white-space:nowrap;color:var(--muted);overflow:hidden}.bar-track{background:var(--tag);border-radius:5px;height:10px;overflow:hidden}.bar-track span{border-radius:5px;height:100%;display:block}.bar-val{text-align:right;font-family:var(--mono);font-size:.78rem}.tw-list{flex-direction:column;gap:10px;display:flex}.tw-item{border:1px solid var(--line);border-radius:8px;padding:10px 12px;font-size:.88rem}.tw-item.now{background:#fffaf0;border-color:#f0d08a}.tw-when{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px;font-size:.8rem;display:flex}.tw-when b{color:var(--ink)}.tw-warn{color:#fff;width:16px;height:16px;font:800 .7rem var(--body);background:#d98e04;border-radius:50%;place-items:center;display:inline-grid}.tw-lines{flex-wrap:wrap;gap:4px;margin:6px 0 2px;display:flex}.tw-title{margin-top:4px;font-weight:600}.tw-item details{margin-top:4px;font-size:.82rem}.tw-item summary{cursor:pointer;color:var(--muted)}.tw-detail{white-space:pre-line;color:var(--ink);margin:6px 0}.sb{flex-direction:column;gap:10px;padding-top:14px;display:flex}.sb-head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:12px;display:flex}.sb-pick{color:var(--muted);flex-direction:column;gap:4px;font-size:.78rem;display:flex}.sb-pick select,.sb-controls select{font:600 1rem var(--body);border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:8px;padding:6px 10px}.sb-punct{align-items:baseline;gap:8px;display:flex}.sb-punct b{font-family:var(--display);color:var(--accent);font-size:1.8rem;font-weight:800}.sb-punct span{color:var(--muted);font-size:.85rem}.sb-tabs{border-bottom:1px solid var(--line);gap:2px;display:flex;overflow-x:auto}.sb-tabs button{padding:8px 12px;font-size:.88rem}.sb-cols{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:14px;margin-top:6px;display:grid}.sb-col h3,.sb-arr h3,.heat-title{font-size:.8rem;font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:0 0 6px;font-weight:500}.dep{border-bottom:1px solid var(--line);grid-template-columns:auto auto 1fr;align-items:baseline;gap:2px 10px;padding:8px 0;display:grid}.dep .t{font-family:var(--display);font-variant-numeric:tabular-nums;font-size:1.15rem;font-weight:800}.dep .in{color:var(--muted);font-size:.82rem}.dep .st{justify-self:end;font-size:.8rem;font-weight:600}.dep .meta{color:var(--muted);flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:4px 10px;font-size:.82rem;display:flex}.dep .meta b{color:var(--ink)}.dep.cancel .t{color:var(--muted);text-decoration:line-through}.st-good{color:#1f7a3f}.st-warn{color:#a86400}.st-bad{color:#b42a33}.sb-arr{margin-top:10px}.arr-row{align-items:baseline;gap:10px;padding:4px 0;font-size:.85rem;display:flex}.arr-row .tm{font-family:var(--mono);color:var(--muted);font-size:.8rem}.arr-row .grow{flex:1;min-width:0}.sb-controls{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;font-size:.85rem;display:flex}.sb-controls select{font-size:.88rem;font-weight:500}.reco{margin:10px 0 6px;font-size:.95rem}.train-fig{align-items:flex-end;gap:4px;max-width:560px;display:flex}.train-fig .car{flex-direction:column;flex:1;align-items:center;gap:3px;min-width:0;display:flex}.train-fig .val{font:.72rem var(--mono);color:var(--muted)}.train-fig .body{background:var(--tag);border:1px solid var(--line);border-radius:6px;width:100%;height:54px;position:relative;overflow:hidden}.train-fig .fill{background:#d98a90;position:absolute;bottom:0;left:0;right:0}.train-fig .best .body{border:2px solid var(--accent)}.train-fig .best .fill{background:var(--accent)}.train-fig .num{font:600 .74rem var(--body)}.front-note{max-width:560px;color:var(--muted);justify-content:space-between;margin-top:4px;font-size:.72rem;display:flex}.best-list{grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:10px;margin-bottom:14px;display:grid}.best-card{border:1px solid var(--line);background:var(--surface);border-radius:10px;flex-direction:column;gap:2px;padding:10px 12px;display:flex}.best-card small{color:var(--muted);font-size:.76rem}.best-card b{font-family:var(--display);font-size:1.15rem}.best-card span{color:var(--muted);font-size:.78rem}.heat-row,.heat-axis{gap:2px;display:grid}.heat-row .cell{background:var(--tag);border-radius:3px;height:34px}.heat-row .cell.none{background:repeating-linear-gradient(45deg, var(--tag), var(--tag) 3px, var(--surface) 3px, var(--surface) 6px)}.heat-row .cell.pick{outline:2px solid var(--ink);outline-offset:1px}.heat-axis span{font:.66rem var(--mono);color:var(--muted);white-space:nowrap;overflow:visible}.heat-legend{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;font-size:.76rem;display:flex}.heat-legend i{border-radius:5px;width:120px;height:10px}.trains-lag{color:#6b4a00;background:#fff6e0;border:1px solid #f0d08a;border-radius:8px;margin:0;padding:8px 14px;font-size:.86rem}.trains-feeds .held{color:#a86400}:root{--bg:#f5f6f9;--surface:#fff;--ink:#16233f;--muted:#5b6478;--line:#d9dde7;--accent:#c8323c;--navy:#1d3a73;--tag:#e9edf5;--c1:#c8323c;--c2:#2f5fbf;--neutral:#a7afc0;--display:"Bricolage Grotesque", "Helvetica Neue", Arial, sans-serif;--body:"Public Sans", "Segoe UI", Roboto, Arial, sans-serif;--mono:"JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--ink);font-family:var(--body);padding-block:clamp(24px,5vw,64px);padding-inline:clamp(16px,4vw,48px);font-size:16px;line-height:1.6}a{color:var(--navy);text-underline-offset:3px}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}h1,h2,h3{font-family:var(--display);text-wrap:balance;font-feature-settings:"calt" 0;margin:0;line-height:1.1}img{max-width:100%}.topnav{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;max-width:1120px;margin:0 auto 40px;display:flex}.topnav .brand{font-family:var(--display);color:var(--ink);font-size:1.15rem;font-weight:800;text-decoration:none}.topnav .brand span{color:var(--accent)}.topnav nav{flex-wrap:wrap;gap:6px 18px;font-size:.92rem;display:flex}.topnav nav a{color:var(--muted);text-decoration:none}.topnav nav a:hover,.topnav nav a.active{color:var(--accent)}.wrap{grid-template-columns:minmax(0,320px) minmax(0,1fr);gap:clamp(32px,6vw,88px);max-width:1120px;margin-inline:auto;display:grid}@media (width<=860px){.wrap{grid-template-columns:minmax(0,1fr)}}.id{top:calc(env(safe-area-inset-top,0px) + 32px);flex-direction:column;align-self:start;gap:20px;min-width:0;display:flex;position:sticky}@media (width<=860px){.id{position:static}}.id h1{letter-spacing:-.02em;font-size:clamp(2.6rem,6vw,3.6rem);font-weight:800}.id h1 span{color:var(--accent)}.role{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:0;font-size:.8rem}.lede{color:var(--muted);max-width:34ch;margin:0}.contact{flex-direction:column;gap:10px;font-size:.95rem;display:flex}.email{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.email code{font-family:var(--mono);-webkit-user-select:all;user-select:all;font-size:.88rem}.pill{font:500 .78rem var(--body);color:var(--ink);background:var(--tag);border:1px solid var(--line);cursor:pointer;border-radius:999px;padding:4px 12px;text-decoration:none;display:inline-block}.pill:hover{border-color:var(--navy)}.staff{width:100%;max-width:280px;height:auto;display:block;overflow:visible}.staff line{stroke:var(--line);stroke-width:1px}.staff .fit{stroke:var(--accent);stroke-width:1.5px;stroke-dasharray:4 4}.staff circle{fill:var(--navy)}.staff .eq{fill:var(--accent);font-family:var(--mono);font-size:11px}.staff .treble{fill:var(--ink);font-family:Noto Music,Bravura,Segoe UI Symbol,serif;font-size:56px}@media (prefers-reduced-motion:no-preference){.staff circle{animation:.6s ease-out both drop}.staff circle:nth-of-type(2){animation-delay:80ms}.staff circle:nth-of-type(3){animation-delay:.16s}.staff circle:nth-of-type(4){animation-delay:.24s}.staff circle:nth-of-type(5){animation-delay:.32s}.staff circle:nth-of-type(6){animation-delay:.4s}.staff circle:nth-of-type(7){animation-delay:.48s}@keyframes drop{0%{transform:translateY(-6px)}to{transform:none}}}main.content{flex-direction:column;gap:clamp(48px,7vw,80px);min-width:0;display:flex}section{flex-direction:column;gap:22px;scroll-margin-top:24px;display:flex}.eyebrow{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--accent);font-size:.75rem}section>h2{font-size:clamp(1.6rem,3vw,2.1rem);font-weight:700}.projects{gap:16px;display:grid}.proj{background:var(--surface);border:1px solid var(--line);color:inherit;border-radius:10px;grid-template-columns:minmax(0,1fr) auto;gap:6px 24px;padding:clamp(18px,3vw,26px);text-decoration:none;transition:border-color .15s;display:grid}.proj:hover{border-color:var(--navy)}.proj:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.proj h3{font-size:1.2rem;font-weight:700}.proj .unit{font-family:var(--mono);color:var(--muted);white-space:nowrap;padding-top:4px;font-size:.78rem}.proj p{max-width:66ch;color:var(--muted);grid-column:1/-1;margin:4px 0 0}.proj .more{color:var(--accent);grid-column:1/-1;margin-top:10px;font-size:.85rem;font-weight:600}@media (width<=560px){.proj{grid-template-columns:minmax(0,1fr)}}.proj.game{background:linear-gradient(120deg, var(--surface) 55%, color-mix(in oklab, var(--c2) 14%, var(--surface)))}.tags{flex-wrap:wrap;grid-column:1/-1;gap:6px;margin:10px 0 0;padding:0;list-style:none;display:flex}.tags li{font-family:var(--mono);background:var(--tag);border-radius:4px;padding:3px 8px;font-size:.72rem}.timeline{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.timeline li{border-top:1px solid var(--line);grid-template-columns:150px minmax(0,1fr);gap:4px 24px;padding-block:18px;display:grid}.timeline li:last-child{border-bottom:1px solid var(--line)}@media (width<=560px){.timeline li{grid-template-columns:minmax(0,1fr)}}.when{font-family:var(--mono);color:var(--muted);font-variant-numeric:tabular-nums;padding-top:3px;font-size:.8rem}.timeline h3{font-family:var(--body);font-size:1.02rem;font-weight:600}.timeline h3 em{color:var(--muted);font-style:normal;font-weight:400}.timeline p{color:var(--muted);max-width:62ch;margin:4px 0 0}.cols{grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:28px;display:grid}.cols h3{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:10px;font-size:.75rem;font-weight:500}.cols ul{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.sitefoot{border-top:1px solid var(--line);max-width:1120px;color:var(--muted);margin:64px auto 0;padding-top:20px;font-size:.85rem}.article{flex-direction:column;gap:28px;max-width:820px;margin-inline:auto;display:flex}.back{color:var(--muted);font-size:.9rem;text-decoration:none}.back:hover{color:var(--accent)}.article .unit{font-family:var(--mono);color:var(--muted);font-size:.8rem}.article h1{letter-spacing:-.015em;font-size:clamp(1.9rem,4.5vw,2.8rem);font-weight:800}.article p{max-width:68ch;margin:0}.article h2{font-family:var(--body);font-size:1.05rem;font-weight:600}.stats{border-block:1px dashed var(--line);flex-wrap:wrap;gap:14px 36px;padding-block:16px;display:flex}.stats div{flex-direction:column;display:flex}.stats b{font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:1.15rem;font-weight:500}.stats small{color:var(--muted);font-size:.8rem}.fig{flex-direction:column;gap:8px;min-width:0;display:flex}.cap{color:var(--muted);max-width:68ch;font-size:.86rem}.legend{color:var(--muted);flex-wrap:wrap;gap:6px 18px;font-size:.82rem;display:flex}.legend i{vertical-align:-1px;border-radius:2px;width:10px;height:10px;margin-right:6px;display:inline-block}.note{color:var(--muted);background:var(--tag);border-radius:8px;padding:12px 16px;font-size:.88rem}.steps{counter-reset:s;grid-template-columns:repeat(auto-fit,minmax(min(100%,140px),1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.steps li{counter-increment:s;border:1px solid var(--line);color:var(--muted);border-radius:8px;padding:12px;font-size:.88rem}.steps li:before{content:counter(s);font-family:var(--mono);color:var(--accent);margin-bottom:4px;font-size:.8rem;display:block}.steps b{color:var(--ink);font-weight:600;display:block}.map{border:1px solid var(--line);border-radius:8px;width:100%;height:auto}.ramp{color:var(--muted);font-size:.78rem;font-family:var(--mono);align-items:center;gap:8px;display:flex}.ramp i{background:linear-gradient(90deg,#f2faf0,#a2d99b,#2f9150,#0b5f2c);border-radius:2px;width:160px;max-width:40vw;height:10px;display:block}.formula{font-family:var(--mono);background:var(--tag);border-radius:8px;flex-direction:column;gap:14px;padding:16px 18px;font-size:.95rem;display:flex;overflow-x:auto}.formula>div{white-space:nowrap;align-items:center;gap:8px;display:flex}.formula .lhs{text-align:right;min-width:7.5em;color:var(--accent)}.frac{flex-direction:column;align-items:center;display:inline-flex}.frac span:first-child{border-bottom:1px solid var(--ink);padding:0 6px 2px}.frac span:last-child{padding:2px 6px 0}.scroll{overflow-x:auto}table.mini{border-collapse:collapse;font-variant-numeric:tabular-nums;min-width:420px;font-size:.86rem}table.mini caption{text-align:left;color:var(--muted);padding-bottom:6px;font-size:.85rem}table.mini td{border-bottom:1px solid var(--line);font-family:var(--mono);padding:6px 12px 6px 0}table.mini td:last-child{text-align:right}.pager{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;gap:16px;padding-top:20px;font-size:.9rem;display:flex}.chart{width:100%;height:auto;display:block}.chart text{fill:var(--muted);font-family:var(--body);font-size:11px}.chart .val{fill:var(--ink);font-family:var(--mono);font-size:10.5px}.chart .grid{stroke:var(--line);stroke-width:1px}.chart .base{stroke:var(--muted);stroke-width:1px}.chart [data-tip]:hover{opacity:.85}.tip{pointer-events:none;background:var(--ink);color:var(--bg);font:500 .78rem var(--body);z-index:10;border-radius:6px;max-width:240px;padding:6px 9px;position:fixed}.numbers{background:var(--line);border:1px solid var(--line);border-radius:10px;grid-template-columns:repeat(auto-fit,minmax(min(100%,130px),1fr));gap:1px;margin:0;padding:0;list-style:none;display:grid;overflow:hidden}.numbers li{background:var(--surface)}.numbers a{color:inherit;flex-direction:column;gap:2px;height:100%;padding:14px 16px;text-decoration:none;display:flex}.numbers a:hover b{color:var(--accent)}.numbers b{font-family:var(--display);letter-spacing:-.01em;font-variant-numeric:tabular-nums;font-size:1.7rem;font-weight:800;transition:color .15s}.numbers span{color:var(--muted);font-size:.8rem;line-height:1.35}.numbers-wrap{gap:12px}.dist .dist-bar{fill:var(--c2);opacity:.5}.dist .dist-bar.is-you{fill:var(--accent);opacity:1}.dist .dist-fit{fill:none;stroke:var(--ink);stroke-width:2px;stroke-linejoin:round}.dist .dist-base{stroke:var(--muted);stroke-width:1px}.dist .dist-mean{stroke:var(--muted);stroke-width:1px;stroke-dasharray:3 3}.dist .dist-you{stroke:var(--accent);stroke-width:2px}.dist .dist-tick{fill:var(--muted);font-size:11px;font-family:var(--mono)}.dist .dist-you-label{fill:var(--accent);font-size:12px;font-weight:700}.game-curve{flex-direction:column;grid-column:1/-1;gap:4px;max-width:420px;margin-top:10px;display:flex}.game-curve small{font-family:var(--mono);color:var(--muted);font-size:.75rem}.clt{background:var(--surface);border:1px solid var(--line);border-radius:10px;flex-direction:column;gap:14px;padding:clamp(18px,3vw,26px);display:flex}.clt-head{flex-direction:column;gap:12px;display:flex}.clt-head p{color:var(--muted);max-width:66ch;margin:0}.clt-buttons{flex-wrap:wrap;gap:8px;display:flex}.pill.ghost{background:0 0}.eyebrow .n{text-transform:none}.play-pill{background:var(--accent);color:#fff;border-color:var(--accent);padding:8px 16px;font-size:.9rem}.play-pill:hover{filter:brightness(1.08);border-color:var(--accent)}.topnav nav{align-items:center}.dd{position:relative}.dd>button{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;padding:0;display:inline-flex}.dd>button:hover,.dd>button[aria-expanded=true],.dd.active>button{color:var(--accent)}.dd>button .caret{font-size:.7em;transition:transform .15s;display:inline-block}.dd>button[aria-expanded=true] .caret{transform:rotate(180deg)}.dd-menu{z-index:1000;background:var(--surface);border:1px solid var(--line);border-radius:12px;flex-direction:column;width:270px;padding:6px;display:flex;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 12px 32px #16233f24}.dd-menu a{color:var(--ink);border-radius:8px;grid-template-columns:36px minmax(0,1fr);align-items:center;gap:2px 10px;padding:8px 10px;text-decoration:none;display:grid}.dd-menu a:hover,.dd-menu a:focus-visible{background:var(--tag);color:var(--ink)}.dd-menu a.active{background:color-mix(in oklab, var(--accent) 8%, var(--surface))}.dd-menu .ico{font-family:var(--mono);color:var(--accent);background:var(--tag);border-radius:8px;grid-row:span 2;place-items:center;height:36px;font-size:.8rem;display:grid}.dd-menu b{font-size:.92rem;font-weight:600}.dd-menu small{color:var(--muted);font-size:.76rem;line-height:1.3}.dd-menu hr{border:0;border-top:1px solid var(--line);margin:4px 6px}.dd-menu a.dd-all{color:var(--muted);padding:6px 10px;font-size:.8rem;display:block}@media (width<=560px){.dd-menu{left:0;right:auto}}.proj-group{flex-direction:column;gap:12px;display:flex}.proj-group h3.group{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);align-items:center;gap:10px;font-size:.75rem;font-weight:500;display:flex}.proj-group h3.group:after{content:"";border-top:1px dashed var(--line);flex:1}.proj.trains{background:linear-gradient(120deg, var(--surface) 55%, color-mix(in oklab, #d11f2f 9%, var(--surface)))}.proj .open{flex-wrap:wrap;grid-column:1/-1;gap:8px;margin-top:10px;display:flex}.fx-host{isolation:isolate;position:relative}.fx-drift{pointer-events:none;z-index:-1;position:absolute;inset:-20px 0;overflow:hidden}.fx-drift span{font-family:var(--mono);color:color-mix(in oklab, var(--accent) 30%, var(--line));opacity:0;white-space:nowrap;animation:linear infinite fx-rise;position:absolute;bottom:-2rem}@keyframes fx-rise{0%{opacity:0;transform:translate(0)rotate(0)}10%{opacity:.9}80%{opacity:.7}to{transform:translate(var(--dx,0), -110vh) rotate(25deg);opacity:0}}.fx-drift.short span{animation-name:fx-rise-short}@keyframes fx-rise-short{0%{opacity:0;transform:translate(0)}15%{opacity:.85}85%{opacity:.6}to{transform:translate(var(--dx,0), -460px) rotate(20deg);opacity:0}}.fx-walk{border-bottom:1px dashed var(--line);max-width:280px;height:54px;position:relative;overflow:hidden}.fx-walker{flex-direction:column;align-items:flex-start;animation:32s linear infinite fx-stroll;display:flex;position:absolute;bottom:2px;left:0}.fx-walker .fx-face{animation:32s linear infinite fx-turn;display:inline-block}.fx-face{font-family:var(--mono);color:var(--ink);white-space:nowrap;font-size:.95rem}.fx-bubble{font-family:var(--mono);color:var(--accent);background:var(--surface);border:1px solid var(--line);white-space:nowrap;border-radius:8px;margin-bottom:2px;padding:1px 6px;font-size:.68rem;animation:.3s ease-out fx-pop}@keyframes fx-stroll{0%{left:0}47%{left:calc(100% - 70px)}53%{left:calc(100% - 70px)}to{left:0}}@keyframes fx-turn{0%,49.9%{transform:scaleX(1)}50%,99.9%{transform:scaleX(-1)}}@keyframes fx-pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}.fx-rail{height:86px;margin-top:4px;position:relative;overflow:hidden}.fx-train{font:600 13px/1.15 var(--mono);color:var(--ink);white-space:pre;margin:0;animation:22s linear -7s infinite fx-run;position:absolute;bottom:10px;left:0}.fx-train:first-line{color:var(--muted)}.fx-track{font:11px/1 var(--mono);color:var(--neutral);white-space:nowrap;position:absolute;bottom:0;left:0;right:0;overflow:hidden}@keyframes fx-run{0%{transform:translate(-360px)}to{transform:translate(min(1120px,100vw))}}.fx-mascot{justify-content:center;align-items:center;gap:10px;min-height:32px;display:flex}.fx-mascot .fx-face{font-size:1.15rem;animation:1.4s ease-in-out infinite fx-bob;display:inline-block}.fx-mascot .fx-line{color:var(--muted);font-size:.85rem}.fx-mascot.mood-great .fx-face{color:var(--accent);animation:.7s ease-in-out infinite fx-jump}.fx-mascot.mood-sad .fx-face{color:var(--c2)}@keyframes fx-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes fx-jump{0%,to{transform:translateY(0)rotate(0)}30%{transform:translateY(-8px)rotate(-4deg)}60%{transform:translateY(0)rotate(3deg)}}.fx-confetti{pointer-events:none;z-index:2000;position:fixed;inset:0;overflow:hidden}.fx-confetti i{animation:cubic-bezier(.25,.6,.4,1) forwards fx-fall;display:block;position:absolute;top:-20px}@keyframes fx-fall{0%{opacity:1;transform:translate(0)rotate(0)}to{transform:translate(var(--dx), 105vh) rotate(var(--rot));opacity:.9}}@media (prefers-reduced-motion:reduce){.fx-drift,.fx-confetti{display:none}.fx-walker,.fx-walker .fx-face,.fx-train,.fx-mascot .fx-face{animation:none}.fx-train{left:12px}}
