*{box-sizing:border-box;margin:0;padding:0}html{background:#f9c905;height:100%;overflow:hidden}body{background:#f9c905;justify-content:center;align-items:stretch;height:100%;font-family:Epilogue,sans-serif;display:flex;overflow:hidden}#app{justify-content:center;align-items:stretch;width:100vw;height:100vh;display:flex;position:relative}canvas{height:100vh;display:block}.gapa-overlay{pointer-events:none;z-index:10}.gapa-qr-wrap{pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex}.gapa-qr-code{background:#fff;border-radius:10px;padding:6px;box-shadow:0 4px 16px #0000001f}.gapa-qr-hint{color:#62771e;text-align:center;font-weight:600;line-height:1.2}.gapa-controller{z-index:20;touch-action:none;background:#fad7c1;align-items:stretch;display:flex;position:fixed;inset:0}.gapa-controller-inner{flex-direction:column;flex:1;justify-content:center;gap:24px;width:100%;max-width:480px;margin:0 auto;padding:24px;display:flex}.gapa-controller-hint{text-align:center;color:#62771e;font-size:20px;font-weight:700}.gapa-controller-buttons{flex:1;gap:16px;max-height:280px;display:flex}.gapa-controller-btn{color:#fff;touch-action:none;-webkit-user-select:none;user-select:none;cursor:pointer;background:#62771e;border:none;border-radius:20px;flex:1;font-family:Epilogue,sans-serif;font-size:48px;font-weight:800}.gapa-controller-btn:active{background:#4f6318}.gapa-error-screen{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;height:100vh;padding:24px;display:flex}.gapa-error-text{color:#62771e;max-width:320px;font-size:18px;font-weight:600}.gapa-error-retry{color:#fff;cursor:pointer;background:#62771e;border:none;border-radius:12px;padding:14px 28px;font-family:Epilogue,sans-serif;font-size:18px;font-weight:700}.gapa-menu{z-index:20;box-sizing:border-box;background:#fad7c1;flex-direction:column;padding:24px 20px;display:flex;overflow:hidden}.gapa-menu-header{text-align:center;flex-shrink:0;margin-bottom:16px}.gapa-menu-logo{width:35%;max-width:110px;height:auto;margin:0 auto 8px;display:block}.gapa-menu-title{color:#62771e;letter-spacing:.08em;font-size:32px;font-weight:800}.gapa-menu-subtitle{color:#62771e;margin-top:4px;font-size:16px;font-weight:600}.gapa-menu-list{-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;gap:12px;padding-right:4px;display:flex;overflow-y:auto}.gapa-menu-item{background:#ffffff73;border-radius:12px;padding:12px 14px}.gapa-menu-item-row{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.gapa-menu-item-name{color:#62771e;font-size:16px;font-weight:700}.gapa-menu-item-price{color:#62771e;flex-shrink:0;font-size:16px;font-weight:800}.gapa-menu-item-desc{color:#62771e;margin-top:6px;font-size:13px;font-weight:500;line-height:1.35}.gapa-menu-back,.gapa-menu-scan{color:#fff;cursor:pointer;background:#62771e;border:none;border-radius:12px;flex-shrink:0;width:100%;margin-top:16px;padding:14px 28px;font-family:Epilogue,sans-serif;font-size:18px;font-weight:700}.gapa-menu--hidden{visibility:hidden;pointer-events:none}.gapa-qr-scanner{z-index:30;background:#000000d9;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.gapa-qr-scanner-panel{flex-direction:column;align-items:center;gap:16px;width:100%;max-width:360px;display:flex}.gapa-qr-scanner-title{color:#fff;text-align:center;font-size:20px;font-weight:700}.gapa-qr-scanner-view{background:#000;border-radius:16px;width:100%;max-width:320px;min-height:280px;overflow:hidden}.gapa-qr-scanner-hint{color:#ffffffd9;text-align:center;font-size:14px;font-weight:500;line-height:1.4}.gapa-qr-scanner-error{color:#fff;text-align:center;padding:24px 16px;font-size:16px;font-weight:600}.gapa-qr-scanner-cancel{color:#fff;cursor:pointer;background:#62771e;border:none;border-radius:12px;width:100%;padding:12px 24px;font-family:Epilogue,sans-serif;font-size:16px;font-weight:700}.gapa-portrait-overlay{z-index:100;color:#62771e;pointer-events:none;background:#fad7c1;justify-content:center;align-items:center;font-family:Epilogue,sans-serif;display:none;position:fixed;inset:0}.gapa-portrait-overlay--visible{pointer-events:auto;display:flex}.gapa-portrait-overlay-content{text-align:center;flex-direction:column;align-items:center;gap:16px;max-width:320px;padding:32px 24px;display:flex}.gapa-portrait-overlay-icon{color:#62771e;animation:2s ease-in-out infinite gapa-portrait-rotate-hint}@keyframes gapa-portrait-rotate-hint{0%,to{transform:rotate(0)}25%{transform:rotate(-90deg)}50%{transform:rotate(-90deg)}}.gapa-portrait-overlay-title{font-size:24px;font-weight:800;line-height:1.2}.gapa-portrait-overlay-subtitle{font-size:16px;font-weight:600;line-height:1.35}