@import"https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Roboto:ital,wght@0,100..900;1,100..900&family=Yuji+Syuku&family=Zen+Old+Mincho&display=swap";#form{display:flex;flex-direction:column;width:100%;gap:10px;margin-top:10px}#form input{font-size:100%;padding:15px;border:none;border:solid 2px #ccc;border-radius:7px;outline:none}#form input:focus{border:solid 2px #888}#form p{color:#e57373}#form div.form-buttons{display:flex;justify-content:space-between;flex-direction:column;gap:10px}#form button{background:#000;border:none;color:#fff;text-transform:uppercase;padding:18px;height:100%;flex:1;font-size:90%;cursor:pointer}#gallery-visit-indicator{color:#212121;font-size:12pt;text-align:left;font-weight:400;width:100%;margin-top:20px}.gallery-row{width:100%;margin-top:15px;display:flex;flex-direction:column;align-items:center}.gallery-controls{display:flex;width:100%;height:60px;margin-top:10px;gap:10px}.gallery-label{display:flex;flex:1;background:#000;justify-content:center;align-items:center;font-family:Zen Old Mincho;font-size:130%;letter-spacing:5px;color:#d4af37}.gallery-delete{height:100%;aspect-ratio:1;border:none;cursor:pointer;background:#693434}.gallery-delete img{width:100%}.tip-container{width:100%;background-color:#d3e8f5;display:flex;justify-content:space-between;align-items:center;padding:20px 30px;box-sizing:border-box;border-radius:7px;border:solid 2px #608DAB;color:#608dab;gap:25px;margin-top:20px;margin-bottom:5px}.tip-text{line-height:160%}.tip-close{font-size:16pt;cursor:pointer}.studio-input-table{margin-top:4vh;margin-bottom:5vh;display:grid;place-items:center;width:100%;gap:10vw 0;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr;height:auto;max-width:600px}.studio-input-select{opacity:0;cursor:pointer;position:absolute;top:0;left:0;width:100%;height:100%}.studio-input-box{display:flex;justify-content:center;align-items:center;text-align:center;background:#ccc;border-radius:10px;width:80%;aspect-ratio:1;color:#fff;font-family:Noto Sans JP;font-size:2em;border:none;min-width:60px;min-height:60px;position:relative}.studio-save-button{width:100%;height:70px;background:#000;border:none;text-transform:uppercase;color:#fff;font-family:Roboto;font-size:90%;border-radius:7px;cursor:pointer}.dictionary-list{display:flex;flex-direction:column;list-style-type:none;width:100%;gap:15px;padding:0}.dictionary-list li{display:flex;justify-content:center;align-items:center;background:#ddd;border-radius:10px;height:50px}.dictionary-list a{display:flex;justify-content:space-between;align-items:center;height:100%;width:100%;border-radius:10px;padding:30px;box-sizing:border-box;text-decoration:none;color:#000;font-size:13pt}.definition-character{font-family:Zen Old Mincho}.definition-label{color:#555}.definition-container{height:30vh;display:flex;justify-content:center;align-items:center;margin-bottom:-10px;position:relative}.definition-image{height:100%;opacity:.5}.definition-image-label{position:absolute!important;font-family:Yuji Syuku;font-size:10vh;color:#333}.definition-translation-label{font-family:Roboto;text-transform:uppercase;color:#212121}.stroke-order-section{margin-top:50px}.stroke-order-section video{height:30vh}.discover-box{display:flex;flex-direction:column;width:100%;gap:10px}.discover-canvas-container{width:100%;position:relative;box-sizing:border-box;font-size:0;cursor:crosshair;touch-action:none!important}.discover-button-span{font-family:Yuji Syuku;font-size:110%}.discover-button{width:100%;height:50px;background:#000;border:none;text-transform:uppercase;color:#fff;font-family:Roboto;font-size:90%;border-radius:7px;cursor:pointer}.discover-button.disabled{opacity:.4;color:#898686;pointer-events:none}.discover-clear-buttons,.discover-pedestals{width:100%;display:flex;flex-direction:row;gap:10px}.discover-pedestal{display:flex;justify-content:center;align-items:center;width:100%;height:50px;background:#fff;border:none;box-shadow:0 0 3px 1px #bbb;text-transform:uppercase;color:#000;font-family:Yuji Syuku;font-size:120%;border-radius:7px;box-sizing:border-box}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.new-character-container{height:80%;display:flex;justify-content:center;align-items:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-sizing:border-box;animation:fadeIn .5s ease-in-out forwards;opacity:0;animation-delay:.5s}.new-character-image{height:100%;opacity:.5}.new-character-image-label{position:absolute;font-family:Yuji Syuku;font-size:10vh;color:#333}.new-character-translation-label{font-family:Roboto;text-transform:uppercase;color:#212121}.haiku-hint{white-space:pre-wrap;display:flex;align-items:center;justify-content:space-between;width:100%;border-left:solid 4px black;padding:15px 30px;box-sizing:border-box;font-family:Yuji Syuku;letter-spacing:0px;margin-top:20px}.haiku-hint-character{font-size:60pt;color:#979797}.visit-users-list{display:flex;flex-direction:column;list-style-type:none;width:100%;gap:15px;padding:0}.visit-users-list li{display:flex;justify-content:center;align-items:center;background:#ddd;border-radius:10px;height:50px}.visit-users-list a{display:flex;justify-content:space-between;align-items:center;height:100%;width:100%;border-radius:10px;padding:30px;box-sizing:border-box;text-decoration:none;color:#000;font-size:13pt}*{-webkit-user-select:none!important;user-select:none!important}a:active,button:active,input:active,textarea:active,select:active{-webkit-tap-highlight-color:transparent;background-color:transparent!important}a{outline:none}html,body,#root,#app{padding:0;margin:0;width:100%;height:100%;overflow:hidden;font-family:Roboto,Helvetica,sans-serif}body,#root,#app{display:flex;flex-direction:column;align-items:center}header{display:flex;height:90px;width:100%;justify-content:center;align-items:center;position:fixed;top:0;border-bottom:solid 2px #ccc;background:#fff;z-index:99}nav{display:flex;gap:15px;width:80%;justify-content:space-between}nav a{display:flex;flex-direction:column;align-items:center;color:#000;text-decoration:none;gap:5px;opacity:.5;cursor:pointer}nav a.active{opacity:1;font-weight:500}nav a img:first-child{flex:1;filter:invert(1)}nav a span:first-child{font-size:20pt;font-family:Yuji Syuku}nav a span:last-child{display:none}main{display:flex;flex-direction:column;align-items:center;width:100%;height:100%;padding:90px 10vw;overflow-y:scroll;box-sizing:border-box}footer{display:flex;height:50px;width:100%;justify-content:center;align-items:center;position:fixed;bottom:0;border-top:solid 1px #ccc;background:#fff}footer a,footer a:visited{margin:5px;color:#2a7fff}h1{color:#212121;font-size:25pt;text-align:left;font-weight:400;width:100%;margin-bottom:0}h2{color:#212121;font-size:15pt;text-align:left;font-weight:400;width:100%;margin-top:13px;margin-bottom:0}section{display:flex;flex-direction:column;align-items:center;width:100%;margin-top:15px;gap:15px}.frame{width:100%;aspect-ratio:5 / 4;border:solid 4px #A89A82;box-sizing:border-box;position:relative;margin:0;padding:0;touch-action:none}.frame-item{display:flex;align-items:center;justify-content:center;position:absolute;object-fit:contain;image-rendering:auto;filter:drop-shadow(0 2px 3px rgba(0,0,0,.12));box-sizing:border-box}.frame-item img{max-width:100%;max-height:100%}.texture-overlay{position:absolute;inset:0;pointer-events:none;background-image:url(https://upload.wikimedia.org/wikipedia/commons/4/47/Kraft_tileable_1024x1024.png);background-size:cover;background-position:center;opacity:.38;mix-blend-mode:multiply;filter:contrast(1.05) brightness(1.02);margin:0}.return-button{position:fixed;top:2vw;left:2vw;height:60px;aspect-ratio:1;cursor:pointer;border:none;background:none}.return-button img{width:100%}.spacer{flex:1}@media screen and (min-width: 600px){nav{width:500px}main{padding:90px calc(50% - 250px)}nav a span:last-child{display:inline;font-size:10pt;text-transform:uppercase}#form div.form-buttons{flex-direction:row}.studio-input-table{margin-top:50px;margin-bottom:60px;gap:100px 0;grid-template-rows:60px 60px}}