html,body{touch-action:none;background:#fff;height:100%;margin:0;padding:0;overflow:hidden}#app{justify-content:center;align-items:center;width:100%;height:100%;display:flex}#app canvas{max-width:100%;max-height:100%}#finish-panel{touch-action:auto;background:#141e238c;justify-content:center;align-items:center;padding:24px;font-family:sans-serif;display:flex;position:fixed;inset:0}#finish-panel.hidden{display:none}.finish-card{color:#2c3b2e;box-sizing:border-box;text-align:center;background:#fdf8ee;border-radius:16px;width:100%;max-width:360px;max-height:90vh;padding:24px;overflow-y:auto;box-shadow:0 12px 40px #00000059}.finish-card h1{color:#5fa8e0;margin:0 0 4px;font-size:24px}.finish-subtitle{letter-spacing:1px;color:#8a8a8a;margin:0 0 16px;font-size:13px}.finish-time{color:#6a9a6a;margin:0 0 20px;font-size:40px;font-weight:700}.finish-form{flex-direction:column;align-items:center;gap:12px;margin-bottom:8px;display:flex}.finish-form__label{letter-spacing:1px;color:#8a8a8a;margin:0;font-size:13px}.finish-name-group{gap:12px;display:flex}.finish-name-char{text-align:center;text-transform:uppercase;color:#2c3b2e;box-sizing:border-box;background:#fff;border:1px solid #cbb;border-radius:10px;width:56px;height:64px;font-family:sans-serif;font-size:28px;font-weight:700}.finish-name-char:focus{border-color:#5fa8e0;outline:none;box-shadow:0 0 0 3px #5fa8e040}.finish-form button,.finish-close{color:#fff;cursor:pointer;background:#6a9a6a;border:none;border-radius:8px;padding:10px 14px;font-size:15px}.finish-form button:disabled{opacity:.6}.finish-error{color:#b5473f;min-height:1.2em;margin:0 0 8px;font-size:13px}.finish-scores{text-align:left;margin:0 0 20px;padding:0;list-style:none}.finish-scores li{border-bottom:1px solid #00000014;gap:8px;padding:4px 0;font-size:15px;display:flex}.finish-scores__rank{color:#888;width:1.8em}.finish-scores__name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.finish-scores__time{color:#6a9a6a;font-variant-numeric:tabular-nums}.finish-next-level,.finish-play-again,.finish-close{cursor:pointer;box-sizing:border-box;border:none;border-radius:8px;width:100%;padding:10px 14px;font-size:15px;display:block}.finish-next-level{color:#fff;background:#e0b23f;margin-bottom:8px}.finish-next-level.hidden{display:none}.finish-play-again{color:#fff;background:#6a9a6a;margin-bottom:8px}.finish-close{color:#fff;background:#8a8a8a}