html,body{color:#fff;overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;background:#dff1ff;height:100%;margin:0;font-family:system-ui,sans-serif;overflow:hidden}#app{width:100vw;height:100dvh;position:fixed;inset:0}#game-canvas{width:100%;height:100%;display:block}#ui{touch-action:none;position:absolute;inset:0}.screen{text-align:center;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex;position:absolute;inset:0}.screen[hidden]{display:none}.screen:not(.hud){background:#00000073}.hud{padding-top:calc(env(safe-area-inset-top) + 12px);padding-right:calc(env(safe-area-inset-right) + 16px);pointer-events:none;justify-content:flex-start;align-items:flex-end}#hud-score{font-variant-numeric:tabular-nums;text-shadow:0 1px 3px #000;font-size:clamp(1.2rem,4vw,2rem)}h1{letter-spacing:.08em;margin:0;padding:0 .5rem;font-size:clamp(1.3rem,7vw,3rem);line-height:1.25}h2{margin:0;font-size:clamp(1.6rem,7vw,3rem)}#gameover-score,#clear-time,#clear-score{font-size:clamp(2rem,8vw,3.5rem);font-weight:700}p{opacity:.9;margin:0;font-size:clamp(.9rem,3.5vw,1.2rem)}#ui button{color:#fff;cursor:pointer;background:#ffffff29;border:none;border-radius:8px;min-height:48px;font-family:inherit;font-size:1rem}#ui button:disabled{opacity:.5;cursor:default}#btn-ranking{padding:0 1.4rem}#panel-ranking{z-index:20}.panel-card{box-sizing:border-box;touch-action:pan-y;text-align:left;background:#141e28eb;border-radius:16px;flex-direction:column;gap:12px;width:92vw;max-width:420px;max-height:85dvh;padding:16px;display:flex;overflow-y:auto}.panel-card *{box-sizing:border-box}.panel-card button,.panel-card input{width:100%}.panel-card input[type=text]{border:none;border-radius:8px;height:44px;padding:0 10px;font-size:16px}#ranking-form{flex-direction:column;gap:10px;display:flex}#ranking-list-title{margin:0;font-size:1rem}.ranking-list{flex-direction:column;gap:4px;display:flex}.ranking-row{font-variant-numeric:tabular-nums;border-radius:8px;grid-template-columns:2.4em 1fr auto;align-items:center;gap:8px;padding:6px 8px;display:grid}.ranking-row.own{background:#ffffff38}.ranking-row .name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ranking-row .score{text-align:right}.ranking-note{font-size:.95rem}