:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f4f7fb;background:#1d2736}html,body{width:100%;overflow-x:hidden}*{box-sizing:border-box}body{margin:0;min-height:100vh}#root{min-height:100svh;display:grid;place-items:center;padding:0}.app{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:100%;max-width:600px;min-height:100svh;padding:0}.game-shell{position:relative;display:flex;align-items:center;justify-content:center;width:min(100%,600px,62.5svh);aspect-ratio:400 / 640}.game-canvas{border:2px solid #ffffff;border-radius:12px;width:100%;height:100%;touch-action:manipulation}.game-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.helper-text{margin:0;font-size:14px;opacity:.9}.notice{margin:0;width:100%;font-size:13px;padding:8px 10px;border-radius:8px;background:#ffc10733}.ranking-board{width:100%;padding:12px;border-radius:10px;background:#00000040}.ranking-board.is-compact{max-height:62svh;overflow:auto}.ranking-board h2{margin:0 0 8px;font-size:16px}.ranking-board ol{margin:0;padding:0;list-style:none;display:grid;gap:8px}.ranking-board li{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:6px 8px;border-radius:8px;background:#ffffff0f}.ranking-board .rank-label{min-width:2.8em;text-align:center;font-weight:700}.ranking-board .rank-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ranking-board li.is-top{padding:10px;font-size:1.05rem}.ranking-board li.rank-1{background:#ffd7002e}.ranking-board li.rank-2{background:#c0c0c033}.ranking-board li.rank-3{background:#cd7f3233}.ranking-board li.is-me{color:#ffd54f;font-weight:700}.ranking-board li.is-me strong{color:#ffe082}.ranking-form{width:100%;display:flex;flex-direction:column;gap:8px}.name-input-modal{width:100%;padding:12px;border-radius:12px;background:#00000073;border:1px solid rgba(255,255,255,.22);display:grid;gap:8px}.name-input-modal__title{font-size:1.02rem;font-weight:800;color:#fff3cd;text-align:center}.ranking-form input{border:1px solid #ffffff;border-radius:8px;padding:10px 12px;font-size:1rem}.ranking-form button{border:0;border-radius:8px;padding:10px 12px;font-size:.95rem;font-weight:700;cursor:pointer}.ranking-form label{font-size:.88rem;font-weight:700;color:#ffffffeb}.best-score,.status-text{margin:0;font-size:14px;text-align:center}.final-score-block{display:flex;flex-direction:column;align-items:center;gap:6px;margin-top:6px}.final-score-label{margin:0;font-size:1.35rem;font-weight:800;letter-spacing:.04em;opacity:.98;text-shadow:0 2px 8px rgba(0,0,0,.35)}.final-score-value{margin:0;font-size:clamp(5.2rem,15vw,6.6rem);line-height:1;font-weight:900;color:#ffe082;text-shadow:0 4px 14px rgba(0,0,0,.45)}.current-rank-text{margin:6px 0 0;font-size:1.35rem;font-weight:800;letter-spacing:.02em;color:#fff3cd;text-shadow:0 2px 8px rgba(0,0,0,.35)}.gameover-panel{display:flex;flex-direction:column;align-items:center;gap:8px;width:calc(100% - 40px);max-width:320px;padding:12px 16px;background:#0009;border-radius:10px;pointer-events:auto}.panel-plain{background:transparent;box-shadow:none}.panel-gameover{gap:24px}.gameover-panel h2,.gameover-panel p{margin:0}.gameover-panel button{border:0;border-radius:8px;padding:8px 14px;font-weight:700;cursor:pointer}.menu-actions{display:grid;gap:8px;width:100%}.menu-actions--spacious{gap:14px}.menu-actions--score{gap:14px;margin-top:6px}.menu-actions--score-compact{gap:10px;margin-top:2px}.overlay-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:auto}.overlay-label-image{width:min(240px,100%);height:auto;display:block}.overlay-image-button{border:0;background:transparent;padding:0;cursor:pointer;width:100%}.overlay-image-button:disabled{opacity:.7;cursor:not-allowed}.overlay-image-button__img{width:100%;max-width:240px;height:auto;display:block;margin:0 auto}.overlay-image-button--retry .overlay-image-button__img{max-width:180px}.overlay-image-button--compact .overlay-image-button__img{max-width:148px}.login-guide-text{margin:0;text-align:center;color:#fff3cd;font-weight:700;font-size:.95rem;text-shadow:0 2px 8px rgba(0,0,0,.3)}.ranking-overlay-panel{width:calc(100% - 24px);max-height:84svh;overflow:hidden}