html,body{margin:0;padding:0;height:100%;font-family:Noto Sans KR,sans-serif;font-weight:700;box-sizing:border-box;overflow:hidden}*,*:before,*:after{box-sizing:inherit}#app{width:100vw;height:calc(var(--vh, 1vh) * 100);position:relative;overflow:hidden}#ui-layer{pointer-events:none;top:0;left:0;width:100%;height:100%;position:absolute;z-index:10}#ui-layer>*{-webkit-user-select:none;user-select:none;display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%}#ui-layer button{pointer-events:auto;font-size:1.2rem;padding:1rem 2rem;cursor:pointer;border:none;border-radius:6px;background-color:#7c4425;color:#fff;white-space:nowrap;text-align:center;transition:background-color .3s}#ui-layer button:hover{background:#c37448}.title-wrap{text-align:center;color:#391009;margin-bottom:32px}.title{font-size:52px}.subtitle{font-size:24px;margin-bottom:-12px}.hud-ui{position:absolute;font-size:24px;font-weight:700}#score-ui{position:fixed;top:20px;left:20px;color:#000;padding:4px 8px;border-radius:6px}#left-stack-ui{bottom:30px;left:10%}#right-stack-ui{bottom:30px;right:10%}#time-ui{position:fixed;top:20px;left:50%;transform:translate(-50%);width:180px;height:24px;background-color:#391009;border:2px solid #7c4425;border-radius:12px;overflow:hidden;z-index:1000}.time-bar{width:100%;height:100%}.time-fill{height:100%;width:100%;background-color:#7c4425;transition:width .2s linear}.time-text{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:14px;text-align:center;line-height:24px;pointer-events:none}