@import "https://fonts.googleapis.com/css2?family=Klee+One&display=swap";*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:#000;width:100%;height:100%;font-family:Klee One,cursive;font-style:normal;font-weight:400;overflow:hidden}button,input{font-family:Klee One,cursive}::placeholder{color:#a1fcf75e}body #ui-container,body .audio-toggle-btn{opacity:0;visibility:hidden}#loading-screen{z-index:9999;pointer-events:none;background-color:#0000;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.loading-titles{text-align:center;color:#6b6b6b;filter:url(#water-wave)}.main-title{letter-spacing:.5rem;margin-bottom:.5rem;font-size:1.5rem;animation:3.5s ease-in-out .5s infinite floatMedium}.sub-title{letter-spacing:.3rem;opacity:.7;font-size:.8rem}.main-title span,.sub-title span{opacity:0;display:inline-block;transform:translate(-20px)}#canvas{outline:none;width:100%;height:100%;position:fixed;top:0;left:0;transform:scale(1.2)}.credit-area{flex-direction:column;gap:4px;transition:opacity 1s;display:flex;position:absolute;bottom:30px;left:30px}.credit-area.hidden{opacity:0;pointer-events:none}.credit{color:#fff6;pointer-events:auto;font-size:12px;text-decoration:none;transition:color .3s}.credit:hover{color:#fffc}.privacy-note{color:#fff3;pointer-events:none;font-size:9px}#ui-container{pointer-events:none;z-index:10;width:100%;height:100%;position:fixed;top:0;left:0}.chat-toggle-btn,.chat-panel,.chat-input-name,.chat-input-message,.chat-send-btn{pointer-events:auto}.chat-toggle-btn{color:#ffffff7f;cursor:pointer;z-index:100;white-space:nowrap;background:0 0;border:0 solid #ffffff4d;border-radius:5px;flex-direction:column;align-items:center;padding:5px 10px;font-size:14px;line-height:1.2;transition:background .3s,color .3s,width .3s;display:flex;position:absolute;bottom:30px;right:30px;overflow:hidden}.chat-toggle-btn:hover{color:#fff;background:#ffffff1a}.chat-panel{opacity:1;background:0 0;flex-direction:column;width:500px;max-width:90vw;height:600px;transition:opacity 1s;display:flex;position:absolute;bottom:80px;right:30px}.chat-panel.hidden{opacity:0;pointer-events:none}.chat-timeline{flex-direction:column;flex:1;margin-bottom:15px;display:flex;overflow:hidden auto;-webkit-mask-image:linear-gradient(#0000 0%,#000 20px calc(100% - 20px),#0000 100%);mask-image:linear-gradient(#0000 0%,#000 20px calc(100% - 20px),#0000 100%)}.chat-spacer{flex:1}.chat-timeline::-webkit-scrollbar{width:2px}.chat-timeline::-webkit-scrollbar-track{background:0 0}.chat-timeline::-webkit-scrollbar-thumb{background:0 0;border-radius:2px}.chat-timeline.is-scrolling::-webkit-scrollbar-track{background:#ffffff0d}.chat-timeline.is-scrolling::-webkit-scrollbar-thumb{background:#ffffff4d}.chat-input-area{flex-direction:column;gap:10px;display:flex}.chat-actions{flex-direction:row-reverse;gap:20px;display:flex}.chat-input-name,.chat-input-message,.chat-send-btn,.fetch-whispers-btn{color:#ffffff7f;will-change:transform;background:#63808211;border:0 solid #fff3;border-radius:5px;outline:none;padding:5px 10px;font-size:14px;transition:border-color .3s,background .3s}.chat-send-btn,.fetch-whispers-btn{flex-direction:column;align-items:center;line-height:1.4;display:flex}.chat-input-message{resize:none;height:65px;font-family:inherit}.chat-input-name:focus,.chat-input-message:focus{border-color:#fff9}.chat-toggle-btn{animation:5.5s ease-in-out infinite floatMedium}.chat-input-name{animation:5s ease-in-out infinite floatMedium}.chat-input-message{animation:6.5s ease-in-out 1s infinite floatMedium}.chat-send-btn{cursor:pointer;animation:4.5s ease-in-out .5s infinite floatMedium}.char-count-container{animation:6.5s ease-in-out 1s infinite floatMedium}.fetch-whispers-btn{cursor:pointer;animation:5.5s ease-in-out .2s infinite floatMedium}.chat-send-btn:hover,.fetch-whispers-btn:hover{color:#fff;background:#ffffff1a}.chat-send-btn:disabled,.chat-input-name:disabled,.chat-input-message:disabled{opacity:.5;cursor:not-allowed}.btn-ja{font-size:1em}.btn-en{opacity:.5;letter-spacing:.05em;font-size:.75em}@keyframes floatMedium{0%{transform:translate(0,0)}50%{transform:translate(3px,-2px)}to{transform:translate(0,0)}}.chat-message-item{word-wrap:break-word;will-change:transform, opacity;opacity:0;margin-bottom:20px}#chat-message{overflow:hidden}.chat-message-name{color:#ffffff80;margin-bottom:4px;font-size:12px}.chat-message-text{color:#ffffffe6;font-size:14px;line-height:1.6}@keyframes fadeInOpacity{0%{opacity:0}to{opacity:1}}#whispers-container{pointer-events:none;z-index:5;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.whisper-item{text-shadow:0 0 30px #0006;color:#fffc;white-space:nowrap;pointer-events:none;opacity:0;will-change:transform, opacity, filter;position:absolute}@keyframes floatSmall{0%{transform:translate(0,0)}50%{transform:translate3d(2px,-5px,4px)}to{transform:translate(0,0)}}@keyframes vanishSmoke{0%{opacity:0;filter:blur();transform:translateY(0)scale(1)}1%{opacity:var(--op,1);filter:blur();transform:translateY(0)scale(1)}95%{opacity:var(--op,1);filter:blur();transform:translateY(-10px)scale(1)}to{opacity:0;filter:blur(5px);transform:translateY(-20px)scale(1.05)}}.audio-toggle-btn{opacity:.4;cursor:pointer;pointer-events:auto;will-change:transform;background:0 0;border:none;width:30px;height:30px;font-size:16px;transition:opacity .3s;position:absolute;top:20px;left:50%;transform:translate(-50%)}.audio-toggle-btn:hover,.audio-toggle-btn.is-playing{opacity:.3!important}@media (width<=768px){.chat-toggle-btn{color:#ffffffa3;text-shadow:0 0 20px #0007;background-color:#5a7c872d;bottom:10px;right:10px}.chat-toggle-btn:hover{color:#fff;background-color:#2747522d}.chat-panel{height:70%;margin:0 auto;bottom:60px;left:0;right:0}.chat-input-name,.chat-input-message,.chat-send-btn,.fetch-whispers-btn{color:#ffffffa3;text-shadow:0 0 20px #000c;background-color:#5a7c872d}.btn-en{opacity:.6;letter-spacing:.05em;font-size:.75em}.credit{bottom:10px;left:10px}.credit-area{visibility:hidden}}