*{box-sizing:border-box;margin:0;padding:0}:root{--gapa-page-max-width:960px}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:100dvh;display:flex;position:relative}canvas{height:100dvh;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-attract-video{object-fit:cover;background:#000;width:100%;height:100%;display:block}.gapa-offline-screen{background:#000;position:fixed;inset:0;overflow:hidden}.gapa-slideshow-screen{--gapa-slideshow-title-size:112px;--gapa-slideshow-title-padding-top:160px;--gapa-slideshow-title-padding-x:64px;background:#000;position:fixed;inset:0;overflow:hidden}.gapa-slideshow-stage{width:100%;height:100%;position:relative}.gapa-slideshow-slide{opacity:0;transition:opacity var(--gapa-slideshow-fade-ms,1.2s) cubic-bezier(.4, 0, .2, 1);pointer-events:none;position:absolute;inset:0}.gapa-slideshow-slide.is-active{opacity:1}.gapa-slideshow-media{object-fit:cover;background:#000;width:100%;height:100%;display:block}.gapa-slideshow-title{padding:var(--gapa-slideshow-title-padding-top) var(--gapa-slideshow-title-padding-x) 48px;font-size:var(--gapa-slideshow-title-size);color:#fff;text-align:center;pointer-events:none;z-index:1;font-weight:800;line-height:1.1;position:absolute;top:0;left:0;right:0}@media (width<=999px),(height<=1799px){.gapa-slideshow-screen{--gapa-slideshow-title-size:clamp(44px, 9vw, 80px);--gapa-slideshow-title-padding-top:64px;--gapa-slideshow-title-padding-x:32px}}.gapa-controller,.gapa-controller *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.gapa-controller ::selection{background:0 0}.gapa-controller{z-index:20;touch-action:none;background:#f9c905;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;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#62771e;border:none;border-radius:20px;flex:1;font-family:Epilogue,sans-serif;font-size:48px;font-weight:800}.gapa-controller-btn:before{pointer-events:none;-webkit-user-select:none;user-select:none;line-height:1;display:block}.gapa-controller-btn[data-dir=left]:before{content:"←"}.gapa-controller-btn[data-dir=right]:before{content:"→"}.gapa-controller-btn:active{background:#4f6318}.gapa-error-screen{text-align:center;background:#f9c905;flex-direction:column;justify-content:center;align-items:center;gap:16px;height:100vh;padding:24px;display:flex}.gapa-error-logo{width:min(55vw,200px);height:auto}.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-player-screen,.gapa-player-screen *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.gapa-player-screen{text-align:center;background:#f9c905;flex-direction:column;justify-content:center;align-items:center;gap:16px;width:100%;min-height:100vh;padding:24px;display:flex}.gapa-player-title{color:#62771e;max-width:320px;font-size:clamp(24px,7vw,36px);font-weight:800;line-height:1.1}.gapa-player-hint{color:#62771e;max-width:320px;font-size:16px;font-weight:600;line-height:1.35}.gapa-player-score{color:#62771e;font-size:22px;font-weight:700}.gapa-player-record{color:#62771e;font-size:18px;font-weight:700}.gapa-player-leaderboard-title{color:#62771e;margin-top:8px;font-size:20px;font-weight:700}.gapa-player-leaderboard{color:#62771e;flex-direction:column;gap:8px;width:min(100%,320px);padding:0;font-size:16px;font-weight:600;list-style:none;display:flex}.gapa-player-actions{flex-wrap:wrap;justify-content:center;gap:12px;width:min(100%,360px);margin-top:12px;display:flex}.gapa-player-actions--stacked{flex-direction:column;align-items:stretch}.gapa-player-btn{color:#fff;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:#62771e;border:none;border-radius:12px;min-width:140px;padding:14px 28px;font-family:Epilogue,sans-serif;font-size:18px;font-weight:700}.gapa-player-btn-wide{width:min(100%,260px)}.gapa-player-btn:active{background:#4f6318}.gapa-player-btn:disabled{opacity:.55;cursor:not-allowed}.gapa-player-actions--stacked .gapa-player-btn{width:100%}.gapa-player-highscore{justify-content:flex-start;padding-top:48px}.gapa-player-highscore .gapa-player-actions{padding-top:12px}.gapa-portrait-overlay{z-index:100;color:#62771e;pointer-events:none;background:#f9c905;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}.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-highscore-name-overlay{pointer-events:auto;z-index:30;box-sizing:border-box;max-width:100vw;padding-inline:24px}.gapa-highscore-name-panel{background:#ffffffeb;border-radius:16px;flex-direction:column;align-items:stretch;gap:12px;width:min(300px,100vw - 48px);padding:16px;display:flex;box-shadow:0 8px 24px #00000026}.gapa-highscore-name-title{color:#62771e;text-align:center;font-size:18px;font-weight:800;line-height:1.25}.gapa-highscore-name-input{color:#62771e;background:#fff;border:2px solid #62771e;border-radius:12px;width:100%;padding:12px 14px;font-family:Epilogue,sans-serif;font-size:18px;font-weight:600}.gapa-highscore-name-input:focus{outline:none;box-shadow:0 0 0 3px #62771e40}.gapa-highscore-name-actions{gap:10px;display:flex}.gapa-highscore-name-save,.gapa-highscore-name-skip{cursor:pointer;border:none;border-radius:12px;flex:1;padding:12px 10px;font-family:Epilogue,sans-serif;font-size:16px;font-weight:700}.gapa-highscore-name-save{color:#fff;background:#62771e}.gapa-highscore-name-skip{color:#62771e;background:#62771e26}