html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background:#000;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;font-family:Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}#game{position:fixed;left:0;top:0;width:100%;height:100%;display:block}#ui-root{position:fixed;left:0;top:0;width:480px;height:360px;transform-origin:0 0;pointer-events:none}#ui-root>*{pointer-events:auto}#ui-root .hidden{display:none!important}.screen{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:#fff}#title-screen{background:#0000008c;box-shadow:0 0 0 2000px #0000008c}.title-name{margin:0 0 6px;font:800 44px/1.1 Nunito,Segoe UI,system-ui,sans-serif;color:#fff;letter-spacing:-.01em;text-shadow:0 3px 12px rgba(0,0,0,.6)}#loading-text{font-size:13px;opacity:.8}.progress{width:220px;height:6px;border-radius:3px;background:#333;overflow:hidden}#loading-bar{width:0;height:100%;background:#fff;transition:width .2s}.big-button{font:inherit;font-size:20px;font-weight:700;letter-spacing:1px;text-transform:uppercase;padding:8px 34px;border:0;border-radius:24px;background:#fff;color:#000;cursor:pointer}.big-button:hover{background:#ddd}.panel{position:absolute;inset:0}.panel-inner{position:absolute;inset:0;overflow:hidden;background:#fff;color:#222;box-shadow:0 0 0 2000px #00000073;animation:fade-in .1s linear}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.dark .panel-inner{background:#262626;color:#eee}.panel-header{height:46px;line-height:46px;padding-left:14px;background:#666;color:#fff;font-size:17px;font-weight:600;text-transform:uppercase}.panel-body{padding:8px 14px}.row{display:flex;align-items:center;justify-content:space-between;min-height:34px;border-bottom:1px solid #ddd;font-size:15px}.dark .row{border-bottom-color:#555}.toggle{width:60px;cursor:pointer}.pill{font:inherit;font-size:12px;font-weight:700;text-transform:uppercase;min-width:64px;height:22px;padding:0 10px;border:0;border-radius:11px;background:#777;color:#fff;cursor:pointer}.pill.locked{cursor:default}.pill img{height:18px;vertical-align:middle}select{font:inherit;font-size:12px;height:22px;border-radius:6px;border:1px solid #999;background:#fff;color:#222}.dark select{background:#333;color:#eee;border-color:#666}.version{position:absolute;left:14px;bottom:8px;font-size:9px;opacity:.7}.close-button{position:absolute;right:11px;top:8px;width:30px;cursor:pointer}.close-button:hover{filter:brightness(1.15)}.gallery-view{position:absolute;inset:46px 0 0}#gallery-image{position:absolute}.gallery-arrow{position:absolute;top:169px;width:34px;cursor:pointer;transition:transform .05s}.gallery-arrow:hover{transform:scale(1.1)}.gallery-arrow.prev{left:3px}.gallery-arrow.next{right:3px}.dark .gallery-arrow{filter:none}.gallery-arrow{filter:invert(.6)}.gallery-page{position:absolute;right:50px;top:16px;color:#fff;font-size:12px}.tooltip{position:absolute;padding:2px 6px;border-radius:4px;background:#000000bf;color:#fff;font-size:9px;white-space:nowrap;pointer-events:none!important;transform:translate(-50%)}.tooltip.above{transform:translate(-50%,-100%)}#settings-panel .panel-inner,#gallery-panel .panel-inner{inset:28px 70px 34px;border-radius:22px;color:#fff1dc;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='120'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 .09 0'/></filter><rect width='120' height='120' filter='url(%23n)'/></svg>"),radial-gradient(ellipse at 50% 20%,#5a2a76,#3b1a50 60%,#2a1038);border:4px solid #ff8a26;box-shadow:0 0 0 3px #1c0b26,0 10px 24px #0000008c,0 0 0 2000px #0c04148c}#settings-panel .panel-inner:before{content:"";position:absolute;inset:5px;border:1.5px dashed rgba(255,241,220,.8);border-radius:17px;pointer-events:none}#settings-panel .panel-header{height:40px;line-height:40px;margin:10px 10px 0;padding-left:16px;border-radius:12px;background:linear-gradient(#ff9a3c,#e06d14);color:#2a1038;font-size:18px;font-weight:800;letter-spacing:1px;text-shadow:0 1px 0 rgba(255,255,255,.35);box-shadow:inset 0 0 0 1.5px #fff1dc8c,0 2px #1c0b26}#settings-panel .panel-body{padding:8px 20px}#settings-panel .row{min-height:38px;font-size:15px;font-weight:600;border-bottom:1.5px dashed rgba(255,241,220,.28)}#settings-panel .close-button{right:14px;top:9px;width:42px;filter:none}#settings-panel .close-button:hover{transform:scale(1.08)}#settings-panel .version{left:22px;bottom:12px;color:#fff1dc99}.switch{position:relative;width:54px;height:26px;padding:0;border:2px solid #1c0b26;border-radius:14px;background:#6e5a7e;box-shadow:inset 0 0 0 1.5px #fff1dc59;cursor:pointer;transition:background .15s}.switch .knob{position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#fff1dc;box-shadow:0 1px #1c0b26;transition:left .15s}.switch.on{background:#ff8a26}.switch.on .knob{left:30px}.switch.locked{opacity:.55;cursor:default}#settings-panel .pill{height:26px;padding:0 14px;border:2px solid #1c0b26;border-radius:14px;background:#ff8a26;color:#2a1038;font-weight:800;box-shadow:inset 0 0 0 1.5px #fff1dc80}#settings-panel .pill:hover,.switch:not(.locked):hover{filter:brightness(1.08)}#settings-panel select{height:26px;padding:0 6px;border:2px solid #1c0b26;border-radius:10px;background:#fff1dc;color:#2a1038;font-weight:700}#settings-panel .panel-inner{overflow:visible}#settings-panel .close-button{right:-16px;top:-16px;width:44px;z-index:3;filter:drop-shadow(0 2px 2px rgba(0,0,0,.5))}#settings-panel .panel-header{margin-right:10px}.switch{width:66px}.switch.on .knob{left:42px}.switch .sw-on,.switch .sw-off{position:absolute;top:0;line-height:22px;font-size:10px;font-weight:800;letter-spacing:.5px;pointer-events:none}.switch .sw-on{left:8px;color:#2a1038;display:none}.switch .sw-off{right:7px;color:#fff1dc}.switch.on .sw-on{display:block}.switch.on .sw-off{display:none}#settings-panel .panel-inner{padding-bottom:26px}.volume{display:flex;align-items:center;gap:8px}#volume-value{width:34px;text-align:right;font-size:12px;font-weight:800}#volume-slider{--v: 100%;-webkit-appearance:none;appearance:none;width:120px;height:14px;margin:0;border:2px solid #1c0b26;border-radius:8px;background:linear-gradient(90deg,#ff8a26 var(--v),#6e5a7e var(--v));box-shadow:inset 0 0 0 1.5px #fff1dc59;cursor:pointer}#volume-slider::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border:2px solid #1c0b26;border-radius:50%;background:#fff1dc;box-shadow:0 1px #1c0b26}#volume-slider::-moz-range-thumb{width:16px;height:16px;border:2px solid #1c0b26;border-radius:50%;background:#fff1dc}.dropdown{position:relative}.dd-button{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:112px;height:26px;padding:0 10px;border:2px solid #1c0b26;border-radius:10px;background:#fff1dc;color:#2a1038;font:inherit;font-size:13px;font-weight:800;cursor:pointer;box-shadow:0 1px #1c0b26}.dd-button:hover{filter:brightness(1.05)}.dd-caret{width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid #2a1038;transition:transform .15s}.dropdown.open .dd-caret{transform:rotate(180deg)}.dd-list{position:absolute;right:0;top:30px;z-index:5;min-width:100%;margin:0;padding:4px;list-style:none;border:2px solid #1c0b26;border-radius:12px;background:radial-gradient(ellipse at 50% 0%,#5a2a76,#3b1a50);box-shadow:inset 0 0 0 1.5px #fff1dc73,0 6px 14px #0000008c}.dd-list li{padding:4px 10px;border-radius:8px;color:#fff1dc;font-size:13px;font-weight:700;white-space:nowrap;cursor:pointer}.dd-list li:hover{background:#ff8a2659}.dd-list li.on{background:#ff8a26;color:#2a1038}#settings-panel .panel-foot{position:absolute;left:22px;right:22px;bottom:12px;display:flex;justify-content:space-between;font-size:10px;font-weight:700;color:#fff1dcb3;pointer-events:none}.dd-list{top:28px;padding:3px}.dd-list li{padding:2px 10px;font-size:12px;line-height:16px}#title-screen{display:block;cursor:default}#title-screen.ready{cursor:pointer}#title-screen .title-logo{z-index:2;position:absolute;left:50%;top:46px;width:330px;transform:translate(-50%);filter:drop-shadow(0 4px 10px rgba(0,0,0,.55));animation:title-in .5s ease-out both}@keyframes title-in{0%{opacity:0;transform:translate(-50%,8px) scale(.96)}to{opacity:1;transform:translate(-50%)}}#title-screen .progress{position:absolute;left:50%;top:266px;transform:translate(-50%)}#title-screen #loading-text{position:absolute;left:0;right:0;top:276px;text-align:center;font:700 13px/1.2 Nunito,Segoe UI,system-ui,sans-serif;color:#fff1dc;opacity:.85;text-shadow:0 2px 6px rgba(0,0,0,.7)}#title-screen.ready #loading-text{top:272px;font-size:22px;font-weight:800;letter-spacing:.5px;opacity:1;animation:tap-pulse 1.4s ease-in-out infinite}@keyframes tap-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.97)}}@media(prefers-reduced-motion:reduce){#title-screen.ready #loading-text,#title-screen .title-logo{animation:none}}#az-ghost{position:absolute;left:0;top:0;height:60px;transform-origin:41% 50%;width:auto;opacity:0;pointer-events:none;user-select:none;filter:drop-shadow(0 3px 6px rgba(0,0,0,.55));will-change:transform,opacity}#combo-book .panel-inner{inset:22px 44px 26px;overflow:visible;border-radius:22px;color:#fff1dc;font-family:Nunito,Segoe UI,system-ui,sans-serif;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='120'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 .09 0'/></filter><rect width='120' height='120' filter='url(%23n)'/></svg>"),radial-gradient(ellipse at 50% 20%,#5a2a76,#3b1a50 60%,#2a1038);border:4px solid #ff8a26;box-shadow:0 0 0 3px #1c0b26,0 10px 24px #0000008c,0 0 0 2000px #0c04148c;display:flex;flex-direction:column}#combo-book .panel-inner:before{content:"";position:absolute;inset:5px;pointer-events:none;border:1.5px dashed rgba(255,241,220,.8);border-radius:17px}#combo-book .panel-header{flex:none;height:34px;line-height:34px;margin:10px 10px 0;padding:0 16px;border-radius:12px;background:linear-gradient(#ff9a3c,#e06d14);color:#2a1038;font-size:17px;font-weight:800;letter-spacing:1px;text-transform:uppercase;text-shadow:0 1px 0 rgba(255,255,255,.35);box-shadow:inset 0 0 0 1.5px #fff1dc8c,0 2px #1c0b26}#combo-book .cb-count{float:right;font-size:14px;letter-spacing:0}#combo-book .close-button{right:-16px;top:-16px;width:44px;z-index:3;cursor:pointer;filter:drop-shadow(0 2px 2px rgba(0,0,0,.5))}#combo-book .close-button:hover{transform:scale(1.08)}#combo-book .cb-tabs{flex:none;display:flex;gap:6px;margin:7px 14px 0;position:relative;z-index:1}#combo-book .cb-tabs button{flex:1;height:22px;border:0;border-radius:9px;cursor:pointer;font:800 11px Nunito,Segoe UI,sans-serif;color:#fff1dc;background:#00000047;box-shadow:inset 0 0 0 1.2px #fff1dc59;white-space:pre}#combo-book .cb-tabs button.on{background:#ff8a26;color:#2a1038}#combo-book .cb-grid{flex:1;min-height:0;overflow-y:auto;margin:7px 10px 12px;padding:0 4px 2px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;align-content:start;position:relative;z-index:1;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#ff8a26 transparent}#combo-book .cb-card{position:relative;display:flex;align-items:center;gap:7px;padding:5px 7px;border-radius:11px;background:#00000042;box-shadow:inset 0 0 0 1.2px #fff1dc38}#combo-book .cb-card.legendary{grid-column:span 2}#combo-book .cb-card.found{background:#fff1dc1a;box-shadow:inset 0 0 0 1.5px var(--felt)}#combo-book .cb-badge{flex:none;position:relative;width:30px;height:30px;display:flex;align-items:center;justify-content:center;font:700 16px Segoe UI Symbol,"Noto Sans Symbols 2",Noto Sans Symbols,Noto Music,DejaVu Sans,sans-serif;color:#fff}#combo-book .cb-badge svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}#combo-book .cb-badge span{position:relative;line-height:1}#combo-book .cb-badge.tier-3 span{font-size:10px;margin-top:9px}#combo-book .cb-badge.tier-7 span{font-size:11px;margin-top:2px}#combo-book .cb-card.locked .cb-badge{color:#ffffff73}#combo-book .cb-info{min-width:0;flex:1}#combo-book .cb-name{font-size:12px;font-weight:800;line-height:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#combo-book .cb-card.locked .cb-name{color:#fff1dc8c;letter-spacing:2px}#combo-book .cb-members{display:flex;flex-wrap:wrap;gap:2px;margin:2px 0 1px}#combo-book .cb-members .m{width:20px;height:20px;border-radius:5px}#combo-book .cb-members .m.sil{filter:grayscale(1) brightness(.3) contrast(1.4);opacity:.9;box-shadow:inset 0 0 0 1px #fff1dc4d}#combo-book .cb-members .m.unk{display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;color:#fff1dc99;background:#00000059;box-shadow:inset 0 0 0 1px #fff1dc4d}#combo-book .cb-sub{font-size:8.5px;font-weight:700;color:#fff1dc99;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#combo-book .cb-card.found .cb-sub{color:var(--thread)}#combo-book .cb-new{position:absolute;top:-4px;right:-3px;padding:0 5px;border-radius:6px;font-size:8px;font-weight:800;line-height:13px;color:#fff;background:#ff3b3b;box-shadow:0 1px #1c0b26}#combo-book .cb-locked-phase{grid-column:span 2;padding:50px 10px;text-align:center;font-size:13px;font-weight:700;line-height:20px;color:#fff1dcb3}#combo-book .song-trick{--felt: #ff9a3c;--dark: #7a3610;--empty: #3a2216;--thread: #ffd3a3}#combo-book .song-spooky{--felt: #b07cff;--dark: #3c215f;--empty: #24183a;--thread: #e2ccff}#combo-book .song-dark{--felt: #e8283f;--dark: #4a0710;--empty: #2a0a10;--thread: #ffb8c0}#combo-book .cb-tier{grid-column:span 2;display:flex;align-items:center;gap:5px;margin:3px 2px -1px;font-size:10px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:#ffb066}#combo-book .cb-tier-shape{font-size:9px}#combo-book .cb-tier-n{margin-left:auto;color:#fff1dc99;letter-spacing:0}#combo-book .song-full{--felt: #f2c14e;--dark: #6e4f0c;--empty: #30260c;--thread: #ffe9a8}