:root{color:#1c2430;background:#f5f6f8;font-family:Hiragino Sans,Yu Gothic UI,Noto Sans JP,system-ui,sans-serif;line-height:1.6}*{box-sizing:border-box}body{margin:0}main{max-width:760px;margin:0 auto;padding:16px}h1{font-size:1.4rem}h2{font-size:1.1rem}h3{font-size:1rem}button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;padding:8px 18px;font-size:.95rem}button:disabled{opacity:.5;cursor:default}button.ghost{color:#1c2430;background:#e3e7ee}textarea{border:1px solid #cbd2dc;border-radius:8px;width:100%;padding:8px;font-family:ui-monospace,monospace;font-size:.85rem}table{border-collapse:collapse;background:#fff;border-radius:8px;width:100%;margin-top:12px;font-size:.9rem;overflow:hidden}th,td{text-align:left;border-bottom:1px solid #edf0f4;padding:6px 10px}th{background:#eef1f6;font-weight:600}.row{flex-wrap:wrap;align-items:center;gap:8px;margin:10px 0;display:flex}nav.row{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;overflow-x:auto}nav.row button{white-space:nowrap;flex-shrink:0;padding:8px 12px}button{white-space:nowrap}.note{color:#66707e;overflow-wrap:anywhere;font-size:.85rem}.error{color:#c0392b;font-weight:600}.badge{color:#fff;white-space:nowrap;border-radius:6px;padding:2px 8px;font-size:.8rem}.loss{color:#c0392b}.mono{font-family:ui-monospace,monospace}.chart{background:#fff;border:1px solid #edf0f4;border-radius:8px;width:100%;height:120px}progress{width:100%;height:10px}footer{border-top:1px solid #dde2ea;margin-top:32px;padding-top:12px}.board{-webkit-user-select:none;user-select:none;width:100%;max-width:420px;display:block}.correct{color:#15803d;font-weight:600}.done-title{color:#15803d;font-size:1.3rem;font-weight:700}.result-banner{text-align:center;border-radius:10px;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:12px;margin:10px 0;padding:12px;font-size:1.5rem;font-weight:700;animation:.35s cubic-bezier(.2,1.6,.4,1) pop-in;display:flex}@keyframes pop-in{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.xp-gain{font-size:1rem;animation:.8s ease-out float-up}.combo{color:#d97a1a;font-size:1rem}@keyframes float-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.status-strip{background:#fff;border:1px solid #e3e7ee;border-radius:10px;align-items:center;gap:10px;margin:8px 0;padding:8px 12px;font-size:.9rem;display:flex}.rank-badge{color:#f7c96b;white-space:nowrap;background:#1c2430;border-radius:6px;padding:2px 10px;font-weight:700}.xp-track{background:#e3e7ee;border-radius:4px;flex:1;min-width:60px;height:8px;display:inline-block;overflow:hidden}.xp-fill{background:linear-gradient(90deg,#2563eb,#7c3aed);border-radius:4px;height:100%;transition:width .5s;display:block}.rank-card{background:#fff;border:1px solid #e3e7ee;border-radius:12px;margin:10px 0;padding:14px 18px}.rank-title{color:#1c2430;font-size:2rem;font-weight:800}.achievements{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px;display:grid}.achievement{background:#fff;border:1px solid #e3e7ee;border-radius:10px;align-items:center;gap:10px;padding:8px 12px;font-size:.85rem;display:flex}.achievement.locked{opacity:.55;filter:grayscale()}.achievement-emoji{font-size:1.5rem}.result-banner.ok{color:#15803d;background:#dcf5e4}.result-banner.ng{color:#b3261e;background:#fde5e5}.pv-player{margin:12px 0}