body{text-align:center;-webkit-user-select:none;user-select:none;color:#e0e0e0;touch-action:manipulation;box-sizing:border-box;background:linear-gradient(135deg,#1f014d 0%,#2a2a3e 100%) 0 0/cover no-repeat fixed;justify-content:center;align-items:center;height:100dvh;margin:0;padding:0 0 50px;font-family:DotGothic16,sans-serif;font-size:18px;display:flex;overflow:hidden}.ad-banner-container{z-index:1000;background:#000c;border-top:1px solid #333;flex-direction:column;justify-content:center;align-items:center;width:100%;height:50px;display:flex;position:fixed;bottom:0;left:0;box-shadow:0 -2px 10px #00000080}.app-window{box-sizing:border-box;background:#0f001ee6;border:2px solid #0ff6;border-radius:12px;flex-direction:column;justify-content:space-between;width:calc(100% - 20px);max-width:450px;max-height:calc(100dvh - 70px);margin:0;padding:15px;display:none;position:relative;box-shadow:0 0 20px #0ff3,inset 0 0 10px #00ffff1a}.app-window.active{display:flex}#title-screen.active{justify-content:center;align-items:center}#list-view,#collection-view{justify-content:flex-start;overflow-y:auto}#list-view::-webkit-scrollbar{width:8px}#collection-view::-webkit-scrollbar{width:8px}#list-view::-webkit-scrollbar-track{background:#0000004d;border-radius:4px}#collection-view::-webkit-scrollbar-track{background:#0000004d;border-radius:4px}#list-view::-webkit-scrollbar-thumb{background:#00ffff80;border-radius:4px}#collection-view::-webkit-scrollbar-thumb{background:#00ffff80;border-radius:4px}#game-header{justify-content:space-between;align-items:flex-start;width:100%;margin-bottom:5px;display:flex}#hamburger-btn{color:#0ff;cursor:pointer;text-shadow:0 0 5px #0ff;margin-left:-10px;padding:0 10px;font-size:32px;line-height:1}#score-container{text-align:right;pointer-events:none}#score-label{color:#ffffffb3;text-shadow:0 0 2px #fff;font-size:12px}#score-value{color:#fff;text-shadow:0 0 5px #0ff;font-size:28px;font-weight:700;transition:color .1s,text-shadow .1s}#multiplier-display{color:#f0f;text-shadow:0 0 8px #f0f;opacity:0;margin-top:-5px;font-size:18px;font-weight:700;transition:all .3s}#side-menu{z-index:220;opacity:0;pointer-events:none;background:#0f001ef2;border:2px solid #00ffff80;border-radius:8px;flex-direction:column;gap:8px;width:260px;padding:20px;transition:all .3s cubic-bezier(.1,.8,.3,1);display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)scale(.9);box-shadow:0 0 20px #0ff6,inset 0 0 10px #0ff3}#side-menu.open{opacity:1;pointer-events:auto;transform:translate(-50%,-50%)scale(1)}.stat-group{background:#0000004d;border:1px solid #0ff3;border-radius:8px;flex-direction:column;flex:1;align-items:center;padding:10px;display:flex}.shop-box{text-align:left;background:#00000080;border:1px solid #ffd70066;border-radius:8px;margin-top:20px;padding:15px}.shop-tabs{border-bottom:2px solid #ffd70066;margin-bottom:10px;display:flex}.shop-tab-btn{color:#a0a0a0;cursor:pointer;background:0 0;border:none;border-radius:4px 4px 0 0;flex:1;padding:8px;font-family:DotGothic16,sans-serif;font-size:14px;transition:all .2s}.shop-tab-btn.active{color:gold;background:#ffd70033;font-weight:700}.shop-tab-content{flex-direction:column;gap:10px;display:none}.shop-tab-content.active{display:flex}.shop-item{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:4px;justify-content:space-between;align-items:center;padding:10px;display:flex}.shop-item.locked{opacity:.5;filter:grayscale();pointer-events:none}.shop-item-title{color:#fff;text-shadow:0 0 3px #ffffff80;font-size:14px;font-weight:700}.shop-item-desc{color:#a0a0a0;margin-top:2px;font-size:10px;line-height:1.2}.shop-item-price{color:gold;margin-top:2px;font-size:12px;display:inline-block}.shop-lock-text{color:#f66;margin-top:2px;font-size:10px}.shop-btn{color:#0ff;cursor:pointer;white-space:nowrap;background:#00ffff1a;border:1px solid #0ff;border-radius:4px;padding:5px 10px;font-family:DotGothic16,sans-serif;transition:all .2s}.shop-btn:hover:not(:disabled){background:#00ffff4d;box-shadow:0 0 8px #0ff}.shop-btn:disabled{color:#888;cursor:not-allowed;box-shadow:none;text-shadow:none;background:#0000004d;border-color:#555}.menu-title{color:#0ff;text-shadow:0 0 5px #0ff;letter-spacing:2px;margin-left:5px;font-size:18px;font-weight:700}.close-menu-btn{cursor:pointer;color:#0ff;text-shadow:0 0 5px #0ff;background:0 0;border:none;padding:0 5px;font-family:DotGothic16,sans-serif;font-size:28px;line-height:1}#menu-overlay{z-index:215;background:#0009;width:100%;height:100%;display:none;position:fixed;top:0;left:0}#menu-overlay.open{display:block}.menu-btn{color:#e0e0e0;cursor:pointer;background:#00000080;border:1px solid #fff3;border-radius:4px;width:100%;padding:15px 10px;font-family:DotGothic16,sans-serif;font-size:16px;transition:all .2s}.menu-btn:hover{color:#0ff;text-shadow:0 0 5px #0ff;background:#00ffff1a;border-color:#00ffff80}#board-container{justify-content:center;align-items:center;display:flex}#board-wrapper{background:#0000284d;border:2px solid #0000c8cc;border-radius:12px 8px 15px 6px/8px 14px 6px 12px;padding:3px;display:inline-block;box-shadow:0 0 10px #00fc,inset 0 0 10px #0000ff80}table{border-collapse:collapse;table-layout:fixed;background:#0000001a;margin:0 auto}td{text-align:center;vertical-align:middle;background:#ffffff26;border:1px solid #0000;border-image:conic-gradient(#ff6464b3,#ffff64b3,#64ff64b3,#64ffffb3,#6464ffb3,#ff64ffb3,#ff6464b3) 1;border-radius:2px;padding:0;position:relative;box-shadow:inset 0 0 10px #ffffff1a,inset 0 0 1px #ffffff4d,0 2px 5px #0000004d;box-sizing:border-box!important;width:min(10vw,4.5dvh,38px)!important;min-width:min(10vw,4.5dvh,38px)!important;max-width:min(10vw,4.5dvh,38px)!important;height:min(10vw,4.5dvh,38px)!important;min-height:min(10vw,4.5dvh,38px)!important;max-height:min(10vw,4.5dvh,38px)!important}td:nth-child(3n){border-right-width:2px}td:first-child{border-left-width:2px}tr:nth-child(3n) td{border-bottom-width:2px}tr:first-child td{border-top-width:2px}.fixed{color:#fff;text-shadow:0 0 2px #00ffffb3;background-color:#ffffff0d;font-weight:700}.editable{color:#aff;cursor:pointer;text-shadow:0 0 3px #0af;background-color:#00ffff0d}.selected{box-shadow:inset 0 0 10px #ff0c;background-color:#ffff0026!important}.shade-overlay{opacity:0;pointer-events:none;z-index:50;background:#000000b3;transition:opacity .3s;position:fixed;inset:0}.shade-active{opacity:1}@keyframes wave-pop{0%{box-shadow:none;color:inherit;border-radius:2px;transform:translateY(0)scale(1)}50%{image-rendering:pixelated;color:#fff;text-shadow:0 1px 3px #00000080;background:conic-gradient(#f99,#ff9,#9f9,#9ff,#99f,#f9f,#f99);border-radius:6px;font-weight:700;transform:translateY(-10px)scale(1.2);box-shadow:0 0 20px 8px #ffffffb3}to{box-shadow:none;color:inherit;border-radius:2px;transform:translateY(0)scale(1)}}.animate-wave{border-radius:2px;animation:.35s ease-in-out forwards wave-pop;z-index:100!important;position:relative!important}@keyframes wave-pop-colorful{0%{box-shadow:none;color:inherit;border-radius:2px;transform:translateY(0)scale(1)}50%{background-color:var(--pop-color);box-shadow:0 0 25px 10px var(--pop-color);image-rendering:pixelated;color:#fff;text-shadow:0 1px 3px #00000080;border-radius:8px;font-weight:700;transform:translateY(-15px)scale(1.3)}to{box-shadow:none;color:inherit;border-radius:2px;transform:translateY(0)scale(1)}}.animate-wave-colorful{border-radius:2px;animation:.4s ease-in-out forwards wave-pop-colorful;z-index:100!important;position:relative!important}@keyframes bounce-wave-dynamic{0%{box-shadow:none;transform:translateY(0)}50%{transform:translateY(var(--bounce-height,-6px));box-shadow:0 6px 12px #00000040}to{box-shadow:none;transform:translateY(0)}}.bounce-wave-dynamic{animation:.3s ease-in-out forwards bounce-wave-dynamic;z-index:60!important;position:relative!important}.ring-burst{pointer-events:none;z-index:140;image-rendering:pixelated;border:4px solid #1dd1a1cc;border-radius:50%;animation:.5s cubic-bezier(.1,.8,.3,1) forwards ring-expand;position:fixed;box-shadow:0 0 8px #1dd1a199}@keyframes ring-expand{0%{opacity:1;border-width:4px;width:38px;height:38px;transform:translate(-50%,-50%)scale(1)}to{opacity:0;border-width:1px;width:38px;height:38px;transform:translate(-50%,-50%)scale(4.5)}}#combo-display{z-index:200;pointer-events:none;flex-direction:column;align-items:flex-start;gap:8px;display:flex;position:fixed;top:10%;left:5%}.combo-text{color:#fff;text-shadow:0 2px 5px #000c,0 0 10px;background:#0009;border-left:4px solid;border-radius:4px;padding:4px 10px;font-family:DotGothic16,sans-serif;font-size:20px;font-weight:700;animation:1.5s ease-out forwards combo-pop}@keyframes combo-pop{0%{opacity:0;transform:scale(.5)translate(-20px)}15%{opacity:1;transform:scale(1.1)translate(0)}30%{opacity:1;transform:scale(1)translate(0)}80%{opacity:1;transform:scale(1)translate(0)}to{opacity:0;transform:scale(.9)translateY(-20px)}}.memo-grid{color:#ffffffb3;text-shadow:0 0 2px #ffffff80;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);width:100%;height:100%;font-size:10px;line-height:1.2;display:grid}.memo-grid span{justify-content:center;align-items:center;display:flex}#input-container{justify-content:center;align-items:flex-start;width:100%;margin-top:10px;display:flex;gap:min(2vw,10px)!important}#keypad{z-index:15;grid-template-columns:repeat(3,1fr);gap:min(2vw,10px);width:auto;margin:0;display:grid;position:relative}.key-btn{box-sizing:border-box;cursor:pointer;color:#e0e0e0;background:#0006;border:1px solid #fff6;border-radius:4px;width:min(12vw,6.5dvh,50px);margin:0;padding:0;font-family:DotGothic16,sans-serif;font-size:min(5vw,3dvh,22px);transition:all .2s;position:relative;box-shadow:0 0 5px #ffffff4d;aspect-ratio:1!important;height:min(12vw,6.5dvh,50px)!important}.key-btn:hover{color:#0ff;box-shadow:0 0 8px #0ff9}.key-btn:active{background:#0009}@keyframes key-glow-burst{0%{color:inherit;background:#0006;box-shadow:0 0 5px #ffffff4d}50%{box-shadow:0 0 20px 5px var(--glow-color,#ff0);color:#000;text-shadow:none;background:#ffffffe6;transform:scale(1.1)}to{color:inherit;background:#0006;transform:scale(1);box-shadow:0 0 5px #ffffff4d}}.key-glow-anim{z-index:10;animation:.5s ease-out forwards key-glow-burst}.key-disabled{color:#a0a0a0;cursor:not-allowed;text-shadow:none;border-color:#d0d0d033;background-color:#e0e0e01a!important}#control-col{flex-direction:column;width:auto;min-width:80px;display:flex;gap:min(2vw,10px)!important}.action-btn{cursor:pointer;color:#e0e0e0;background:#0006;border:1px solid #fff6;border-radius:4px;justify-content:center;align-items:center;width:100%;padding:0 5px;font-family:DotGothic16,sans-serif;font-size:min(3.5vw,2dvh,15px);transition:all .2s;display:flex;box-shadow:0 0 5px #ffffff4d;box-sizing:border-box!important;height:min(12vw,6.5dvh,50px)!important;min-height:min(12vw,6.5dvh,50px)!important;max-height:min(12vw,6.5dvh,50px)!important}.action-btn:hover{color:#0ff;box-shadow:0 0 8px #0ff9}.mode-on{color:#fff;background-color:#28a74566;border-color:#28a745;box-shadow:inset 0 0 10px #28a745}.hint-btn{color:#bf00ff;text-shadow:0 0 5px #bf00ff;z-index:60;background-color:#bf00ff1a;border-color:#bf00ff;font-weight:700;display:none;position:relative}.hint-btn.awake{animation:.6s ease-out forwards hint-awake;display:flex}@keyframes hint-awake{0%{opacity:0;transform:scale(0)rotate(-180deg)}70%{opacity:1;transform:scale(1.1)rotate(10deg)}to{opacity:1;transform:scale(1)rotate(0)}}.hint-flame{pointer-events:none;z-index:55;opacity:0;width:120%;height:120%;image-rendering:pixelated;background:0 0;border-radius:8px;animation:.8s ease-out forwards hint-flame-burst;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 15px 5px #bf00ff,inset 0 0 25px 10px violet,inset 0 0 5px 2px #fff}@keyframes hint-flame-burst{0%{opacity:1;width:0%;height:0%}50%{opacity:1;width:140%;height:140%;box-shadow:0 0 30px 10px #bf00ff,inset 0 0 40px 15px violet,inset 0 0 10px 4px #fff}to{opacity:0;width:120%;height:120%}}.hint-shatter-fragment{pointer-events:none;z-index:150;width:4px;height:4px;image-rendering:pixelated;background-color:#fff;position:fixed;box-shadow:0 0 5px}.bubble-particle{pointer-events:none;z-index:150;width:8px;height:8px;image-rendering:pixelated;border-radius:0;animation:1.2s ease-out forwards bubble-particle-fade;position:fixed;box-shadow:0 0 10px}@keyframes bubble-particle-fade{0%{opacity:1;transform:translate(-50%, -50%) scale(1) rotate(var(--rot))}80%{opacity:.8;transform:translate(calc(-50% + var(--tx)), calc(-50% + var(--ty))) scale(1.5) rotate(var(--rotT))}to{opacity:0;transform:translate(calc(-50% + var(--tx)), calc(-50% + var(--ty))) scale(0) rotate(var(--rotT))}}.star-particle{color:#fff;pointer-events:none;z-index:155;text-shadow:0 0 10px #fff;width:10px;height:10px;font-family:sans-serif;font-size:16px;line-height:10px;animation:.3s infinite alternate star-twinkle,1.5s ease-out forwards star-fade;position:fixed}@keyframes star-twinkle{0%{opacity:.3;transform:scale(.5)}to{opacity:1;transform:scale(1.2)}}@keyframes star-fade{0%{transform:translate(-50%,-50%)}to{opacity:0;transform:translate(calc(-50% + var(--tx)), calc(-50% + var(--ty)))}}.leaf-particle{pointer-events:none;z-index:150;border-bottom:10px solid;border-left:5px solid #0000;border-right:5px solid #0000;width:0;height:0;animation:2s linear forwards leaf-flutter;position:fixed}@keyframes leaf-flutter{0%{opacity:1;transform:translate(-50%,-50%)rotate(0)scale(1)}50%{transform:translate(calc(-50% + var(--tx) * .5), calc(-50% + var(--ty) * .5 + 20px)) rotate(180deg) scale(.8)}to{opacity:0;transform:translate(calc(-50% + var(--tx)), calc(-50% + var(--ty) + 40px)) rotate(360deg) scale(.5)}}.snow-particle{color:#fff;pointer-events:none;z-index:151;text-shadow:0 0 5px #0ff;font-family:sans-serif;font-size:12px;animation:linear forwards snow-fall;position:fixed}@keyframes snow-fall{0%{opacity:1;transform:translateY(0)rotate(0)}to{transform:translateY(var(--dist)) rotate(360deg);opacity:0}}.laser-burst{pointer-events:none;z-index:145;box-shadow:0 0 15px var(--glow-color,#ff0), 0 0 30px var(--glow-color,#ff0);background:#fff;animation:.4s ease-out forwards laser-fade;position:fixed}@keyframes laser-fade{0%{opacity:1;transform:scale(.1)}70%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.1)}}.list-item{background-color:#0000004d;border:1px solid #0000;border-image:conic-gradient(#ff646499,#ffff6499,#64ff6499,#64ffff99,#6464ff99,#ff64ff99,#ff646499) 1;border-radius:4px;justify-content:space-between;align-items:center;margin-bottom:10px;padding:15px;display:flex}.status-new{color:#007bff;text-shadow:0 0 5px #007bff;font-size:14px;font-weight:700}.status-playing{color:#d35400;text-shadow:0 0 5px #d35400;font-size:14px;font-weight:700}.status-clear{color:#27ae60;text-shadow:0 0 5px #27ae60;font-size:14px;font-weight:700}.play-btn{color:#e0e0e0;cursor:pointer;background:#0006;border:1px solid #fff6;border-radius:4px;padding:8px 15px;font-family:DotGothic16,sans-serif;transition:all .2s;box-shadow:0 0 5px #ffffff4d}.play-btn:hover{color:#0ff;box-shadow:0 0 8px #0ff9}.modal-overlay{z-index:300;opacity:0;pointer-events:none;background:#0009;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .3s;display:flex;position:fixed;top:0;left:0}.modal-overlay.show{opacity:1;pointer-events:auto}.modal-content{text-align:center;background:#0f001ef2;border:2px solid #0ff;border-radius:8px;width:80%;max-width:300px;padding:30px;transition:transform .3s cubic-bezier(.1,.8,.3,1);transform:scale(.8);box-shadow:0 0 20px #0ff9}.modal-overlay.show .modal-content{transform:scale(1)}.modal-content h2{color:#f0f;text-shadow:0 0 10px #f0f;margin-top:0;font-size:36px}.modal-score{color:#fff;text-shadow:0 0 5px #0ff;margin-bottom:20px;font-size:24px}.title-logo{z-index:15;color:#0ff;text-shadow:0 0 10px #0ff,0 0 20px #f0f;letter-spacing:2px;margin-bottom:40px;font-size:32px;font-weight:700;line-height:1.4;position:relative}.title-btn-group{z-index:15;flex-direction:column;gap:15px;width:100%;max-width:260px;display:flex;position:relative}.ending-rainbow{opacity:0;pointer-events:none;z-index:10;border-radius:50%;width:120vw;height:120vw;animation:6s ease-in-out forwards rainbow-fade;position:fixed;bottom:-20vh;left:50%;transform:translate(-50%);box-shadow:inset 0 0 0 15px #f006,inset 0 0 0 30px #ffa50066,inset 0 0 0 45px #ff06,inset 0 0 0 60px #00800066,inset 0 0 0 75px #00f6,inset 0 0 0 90px #4b008266,inset 0 0 0 105px #ee82ee66}@keyframes rainbow-fade{0%{opacity:0}30%{opacity:1}80%{opacity:1}to{opacity:0}}.ending-star{pointer-events:none;z-index:140;border-radius:50%;width:4px;height:30px;position:fixed}.collection-grid{text-align:left;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:15px;display:grid}.collection-card{background:#0006;border:1px solid #00ffff4d;border-radius:6px;justify-content:space-between;align-items:center;padding:10px;display:flex}.collection-card.locked{opacity:.4;filter:grayscale();border-color:#fff3}.collection-icon{text-shadow:0 0 8px;margin-right:10px;font-size:24px}.collection-info{flex-grow:1}.collection-name{color:#fff;font-size:14px;font-weight:700}.collection-count{color:#a0a0a0;font-size:12px}.stats-panel{text-align:left;background:#00002880;border:1px solid #f0f;border-radius:8px;margin-bottom:20px;padding:15px}.stats-title{color:#f0f;text-shadow:0 0 5px #f0f;border-bottom:1px dashed #ff00ff80;margin-bottom:10px;padding-bottom:5px;font-size:16px}.stats-row{color:#e0e0e0;justify-content:space-between;margin-bottom:5px;font-size:14px;display:flex}.coming-soon-box{color:#a0a0a0;background:#00000080;border:2px dashed #ffffff4d;border-radius:8px;margin-top:20px;padding:20px;font-size:14px}.mascot-container{z-index:10;pointer-events:none;width:120px;transition:left .5s,top .5s,bottom .5s;display:none;position:fixed;transform:translate(-50%,-50%)}.mascot-container.visible{display:block}.mascot-img{filter:drop-shadow(0 0 10px #00ffff80);transform-origin:bottom;width:100%}.mascot-img.face-right{transform:scaleX(-1)}.pos-title{top:25%;left:50%}.pos-game{bottom:25%;left:20%}.pos-collection{top:30%;left:80%}.mascot-walking .mascot-img{animation:.5s ease-in-out infinite alternate mascot-bob}.mascot-walking{animation:8s linear infinite alternate walk-horiz}.mascot-sitting .mascot-img{filter:drop-shadow(0 0 5px #00ffff4d);animation:2s ease-in-out infinite alternate mascot-breathe;transform:scaleY(.9)translateY(10px)}.mascot-sitting.face-right .mascot-img{transform:scaleX(-1)scaleY(.9)translateY(10px)}@keyframes mascot-bob{0%{transform:translateY(0)}to{transform:translateY(-15px)}}@keyframes walk-horiz{0%{margin-left:-30vw}to{margin-left:30vw}}@keyframes mascot-breathe{0%{transform:scaleY(.9)translateY(10px)}to{transform:scaleY(.95)translateY(5px)}}#game-layout-wrapper{flex-direction:column;align-items:center;width:100%;transition:flex-direction .3s;display:flex}.swap-layout-btn{color:#0ff;background:#00ffff1a;border-color:#0ff;display:none}@media (width>=768px),(orientation:landscape) and (width>=600px){.app-window{max-width:800px;padding:25px}#game-layout-wrapper{flex-direction:row;justify-content:center;align-items:center;gap:40px}#game-layout-wrapper.layout-left{flex-direction:row-reverse}.swap-layout-btn{margin-top:5px;font-weight:700;display:flex}td{font-size:min(4vw,3dvh,22px);width:min(8vw,6.5dvh,50px)!important;min-width:min(8vw,6.5dvh,50px)!important;max-width:min(8vw,6.5dvh,50px)!important;height:min(8vw,6.5dvh,50px)!important;min-height:min(8vw,6.5dvh,50px)!important;max-height:min(8vw,6.5dvh,50px)!important}.key-btn{font-size:min(4vw,3.5dvh,26px);width:min(10vw,8dvh,60px)!important;min-width:min(10vw,8dvh,60px)!important;max-width:min(10vw,8dvh,60px)!important;height:min(10vw,8dvh,60px)!important;min-height:min(10vw,8dvh,60px)!important;max-height:min(10vw,8dvh,60px)!important}.action-btn{font-size:min(3vw,2.5dvh,18px);height:min(10vw,8dvh,60px)!important;min-height:min(10vw,8dvh,60px)!important;max-height:min(10vw,8dvh,60px)!important}}