:root{--color-1: 249, 244, 220;--color-2: 0, 0, 0;--color-3: 194, 31, 48;--color-4: 252, 195, 7;font-family:Tahoma,Arial,sans-serif;font-size:calc(1600vw / 360)}@media screen and (min-width: 540px){:root{font-size:24px}}body{background-color:rgb(var(--color-1));background-image:radial-gradient(circle at 25% 25%,rgba(139,69,19,.02) 0%,transparent 50%),radial-gradient(circle at 75% 75%,rgba(160,82,45,.02) 0%,transparent 50%),radial-gradient(circle at 90% 40%,rgba(139,69,19,.01) 0%,transparent 50%),radial-gradient(circle at 10% 80%,rgba(160,82,45,.01) 0%,transparent 50%),linear-gradient(90deg,rgba(139,69,19,.02) 50%,transparent 50%),linear-gradient(0deg,rgba(160,82,45,.01) 50%,transparent 50%);background-size:200px 200px,300px 300px,150px 150px,250px 250px,3px 3px,2px 2px;color:rgb(var(--color-2));margin:0;overflow:hidden;position:relative}body:before{background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(139,69,19,.01) 2px,rgba(139,69,19,.01) 4px);content:"";inset:0;position:absolute;pointer-events:none}rt{pointer-events:none;user-select:none}.xq-app{display:flex;flex-direction:column;height:100vh;overflow:hidden;width:100vw}.xq-app i{font-style:normal}.xq-app svg>use{pointer-events:none;user-select:none}.xq-app ruby{margin-right:1px}.xq-app ruby:last-child{margin-right:0}.xq-app>header{text-align:center;user-select:none}.xq-app>header h1{align-items:center;display:flex;height:2.5em;margin:0;justify-content:center;padding:.25em 0}.xq-app>header ul svg{height:1em;width:1em}.xq-app>header span{cursor:pointer;opacity:.5;transform:scale(.75);transition:all .3s}.xq-app>header span.active{opacity:1;transform:scale(1)}.xq-app>canvas{flex:1;overflow:hidden}.xq-app>footer{margin:3em 0 .25em;text-align:center;width:100%}.xq-app>footer.fixed{bottom:0;position:fixed}.xq-app>footer a{color:currentColor;font-size:.75em;text-decoration:none}.xq-indicate{display:flex;flex-direction:column;height:4.5em;justify-content:center;margin:0;opacity:.8;padding:0;position:absolute;right:.5em;top:0;user-select:none}.xq-indicate li{align-items:center;display:flex;font-size:.75em;font-weight:700;list-style:none;margin-bottom:.25em}.xq-indicate i{margin-left:.25em}.xq-ctrls>a,.xq-ctrls>div{align-items:center;background-color:rgb(var(--color-2));border-radius:.25rem;bottom:1rem;color:rgb(var(--color-1));cursor:pointer;display:flex;font-size:.75rem;height:1.75rem;justify-content:center;opacity:.3;overflow:hidden;position:fixed;right:.5rem;transition:all .3s;user-select:none;width:1.75rem;z-index:2}.xq-ctrls>a.active,.xq-ctrls>div.active{background-color:rgb(var(--color-3));box-shadow:0 0 .5em rgb(var(--color-3));opacity:.9}.xq-ctrls>a.search,.xq-ctrls>div.search{background-color:rgb(var(--color-3));box-shadow:0 0 .5em rgb(var(--color-3));display:flex;opacity:1;width:70vw}.xq-ctrls>a.search svg.fold,.xq-ctrls>div.search svg.fold{box-shadow:inset 0 0 5em rgb(var(--color-2));height:100%;padding:0 .25rem;width:1rem}.xq-ctrls>a.search input,.xq-ctrls>div.search input{background-color:transparent;border:none;border-bottom:1px solid currentColor;color:rgb(var(--color-1));flex:1;margin:0 .375rem;outline:none;width:100%}.xq-ctrls>a.search input::-webkit-input-placeholder,.xq-ctrls>div.search input::-webkit-input-placeholder{color:rgba(var(--color-1),.8)}.xq-ctrls>a:nth-last-child(2),.xq-ctrls>div:nth-last-child(2){transform:translateY(-2.5rem)}.xq-ctrls>a:nth-last-child(3),.xq-ctrls>div:nth-last-child(3){transform:translateY(-5rem)}.xq-ctrls>a:nth-last-child(4),.xq-ctrls>div:nth-last-child(4){transform:translateY(-7.5rem)}.xq-ctrls>a:nth-last-child(5),.xq-ctrls>div:nth-last-child(5){transform:translateY(-10rem)}.xq-ctrls svg.icon{height:.9rem;width:.9rem}.xq-nav-icon{height:1.75em;left:1em;padding:.25em;position:absolute;top:1em;width:1.75em}.xq-people{align-content:flex-start;box-sizing:border-box;display:flex;flex-wrap:wrap;margin:0;padding:.25em 0}.xq-people li{align-items:center;background:rgb(var(--color-4));border:1px solid var(--label-background);border-radius:.5em;box-shadow:0 0 .25em currentColor;box-sizing:border-box;cursor:pointer;display:inline-flex;flex-shrink:0;height:2.5em;justify-content:center;list-style:none;margin:.25em;position:relative;width:5em}.xq-search{flex-direction:column}.xq-search ol{margin-left:.25em;overflow-x:auto}.xq-detail{background-color:transparent;inset:0;overflow:hidden;position:fixed;transition:background-color .2s;z-index:1}.xq-detail figure{background-color:rgb(var(--color-1));border-top:1px solid rgb(var(--color-2));bottom:-100vh;box-sizing:border-box;display:flex;flex-direction:column;margin:0;max-height:100vh;padding-top:.5rem;position:absolute;transition:bottom .3s,box-shadow .3s;width:100%}.xq-detail figure>footer{border-top:1px solid rgba(var(--color-2),.35);display:flex;height:3rem;margin:0 1rem env(safe-area-inset-bottom) 1rem;text-align:center}.xq-detail figure>footer button{flex:1;font-size:1rem}.xq-detail figure>footer button:after{content:none}.xq-detail figure>section{margin:0 1.5rem;max-height:70vh;overflow-y:auto;padding-bottom:1rem;padding-right:1rem}.xq-detail figure>section>div{margin:.25rem 0 1rem}.xq-detail button{background:transparent;border:none;white-space:nowrap}.xq-detail .line{align-items:start;display:flex;gap:.5rem}.xq-detail .line button{align-self:end;color:rgb(var(--color-3));flex-shrink:0;height:1.5rem}.xq-detail .line button:after{content:">";margin-left:.25rem}.xq-detail figcaption{font-size:1.5rem;font-weight:700;margin:.5rem 1rem}.xq-detail figcaption i{color:rgb(var(--color-3));display:inline;font-size:1rem;margin:0 .375rem}.xq-detail figcaption .line{align-items:center}.xq-detail img{display:block;margin:.5rem 0;max-width:100%}.xq-detail i{display:block;font-size:.8rem;font-style:normal}.xq-detail svg{flex-shrink:0;height:1rem;margin-top:.3rem;vertical-align:bottom;width:1rem}.xq-detail.active{background-color:rgba(var(--color-2),.35)}.xq-detail.active figure{bottom:0;box-shadow:0 0 5rem rgb(var(--color-2))}.xq-detail.compass figure{display:flex;flex-direction:column;height:100vh}.xq-nav{flex:1;margin:0;padding-left:1rem}.xq-nav div{align-items:center;display:flex;padding:.5rem 0}.xq-nav div>span{flex:1}.xq-nav div>i{margin-left:.75rem;opacity:.6}.xq-loading{align-items:center;color:rgb(var(--color-3));display:flex;justify-content:center;inset:0;pointer-events:none;position:fixed;z-index:1}.xq-loading svg{height:4rem;width:4rem}.xq-error{color:rgb(var(--color-3));margin:0;padding:2rem}.xq-error div{align-items:center;display:flex}.xq-error h2{margin:.5em 0}.xq-error button{background-color:rgb(var(--color-3));border:none;border-radius:.25em;box-shadow:0 0 .5em rgb(var(--color-3));color:rgb(var(--color-1));font-size:1em;margin:3em .25em 0;outline:none;padding:.5em 2em;transition:all .3s;width:calc(100% - .5em)}.xq-error button:disabled{box-shadow:none;opacity:.6}.xq-compass{display:flex;flex:1;flex-direction:column;gap:.5rem;justify-content:space-evenly;max-height:inherit!important;padding:0 0 1rem;user-select:none}.xq-compass img{margin:0;width:100%}.xq-compass .info{align-items:end;display:grid;font-size:.9rem;grid-template-columns:1fr 1rem 1fr;justify-content:space-between}.xq-compass .info>label{text-align:right}.xq-compass .info>svg{color:rgb(var(--color-3));height:1rem;width:1rem}.xq-compass .board{align-items:center;display:flex;justify-content:center}.xq-compass .board>section{margin:0;overflow:hidden;pointer-events:none;position:relative}.xq-compass .board>section:before,.xq-compass .board>section:after{background-color:rgb(var(--color-3));content:"";display:block;height:1px;left:0;pointer-events:none;position:absolute;width:100%;z-index:1}.xq-compass .board>section:before{margin-top:calc(50% - .5px);transform:rotate(90deg)}.xq-compass .board>section:after{margin-top:calc(-50% - .5px)}.xq-compass .tools{display:grid;grid-template-columns:1fr 1fr 1fr;justify-items:center;row-gap:.5rem}.xq-compass .tools img{height:3rem;width:3rem}.xq-compass .tools svg{height:2rem;padding:.5rem;width:2rem}.xq-compass .tools svg.active{color:rgb(var(--color-3))}.xq-compass .direction{border:1px solid rgb(var(--color-2));border-radius:.25rem;box-sizing:border-box;display:inline-flex;font-size:.75rem}.xq-compass .direction label{background-color:rgb(var(--color-2));border-radius:.25rem 0 0 .25rem;color:rgb(var(--color-1));padding:.5rem}.xq-compass .direction span{padding:.5rem .25rem}.xq-compass .metter{inset:0;pointer-events:none;position:absolute;z-index:2}.xq-compass .metter svg{display:block;color:rgba(var(--color-3),.75);height:.5rem;margin:0;transform:rotate(180deg);width:.5rem}.xq-compass .metter.vertical svg{transform:rotate(90deg)}.xq-relative{align-items:center;display:grid;grid-gap:.25rem;grid-template-columns:repeat(9,3.8rem);grid-template-rows:repeat(9,1.75rem);overflow-x:auto;padding-bottom:1rem;position:relative;white-space:nowrap;width:100%}.xq-relative .cell{align-items:center;background-color:var(--color-active);border:1px solid rgb(var(--color-2));border-color:var(--color-active);border-radius:.2rem;box-sizing:border-box;color:rgb(var(--color-1));display:flex;flex-shrink:0;font-size:.75rem;height:100%;justify-content:center;opacity:.3;overflow:hidden;padding:.3rem 0;width:100%}.xq-relative .cell:nth-child(1){grid-area:1 / 5 / 2 / 6}.xq-relative .cell:nth-child(2){grid-area:2 / 4 / 3 / 5}.xq-relative .cell:nth-child(3){grid-area:2 / 5 / 3 / 6}.xq-relative .cell:nth-child(4){grid-area:2 / 6 / 3 / 7}.xq-relative .cell:nth-child(5){grid-area:3 / 3 / 4 / 4}.xq-relative .cell:nth-child(6){grid-area:3 / 4 / 4 / 5}.xq-relative .cell:nth-child(7){grid-area:3 / 5 / 4 / 6}.xq-relative .cell:nth-child(8){grid-area:3 / 6 / 4 / 7}.xq-relative .cell:nth-child(9){grid-area:3 / 7 / 4 / 8}.xq-relative .cell:nth-child(10){grid-area:4 / 2 / 5 / 3}.xq-relative .cell:nth-child(11){grid-area:4 / 3 / 5 / 4}.xq-relative .cell:nth-child(12){grid-area:4 / 4 / 5 / 5}.xq-relative .cell:nth-child(13){grid-area:4 / 5 / 5 / 6}.xq-relative .cell:nth-child(14){grid-area:4 / 6 / 5 / 7}.xq-relative .cell:nth-child(15){grid-area:4 / 7 / 5 / 8}.xq-relative .cell:nth-child(16){grid-area:4 / 8 / 5 / 9}.xq-relative .cell:nth-child(17){grid-area:5 / 1 / 6 / 2}.xq-relative .cell:nth-child(18){grid-area:5 / 2 / 6 / 3}.xq-relative .cell:nth-child(19){grid-area:5 / 3 / 6 / 4}.xq-relative .cell:nth-child(20){grid-area:5 / 4 / 6 / 5}.xq-relative .cell:nth-child(21){grid-area:5 / 5 / 6 / 6}.xq-relative .cell:nth-child(22){grid-area:5 / 6 / 6 / 7}.xq-relative .cell:nth-child(23){grid-area:5 / 7 / 6 / 8}.xq-relative .cell:nth-child(24){grid-area:5 / 8 / 6 / 9}.xq-relative .cell:nth-child(25){grid-area:5 / 9 / 6 / 10}.xq-relative .cell:nth-child(26){grid-area:6 / 2 / 7 / 3}.xq-relative .cell:nth-child(27){grid-area:6 / 3 / 7 / 4}.xq-relative .cell:nth-child(28){grid-area:6 / 4 / 7 / 5}.xq-relative .cell:nth-child(29){grid-area:6 / 5 / 7 / 6}.xq-relative .cell:nth-child(30){grid-area:6 / 6 / 7 / 7}.xq-relative .cell:nth-child(31){grid-area:6 / 7 / 7 / 8}.xq-relative .cell:nth-child(32){grid-area:6 / 8 / 7 / 9}.xq-relative .cell:nth-child(33){grid-area:7 / 3 / 8 / 4}.xq-relative .cell:nth-child(34){grid-area:7 / 4 / 8 / 5}.xq-relative .cell:nth-child(35){grid-area:7 / 5 / 8 / 6}.xq-relative .cell:nth-child(36){grid-area:7 / 6 / 8 / 7}.xq-relative .cell:nth-child(37){grid-area:7 / 7 / 8 / 8}.xq-relative .cell:nth-child(38){grid-area:8 / 4 / 9 / 5}.xq-relative .cell:nth-child(39){grid-area:8 / 5 / 9 / 6}.xq-relative .cell:nth-child(40){grid-area:8 / 6 / 9 / 7}.xq-relative .cell:nth-child(41){grid-area:9 / 5 / 10 / 6}.xq-relative .cell.active{opacity:1}.xq-relative .cell.r-0{--color-active: rgb(var(--color-2))}.xq-relative .cell.r-1{--color-active: #ec2b24}.xq-relative .cell.r-2{--color-active: #753117}.xq-relative .cell.r-3{--color-active: #bb8644}.xq-relative .cell.r-4{--color-active: #75654c}.xq-relative .cell.r-5{--color-active: #481e1c}