*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;background:linear-gradient(135deg,#f7fbff,#fff6ec);color:#253045}.wrap{max-width:980px;margin:auto;padding:20px}.card{background:#fff;border-radius:22px;padding:22px;box-shadow:0 12px 35px #1d35571c;margin:16px 0}.hero{text-align:center;padding:28px 18px}.hero h1{font-size:clamp(28px,5vw,50px);margin:0 0 8px}.muted{color:#6d7685}.btn,button{border:0;border-radius:999px;padding:12px 20px;font-weight:800;cursor:pointer;background:#2f80ed;color:#fff;text-decoration:none;display:inline-block}.btn.secondary,button.secondary{background:#eef3fa;color:#334}.btn.good,button.good{background:#20a36a}.btn.warn,button.warn{background:#e9981a}.btn.danger,button.danger{background:#d94b4b}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px}.game{border:2px solid #e8edf5;border-radius:18px;padding:16px}.game h3{margin-top:0}input,select{width:100%;padding:12px;border:1px solid #ccd6e4;border-radius:12px;font-size:16px;margin:5px 0 10px}.big-input{font-size:32px;text-align:center;font-weight:800}.status{display:inline-block;border-radius:999px;background:#eef3fa;padding:7px 12px;font-weight:700}.players{display:flex;gap:12px;flex-wrap:wrap}.person{text-align:center;width:90px}.avatar{width:68px;height:68px;border-radius:50%;object-fit:cover;background:#e7ecf3;border:3px solid #fff;box-shadow:0 3px 12px #0002}.avatar.fallback{display:flex;align-items:center;justify-content:center;margin:auto;font-size:30px}.rank-list{display:grid;gap:10px}.rank-row{display:grid;grid-template-columns:70px 1fr auto;align-items:center;background:#f7f9fc;padding:12px 14px;border-radius:15px;font-size:18px}.rank-row.top1{font-size:25px;background:#fff4bd}.rank-row.top2{background:#edf1f5}.rank-row.top3{background:#ffe2cd}.center{text-align:center}.answer-count{font-size:24px;font-weight:900}.timer{font-size:64px;font-weight:900;font-variant-numeric:tabular-nums}.notice{padding:12px 14px;border-radius:14px;background:#fff7d8}.hidden{display:none}.game-order{font-size:28px;font-weight:900}.result-answer{font-weight:800}.toolbar{display:flex;gap:8px;flex-wrap:wrap}.amida-stage{position:relative;overflow:hidden;min-height:420px;background:#fbfcff;border-radius:18px}.amida-columns{display:grid;gap:12px;align-items:start}.amida-person{position:absolute;top:8px;transition:transform 3s cubic-bezier(.2,.8,.2,1);text-align:center;width:80px}.amida-bottom{position:absolute;left:0;right:0;bottom:12px;display:grid;gap:12px;text-align:center;font-weight:900;font-size:25px}.line-v{position:absolute;top:90px;bottom:55px;width:3px;background:#526177}.line-h{position:absolute;height:3px;background:#526177}@media(max-width:600px){.wrap{padding:10px}.card{padding:16px}.rank-row{grid-template-columns:55px 1fr auto}.timer{font-size:50px}}
.number-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(64px,1fr));gap:10px;max-width:760px;margin:20px auto}.number-btn{border-radius:16px;font-size:26px;padding:16px 8px;min-height:64px}.number-btn.taken{background:#d7dce4;color:#7b8492;cursor:not-allowed}.selected-number{width:150px;height:150px;border-radius:50%;margin:18px auto;display:flex;align-items:center;justify-content:center;font-size:72px;font-weight:900;background:#eaf8f1;color:#16865a}.done-mark{width:120px;height:120px;border-radius:50%;margin:18px auto;display:flex;align-items:center;justify-content:center;font-size:72px;font-weight:900;background:#eaf8f1;color:#16865a}.big-rank{width:168px;height:168px;min-width:168px;min-height:168px;margin:20px auto;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;border-radius:50%;background:#fff1a8;color:#263247;font-size:64px;line-height:1;font-weight:900;text-align:center;white-space:nowrap;-webkit-box-shadow:0 10px 28px rgba(37,48,69,.16);box-shadow:0 10px 28px rgba(37,48,69,.16);-webkit-appearance:none;appearance:none}.timer-hidden-phase{letter-spacing:.2em}.amida-scroll{overflow-x:auto;padding-bottom:10px}.amida-stage{position:relative;overflow:hidden;min-height:500px;background:#fbfcff;border-radius:18px;margin:auto}.amida-person{position:absolute;top:5px;text-align:center;width:80px;z-index:4}.amida-person .avatar{display:flex;margin:auto}.amida-name{font-size:12px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.amida-number-top,.amida-number-bottom{position:absolute;width:60px;text-align:center;font-weight:900;font-size:20px;z-index:3}.amida-number-top{top:76px}.amida-number-bottom{bottom:18px}.line-v{position:absolute;width:3px;background:#526177;z-index:1}.line-h{position:absolute;height:3px;background:#526177;z-index:1}

@media(max-width:600px){.big-rank{width:150px;height:150px;min-width:150px;min-height:150px;font-size:58px}.rank-row> b:first-child{font-size:22px;line-height:1.2}}