:root{color:#fff;background:#000;font-family:DotGothic16,ui-sans-serif,system-ui,sans-serif;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;min-height:100svh;overflow:hidden;background:#000}button,a{-webkit-tap-highlight-color:transparent}.app{position:relative;display:grid;min-height:100svh;place-items:center;padding:max(10px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));background:#000}.stage{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100svh;overflow:hidden;opacity:0;pointer-events:none;transition:opacity .42s ease;visibility:hidden}.stage.is-visible{opacity:1;pointer-events:auto;visibility:visible}.rive-panel{position:fixed;top:50%;left:50%;z-index:0;display:grid;width:180vw;height:100svh;place-items:center;transform:translate(-50%,-50%);pointer-events:none}.rive-panel canvas{width:100%!important;height:100%!important}.button-grid{position:fixed;right:max(10px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom));left:max(10px,env(safe-area-inset-left));z-index:2;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:min(3vw,12px);width:auto;max-width:520px;margin:0 auto;transition:opacity .42s ease}.button-grid.is-fading{opacity:0;pointer-events:none}.game-button{position:relative;display:grid;width:100%;aspect-ratio:1;place-items:center;border:0;border-radius:0;background:transparent;color:#fff;cursor:pointer;touch-action:manipulation;transition:transform .11s ease,opacity .11s ease}.game-button:active:not(:disabled){transform:scale(.95)}.game-button:disabled{cursor:default}.game-button.red{color:#f23636}.game-button.green{color:#16c964}.game-button.blue{color:#246cff}.game-button.white{color:#f7f7f7}.button-circle{position:relative;display:block;width:88%;height:88%}.button-circle-layer{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;background:currentColor;image-rendering:pixelated;mask-position:center;mask-repeat:no-repeat;mask-size:contain;-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain}.button-circle-outline{z-index:1}.button-circle-fill{z-index:2;opacity:0}.button-circle-fill.is-visible{opacity:1}.sound-toggle{position:fixed;top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));z-index:20;display:grid;width:42px;height:42px;place-items:center;border:0;background:transparent;color:#fff;cursor:pointer}.sound-toggle svg{width:23px;height:23px;stroke-width:2.4}.sound-toggle img{width:24px;height:24px;image-rendering:pixelated;pointer-events:none}.start-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:grid;place-items:center;padding:24px;background:#000}.start-layer.is-fading{animation:startFadeOut .44s ease forwards;pointer-events:none}.mission-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:grid;place-items:center;padding:24px;background:#000;color:#fff;pointer-events:none}.mission-layer p{margin:0;font-size:clamp(20px,5vw,34px);font-weight:800;letter-spacing:0;animation:missionText 3s ease forwards}.sound-prompt{display:grid;gap:22px;justify-items:center}.sound-prompt p{margin:0;color:#fff;font-size:16px;font-weight:700;letter-spacing:0}.sound-actions{display:flex;gap:12px}.sound-actions button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:94px;min-height:48px;border:2px solid #ffffff;border-radius:0;background:#000;color:#fff;font-family:inherit;font-size:14px;font-weight:800;letter-spacing:0;cursor:pointer}.sound-actions button:disabled{cursor:default}.sound-actions svg{width:18px;height:18px;stroke-width:2.5}.sound-actions img{width:18px;height:18px;image-rendering:pixelated;pointer-events:none}.clear-overlay{position:fixed;right:max(10px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom));left:max(10px,env(safe-area-inset-left));z-index:12;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;max-width:520px;margin:0 auto;animation:clearOverlayIn .48s ease .12s both}@keyframes clearOverlayIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.post-button{display:inline-flex;min-width:132px;min-height:46px;align-items:center;justify-content:center;gap:10px;border:2px solid #ffffff;border-radius:0;background:#000;color:#fff;font-size:15px;font-weight:900;letter-spacing:0;text-decoration:none}.post-button svg{width:17px;height:17px;fill:currentColor}@keyframes startFadeOut{to{opacity:0}}@keyframes missionText{0%{opacity:0}18%{opacity:1}72%{opacity:1}to{opacity:0}}.result-log{display:flex;gap:min(5vw,34px);align-items:center;justify-content:center}.post-warning{margin:0;padding:0 12px;color:#fff;font-size:11px;font-weight:700;text-align:center;white-space:nowrap}.result-board{position:relative;width:clamp(68px,18vw,96px);aspect-ratio:1}.result-board-image{display:block;width:100%;height:100%;image-rendering:pixelated}.result-board-grid{position:absolute;top:5%;left:5%;display:grid;grid-template-columns:repeat(3,2fr);grid-template-rows:repeat(3,2fr);width:90%;height:90%;gap:16.6667%}.result-cell{position:relative;display:grid;place-items:center}.result-cell.row-0{color:#f23636}.result-cell.row-1{color:#16c964}.result-cell.row-2{color:#246cff}.result-mark{display:block;width:100%;height:100%;background:currentColor;image-rendering:pixelated;mask-position:center;mask-repeat:no-repeat;mask-size:contain;-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain}@media (min-width: 800px){.rive-panel{width:100vw;height:100svh}.button-grid{grid-template-columns:repeat(10,minmax(0,1fr));gap:10px;max-width:min(96vw,1220px)}.clear-overlay{max-width:min(96vw,1220px);gap:18px}.result-log{gap:40px}.post-warning{font-size:12px}.result-board{width:100px}}