@import "https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";:root{--retro-green:#00ff41;--retro-dark:#0a0a0a;--retro-amber:#ffb800;--retro-red:#ff2020;--retro-cyan:#00e5ff;--retro-purple:#b400ff}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--retro-dark);color:var(--retro-green);width:100vw;height:100vh;font-family:"Press Start 2P",monospace;overflow:hidden}#app{touch-action:none;width:100%;height:100%}body:after{content:"";pointer-events:none;z-index:9999;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#0000000f 2px 4px);position:fixed;inset:0}body:before{content:"";pointer-events:none;z-index:9998;background:radial-gradient(#0000 60%,#0006 100%);position:fixed;inset:0}.cell-empty{background-color:#111;border:1px solid #1a1a1a}.cell-filled{background-color:var(--cell-color);border:1px solid #ffffff26;box-shadow:inset 2px 2px 4px #fff3,inset -1px -1px 3px #00000080}.game-board-wrapper{border:3px solid #00ff41;box-shadow:0 0 20px #00ff41,inset 0 0 10px #00ff410d}.game-board{display:grid}.board-row{display:contents}.row-clearing .board-cell{animation:.4s flash}@keyframes flash{0%{background-color:inherit}50%{background-color:#fff}to{background-color:#0000}}.help-popover{display:inline-flex;position:relative}.help-popover-trigger{color:#00ff41;cursor:pointer;background:0 0;border:2px solid #00ff4166;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;padding:0;font-family:"Press Start 2P",monospace;font-size:9px;line-height:1;display:flex}@media (width>=600px){.help-popover-trigger{width:24px;height:24px;font-size:12px}}.help-popover-trigger:hover{border-color:#00ff41;box-shadow:0 0 8px #00ff41}.help-popover-box{z-index:20001;color:#ccc;background:#0a0a0a;border:2px solid #00ff41;width:min(230px,100vw - 32px);padding:12px;font-family:"Press Start 2P",monospace;font-size:10px;line-height:1.8;position:fixed;box-shadow:0 0 15px #00ff41}.help-popover-close{color:#00ff41;cursor:pointer;background:0 0;border:none;padding:2px 4px;font-size:13px;position:absolute;top:4px;right:4px}@media (width>=600px){.help-popover-box{font-size:13px}.help-popover-close{font-size:16px}}.score-panel{flex-direction:column;gap:16px;min-width:160px;padding:12px;display:flex}.title-block{text-align:center;border:2px solid #00ff41;padding:8px;box-shadow:0 0 10px #00ff41}.title-text{color:#00ff41;text-shadow:0 0 8px #00ff41;letter-spacing:4px;font-size:18px}.subtitle-text{color:#ffb800;letter-spacing:8px;margin-top:2px;font-size:10px}@media (width>=600px){.title-text{font-size:26px}.subtitle-text{font-size:14px}}.score-area{flex-direction:column;gap:8px;display:flex}.retro-box{background:#00ff4108;border:1px solid #00ff4166;padding:6px 8px}.box-label{color:#666;letter-spacing:2px;margin-bottom:4px;font-size:7px}.box-value{letter-spacing:1px;font-size:14px}@media (width>=600px){.box-label{font-size:10px}.box-value{font-size:20px}}.box-value.green{color:#00ff41;text-shadow:0 0 6px #00ff41}.box-value.amber{color:#ffb800;text-shadow:0 0 6px #ffb800}.box-value.cyan{color:#00e5ff;text-shadow:0 0 6px #00e5ff}.next-block{background:#00ff4108;border:1px solid #00ff4166;padding:8px}.next-preview{grid-template-rows:repeat(4,20px);gap:2px;margin-top:8px;display:grid}.preview-row{grid-template-columns:repeat(4,20px);gap:2px;display:grid}.preview-cell{background:#111;border:1px solid #1a1a1a;width:20px;height:20px}.next-help{justify-content:center;display:none}.controls-block{border:1px solid #00ff4133;padding:8px;font-size:7px}@media (width>=600px){.controls-block{font-size:10px}}.control-row{color:#555;justify-content:space-between;margin-bottom:5px;display:flex}.key{color:#00e5ff;min-width:30px}@media (width<=559px){.controls-block{display:none}.next-help{display:flex}.score-panel{min-width:80px;padding:4px}.box-value{font-size:10px}}.overlay{z-index:100;background:#000000d9;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.overlay-box{text-align:center;background:#0a0a0a;border:3px solid #00ff41;flex-direction:column;gap:20px;padding:40px;display:flex;box-shadow:0 0 30px #00ff41}.overlay-content{flex-direction:column;align-items:center;gap:20px;display:flex}.overlay-title{color:#00ff41;text-shadow:0 0 15px #00ff41;letter-spacing:6px;font-size:28px}.overlay-subtitle{color:#ffb800;letter-spacing:4px;font-size:10px}.overlay-score{color:#ffb800;font-size:12px}.overlay-hint{color:#333;font-size:8px;animation:1s infinite blink}@media (width>=600px){.overlay-title{font-size:40px}.overlay-subtitle{font-size:14px}.overlay-score{font-size:18px}.overlay-hint{font-size:12px}}.insert-coin-row{align-items:center;gap:10px;display:flex}.retro-btn{color:#00ff41;cursor:pointer;letter-spacing:2px;background:0 0;border:2px solid #00ff41;padding:12px 24px;font-family:"Press Start 2P",monospace;font-size:12px;transition:all .2s}@media (width>=600px){.retro-btn{font-size:16px}}.retro-btn:hover{color:#0a0a0a;background:#00ff41;box-shadow:0 0 15px #00ff41}.control-mode-selector{align-items:center;gap:8px;display:flex}.control-mode-btn{color:#00ff41;cursor:pointer;letter-spacing:1px;opacity:.5;background:0 0;border:1px solid #00ff41;padding:8px 10px;font-family:"Press Start 2P",monospace;font-size:8px;transition:all .2s}.control-mode-btn.active{opacity:1;color:#0a0a0a;background:#00ff41;box-shadow:0 0 10px #00ff41}.control-mode-remember{color:#888;cursor:pointer;align-items:center;gap:4px;font-size:8px;display:flex}@media (width>=600px){.control-mode-btn,.control-mode-remember{font-size:11px}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.continue-btn{color:#fff;cursor:pointer;background:red;border:none;border-radius:12px;width:100%;margin-bottom:8px;padding:12px;font-family:"Press Start 2P",monospace;font-size:10px;transition:filter .15s,transform 50ms}.continue-btn:hover:not(:disabled){filter:brightness(1.15)}.continue-btn:active:not(:disabled){transform:scale(.98)}.continue-btn:disabled{opacity:.5;cursor:not-allowed}.updates-backdrop{z-index:20000;background:#000c;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.updates-modal{background:#0a0a0a;border:1px solid #1e1e1e;flex-direction:column;width:100%;max-width:400px;max-height:80vh;font-family:"Press Start 2P",monospace;display:flex}.updates-header{color:var(--retro-green);border-bottom:1px solid #1e1e1e;justify-content:space-between;align-items:center;padding:16px;font-size:10px;display:flex}@media (width>=600px){.updates-header{font-size:14px}}.updates-close{color:#555;cursor:pointer;background:0 0;border:none;font-size:14px;transition:color .2s}.updates-close:hover{color:var(--retro-green)}.updates-body{flex-direction:column;gap:12px;padding:16px;display:flex;overflow-y:auto}.updates-card{border:1px solid #1e1e1e;padding:12px}.updates-card--latest{border-color:var(--retro-green)}.updates-card-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.updates-version{color:#aaa;font-size:13px}.updates-card--latest .updates-version{color:var(--retro-green)}.updates-date{color:#888;font-size:11px}@media (width>=600px){.updates-version{font-size:16px}.updates-date{font-size:14px}}.updates-changes{color:#bbb;flex-direction:column;gap:6px;padding:0;font-size:12px;line-height:2;list-style:none;display:flex}.updates-changes li:before{content:"> ";color:var(--retro-green)}@media (width>=600px){.updates-changes{font-size:15px}}.mobile-dpad{z-index:200;touch-action:none;-webkit-user-select:none;user-select:none;grid-template-rows:42px 42px 42px;grid-template-columns:42px 42px 42px;gap:4px;display:grid;position:fixed;bottom:16px;right:16px}.dpad-btn{color:#00ff41;cursor:pointer;touch-action:none;-webkit-tap-highlight-color:transparent;background:#0a0a0a;border:2px solid #00ff41;grid-column:2;padding:0;font-size:16px;line-height:1;transition:background .1s,box-shadow .1s;box-shadow:0 0 6px #00ff4155}.dpad-btn:active{color:#0a0a0a;background:#00ff41;box-shadow:0 0 12px #00ff41}.dpad-up{grid-row:1}.dpad-down{grid-row:3}.dpad-left{grid-area:2/1}.dpad-right{grid-area:2/3}.dpad-center{border:1px solid #00ff4133;grid-area:2/2}.profile-menu{z-index:10000;position:fixed;top:8px;right:12px}.profile-menu-login-btn{color:#fff;cursor:pointer;background:#0009;border:1px solid #fff6;border-radius:20px;padding:8px 14px;font-family:"Press Start 2P",monospace;font-size:12px;text-decoration:none;transition:color .2s,border-color .2s;display:inline-block}@media (width>=600px){.profile-menu-login-btn{padding:10px 18px;font-size:15px}}.profile-menu-login-btn:hover{color:var(--retro-green);border-color:var(--retro-green)}.profile-menu-avatar-btn{cursor:pointer;background:#0009;border:2px solid #fff6;border-radius:50%;width:32px;height:32px;padding:0;transition:border-color .2s;overflow:hidden}.profile-menu-avatar-btn:hover{border-color:var(--retro-green)}.profile-menu-avatar{object-fit:cover;width:100%;height:100%}.profile-menu-backdrop{z-index:9999;position:fixed;inset:0}.profile-menu-dropdown{z-index:10001;background:#111;border:1px solid #fff3;border-radius:12px;flex-direction:column;min-width:160px;display:flex;position:absolute;top:40px;right:0;overflow:hidden}.profile-menu-dropdown button{color:#fff;text-align:left;cursor:pointer;background:0 0;border:none;padding:14px 16px;font-family:"Press Start 2P",monospace;font-size:13px;transition:color .2s,background .2s}.profile-menu-dropdown button:hover{color:var(--retro-green);background:#1a1a1a}.attendance-backdrop{z-index:300;background:#000000b3;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.attendance-box{background:navy;border-radius:40px;width:100%;max-width:380px;padding:28px 24px;font-family:"Press Start 2P",monospace}.attendance-title{color:#fff;text-align:center;margin-bottom:20px;font-size:14px}.attendance-grid{grid-template-columns:repeat(7,1fr);gap:6px;margin-bottom:20px;display:grid}.attendance-cell{background:#ffffff14;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:6px 2px;display:flex}.attendance-cell--active{background:#ffd70033;border:1px solid gold}.attendance-cell-icon{font-size:14px}.attendance-cell-coin{color:#aaa;font-size:7px}.attendance-cell--active .attendance-cell-coin{color:gold}.attendance-cell-day{color:#ccc;font-size:6px}.attendance-checkin-btn{color:navy;cursor:pointer;background:gold;border:none;border-radius:20px;width:100%;padding:14px;font-family:inherit;font-size:12px;transition:filter .15s}.attendance-checkin-btn:hover:not(:disabled){filter:brightness(1.1)}.attendance-checkin-btn:disabled{opacity:.6;cursor:not-allowed}.attendance-close-btn{color:#ccc;cursor:pointer;text-align:center;background:0 0;border:none;width:100%;margin-top:12px;font-family:inherit;font-size:9px;display:block}.attendance-close-btn:hover{color:#fff}.shop-icon-link{z-index:10000;width:68px;height:68px;text-decoration:none;transition:transform .15s;display:block;position:fixed;bottom:16px;left:16px}.shop-icon-link:hover{transform:scale(1.08)}.shop-icon-svg{width:100%;height:100%;filter:drop-shadow(0 0 6px var(--retro-green)) drop-shadow(0 2px 0 #0009);overflow:visible}.cube-front{fill:#1a1a1a}.cube-top{fill:#747474}.cube-right{fill:#000}.cube-outline{fill:none;stroke:var(--retro-green);stroke-width:1.6px;stroke-linejoin:round}.coin-outline{fill:#ffb800;stroke:#3d2400;stroke-width:1.6px}.coin-specular{fill:#fff6d9}.shop-icon-coin{transition:transform .5s cubic-bezier(.34,1.56,.64,1)}.shop-icon-coin--inserted{transform:translateY(26px)}.page-header{z-index:10000;justify-content:center;display:flex;position:fixed;top:8px;left:0;right:0}.updates-btn{color:#888;cursor:pointer;background:0 0;border:none;font-family:"Press Start 2P",monospace;font-size:12px;transition:color .2s}@media (width>=600px){.updates-btn{font-size:15px}}.updates-btn:hover{color:var(--retro-green)}.app-container{justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:relative}.game-layout{align-items:flex-start;gap:20px;display:flex}.right-panel{flex-direction:column;align-items:center;gap:8px;padding-top:12px;display:flex}.mute-btn{color:#00ff41;cursor:pointer;background:0 0;border:2px solid #00ff4166;padding:8px;font-size:20px;transition:border-color .2s}.mute-btn:hover{border-color:#00ff41;box-shadow:0 0 8px #00ff41}.side-label{color:#333;letter-spacing:1px;font-family:"Press Start 2P",monospace;font-size:6px}@media (width>=600px){.side-label{font-size:9px}}.page-footer{color:#555;z-index:10000;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:6px;font-family:"Press Start 2P",monospace;font-size:12px;display:flex;position:fixed;bottom:8px;left:0;right:0}@media (width>=600px){.page-footer{font-size:16px}}.page-footer a{color:#555;pointer-events:auto;text-decoration:none;transition:color .2s}.page-footer a:hover{color:var(--retro-green)}.business-info{color:#555;text-align:center;flex-direction:column;align-items:center;gap:4px;max-width:calc(100vw - 24px);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:11px;line-height:1.35;display:flex}.business-info p{margin:0}@media (width>=600px){.business-info{font-size:14px}}@media (width<=599px){.page-footer{gap:4px;bottom:6px}.business-info{font-size:9px}.game-layout{transform:scale(calc(100vw / 420px));transform-origin:top;align-items:center;gap:4px}}@media (width<=559px){.mute-help{display:none}}.maintenance-page{text-align:center;background:var(--retro-dark);flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:100vh;padding:24px;font-family:"Press Start 2P",monospace;display:flex}.maintenance-icon{font-size:48px}.maintenance-title{color:#fff;font-size:16px}.maintenance-desc{color:#999;font-size:9px;line-height:1.8}.maintenance-period{color:#ccc;background:#111;border:1px solid #333;border-radius:16px;padding:16px 24px;font-size:9px}.maintenance-period-range{color:var(--retro-green);margin-top:6px}