@media (max-width: 640px){.view-group{display:none!important}.export:not(.nav-export){display:none!important}.can-export .main-nav>.nav-export{display:inline-flex;position:relative;flex:none;margin-left:0}.nav-export .export-button{display:inline-grid;place-items:center;width:2.6rem;height:2.4rem;padding:0;border:1px solid var(--line);border-radius:10px;background:transparent;color:var(--light)}.nav-export .export-button svg{width:1.3rem;height:1.3rem}.nav-export .export-button[aria-expanded=true]{border-color:var(--terracotta);color:var(--terracotta)}.nav-export .export-menu{top:calc(100% + .4rem);bottom:auto;right:0;z-index:60}.nav-export .export-notice{position:absolute;top:calc(100% + .4rem);right:0;padding:.15rem .45rem;border-radius:6px;background:var(--surface);pointer-events:none}.nav-export .export-notice:empty{display:none}}@media (hover: none) and (pointer: coarse){html{touch-action:manipulation}}@media (max-width: 800px),(orientation: landscape) and (max-height: 32rem){.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-link-close,.main-nav:has(#menu:target) .menu-link{display:none}.main-nav:has(#menu:target) .menu-link-close{display:inline-grid;border-color:var(--terracotta);color:var(--terracotta)}.main-nav.menu-open .menu-button .menu-close{display:inline}.main-nav.menu-open .menu-button{border-color:var(--terracotta);color:var(--terracotta)}.nav-pop{display:none}.main-nav>ul,.main-nav>.games-area,.main-nav>.design-picker,.main-nav>.language-picker{display:none}.main-nav>.nav-find{display:flex;flex:none}.nav-find>.search-button{display:inline-grid;place-items:center}.search-button{width:2.6rem;height:2.4rem;border:1px solid var(--line);border-radius:10px;background:transparent;color:var(--light)}.search-button svg{width:1.3rem;height:1.3rem}.main-nav>.search-panel{left:.6rem;right:.6rem;width:auto}.sheet-picker{min-width:0;margin:0 2px}.sheet-picker .database-picker select{flex:1 1 auto;width:0;min-width:0}.main-nav.menu-open>.nav-sheet,.main-nav:has(#menu:target)>.nav-sheet{min-width:0}.main-nav.menu-open,.main-nav:has(#menu:target){flex:none;flex-wrap:wrap;max-height:100svh;overflow-y:auto;overscroll-behavior:contain}.main-nav.menu-open>.nav-sheet,.main-nav:has(#menu:target)>.nav-sheet{order:3;flex-basis:100%;display:flex;flex-direction:column;min-height:calc(100svh - var(--nav-height, 3.3rem));padding:.1rem 0 max(.6rem,env(safe-area-inset-bottom));border-top:1px solid var(--line)}.main-nav .nav-sheet ul{order:0;flex-basis:auto}.sheet-group{display:flex;align-items:center;gap:.5rem;margin:1rem 2px .55rem;color:var(--muted);font:600 .72rem var(--sans);letter-spacing:.12em;text-transform:uppercase}.sheet-group:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--terracotta)}.main-nav .sheet-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;margin:0;padding:0;overflow:visible;border:none;border-radius:0;background:none}.main-nav .sheet-tiles li:last-child:nth-child(odd){grid-column:span 2}.main-nav .sheet-tiles a{display:flex;flex-direction:column;gap:.15rem;height:100%;min-height:5.2rem;padding:.75rem .8rem;border:1px solid var(--border);border-radius:16px;background:var(--subtle);color:var(--text);white-space:normal}.sheet-tiles i{display:block;margin-bottom:.35rem;color:var(--terracotta);font-size:1.6rem;font-style:normal;line-height:1}.sheet-tiles i svg,.sheet-tiles i .games-icon{display:block;width:1.5rem;height:1.5rem}.sheet-tiles b{font-size:.98rem;font-weight:600}.sheet-tiles small{color:var(--muted);font-size:.76rem;line-height:1.3}.main-nav .sheet-tiles a:hover{background:var(--surface-hover);border-color:var(--border-strong)}.main-nav .sheet-tiles a[aria-current]{border-color:var(--terracotta);background:var(--active-bg)}.main-nav .sheet-tiles a[aria-current] b{color:var(--terracotta)}.sheet-foot{display:flex;gap:.5rem;margin-top:auto;padding-top:1rem}.nav-sheet .sheet-tiles:nth-last-of-type(2){margin-bottom:1.2rem}.sheet-foot .design-picker,.sheet-foot .language-picker{flex:1}.sheet-foot .design-picker button,.sheet-foot .language-picker a{flex:1;width:auto;height:2.4rem;font-size:.85rem;white-space:nowrap}.sheet-foot .design-picker svg{width:1.15rem;height:1.15rem}.sheet-foot .lock-button{flex:none;width:2.6rem;height:2.4rem}.main-nav .sheet-legal{display:flex;flex-wrap:wrap;justify-content:center;gap:.2rem 1.1rem;margin:.9rem 0 0;padding:0;overflow:visible;border:none;border-radius:0;background:none}.main-nav .sheet-legal a{padding:.3rem .1rem;border-radius:6px;color:var(--muted);font-size:.78rem}.main-nav .sheet-legal a:hover{background:none;color:var(--text)}.main-nav .sheet-legal a[aria-current]{background:none;color:var(--terracotta)}}@media (max-width: 800px){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}.footer{padding:.7rem .9rem calc(.7rem + env(safe-area-inset-bottom));font-size:.8125rem}}@media (min-width: 801px) and (max-width: 62.5rem){.sub-nav>.filter-row{min-width:0;max-width:100%}.sub-nav .legend{min-width:0;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}}@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){.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-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){.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 .35s cubic-bezier(.22,1,.36,1)}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))}html.chrome-hidden.chrome-end body:has(>.diagram-scene,>.story-scene,>#scene.draggable)>.footer{margin-bottom:0}}@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-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: 640px),(max-height: 44rem){.picker-dialog{max-height:calc(100dvh - 1rem)}.picker-dialog-header{padding:.3rem .8rem}.picker-dialog-header h2{font-size:.95rem}.picker-dialog-close{width:2rem;height:1.8rem}.picker-dialog .picker-dialog-body,.picker-dialog:has(.picker-dialog-footer:not([hidden])) .picker-dialog-body{flex:1 1 auto;gap:.3rem;height:auto;max-height:none;min-height:0;padding:.4rem .7rem .3rem}dialog.picker-dialog[open]{display:flex;flex-direction:column}.picker-panel .picker-note{display:none}.picker-ways,.picker-ways:has(>.picker-way:nth-child(6)){flex:none;grid-template-columns:repeat(3,minmax(0,1fr));gap:.25rem;margin:0}.picker-way{grid-template-rows:auto;column-gap:.25rem;padding:.15rem .35rem;border-radius:8px}.picker-way-icon{grid-row:auto;font-size:.95rem}.picker-way-title{overflow:hidden;font-size:.74rem;white-space:nowrap;text-overflow:ellipsis}.picker-way-note{display:none}.picker-search{flex:none}.picker-search input{padding-top:.15rem;padding-bottom:.15rem}.picker-tabs{flex:none;flex-wrap:nowrap;margin:0;overflow-x:auto;scrollbar-width:none}.picker-tabs::-webkit-scrollbar{display:none}.picker-dialog .picker-tab{flex:none;padding:.08rem .5rem;font-size:.78rem}.picker-panel{padding-top:0;padding-bottom:.1rem}.picker-table{font-size:.85rem}.picker-table th{padding:.2rem .5rem}.picker-table td{padding-top:.22rem;padding-bottom:.22rem}.picker-dialog-footer{padding:.25rem .7rem calc(.25rem + env(safe-area-inset-bottom))}.picker-own-add{gap:.35rem;max-width:100%;box-sizing:border-box;padding:.12rem .2rem .12rem .6rem;font-size:.74rem}.picker-own-add span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.picker-own-add svg{flex:none;width:1.2rem;height:1.2rem;padding:.2rem}}@media (max-width: 640px){.picker-table :is(th,td).number{display:none}}@media (max-width: 430px){.picker-way{grid-template-columns:minmax(0,1fr);text-align:center}.picker-way-icon{display:none}}@media (min-width: 641px) and (max-height: 44rem){.picker-ways,.picker-ways:has(>.picker-way:nth-child(6)){grid-template-columns:repeat(6,minmax(0,1fr))}}@media (max-width: 800px){.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(.games-page .board-column,.training-center){background:var(--background, var(--black));border-radius:20px}}@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}}