:root{--game-ink:#102d2b;--game-teal:#087c6e;--game-paper:#fffdf7;--game-line:#d9e1db}
.leeroline{display:flex;gap:8px;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin;padding:8px 0 10px;scroll-snap-type:x proximity}
.timeline-game{flex:0 0 auto;min-width:130px;display:grid;gap:2px;padding:8px 11px;border:1px solid var(--game-line);border-radius:12px;background:var(--game-paper);color:var(--game-ink);text-decoration:none;scroll-snap-align:center;font:13px Arial,sans-serif}
.timeline-game.current{border-color:var(--game-teal);box-shadow:inset 0 0 0 1px var(--game-teal);background:#e7f5f0}
.timeline-game:focus-visible{outline:3px solid #efb629;outline-offset:2px}
.timeline-code{font-size:10px;font-weight:800;letter-spacing:.1em;color:var(--game-teal)}
.timeline-title{font-size:13px;font-weight:800}.timeline-level{font-size:10px;color:#586d67}
.game-capture{position:fixed!important;left:-100px!important;top:0!important;width:1px!important;height:1px!important;opacity:0!important;font-size:16px!important}
.brand-mark{width:32px;height:32px;object-fit:contain;vertical-align:middle}
.leero-rail{display:none}
@media(min-width:851px){
  html,body{height:auto!important;min-height:100%!important;overflow-x:hidden!important;overflow-y:auto!important}
  body{display:block!important;padding-left:190px!important}
  .leero-rail{position:fixed;inset:0 auto 0 0;width:190px;z-index:20;display:flex;flex-direction:column;background:#fffdf7;border-right:1px solid #d9e1db;padding:22px 12px 18px;font:700 14px Arial,sans-serif;color:#102d2b}
  .rail-logo{display:flex;align-items:center;gap:6px;padding:2px 9px 28px;font-size:25px;font-weight:900;letter-spacing:-.06em;text-decoration:none;color:inherit}
  .rail-logo img{width:34px;height:34px;object-fit:contain}.rail-logo sup{font-size:9px;letter-spacing:0}
  .rail-links{display:grid;gap:5px}.rail-links a,.rail-bottom>a{display:block;padding:12px 14px;border-radius:10px;text-decoration:none;color:inherit}
  .rail-links a:hover,.rail-bottom>a:hover,.rail-links a[aria-current],.rail-bottom>a[aria-current]{background:#e4f2e8;color:#14583c}
  .rail-bottom{margin-top:auto}.rail-bottom small{display:block;margin:16px 14px 0;color:#60726a;font-size:11px;font-weight:400;line-height:1.5}
  .leero-rail a:focus-visible{outline:3px solid #f5b62c;outline-offset:2px}
  .game-frame,.game-content,#game,.play,.board,.clues,main,.layout,.s-layout,.s-panel{height:auto!important;max-height:none!important;min-height:0!important;overflow:visible!important}
  .game-frame{min-height:100dvh!important}.grid,.s-grid{width:min(100%,610px)!important}.clues #clueList,.solvedbox,.s-list,.key{max-height:none!important;overflow:visible!important}
  .top,.s-head,body>header{display:none!important}
  .mobile-credit{display:none!important}
  main.s-shell{display:block!important}.s-layout{display:grid!important;grid-template-columns:minmax(0,1fr) 240px!important}.s-panel{display:block!important}
  #sudoku-app{height:auto!important;min-height:100dvh!important;display:block!important}
  body>main{max-width:1100px}.layout{align-items:start!important}
}
@media(max-width:850px){.top nav a:last-child,.s-nav a:last-child{display:inline!important}.leero-rail{display:none}.leeroline{width:100%}.mobile-credit{display:block;text-align:center;padding:24px 12px;color:#60726a;font:12px Arial,sans-serif}}