@font-face{font-family:underwood_championregular;src:url(/assets/underwood_champion-webfont-BDHSKcGi.woff)format("woff");font-weight:400;font-style:normal}html{font-family:underwood_championregular;font-size:20px}pre{white-space:pre-wrap;font-family:underwood_championregular}#syllabary-container{overflow:hidden}#syllabary-container,.syllabary-display,.grid-display,.fade-layer,.layer-display,.layer,.center-fade,.loading-display{width:100%;height:100%;position:absolute;top:0;left:0}.fade-layer{opacity:.5}.poem-container{z-index:500;z-index:500;pointer-events:none;position:absolute;inset:0}.poem-display{max-width:700px;margin:0 auto;padding:2em;position:absolute;inset:0 0 50px;overflow:hidden}.poem-text-container{position:absolute;inset:100px 0 0;overflow:hidden}.poem-container.titleless .poem-text-container{top:50px}.poem-text{position:absolute}.poem-title{font-size:1.7em}.poem-container.titleless .poem-title{display:none}.control-container,.control-container.closed{z-index:1000;width:100%;position:absolute;top:75%;bottom:0}.control-container.open{top:-20%}.control-bar{z-index:1;padding-left:10px;position:absolute;inset:20vmin 0 0}.control-info{z-index:1;padding-left:10px;position:absolute;inset:30vh 0 0}.control-version{opacity:.6;font-size:.6em;position:absolute;bottom:6px;left:10px}.control-display{z-index:2;float:right;width:20vmax;height:20vmax;position:relative}.button-hit{cursor:pointer;fill:#0000}#debug-controls{z-index:10000;position:absolute;top:0;right:0}@media only screen and (max-width:1024px) and (min-width:568px) and (orientation:portrait){.control-container,.control-container.closed{text-align:center;top:calc(80% - 10px)}.control-container.open{top:-20%}.control-bar{padding-top:27vmax;top:17vmax}.control-info{top:50vmax}.control-display{float:none;width:40vmax;height:40vmax;margin:0 auto}.poem-display{margin-left:10vmin;margin-right:10vmin;bottom:calc(20% + 22px)}}@media only screen and (max-width:1024px) and (min-width:568px) and (orientation:landscape){.control-container,.control-container.closed{text-align:center;top:calc(75% - 10px)}.control-container.open{top:-22%}.control-bar{padding-top:30vmin;top:20vmin}.control-info{top:60vmin}.control-display{float:none;width:50vmin;height:50vmin;margin:0 auto}.poem-display{bottom:calc(25% + 22px)}}@media only screen and (max-width:567px) and (orientation:portrait){.control-container,.control-container.closed{text-align:center;top:calc(75% - 10px)}.control-container.open{top:-25%}.control-bar{padding-top:33vmax;top:17vmax}.control-info{top:60vmax}.control-display{float:none;width:50vmax;height:50vmax;margin:0 auto}.poem-display{margin-left:5vmin;margin-right:5vmin;bottom:calc(25% + 22px)}}@media only screen and (max-height:567px) and (orientation:landscape){.control-container,.control-container.closed{text-align:center;top:75vmax;right:-50vmax;transform:rotate(-90deg)}.control-container.open{top:-10vmax}.control-info{top:10vmax}.control-display{float:none;width:50vmax;height:50vmax;margin:0 auto}}@media only screen and (max-width:1024px) and (min-width:568px),only screen and (max-width:567px) and (orientation:portrait),only screen and (max-height:567px) and (orientation:landscape){.wheel-button{transform:translateY(-33px)}}