:root{--ink:#e9e4da;--mute:#a59e90;--rule:rgba(233,228,218,.22);--bg:#14120f;--acc:#c9a46a}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--ink);font:14px/1.5 IBM Plex Sans,sans-serif;overflow:hidden}canvas{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;touch-action:none}html,body{overscroll-behavior:none}.sc{font-variant:small-caps;text-transform:lowercase;letter-spacing:.12em;color:var(--mute);font-size:13px;border-bottom:1px solid var(--rule);padding-bottom:3px;margin-bottom:8px}.mt{margin-top:18px}.small{font-size:11px;color:var(--mute)}.row{display:flex;justify-content:space-between}button{font:inherit;font-size:12.5px;color:var(--ink);background:none;border:1px solid var(--rule);padding:5px 10px;margin:4px 6px 0 0;cursor:pointer}button:hover{border-color:var(--ink)}button[aria-pressed=true]{border-color:var(--acc);color:var(--ink)}input[type=range]{width:100%;accent-color:var(--acc)}#title{position:fixed;left:0;right:0;top:40px;max-width:none;pointer-events:none;padding:8px 18px 12px;background:#14120ff0;border-bottom:1px solid var(--rule)}#title .kicker{font-variant:small-caps;letter-spacing:.14em;color:var(--acc);font-size:13px}h1,h2{font-family:"Source Serif 4",serif;font-weight:400;margin:.1em 0 .3em}h1{font-size:28px;line-height:1.05}#title p{color:var(--mute);margin:0;font-size:12.5px}#plates{pointer-events:auto;display:flex;gap:0;row-gap:2px;margin-top:6px;font-variant:small-caps;text-transform:lowercase;letter-spacing:.1em;font-size:12.5px;align-items:baseline;flex-wrap:wrap;width:auto;max-width:none}#plates .pl{color:var(--mute);padding-right:8px;margin-right:4px;border-right:1px solid var(--rule)}#plates a{color:var(--mute);text-decoration:none;padding:5px 6px;margin:0 1px;min-width:22px;text-align:center;white-space:nowrap;border-bottom:1px solid transparent}#plates a:hover{color:var(--ink)}#plates a[aria-current=page]{color:var(--ink);border-bottom-color:var(--acc)}#plates a span{display:none}#layers{position:fixed;left:0;right:0;top:236px;bottom:56px;width:auto;max-height:calc(70vh - 56px);overflow:auto;background:#1b1814;border-top:1px solid var(--rule);padding:20px 18px 24px;transform:translateY(100%);transition:transform .25s ease;z-index:5}body.drawer #layers{transform:none}body:not(.drawer) #layers{visibility:hidden;transition:transform .25s ease,visibility 0s .25s}#layers ul{list-style:none;margin:0;padding:0;columns:2;column-gap:16px}#layers li{display:flex;align-items:center;gap:8px;padding:5px 0;cursor:pointer;font-size:13px;break-inside:avoid}#layers li .sw{width:9px;height:9px;border:1px solid var(--ink);flex:none}#layers li.off{color:#6d675d}#layers li.off .sw{background:none!important;border-color:#6d675d}#drawer-toggle{display:block;position:fixed;left:18px;bottom:68px;margin:0;background:#1b1814;padding:8px 14px}body.panel #drawer-toggle{display:none}#drawer-close{display:block;position:absolute;right:10px;top:6px;border:none;font-size:22px;margin:0}#panel{position:fixed;left:0;right:0;top:auto;bottom:56px;width:auto;height:calc(58vh - 56px);background:#1b1814;border-top:1px solid var(--rule);padding:22px 18px 28px;overflow:auto;z-index:6}#panel h2{font-size:24px}#panel .lede{font-family:"Source Serif 4",serif;font-size:16.5px;line-height:1.5}dl{display:grid;grid-template-columns:110px 1fr;gap:6px 10px;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);padding:12px 0;margin:18px 0}dt{font-variant:small-caps;text-transform:lowercase;letter-spacing:.1em;color:var(--mute)}dd{margin:0}#p-facts{padding-left:18px;margin:0 0 14px}#p-facts li{margin-bottom:6px}#close{position:absolute;right:10px;top:8px;border:none;font-size:22px}#tournav{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--rule);margin-top:18px;padding-top:10px}#tournav[hidden]{display:none}#label{position:fixed;pointer-events:none;font-family:"Source Serif 4",serif;font-style:italic;font-size:15px;padding-left:14px;border-left:1px solid var(--ink);display:none;text-shadow:0 1px 3px #000}#scale{position:fixed;right:18px;bottom:76px;pointer-events:none;display:flex;align-items:center;gap:10px;font-family:IBM Plex Mono,monospace;font-size:12px}body.panel #scale,body.drawer #scale{display:none}body.panel #scale{left:calc(50% - 190px)}#scalebar{height:5px;border:1px solid var(--ink);border-top:none}#credit{position:fixed;right:24px;bottom:22px;font-size:11px;color:#7a7368;max-width:300px;text-align:right;display:none}#section{position:fixed;left:0;right:0;bottom:0;width:auto;height:56px;padding:0 18px;background:#1b1814;border-top:1px solid var(--rule);display:flex;align-items:center;gap:8px;z-index:7;touch-action:none}#section .sl{font-variant:small-caps;text-transform:lowercase;letter-spacing:.12em;color:var(--mute);font-size:13px;padding-right:6px;border-right:1px solid var(--rule);margin-right:2px}#section input{flex:1;height:44px;margin:0;cursor:pointer}@media(min-width:640px){h1{font-size:32px}#layers ul{columns:3}#panel{padding:22px 28px 28px}#panel h2{font-size:26px}}@media(min-width:768px){#title{right:auto;left:32px;max-width:320px;padding:0;background:none;border-bottom:none}h1{font-size:34px}#title p{font-size:13px}#plates{margin-top:10px;row-gap:0;width:max-content;max-width:calc(100vw - 64px)}#plates .pl{padding-right:10px}#plates a{padding:6px;min-width:26px}#plates a span{display:inline}#plates a:not([aria-current]) span{display:none}#layers{left:32px;right:auto;bottom:76px;width:210px;max-height:none;background:none;border-top:none;padding:0;transform:none;transition:none;z-index:auto}body:not(.drawer) #layers{visibility:visible;transition:none}#layers ul{columns:auto;column-gap:normal}#layers li{padding:2px 0;break-inside:auto}#drawer-toggle,#drawer-close{display:none}#panel{left:auto;right:0;top:0;bottom:0;width:380px;height:auto;border-top:none;border-left:1px solid var(--rule);padding:34px 32px;z-index:auto}#panel h2{font-size:27px}#close{right:20px;top:18px}#scale{left:50%;right:auto;transform:translate(-50%);bottom:24px}body.panel #scale{display:flex;left:calc(50% - 190px)}body.drawer #scale{display:flex}#credit{display:block}body.panel #credit{display:none}#section{left:32px;right:auto;bottom:14px;width:300px;height:44px;padding:0;background:none;border-top:none;z-index:4}}@media(min-width:1024px){#title{max-width:360px}h1{font-size:40px}#panel h2{font-size:30px}}@media(min-width:1280px){#title{max-width:max(360px,28.125vw)}h1{font-size:max(40px,3.125vw)}#panel h2{font-size:max(30px,2.34375vw)}#panel .lede{font-size:max(16.5px,1.2890625vw)}}