html,body{width:100%;height:100%;position:fixed;overflow:hidden}body{color:#000;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-khtml-user-select:none;flex-direction:column;justify-content:flex-start;align-items:flex-start;margin:0;padding:0;font-family:Courier Prime,monospace;display:flex}main{width:100%;height:100%;justify-content:center;align-items:center;margin:0;padding:0;display:none}button{box-shadow:none;color:#000;background-color:#0000;border:0;outline:none}.overlay{width:100%;height:100%;justify-content:center;align-items:center;display:flex;position:fixed}.overlay.hide{opacity:0;pointer-events:none}span.clickable{cursor:pointer;pointer-events:all;text-decoration:underline}#bg-gradient{width:100%;height:100%;opacity:0;transition:opacity 2s;position:fixed}#bg-gradient.show{opacity:1}.bg-gradient-item{width:100%;height:100%;opacity:0;transition:opacity 2s;position:absolute;top:0;left:0}.bg-gradient-item.show{opacity:1}#bg-gradient-default{opacity:1;background:linear-gradient(175deg,#e4f7f7,#fff 50%,#e1d7cd)}#bg-gradient-winter{background:linear-gradient(175deg,#fff,#fff 50%,#ccc)}#bg-gradient-sword{background:linear-gradient(175deg,#5099c6,#ecf1f4 50%,#1773a3)}#bg-gradient-earth{background:linear-gradient(15deg,#a2b569,#ecf1f4 50%,#040d0a)}#bg-gradient-rainbow{background:linear-gradient(216deg,#fff 10%,#f6cbcbb5,#f8d7aad9,#f6f884c4,#e3feb8,#e2f6f3cf,#e9d5fbcc,#fff 70%)}#bg-gradient-morning{background:linear-gradient(207deg,#f493e3,#fff 50%,#e5fe93)}#bg-gradient-rainbow.show{opacity:.75}.winter #bg-gradient-winter{opacity:1}.dark #bg-gradient-default,.dark #bg-gradient-winter,.winter #bg-gradient-default{opacity:0}#bg-gradient-dark{background:linear-gradient(-180deg,#000,#484848)}.dark #bg-gradient-dark,.dark #bg-gradient{opacity:1}::-webkit-scrollbar{width:4px;background-color:#0000;border-radius:2px}::-webkit-scrollbar-thumb{background-color:gray}#startscreen{width:100%;height:100%;z-index:3;background-color:#0000;flex-direction:column;justify-content:center;align-items:center;gap:20px;transition:opacity 1s,transform 2s ease-in-out;display:none;position:fixed;overflow:hidden}#startscreen.show{display:flex}#startscreen.hide{opacity:0;pointer-events:none}#startscreen-title{width:35vh;height:15vh;background-image:url(title_holder5-04.59897444.png);background-position:50%;background-repeat:no-repeat;background-size:100%}#startscreen-text{width:520px;max-width:80vw;color:#3e3d3d;font-family:Google Sans,sans-serif;font-size:12px;line-height:1.75em}#startscreen-text .home-vol{height:12px}#startscreen-text span{width:15px;height:15px}#startscreen-go{height:24px;width:120px;justify-content:center;align-items:center;display:flex;position:relative}#start-button{cursor:pointer;color:#000;text-shadow:2px 2px 2px #00000040;opacity:0;pointer-events:none;background-color:#0000;background-repeat:no-repeat;background-size:contain;border:0;padding:5px;font-family:Courier Prime,monospace;font-size:22px;transition:opacity .5s;display:block}#start-button.show{opacity:1;pointer-events:all}.hide #start-button{pointer-events:none}#start-screen-loading{color:gray;height:14px;width:100px;pointer-events:none;font-family:Courier Prime,monospace;font-size:18px;position:absolute;top:0}#start-screen-loading.hide{opacity:0}canvas{width:100vw;height:100vh;position:fixed}#loading-container{opacity:0;pointer-events:none}#loading-container.show{opacity:1;pointer-events:all}#loading-poem-message{color:gray;margin-top:calc(20vh + 20px)}#click-to-begin{opacity:0;pointer-events:none;margin-top:100px;transition:opacity 1s;position:absolute}#click-to-begin.show{opacity:1}#words-container{width:100%;height:50%;justify-content:center;align-items:center;display:flex}#words{pointer-events:none;height:50%;max-width:calc(100% - 5vw);z-index:2;color:#585555;flex-direction:column;gap:15px;font-family:Courier Prime,monospace;font-size:20px;display:flex;position:relative}.dark #words,.dark #poet-bio,.dark #about{color:#c2c2c2}.dark span.keyword{color:#fff}#words span{opacity:0;transition:opacity 1s ease-in-out}#words span.anim{opacity:1}@-webkit-keyframes falling{0%{-webkit-transform:matrix(1,0,0,1,0,0)}to{opacity:0;-webkit-transform:translate(-350px,500px)rotate(90deg)}}@-webkit-keyframes falling3{0%{transform:matrix(1,0,0,1,0,0)}to{opacity:0;transform:translate(-100px,640px)rotate(-70deg)}}@-webkit-keyframes falling2{0%{transform:matrix(1,0,0,1,0,0)}to{opacity:0;transform:translate(-10px,680px)rotate(90deg)}}@-webkit-keyframes fade{0%{opacity:1}to{opacity:0}}span.keyword{cursor:pointer;pointer-events:all;color:#000;text-shadow:2px 2px 2px #0003}#words.disable span.keyword,#words.fall{pointer-events:none}#words.fade{pointer-events:none;-webkit-animation:1s fade;animation-fill-mode:both}#words.fall span.keyword{pointer-events:none;-webkit-animation:5s falling;animation-fill-mode:forwards}#words.fall span.anim{-webkit-animation:5s falling;animation-fill-mode:forwards!important}#words.fall span.anim:nth-of-type(2n){-webkit-animation:5s falling2}#words.fall span.anim:nth-of-type(3n){-webkit-animation:5s falling3}#words.fall span.anim:nth-of-type(n){-webkit-animation-delay:1s}#words.fall span.anim:nth-of-type(2n){-webkit-animation-delay:3.9s}#words.fall span.anim:nth-of-type(3n){-webkit-animation-delay:2.3s}#words.fall span.anim:nth-of-type(4n){-webkit-animation-delay:4.4s}#words.fall span.anim:nth-of-type(5n){-webkit-animation-delay:5s}#words.fall span.anim:nth-of-type(6n){-webkit-animation-delay:3.5s}#words.fall span.anim:nth-of-type(7n){-webkit-animation-delay:2.8s}#words.fall span.anim:nth-of-type(8n){-webkit-animation-delay:1.5s}#words.fall span.anim:nth-of-type(9n){-webkit-animation-delay:3.3s}#words.fall span.anim:nth-of-type(10n){-webkit-animation-delay:2.5s}#words.fall span.anim:nth-of-type(11n){-webkit-animation-delay:1.2s}#words.fall span.anim:nth-of-type(12n){-webkit-animation-delay:4.1s}#words.fall span.anim:nth-of-type(13n){-webkit-animation-delay:.5s}#words.fall span.anim:nth-of-type(14n){-webkit-animation-delay:4.7s}#words.fall span.anim:nth-of-type(15n){-webkit-animation-delay:0s}#haiku-poet-name{opacity:0;pointer-events:none;color:#000;text-shadow:2px 2px 2px #00000040;margin-right:30px;font-size:85%;transition:opacity 1.5s}.dark #haiku-poet-name{color:#fff}#haiku-poet-name.show{opacity:1;pointer-events:all;cursor:pointer}#jp-en{justify-content:flex-start;display:flex}#lang-button{color:#555;pointer-events:none;cursor:pointer;opacity:0;margin-left:30px;padding:0;font-size:80%;transition:opacity 1s}#jp-en.show #lang-button{min-width:100%}#poem-name-lang-container{justify-content:space-between;align-items:center;margin-top:10px;display:flex}.dark #lang-button{color:#fff}#lang-button.show,#jp-en.show{opacity:1;pointer-events:all;display:flex}#letter-icon-buttons{z-index:0;pointer-events:none;width:100%;justify-content:center;align-items:center;display:flex;position:absolute;top:-8vh}.letter-icon-button{width:7vh;height:7vh;opacity:0;pointer-events:none;background-color:#ffffff30;background-position:50%;background-size:90% 90%;border:0;border-radius:50%;transition:transform .5s;box-shadow:2px 2px 2px #0003}.letter-icon-button:last-child{margin-left:3vh}.dark .letter-icon-button{background-color:#00000050;box-shadow:2px 2px 2px #ffffffbd}.letter-icon-button:hover{transform:scale(1.1)translateY(-2px)}#letter-icon-buttons.show .letter-icon-button{pointer-events:all;cursor:pointer}#poem-meta-container{pointer-events:none;width:calc(100% - 40px);color:gray;opacity:0;justify-content:space-between;transition:opacity .5s;display:none;position:fixed;bottom:20px;left:20px}#poem-meta-container.show{opacity:1}#poet-bio-container{pointer-events:none;flex-direction:column;gap:20px;transform:translate(-100vw)}#poet-bio-container.fromabout{transform:translateY(100vh)}#bio-area{flex-direction:column;gap:10px;display:flex;overflow-y:auto}#poet-bio-container.show{z-index:1}#poet-bio{color:#504f4f;flex-direction:column;gap:10px;font-family:Courier Prime,monospace;display:flex}#bio-source span.clickable{text-decoration:underline}#poet-name{padding-bottom:10px;font-size:2.5vh}#credits p{margin-bottom:20px}.info-page-back-container{width:100%;height:40px;justify-content:center;align-items:center;margin-top:20px;display:flex}.back-button{cursor:pointer;background-color:#0000;background-repeat:no-repeat;background-size:cover;border:0;position:absolute}.info-page-back-container.show .back-button{z-index:3;pointer-events:all;cursor:pointer}#bio-back{margin:0}#bio-back-container{width:100%;height:50px}#poem-word-back-container{opacity:0;width:160px;color:#333;flex-direction:row;justify-content:center;align-items:center;gap:5px;font-size:14px;transition:transform 2s,opacity 2s;display:flex;position:fixed;bottom:120px;right:calc(50% - 80px);transform:translateY(20px)}.dark #poem-word-back-container{color:#fff}#poem-word-back-container.show{opacity:1;z-index:3;pointer-events:all;cursor:pointer;transform:translate(0)}#return-to-poem-label{padding:10px 0}.info-page-container{width:100vw;height:calc(100% - 50px);pointer-events:none;z-index:4;justify-content:center;align-items:center;display:none;position:fixed;top:50px}.info-page-container.show{opacity:1;display:flex}.info-page{max-width:80vw;max-height:calc(100% - 120px);pointer-events:all;color:#504f4f;flex-direction:column;font-size:2vh;line-height:1.5em;display:flex}.dark .info-page-text{background-color:#0000003b}.info-page-text{width:calc(100% - 40px);-webkit-user-select:text;user-select:text;border:1px solid #ececec;padding:20px}#haiku-info{margin-top:-50px;transform:translateY(100vh)}#haiku-info-back{margin:0}#haiku-info-button{opacity:0;pointer-events:none;cursor:pointer;background:0 0;border:0;font-size:14px;position:fixed;bottom:10px;left:20px}#haiku-info-button.show{pointer-events:all;z-index:3}#haiku-info-text{overflow-y:auto}#credits{align-items:flex-start;gap:18px;transform:translateY(-100vh)}#credits-scroll-container{flex-direction:column;gap:18px;padding-right:10px;display:flex;overflow-y:auto}#project-credits{flex-direction:column;display:flex}#project-credits div{margin-bottom:20px}#credits-logo{width:100%;height:90px;background-image:url(title_holder5-04.59897444.png);background-position:50%;background-repeat:no-repeat;background-size:contain;flex-shrink:0;margin-bottom:20px;display:flex}.dark #credits-logo{background-image:url(logo_white.f4abd53a.png)}.credits-vol-img{opacity:.75;height:2vh;vertical-align:text-top}.dark .credits-vol-img{filter:contrast(0)brightness(2)}#credits h3{color:#454444;margin:0 0 20px;padding:0;font-family:Courier Prime,monospace;font-size:105%}.dark #credits h3{color:#fff}#credits ul{flex-direction:column;margin:0 0 20px;padding:0;list-style-type:none}#credits li{margin-bottom:5px;font-size:100%;line-height:1.5em}#credits span{cursor:pointer;text-decoration:underline}#credits span.cs{cursor:unset;text-decoration:none}.dark #credits{color:#999!important}#poem-facts-container{pointer-events:none;width:100%;height:100%;color:#333;flex-direction:column;justify-content:space-evenly;align-items:center;font-size:2.25vh;line-height:3.75vh;display:none;position:fixed}.dark #poem-facts-container{color:#fff}#poem-facts-container.show{display:flex}#poem-facts-top{opacity:0;text-align:center;flex-direction:column;justify-content:center;display:flex}#poem-facts-cat{font-size:90%}#poem-facts-bottom{opacity:0;max-width:75%}#poem-facts-button.show{pointer-events:all}video,#haiku-video{display:none}#top-nav-container{z-index:3;opacity:0;pointer-events:none;flex-direction:row;gap:6px;transition:opacity 1s,transform 1s;display:flex;position:fixed;top:5px;left:5px;transform:translateY(-30px)}#top-nav-container.show{opacity:1;pointer-events:all;transform:translateY(0)}.top-nav-button{width:40px;height:40px;z-index:3;pointer-events:all;opacity:.8;background-color:#0000;background-position:50%;background-repeat:no-repeat;background-size:25px;border:none;border-radius:50%}.top-nav-button:hover{background-color:#00000026}#mute-button{background-image:url(volume_mute.0647bc5f.svg)}#share-button{background-image:url(share_button.939815d1.svg)}#more-button{background-image:url(more_button.926430b1.svg)}#more-button.hide{opacity:0;pointer-events:none}#mute-button.muted{background-image:url(volume_mute_on.3342a3fb.svg)}.dark #mute-button,.dark #grid-nav-button,.dark .top-nav-button,.dark #grid-nav-button-container button,.dark .back-button{filter:contrast(0)brightness(2)}#nav-grid-meta-data{width:100%;height:100%;justify-content:center;align-items:center;display:flex;position:fixed}#nav-grid-seasons{color:#333;width:80vh;flex-direction:column;justify-content:center;align-items:center;gap:0;font-size:24px;display:flex;position:absolute;top:10vh}#nav-grid-seasons .season{opacity:0;width:120px;height:20vh;justify-content:center;align-items:center;display:flex;position:relative}#nav-grid-seasons .season span{opacity:0}#nav-grid-seasons .season.show{opacity:1}#nav-grid-style{width:80vh;color:#333;width:75vh;gap:10px;font-size:18px;display:flex;position:fixed}.poem-style{opacity:0;gap:5px;display:flex}.arrow-container{width:100%;align-items:center;display:flex}.arrow-line{width:0;height:1px;background-color:gray}.arrow-head{width:0;height:0;opacity:0;border-top:5px solid #0000;border-bottom:5px solid #0000;border-left:5px solid gray}#trad-style{width:100%}#grid-nav-button-container{opacity:0;z-index:2;pointer-events:none;width:100%;pointer-events:none;flex-direction:row;justify-content:center;align-items:center;gap:15px;transition:opacity 1s,bottom 1s;display:flex;position:fixed;bottom:-100px}#grid-nav-button-container button{width:40px;height:40px;cursor:pointer;background-color:#0000;background-size:contain;border:none}#grid-nav-button-container.show button{pointer-events:all}.nav-arrow-button{background-image:url(single_arrow.e2cc51f4.svg)}#nav-prev-button{transform:scaleX(-1)}#grid-nav-button{background-image:url(gridbutton.889789d9.svg)}#nav-deco-r{transform:scaleX(-1)}.nav-row{flex-direction:row;justify-content:center;align-items:center;display:flex}#grid-nav-button-container.show{opacity:1;bottom:40px}@media (orientation:portrait){#nav-grid-seasons{width:80vw;top:calc(50% - 45vw)}#nav-grid-seasons .season{height:22vw}#nav-grid-style{width:80vw;top:calc(50% + 45vw)}.info-page{max-height:calc(100% - 60px)}#poet-bio{width:80vw;flex-direction:column}#bio-back-container{width:100%;height:50px}#words-container{height:40%;margin-top:45px}#words{height:unset;gap:unset;margin-top:20px;font-size:2.25vh;line-height:3.35vh}.word-line{margin-bottom:1.5vh}.word-line:last-child{margin-bottom:0}#letter-icon-buttons{top:-7vh}.letter-icon-button{width:5vh;height:5vh}#haiku-info-back-container,#haiku-info{margin-top:0}}@media (orientation:portrait) and (max-height:750px){#grid-nav-button-container.show{bottom:20px}#poem-word-back-container{bottom:80px}}@media (orientation:portrait) and (max-height:600px){#letter-icon-buttons{display:none}}@media (orientation:portrait) and (max-height:500px){#letter-icon-buttons{display:none}}@media (orientation:landscape){#nav-grid-style{top:calc(50% + 40vh + 10px)}#startscreen-text{font-size:14px}#startscreen-text .home-vol{height:14px}#startscreen-title{width:50vh;height:20vh}#words{height:auto;gap:unset;font-size:2.5vh;line-height:3.5vh}.word-line{margin-bottom:2.5vh}#words-container{width:calc(50vw - 15vh);height:100%;justify-content:flex-end;align-items:center}#poem-meta-container{display:flex}.info-page{line-height:1.75em}#haiku-info-button{font-size:16px}#poet-name{font-size:3.25vh}}@media (orientation:landscape) and (min-width:1250px){.letter-icon-button{width:6vh;height:6vh}#poet-bio{max-width:65vw}#startscreen-text{font-size:14px}#startscreen-text .home-vol{height:14px}}@media (orientation:landscape) and (min-width:1600px){#poet-name{padding-bottom:35px}#startscreen-text{font-size:16px}#startscreen-text .home-vol{height:16px}.back-button{font-size:18px}#bio-source{font-size:14px}}@media (orientation:landscape) and (min-width:1900px){#startscreen-text{width:800px;max-width:70vh;font-size:20px}#startscreen-text .home-vol{height:20px}#grid-nav-button-container button{width:60px;height:60px}#poem-word-back-container{width:200px;font-size:18px;bottom:140px;right:calc(50% - 100px)}#haiku-info-button{font-size:20px}}@media (orientation:landscape) and (max-height:500px){#words{gap:12px;font-size:14px;line-height:1.5em}#letter-icon-buttons{top:-50px}.letter-icon-button{width:40px;height:40px}#startscreen-title{width:70vh;height:30vh}#startscreen{gap:10px}#startscreen-text{font-size:11px;display:none}#startscreen-go{margin-top:20px}#grid-nav-button-container.show{bottom:20px}#credits{font-size:12px}.credits-vol-img{height:12px}#credits-logo{display:none}#bio-area{overflow-y:auto}#poem-word-back-container{bottom:35px;right:30px}#poet-name{font-size:20px}.info-page{max-width:90vw;max-height:calc(100% - 45px);gap:10px;font-size:3vh}.info-page-container{align-items:flex-start}#poet-bio-container{align-items:center}.back-button{font-size:14px}.info-page-back-container{align-items:flex-start;margin-top:0}#haiku-info{margin-top:0}#poem-facts-container{font-size:14px;line-height:1.5em}}@media (orientation:landscape) and (max-height:400px){#letter-icon-buttons{display:none}}@media (orientation:landscape) and (max-height:300px){#startscreen-text{display:none}#startscreen{gap:0}#letter-icon-buttons{display:none}}
/*# sourceMappingURL=index.d1edf65d.css.map */