@media (max-width: 800px){.main-nav{flex-wrap:nowrap;gap:.5rem;padding:.45rem .9rem}.main-nav .brand{margin-right:auto;font-size:1.05rem}.main-nav .brand img{width:2rem;height:2rem}.menu-button{display:inline-grid;place-items:center;flex:none;width:2.6rem;height:2.4rem;padding:0;border:1px solid var(--line);border-radius:10px;background:transparent;color:var(--light);cursor:pointer}.menu-button svg{width:1.4rem;height:1.4rem}.menu-button .menu-close,.main-nav.menu-open .menu-button .menu-open{display:none}.main-nav.menu-open .menu-button .menu-close{display:inline}.main-nav.menu-open .menu-button{border-color:var(--terracotta);color:var(--terracotta)}.main-nav>ul,.main-nav>.games-area,.main-nav>.design-picker,.main-nav>.language-picker{display:none}.main-nav.menu-open{flex-wrap:wrap;max-height:calc(100svh - .5rem);overflow-y:auto}.main-nav.menu-open>ul{order:3;flex-basis:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.3rem;margin:.5rem 0 0;padding:.6rem 0 0;overflow:visible;border-top:1px solid var(--line)}.main-nav.menu-open>ul li.nav-divider{display:block}.main-nav.menu-open>ul li.nav-divider:before{display:none}.main-nav.menu-open>ul a{padding:.7rem .9rem;border-radius:10px;font-size:1rem;text-align:left}.main-nav.menu-open>.games-area,.main-nav.menu-open>.design-picker{order:4;display:flex;margin:.6rem 0 .2rem}.main-nav.menu-open>.games-area{margin-left:0}.main-nav.menu-open>.games-area:before,.main-nav.menu-open>.games-area:after{display:none}.main-nav.menu-open>.design-picker{margin-left:auto}.main-nav.menu-open>.language-picker{order:5;display:flex;margin:.2rem 0 .2rem auto}html,body{height:auto}body{min-height:100svh}.footer{flex:none}#scene.scene:not(.games-scene):not(.stats-scene):not(.diagram-scene):not(.story-scene):not(.training-scene){flex:none;height:calc(100svh - 3.2rem)}.games-scene,.stats-scene,.training-scene{flex:none;height:auto;overflow:visible}.sub-nav{gap:.5rem .8rem;padding:.7rem .9rem .8rem}.sub-nav.stacked>.title-row{gap:.5rem 1rem;padding-bottom:.7rem}.page-title h1{font-size:1.25rem}.page-title p{font-size:.78rem}.sub-nav>.filter-row{min-width:0;max-width:100%}.sub-nav .legend{flex:1 1 100%;min-width:0;flex-wrap:nowrap;max-width:100%;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.sub-nav .legend::-webkit-scrollbar{display:none}.sub-nav .legend li{flex:none}.sub-nav .legend button{white-space:nowrap}.filter-row .counter{margin-left:0;font-size:.8rem}.filter-row>.filter-end{flex:1 1 100%;min-width:0;flex-wrap:wrap;row-gap:.4rem;margin-left:0}.time-switch{flex-wrap:nowrap;max-width:100%;overflow-x:auto;scrollbar-width:none}.time-switch::-webkit-scrollbar{display:none}.time-switch button{padding:.25rem .55rem;font-size:.78rem}.jump-bar{flex-wrap:nowrap;max-width:100%;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.jump-bar::-webkit-scrollbar{display:none}.jump-bar a{flex:none;white-space:nowrap}.title-row>.title-tools,.title-row>.search{width:100%}.picker-hint{display:none!important}.footer{padding:.7rem .9rem calc(.7rem + env(safe-area-inset-bottom));font-size:.76rem}}@media (max-width: 640px){.diagram-scene .bar-area{display:none}.diagram-scene .tiles{--board: 145px;gap:.8rem;padding:.8rem 1rem 2rem}}@media (max-width: 800px){.main-nav.menu-open>ul{background:none;border-width:1px 0 0;border-radius:0}.board-links{flex-wrap:wrap;row-gap:.5rem}.board-links .button-group{flex-wrap:wrap;row-gap:.4rem}}@media (max-width: 640px){.reaction-window{width:100vw;height:100svh;max-height:none;border:0;border-radius:0}.reaction-header{padding:.6rem .6rem .5rem .9rem;gap:.6rem}.reaction-header h2{font-size:1rem}.reaction-moves{max-height:2.9em;font-size:.85rem}.reaction-meta{font-size:.8rem}.reaction-legend{display:none}.math-content{padding:.8rem .9rem}.reaction-player{flex-wrap:wrap;padding:.6rem .9rem}.reaction-scheme{padding:.9rem;gap:.6rem}.reaction-step{flex-direction:column;align-items:stretch;width:100%}.reaction-arrow{width:100%}.reaction-arrow .arrow-line{width:2px;height:1.6rem;margin:0 auto}.reaction-stage{width:100%}.picker-dialog{width:100vw;max-height:none;height:100svh;margin:0;border:0;border-radius:0}.picker-dialog-body{height:calc(100svh - 3.6rem);padding:.8rem .9rem}.picker-dialog-header{padding:.6rem .6rem .5rem .9rem}.picker-intro{font-size:.88rem}.picker-dialog .picker-tab{padding:.45rem .4rem;font-size:.9rem}}@media (max-width: 640px){dialog.picker-dialog{inset:0;width:100%;max-width:100%;height:100%;max-height:100%}.reaction-arrow .arrow-line:after{inset:auto auto -2px -5px;border:6px solid transparent;border-top:9px solid var(--terracotta);border-bottom:0}.picker-table th button,.picker-table td{padding-left:.5rem;padding-right:.5rem}.picker-table .reign{white-space:normal;font-size:.8rem}}@media (max-width: 800px){#scene.scene.draggable{touch-action:pan-x pan-y}}@media (max-width: 800px){.title-row>.title-tools{flex-direction:column;align-items:stretch;gap:.5rem}.title-row>.title-tools>.search{width:100%!important;max-width:none}.title-row>.title-tools>.database-picker{width:100%;max-width:none}}@media (max-width: 800px){.stats,.games-page{padding-left:.9rem;padding-right:.9rem}}@media (max-width: 800px){body:has(>.diagram-scene,>.story-scene,>#scene.draggable){height:100svh;min-height:0;overflow:hidden}body:has(>.diagram-scene,>.story-scene,>#scene.draggable)>#scene.scene{flex:1 1 auto;height:auto;min-height:0}body:has(>.diagram-scene,>.story-scene,>#scene.draggable)>:is(.main-nav,.sub-nav,.footer){flex:none}body:has(>.diagram-scene,>.story-scene,>#scene.draggable)>.sub-nav,body:has(>.diagram-scene,>.story-scene,>#scene.draggable)>.footer{transition:margin .25s ease}html.chrome-hidden body:has(>.diagram-scene,>.story-scene,>#scene.draggable)>.sub-nav{margin-top:calc(-1 * var(--chrome-height, 0px))}html.chrome-hidden body:has(>.diagram-scene,>.story-scene,>#scene.draggable)>.footer{margin-bottom:calc(-1 * var(--chrome-height, 0px))}}@media (max-width: 640px){.sub-nav .page-title p:not(.story-crumbs){display:none}.sub-nav{padding-top:.55rem;padding-bottom:.6rem}.sub-nav>.filter-row:has(>.legend+.legend){flex-wrap:wrap;row-gap:.45rem}.sub-nav>.filter-row:has(>.legend+.legend)>.legend+.legend{flex:none;margin-left:0}.story-course-header .story-all{display:none}}@media (max-width: 640px){.picker-dialog-body{gap:.5rem;padding:.7rem .8rem .6rem}.picker-intro h3{font-size:1rem}.picker-intro p,.picker-panel .picker-note{display:none}.picker-ways{grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem;margin-bottom:.3rem;flex:none}.picker-way{column-gap:.45rem;padding:.45rem .6rem;border-radius:10px}.picker-way-icon{grid-row:auto;font-size:1.2rem}.picker-way-title{font-size:.88rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.picker-way-note{display:none}.picker-tabs{flex-wrap:nowrap;margin-bottom:.3rem;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.picker-tabs::-webkit-scrollbar{display:none}.picker-dialog .picker-tab{flex:none}.picker-panel{padding-bottom:.2rem}.picker-table :is(th,td):is(.country,.years,.died,.added){display:none}.picker-table td{padding-top:.45rem;padding-bottom:.45rem}.picker-dialog-footer{padding:.5rem .8rem calc(.5rem + env(safe-area-inset-bottom))}dialog.picker-dialog[open]{display:flex;flex-direction:column}.picker-dialog .picker-dialog-body,.picker-dialog:has(.picker-dialog-footer:not([hidden])) .picker-dialog-body{flex:1 1 auto;height:auto;max-height:none;min-height:0}}@media (max-width: 800px){.page>.board-column,.games-page .board-column,.training-center{position:sticky;top:calc(var(--board-top, var(--nav-height, 0px)) + 20px);z-index:4;transition:top .25s ease}:is(.page>.board-column,.games-page .board-column,.training-center){background:var(--background, var(--black));border-radius:20px}main.page:has(>.board-column){overflow:clip visible}body:not(.focus-mode) main.page>.board-column{background-color:var(--black)}}@media (max-width: 640px){.greats-timeline,.wm-stream{min-width:0}.wm-stream{grid-template-columns:2.6rem repeat(var(--columns, 17),minmax(0,1fr));gap:2px;font-size:.62rem}.greats-scroll,html,body{overflow-x:clip}}