body{font-family:Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-print-color-adjust:exact;margin:0}.UIMenu{position:absolute;top:0;left:0;background:#708090;overflow:hidden;white-space:nowrap;box-sizing:border-box;padding-left:.5rem;border-right:2px solid whitesmoke}.UIMenu.collapsed{width:calc(3rem + 2px);height:2rem;transition:width .1s}.UIMenu.expanded{width:15rem;height:100%;transition:width .1s}@media print{.UIMenu{display:none}}.UIMenuItem button{background:none!important;border:none!important;margin:0!important;padding:0!important;color:inherit;font:inherit;text-decoration:none;cursor:pointer}.UIMenuItem button:hover{color:#fff;text-decoration:underline}.UIMenuItem button:visited{color:#f5f5f5}.UIMenuItem button:focus{outline:dotted lightgray 1px;outline-offset:2px}.UIMenuItem{margin:8px 0 4px 6px;color:#f5f5f5}.UIMenu.collapsed .UIMenuItem{display:none}.UIMenuDivider{border-top:1px solid whitesmoke;height:1px;width:calc(100% - 10px);margin:8px 0 0}.UIUserButton{margin-top:5px;color:#f5f5f5}.UIUserButton button{background:#f5f5f5;border:1px solid whitesmoke;border-radius:2px;cursor:pointer}.UIUserButton button:hover{background:#fff}.UIUserButton button:focus{outline:dotted lightgray 1px;outline-offset:2px}.UIUserMenu .UIMenu{position:absolute;top:0;left:auto;right:0;padding-left:.8rem;padding-right:.8rem;border-right:none;border-left:2px solid whitesmoke}.UIUserMenu .UIMenu{display:flex;flex-direction:column;align-items:flex-end}.UIUserMenu .UIMenu.collapsed{width:auto}@media print{.UIUserMenu{display:none}}.UIMenu .UIMenuHamburger{width:2rem;height:1rem;padding-top:2px;padding-bottom:2px;margin-right:8px;margin-top:6px;margin-bottom:1rem;border-radius:2px;cursor:pointer}.UIMenu .UIMenuHamburger:focus{outline:dotted lightgray 1px;outline-offset:2px}.UIMenu .UIMenuHamburger .icon{width:calc(2rem - 9px);height:calc(1rem - 4px);position:relative;display:block;margin-left:4px}.UIMenu .UIMenuHamburger .line{display:block;width:100%;height:3px;border-radius:1px;background:#f5f5f5;position:absolute;left:0}.UIMenu .UIMenuHamburger:hover .line{background:#fff}.UIMenu .UIMenuHamburger .line-1{top:0}.UIMenu .UIMenuHamburger .line-2{top:50%}.UIMenu .UIMenuHamburger .line-3{top:100%}.UIMenu.expanded .UIMenuHamburger .line-1{transform:translateY(calc(.5rem - 2px)) translate(0) rotate(45deg)}.UIMenu.expanded .UIMenuHamburger .line-2{opacity:0}.UIMenu.expanded .UIMenuHamburger .line-3{transform:translateY(calc(-.5rem + 2px)) translate(0) rotate(-45deg)}.UIMenuItem a{color:#f5f5f5;text-decoration:none;border-radius:2px}.UIMenuItem a:hover{color:#fff;text-decoration:underline}.UIMenuItem a:visited{color:#f5f5f5}.UIMenuItem a:focus{outline:dotted lightgray 1px;outline-offset:2px}.UIImport{margin:1rem 2rem;max-width:50rem}.UIImport .form{width:100%}.UIImport textarea{width:calc(100% - 10px);padding:2px 4px;border:1px solid slategray;border-radius:2px;resize:vertical}.UIImport .buttons{width:100%;font-size:.9rem}.UIImport button{height:1.6rem}.UIImport #Status{margin-left:1rem;margin-right:1rem}.UIImport #Play,.UIImport #Edit{float:right;margin-left:.5rem}.UISearchForm .search{display:flex;flex-direction:row;flex-wrap:wrap;margin:1rem 0rem;gap:1rem}.UISearchForm .text{width:calc(var(--result-width) - 2rem);height:1.6rem;padding:.2em 1em}.UISearchForm button{margin-right:.5rem;height:2.2rem;width:2.4rem;vertical-align:middle}.UISearchForm button svg{width:100%;height:100%}.UISearchResult{width:var(--result-width)}.UISearchResult a{color:#000}.UISearchResult .thumbnail img{display:block;width:var(--result-width);height:var(--result-width)}.UISearchResult .thumbnail .progress{position:relative;top:-3px;border-top:solid darkorange 4px}.UISearchResult .title{font-size:small}.UISearchResult .author{font-size:x-small}.UISearchResult .offline,.UISearchResult .private{float:right;width:1em;height:.8em}.UISearchResult .updated{float:right;font-size:x-small}.UISearch{padding-left:1rem;padding-right:1rem;--result-width: min(14rem, calc(50vw - 2.5rem) );--result-gap: 1rem}.UISearch .links{display:flex;flex-direction:row;flex-wrap:wrap;border:1px solid slategray;border-radius:2px;padding:.5rem 1rem;max-width:calc((4 * var(--result-width)) + (1 * var(--result-gap)));font-size:small}.UISearch .results{display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--result-gap);max-width:calc((4 * var(--result-width)) + (3 * var(--result-gap)))}.UISearch .navigation{display:flex;flex-direction:row;flex-wrap:nowrap;gap:.5rem;max-width:calc((4 * var(--result-width)) + (3 * var(--result-gap)));margin-top:1rem}.ViewportContainer{overflow:hidden}.ArrowConstraint.bulb{width:.9em;height:.9em;top:calc(50% - .45em - .12em - 1px)!important;left:calc(50% - .45em - .12em)!important;border:.12em solid lightgray;border-radius:1em;background:#fff}.ArrowConstraint.tip{width:.4em;height:.4em;top:calc(50% - .06em + .5px)!important;left:calc(50% - .46em + .5px)!important;border-top:.12em solid lightgray;border-right:.12em solid lightgray;border-radius:.06em;transform-origin:calc(100% - .06em) calc(0% + .06em);z-index:-2}.ArrowConstraint.line{width:.12em;bottom:calc(50% - .06em)!important;left:calc(50% - .06em)!important;border-bottom-left-radius:.06em;border-bottom-right-radius:.06em;background:#d3d3d3;transform-origin:50% calc(100% - .06em + .5px);z-index:-1}.ArrowConstraint.d1{top:-.45em!important;transform:rotate(-45deg)}.ArrowConstraint.d2{transform:rotate(0)}.ArrowConstraint.d3{top:-.45em!important;transform:rotate(45deg)}.ArrowConstraint.d4{transform:rotate(-90deg)}.ArrowConstraint.d6{transform:rotate(90deg)}.ArrowConstraint.d7{top:-.45em!important;transform:rotate(-135deg)}.ArrowConstraint.d8{transform:rotate(180deg)}.ArrowConstraint.d9{top:-.45em!important;transform:rotate(135deg)}.ArrowConstraint.t1{transform:rotate(90deg)}.ArrowConstraint.t2{transform:rotate(135deg)}.ArrowConstraint.t3{transform:rotate(180deg)}.ArrowConstraint.t4{transform:rotate(45deg)}.ArrowConstraint.t6{transform:rotate(-135deg)}.ArrowConstraint.t7{transform:rotate(0)}.ArrowConstraint.t8{transform:rotate(-45deg)}.ArrowConstraint.t9{transform:rotate(-90deg)}.BetweenConstraint.bulb{width:.9em;height:.9em;top:calc(50% - .45em - .12em - 1px)!important;left:calc(50% - .45em - .12em)!important;border:.12em solid lightgray;border-radius:1em;background:#f5f5f5}.BetweenConstraint.line{width:.12em;bottom:calc(50% - .06em)!important;left:calc(50% - .06em)!important;border-bottom-left-radius:.06em;border-bottom-right-radius:.06em;background:#d3d3d3;transform-origin:50% calc(100% - .06em + .5px);z-index:-1}.BetweenConstraint.d1{top:-.45em!important;transform:rotate(-45deg)}.BetweenConstraint.d2{transform:rotate(0)}.BetweenConstraint.d3{top:-.45em!important;transform:rotate(45deg)}.BetweenConstraint.d4{transform:rotate(-90deg)}.BetweenConstraint.d6{transform:rotate(90deg)}.BetweenConstraint.d7{top:-.45em!important;transform:rotate(-135deg)}.BetweenConstraint.d8{transform:rotate(180deg)}.BetweenConstraint.d9{top:-.45em!important;transform:rotate(135deg)}.BoxConstraint.t{border-top:1px solid black}.BoxConstraint.r{border-right:1px solid black}.BoxConstraint.b{border-bottom:1px solid black}.BoxConstraint.l{border-left:1px solid black}.CloneConstraint{background-color:#e8ebed;z-index:-60}.DiagConstraint.neg{width:142%;border-top:1px solid lightgray;transform:rotate(45deg);transform-origin:.5px 0px;z-index:-1}.DiagConstraint.pos{width:142%;border-bottom:1px solid lightgray;transform:rotate(-45deg);transform-origin:.5px 100%;z-index:-1}.DiffConstraint{font-size:.4em;text-align:center}.DiffConstraint .dot{position:relative;width:1em;height:1em;border:1px solid black;border-radius:1em;background:#fff;z-index:1}.DiffConstraint .l{top:calc(50% - .5em - 1px);left:calc(-.5em - 1px)}.DiffConstraint .t{top:calc(-.5em - 1px);left:calc(50% - .5em - 1px)}.InequalityConstraint.line{width:.4em;height:.4em;border-top:2px solid black;border-left:2px solid black;top:calc(50% - .2em - 1px)!important;left:calc(50% - .2em - 1px)!important;transform-origin:50% 50%;z-index:4}.InequalityConstraint.d2{transform:translateY(-.8em) scaleX(.8) rotate(45deg)}.InequalityConstraint.d4{transform:translate(-.8em) scaleY(.8) rotate(-45deg)}.InequalityConstraint.d6{transform:translate(.8em) scaleY(.8) rotate(135deg)}.InequalityConstraint.d8{transform:translateY(.8em) scaleX(.8) rotate(-135deg)}.InequalityConstraint .c{width:100%;height:100%}.InequalityConstraint .sp{opacity:0}.GridCell.violation .InequalityConstraint .c{background-color:var(--color-violation)}.KillerCageConstraint{font-size:.4em}.KillerCageConstraint .v{position:relative;top:-2px;left:-2px;background:#fff;width:fit-content;height:fit-content;line-height:.9em}.fixed .KillerCageConstraint .v{background:var(--color-fixed)}.violation .KillerCageConstraint .v{background:var(--color-violation)}.KillerCageConstraint.t{margin-top:3px;border-top:1px dashed black}.KillerCageConstraint.r{margin-right:3px;border-right:1px dashed black}.KillerCageConstraint.b{margin-bottom:3px;border-bottom:1px dashed black}.KillerCageConstraint.l{margin-left:3px;border-left:1px dashed black}.LittleKillerConstraint.sum{font-size:.8em}.LittleKillerConstraint.sum.d1{top:auto;left:auto}.LittleKillerConstraint.sum.d3{top:auto;right:auto}.LittleKillerConstraint.sum.d7{bottom:auto;left:auto}.LittleKillerConstraint.sum.d9{bottom:auto;right:auto}.LittleKillerConstraint.dir{margin:.1em;line-height:.8em}.LittleKillerConstraint.dir.d1{bottom:auto;right:auto;transform:rotate(-45deg)}.LittleKillerConstraint.dir.d3{bottom:auto;left:auto;transform:rotate(45deg)}.LittleKillerConstraint.dir.d7{top:auto;right:auto;transform:rotate(-135deg)}.LittleKillerConstraint.dir.d9{top:auto;left:auto;transform:rotate(135deg)}.LockoutConstraint.bulb{width:.9em;height:.9em;top:calc(50% - .45em - .12em - 1px)!important;left:calc(50% - .45em - .12em)!important;border:.12em solid lightgray;background:#f5f5f5;transform-origin:calc(50% - .06em) 50%;transform:rotate(45deg)}.LockoutConstraint.line{width:.12em;bottom:calc(50% - .06em)!important;left:calc(50% - .06em)!important;border-bottom-left-radius:.06em;border-bottom-right-radius:.06em;background:#d3d3d3;transform-origin:50% calc(100% - .06em + .5px);z-index:-1}.LockoutConstraint.d1{top:-.45em!important;transform:rotate(-45deg)}.LockoutConstraint.d2{transform:rotate(0)}.LockoutConstraint.d3{top:-.45em!important;transform:rotate(45deg)}.LockoutConstraint.d4{transform:rotate(-90deg)}.LockoutConstraint.d6{transform:rotate(90deg)}.LockoutConstraint.d7{top:-.45em!important;transform:rotate(-135deg)}.LockoutConstraint.d8{transform:rotate(180deg)}.LockoutConstraint.d9{top:-.45em!important;transform:rotate(135deg)}.PalindromeConstraint{background:#d3d3d3}.PalindromeConstraint.line{width:.4em;bottom:calc(50% - .2em)!important;left:calc(50% - .2em)!important;border-bottom-left-radius:.2em;border-bottom-right-radius:.2em;transform-origin:50% calc(100% - .2em + .5px);z-index:-1}.PalindromeConstraint.d1{top:-.45em!important;transform:rotate(-45deg)}.PalindromeConstraint.d2{transform:rotate(0)}.PalindromeConstraint.d3{top:-.45em!important;transform:rotate(45deg)}.PalindromeConstraint.d4{transform:rotate(-90deg)}.PalindromeConstraint.d6{transform:rotate(90deg)}.PalindromeConstraint.d7{top:-.45em!important;transform:rotate(-135deg)}.PalindromeConstraint.d8{transform:rotate(180deg)}.PalindromeConstraint.d9{top:-.45em!important;transform:rotate(135deg)}.ParityConstraint{background-color:#e8ebed;z-index:-40;margin:.3em}.ParityConstraint.odd{border-radius:1em}.QuadConstraint{font-size:.36em;position:relative;left:calc(100% - 1em - .5px)!important;top:calc(100% - 1em - .5px)!important;width:2em;height:2em;border:1px solid black;border-radius:2em;background:#fff;z-index:1;display:flex;flex-flow:row wrap;justify-content:center;align-content:center}.QuadConstraint .digit{width:35%;font-size:.9em;line-height:.9em;text-align:center}.RatioConstraint{font-size:.4em;text-align:center;color:#fff}.RatioConstraint .dot{position:relative;width:1em;height:1em;border:1px solid black;border-radius:1em;background:#000;z-index:1}.RatioConstraint .l{top:calc(50% - .5em - 1px);left:calc(-.5em - 1px)}.RatioConstraint .t{top:calc(-.5em - 1px);left:calc(50% - .5em - 1px)}.RenbanConstraint.line{background:#cebfef;width:.2em;bottom:calc(50% - .1em)!important;left:calc(50% - .1em)!important;border-bottom-left-radius:.1em;border-bottom-right-radius:.1em;transform-origin:50% calc(100% - .1em + .5px);z-index:-1}.RenbanConstraint.bg{outline:1px solid white;z-index:-2}.RenbanConstraint.d1{top:-.45em!important;transform:rotate(-45deg)}.RenbanConstraint.d2{transform:rotate(0)}.RenbanConstraint.d3{top:-.45em!important;transform:rotate(45deg)}.RenbanConstraint.d4{transform:rotate(-90deg)}.RenbanConstraint.d6{transform:rotate(90deg)}.RenbanConstraint.d7{top:-.45em!important;transform:rotate(-135deg)}.RenbanConstraint.d8{transform:rotate(180deg)}.RenbanConstraint.d9{top:-.45em!important;transform:rotate(135deg)}.SandwichConstraint{display:flex;justify-content:center;align-items:center;font-size:.8em}.SumConstraint{font-size:.4em;text-align:center}.SumConstraint .dot{position:relative;width:1em;height:1em;border:1px solid white;border-radius:1em;background:#fff;z-index:1}.SumConstraint .l{top:calc(50% - .5em - 1px);left:calc(-.5em - 1px)}.SumConstraint .t{top:calc(-.5em - 1px);left:calc(50% - .5em - 1px)}.ThermoConstraint{background:#d3d3d3}.ThermoConstraint.bulb{width:1em;height:1em;top:calc(50% - .5em)!important;left:calc(50% - .5em)!important;border-radius:.5em}.ThermoConstraint.line{width:.2em;bottom:calc(50% - .1em)!important;left:calc(50% - .1em)!important;border-bottom-left-radius:.1em;border-bottom-right-radius:.1em;transform-origin:50% calc(100% - .1em);z-index:-1}.ThermoConstraint.d1{top:-.45em!important;transform:rotate(-45deg)}.ThermoConstraint.d2{transform:rotate(0)}.ThermoConstraint.d3{top:-.45em!important;transform:rotate(45deg)}.ThermoConstraint.d4{transform:rotate(-90deg)}.ThermoConstraint.d6{transform:rotate(90deg)}.ThermoConstraint.d7{top:-.45em!important;transform:rotate(-135deg)}.ThermoConstraint.d8{transform:rotate(180deg)}.ThermoConstraint.d9{top:-.45em!important;transform:rotate(135deg)}.WhisperConstraint.line{background:#c2e184;width:.2em;bottom:calc(50% - .1em)!important;left:calc(50% - .1em)!important;border-bottom-left-radius:.1em;border-bottom-right-radius:.1em;transform-origin:50% calc(100% - .1em + .5px);z-index:-1}.WhisperConstraint.bg{outline:1px solid white;z-index:-2}.WhisperConstraint.d1{top:-.45em!important;transform:rotate(-45deg)}.WhisperConstraint.d2{transform:rotate(0)}.WhisperConstraint.d3{top:-.45em!important;transform:rotate(45deg)}.WhisperConstraint.d4{transform:rotate(-90deg)}.WhisperConstraint.d6{transform:rotate(90deg)}.WhisperConstraint.d7{top:-.45em!important;transform:rotate(-135deg)}.WhisperConstraint.d8{transform:rotate(180deg)}.WhisperConstraint.d9{top:-.45em!important;transform:rotate(135deg)}.GridCell{display:table-cell;position:relative;box-sizing:border-box;aspect-ratio:1}.GridCell.square{border:1px solid black;cursor:pointer}.GridCell.selected{text-shadow:0px -1px 0 white,0px 1px 0 white,-1px 0px 0 white,1px 0px 0 white}.GridCell .content{position:absolute;inset:0;pointer-events:none}.GridCenterMark{display:flex;justify-content:center;align-items:center;font-size:.5em;overflow:hidden;z-index:10}.GridCenterMark.d7{font-size:.4em}.GridCenterMark.d8{font-size:.35em}.GridCenterMark.d9{font-size:.3em}.GridColorMark{overflow:hidden;z-index:-50}.GridColorMark .c{top:50%;left:50%}.GridCornerMark{font-size:.4em;margin:.5em .7em;z-index:10}.GridCornerMark .m1{display:flex;justify-content:flex-start;align-items:flex-start}.GridCornerMark .m5{display:flex;justify-content:center;align-items:flex-start}.GridCornerMark .m2{display:flex;justify-content:flex-end;align-items:flex-start}.GridCornerMark .m7{display:flex;justify-content:flex-start;align-items:center}.GridCornerMark .m9{display:flex;justify-content:center;align-items:center}.GridCornerMark .m8{display:flex;justify-content:flex-end;align-items:center}.GridCornerMark .m3{display:flex;justify-content:flex-start;align-items:flex-end}.GridCornerMark .m6{display:flex;justify-content:center;align-items:flex-end}.GridCornerMark .m4{display:flex;justify-content:flex-end;align-items:flex-end}.GridDigit{display:flex;justify-content:center;align-items:center;font-weight:700;z-index:10}.GridFixed{background-color:var(--color-fixed);z-index:-100}.GridRow{display:table-row}.GridSelection{background:var(--color-selection);opacity:.5;z-index:5}.GridSelection.t{border-top:.1em solid var(--color-outline)}.GridSelection.r{border-right:.1em solid var(--color-outline)}.GridSelection.b{border-bottom:.1em solid var(--color-outline)}.GridSelection.l{border-left:.1em solid var(--color-outline)}.GridSelection.c{opacity:1;z-index:-50}.GridSelection.p{opacity:.3;z-index:-51}.GridViolation{background-color:var(--color-violation);z-index:-5}.Grid{display:table;table-layout:fixed;border-collapse:collapse;width:var(--left-width);height:var(--left-width);-webkit-user-select:none;user-select:none}.UIPropertyBox{display:flex;flex-direction:column}.UIPropertyBox .category{color:#f5f5f5;background:#708090;border-radius:2px;padding:2px 4px;margin:1px 0;-webkit-user-select:none;user-select:none}.UIPropertyItem{margin:1px 0 1px 4px}.UIPropertyItem input,.UIPropertyItem textarea{float:right;clear:none;font:inherit;font-size:small;border:1px solid slategray;border-radius:2px}.UIPropertyItem input{line-height:calc(1em + 4px)}.UIPropertyItem textarea{resize:vertical}.UIPropertyItem input[type=text],.UIPropertyItem input[type=number],.UIPropertyItem textarea{padding-left:4px;padding-right:4px;width:12em}.UIPropertyItem input.readonly,.UIPropertyItem textarea.readonly{background-color:var(--color-fixed)}.UIPropertyItem input.invalid:focus,.UIPropertyItem textarea.invalid:focus{background-color:var(--color-violation)}.UIPropertyNode{display:flex;flex-direction:column;flex-wrap:nowrap;-webkit-user-select:none;user-select:none}.UIPropertyNode.indented{margin-left:1em}.UIPropertyNode .node{position:relative}.UIPropertyNode .node{padding:1px;border-radius:2px;outline-offset:1px;cursor:pointer}.UIPropertyNode label{cursor:pointer}.UIPropertyNode .node:focus{outline:1px dotted black}.UIPropertyNode .toggle{position:absolute;left:-1.2em;width:1em;height:1em;cursor:pointer}.UIPropertyNode.selected>.node{background:var(--color-selection-trans)}.UIPropertyNode.collapsed>.node>.toggle{transform:rotate(0);transition:transform .1s}.UIPropertyNode.expanded>.node>.toggle{transform:rotate(-90deg);transition:transform .1s}.UIPropertyNode.collapsed>.children{display:none}.UIPropertyTree{border:1px solid black;border-radius:2px;padding:4px!important}.UIEditProperties{display:flex;flex-direction:column;gap:1rem;max-width:var(--left-width);min-width:18rem}.UIEditProperties>.UIPropertyTree{height:calc(50vh - 2rem);overflow:scroll;padding:1px}.UIEditProperties>.UIPropertyBox{height:calc(50vh - 3rem - 14px);overflow:scroll}.UIInputConstraints{display:flex;flex-direction:row;flex-wrap:wrap;max-width:13.5rem;gap:.5rem;overflow:scroll}@media print{.UIInputConstraints{display:none}}.UIInputConstraints .category{width:13.5rem;color:#f5f5f5;background:#708090;padding:2px 4px;border-radius:2px;-webkit-user-select:none;user-select:none}.UIInputConstraints button{border:solid black 1px;width:6.5rem;height:2.5rem;text-align:left}.UIInputConstraints button:hover{background-color:#fff}.UIInputConstraints button:hover:active{box-shadow:0 0 5px -1px #0009}.UIInputDigits{display:flex;flex-direction:row;flex-wrap:nowrap;gap:.5rem}@media print{.UIInputDigits{display:none}}.UIInputDigitsCol{display:flex;flex-direction:column;flex-wrap:nowrap;gap:.5rem}.UIInputDigits button{border:solid black 1px;padding:3px;width:3rem;height:3rem;cursor:pointer}.UIInputDigits button:hover{background-color:#fff}.UIInputDigits button:hover:active{box-shadow:0 0 5px -1px #0009}.UIInputDigits .digit{display:flex;justify-content:center;align-items:center;padding:2px}.UIInputDigits.digit .digit{font-size:1.6rem;font-weight:700}.UIInputDigits.centerMark .digit,.UIInputDigits.cornerMark .digit{font-size:1rem;font-weight:400}.UIInputDigits.cornerMark .digit.m1{justify-content:flex-start;align-items:flex-start}.UIInputDigits.cornerMark .digit.m2{justify-content:center;align-items:flex-start}.UIInputDigits.cornerMark .digit.m3{justify-content:flex-end;align-items:flex-start}.UIInputDigits.cornerMark .digit.m4{justify-content:flex-start;align-items:center}.UIInputDigits.cornerMark .digit.m5{justify-content:center;align-items:center}.UIInputDigits.cornerMark .digit.m6{justify-content:flex-end;align-items:center}.UIInputDigits.cornerMark .digit.m7{justify-content:flex-start;align-items:flex-end}.UIInputDigits.cornerMark .digit.m8{justify-content:center;align-items:flex-end}.UIInputDigits.cornerMark .digit.m9{justify-content:flex-end;align-items:flex-end}.UIInputDigits.colorMark .digit{font-size:1em;font-weight:400}.UIInputDigits.colorMark .digit.m1{background-color:var(--color-1)}.UIInputDigits.colorMark .digit.m2{background-color:var(--color-2)}.UIInputDigits.colorMark .digit.m3{background-color:var(--color-3)}.UIInputDigits.colorMark .digit.m4{background-color:var(--color-4)}.UIInputDigits.colorMark .digit.m5{background-color:var(--color-5)}.UIInputDigits.colorMark .digit.m6{background-color:var(--color-6)}.UIInputDigits.colorMark .digit.m7{background-color:var(--color-7)}.UIInputDigits.colorMark .digit.m8{background-color:var(--color-8)}.UIInputDigits.colorMark .digit.m9{background-color:var(--color-9)}.UIEdit{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:1rem}.UIEditInput{display:flex;flex-direction:column;flex-wrap:nowrap;gap:1rem;min-width:13.5rem;max-height:calc(100vh - var(--header-height) - 2rem)}.UIEditGrid{height:0%;outline-offset:2px}.UIInputInfo{display:none;width:min(100%,var(--left-width))}.UIInputInfo.any{display:block}@media(orientation:landscape){.UIInputInfo.landscape{display:block}}@media(orientation:portrait){.UIInputInfo.portrait{display:block}}@media print{.UIInputInfo .toggle{display:none}}.UIInputInfo .titleBox{padding:.5rem;color:#fff;cursor:pointer;background:#708090;-webkit-user-select:none;user-select:none}.UIInputInfo .title{font:inherit;margin:inherit;font-size:1.2rem}.UIInputInfo .author{font:inherit;margin:inherit;font-size:.8rem}.UIInputInfo .toggle{float:right;-webkit-user-select:none;user-select:none}.UIInputInfo .toggle path{fill:#f5f5f5}.UIInputInfo .toggle:hover path{fill:#fff}.UIInputInfo.expanded .expand,.UIInputInfo.collapsed .collapse,.UIInputInfo.collapsed .rules{display:none}.UIInputInfo.expanded .rules{color:#2f4f4f;border:2px solid slategray;border-top:none;margin:0;padding:.5rem;font-size:.8rem;background:#fff}.UIInputInfo .rule{cursor:pointer;-webkit-user-select:none;user-select:none;list-style:none;padding:2px}.UIInputInfo .rule:hover{text-decoration:underline}.UIInputInfo.collapsed .links{display:none}.UIInputInfo.expanded .links{color:#2f4f4f;border:2px solid slategray;border-top:none;padding:.5rem;margin:0;font-size:.8rem;background:#fff}.UIInputInfo .link{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;list-style:none;padding:2px}.UIInputMode{display:flex;flex-direction:row;flex-wrap:nowrap;gap:.5rem}@media print{.UIInputMode{display:none}}.UIInputMode button{border:solid black 1px;padding:3px;width:3rem;height:3rem;cursor:pointer}.UIInputMode button:hover{background-color:#fff}.UIInputMode button:hover:active{box-shadow:0 0 5px -1px #0009}.UIInputMode.digit #InputDigits,.UIInputMode.cornerMark #InputCornerMarks,.UIInputMode.centerMark #InputCenterMarks,.UIInputMode.colorMark #InputColorMarks{border:solid darkslategray 2px;padding:2px;background-color:wheat}.UIInputMode #InputDigits{font-size:1.6em;font-weight:700}.UIInputMode #InputCornerMarks{display:flex;justify-content:space-between;font-size:.8em;font-weight:400}.UIInputMode #InputCenterMarks{font-size:1em;font-weight:400}.UIInputMode #InputColorMarks{position:relative}.UIInputMode #InputColorMarks .c{position:absolute;top:50%;left:50%;width:3rem;height:3rem}.UIInputMode #InputColorMarks .cb{position:relative;width:100%;height:100%;overflow:hidden}.UIInputMode #InputColorMarks .c1{background-color:var(--color-9);transform:rotate(0) scaleY(.57) scale(1) rotate(45deg);transform-origin:0px 0px}.UIInputMode #InputColorMarks .c2{background-color:var(--color-1);transform:rotate(120deg) scaleY(.57) scale(1) rotate(45deg);transform-origin:0px 0px}.UIInputMode #InputColorMarks .c3{background-color:var(--color-2);transform:rotate(240deg) scaleY(.57) scale(1) rotate(45deg);transform-origin:0px 0px}.UIInputStatus{display:flex;flex-direction:column;min-width:13.5rem;max-width:min(100%,var(--left-width));gap:.5em}@media print{.UIInputStatus{display:none}}.UIInputStatus .msg{padding:.4rem;border:1px solid black;background-color:wheat;-webkit-user-select:none;user-select:none;font-size:smaller}.UIInputStatus .msg:hover{background-color:#fff}.UIInputStatus .msg:active{box-shadow:0 0 5px -1px #0009}.UIInputStatus .msg .box{display:inline-block;border:1px solid black;width:.6em;height:.6em}.UIPlay{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:1rem}.UIPlayGrid{display:flex;flex-direction:column;flex-wrap:nowrap;gap:1rem;background:#fff}.UIPlayInput{display:flex;flex-direction:column;flex-wrap:nowrap;gap:1rem;min-width:13.5rem;width:min(var(--right-width),40rem)}.UIPrint{display:flex;flex-direction:column;flex-wrap:wrap;gap:1rem}.UIPrintGrid{background:#fff;z-index:-100}.UIBody{padding:var(--body-padding);--color-0: white;--color-1: gold;--color-2: darkorange;--color-3: yellowgreen;--color-4: seagreen;--color-5: violet;--color-6: mediumpurple;--color-7: deepskyblue;--color-8: royalblue;--color-9: gray;--color-violation: tomato;--color-fixed: whitesmoke;--color-selection: #ebc17d;--color-selection-trans: #ebc17d7F;--color-outline: black}.UIBody a:link{text-decoration:none;color:inherit}.UIBody a:hover{text-decoration:underline;color:inherit}.UIBody a:visited{color:inherit}.UIBody button{background:#f5f5f5;border:1px solid darkslategray;border-radius:2px;cursor:pointer}.UIBody button:hover{background:#fff}.UIBody .c0{background-color:var(--color-0)}.UIBody .c1{background-color:var(--color-1)}.UIBody .c2{background-color:var(--color-2)}.UIBody .c3{background-color:var(--color-3)}.UIBody .c4{background-color:var(--color-4)}.UIBody .c5{background-color:var(--color-5)}.UIBody .c6{background-color:var(--color-6)}.UIBody .c7{background-color:var(--color-7)}.UIBody .c8{background-color:var(--color-8)}.UIBody .c9{background-color:var(--color-9)}.UIHeader{height:2rem;line-height:2rem;padding-left:calc(3.5rem + 2px);color:#fff;background:#708090}@media print{.UIHeader{display:none}}.UIHeader a{color:#f5f5f5;text-decoration:none;border-radius:2px}.UIHeader a:hover{color:#fff;text-decoration:underline}.UIHeader a:visited{color:#f5f5f5}.UIHeader a:focus{outline:dotted lightgray 1px;outline-offset:2px}.UIRoot{box-sizing:border-box}.UIRoot{--header-height: 2rem;--body-margin: 2rem;--body-padding: calc(var(--body-margin) / 2)}@media print{.UIRoot{--header-height: 0px}}.UIRoot{--left-width: min(calc(100vh - var(--header-height) - var(--body-margin) - 2px), calc(100vw - var(--body-margin) - 2px))}@media(orientation:landscape){.UIRoot{--right-width: calc(100vw - var(--left-width) - var(--header-height) - var(--body-padding) - 4px)}}@media(orientation:portrait){.UIRoot{--right-width: var(--left-width)}}