html,body,#root{background:#000;width:100%;height:100%;margin:0;overflow:hidden}.page{background:#000;width:100vw;height:100vh;overflow:hidden}canvas{width:100%;height:100%;display:block}.popup-overlay{z-index:999;background:#00000059;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.speech-bubble{background:#fffdf8;border:1px solid #ececec;border-radius:28px;flex-direction:column;width:min(640px,100vw - 40px);max-height:82vh;animation:.25s popup;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 60px #00000040}.popup-header{z-index:10;background:#fffdf8;border-bottom:1px solid #efefef;padding:32px;position:sticky;top:0}.popup-header h2{margin:0;font-size:54px;font-weight:700}.popup-content{padding:30px 32px;overflow-y:auto}.popup-content section{margin-bottom:28px}.popup-content h3{letter-spacing:.04em;margin:0 0 10px;font-size:16px}.popup-content p{margin:0 0 8px;font-size:18px;line-height:1.8}.bubble-close{cursor:pointer;background:0 0;border:none;font-size:32px;position:absolute;top:18px;right:24px}.language-buttons{gap:8px;margin-top:18px;display:flex}.language-buttons button{cursor:pointer;background:#fff;border:1.5px solid #000;padding:6px 12px;font-size:14px}.language-buttons button.active{color:#fff;background:#000}.bubble-tip{color:#777;margin-top:24px;font-size:14px;display:block}.popup-content::-webkit-scrollbar{width:8px}.popup-content::-webkit-scrollbar-thumb{background:#cfcfcf;border-radius:20px}.popup-content::-webkit-scrollbar-track{background:0 0}@keyframes popup{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media (width<=768px){.speech-bubble{border-radius:22px;width:calc(100vw - 32px);max-height:82vh}.popup-header{padding:24px}.popup-header h2{font-size:34px}.popup-content{padding:24px}.popup-content p{font-size:16px}}.welcome-comic{text-align:center;background:#fff7d6;border:4px solid #111;border-radius:28px;max-width:520px;font-family:Arial,sans-serif;position:relative;box-shadow:8px 8px #111}.welcome-comic h2{letter-spacing:-.05em;margin-bottom:18px;font-size:30px}.welcome-comic p{font-size:19px;font-weight:600;line-height:1.55}.welcome-comic .bubble-tip{color:#fff;background:#111;border-radius:999px;margin-top:22px;padding:8px 14px;font-size:14px;font-weight:700;display:inline-block}.welcome-comic .bubble-close{background:#fff;border:3px solid #111;border-radius:50%;width:34px;height:34px;font-size:26px;font-weight:800;line-height:28px}@media (width<=800px){.welcome-comic{border-width:3px;max-width:calc(100vw - 38px);padding:26px;box-shadow:6px 6px #111}.welcome-comic h2{font-size:34px}.welcome-comic p{font-size:16px}}.welcome-comic .language-buttons{justify-content:center;margin-top:14px;margin-bottom:26px}.hint-message{z-index:1000;color:#111;text-align:center;white-space:nowrap;background:#fffffff0;border:3px solid #111;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:13px 24px;font-size:18px;font-weight:800;line-height:1.35;animation:8s forwards hintFade;display:flex;position:fixed;top:auto;bottom:70px;left:50%;transform:translate(-50%);box-shadow:6px 6px #111}.hint-diamond{color:#39ff14;flex-shrink:0;font-size:24px;line-height:1;animation:1.2s infinite diamondPulse}@keyframes hintFade{0%{opacity:0;transform:translate(-50%,20px)}10%{opacity:1;transform:translate(-50%)}80%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,10px)}}@keyframes diamondPulse{0%,to{opacity:.65;transform:scale(1)}50%{opacity:1;transform:scale(1.25)}}@media (width<=768px){.hint-message{white-space:nowrap;border-radius:999px;gap:6px;width:auto;max-width:calc(100vw - 24px);padding:9px 12px;font-size:11px}.hint-diamond{font-size:16px}}.bottom-nav{z-index:5000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#00000094;border:1.5px solid #fffc;border-radius:999px;justify-content:center;align-items:center;gap:0;padding:10px 18px;display:flex;position:fixed;bottom:22px;left:50%;transform:translate(-50%)}.bottom-nav button{color:#fff;letter-spacing:.14em;cursor:pointer;text-shadow:-1px -1px #111,1px -1px #111,-1px 1px #111,1px 1px #111;background:0 0;border:none;padding:0 18px;font-size:12px;font-weight:800;position:relative}.bottom-nav button:not(:last-child):after{content:"";background:#ffffffa6;width:1px;height:14px;position:absolute;top:50%;right:0;transform:translateY(-50%)}.bottom-nav button:hover{color:#39ff14}@media (width<=768px){.bottom-nav button{letter-spacing:.08em;flex-shrink:0;padding:0 10px;font-size:10px}}.contact-popup{background:#fffdf8;border:4px solid #111;border-radius:28px;width:min(460px,100vw - 40px);padding:34px;animation:.25s popup;position:relative;box-shadow:8px 8px #111}.contact-popup h2{text-align:center;margin:0 0 26px;font-size:34px}.contact-list{flex-direction:column;gap:14px;display:flex}.contact-list button{cursor:pointer;text-align:left;background:#fff;border:3px solid #111;border-radius:16px;padding:14px 18px;font-size:18px;font-weight:800}.contact-list button:hover{background:#fff7d6}.contact-list button:disabled{opacity:.45;cursor:default}.archive-popup{background:#fffdf8;border:4px solid #111;border-radius:28px;width:min(980px,100vw - 40px);max-height:84vh;padding:34px;animation:.25s popup;position:relative;overflow-y:auto;box-shadow:8px 8px #111}.archive-popup h2{text-align:center;letter-spacing:.08em;margin:0 0 28px;font-size:34px}.archive-layout{grid-template-columns:46% 54%;align-items:start;gap:26px;display:grid}.archive-layout h3{letter-spacing:.04em;margin:0 0 14px;font-size:18px;font-weight:900}.dance-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.video-thumb{cursor:pointer;background:#fff;border:3px solid #111;border-radius:12px;padding:0;overflow:hidden;box-shadow:3px 3px #111}.video-thumb img{object-fit:cover;width:100%;display:block}.video-thumb.small img{aspect-ratio:9/16;height:120px}.video-thumb.large{width:100%}.video-thumb.large img{aspect-ratio:16/9}.video-thumb:hover{transform:translate(-2px,-2px);box-shadow:5px 5px #111}@media (width<=768px){.contact-popup{width:calc(100vw - 36px);padding:26px}.contact-popup h2{font-size:28px}.contact-list button{font-size:16px}.archive-popup{width:calc(100vw - 32px);max-height:82vh;padding:22px}.archive-popup h2{font-size:28px}.archive-layout{grid-template-columns:1fr;gap:26px}.dance-grid{grid-template-columns:repeat(4,1fr);gap:8px}.video-thumb.small img{height:92px}.archive-layout h3{font-size:16px}}.loading-screen{z-index:99999;background:#000;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.loading-diamond{color:#39ff14;font-size:60px;line-height:1;animation:1.2s infinite loadingPulse}.loading-screen p{color:#ffffffbf;letter-spacing:.18em;text-transform:lowercase;margin-top:18px;margin-bottom:4px;font-size:16px;font-weight:500}.loading-screen h2{color:#fff;letter-spacing:.05em;margin:0;font-size:26px;font-weight:600}@keyframes loadingPulse{0%,to{opacity:.35;transform:scale(.85)}50%{opacity:1;transform:scale(1.18)}}@media (width<=768px){.loading-diamond{font-size:46px}.loading-screen p{letter-spacing:.14em;font-size:14px}.loading-screen h2{font-size:20px}}.music-button{color:#fff;justify-content:center;align-items:center;line-height:1;transition:all .2s;display:flex;font-size:23px!important}.music-button.active{color:#39ff14;text-shadow:0 0 8px #39ff14,0 0 18px #39ff14}.music-button:hover{color:#39ff14;transform:scale(1.12)}.music-button:active{transform:scale(.94)}@media (width<=768px){.music-button{padding:0 8px!important;font-size:14px!important}}