.test-page{min-height:100svh;display:flex;flex-direction:column}.test-topbar{display:flex;align-items:center;justify-content:space-between;padding:14px 20px}.test-topbar .brand{font-family:var(--font-display);font-size:.9rem;text-transform:uppercase;text-decoration:none}.test-topbar .back-link{color:var(--muted);font-size:.85rem;text-decoration:none}.test-topbar .back-link:hover{color:var(--text)}.test-main{flex:1;display:flex;align-items:flex-start;justify-content:center;padding:16px 20px 48px}.test-shell{width:100%;max-width:480px}.test-quiz{display:flex;flex-direction:column;gap:14px}.q-progress{height:6px;background:var(--bg-panel);border-radius:999px;overflow:hidden}.q-progress-fill{height:100%;background:var(--accent);transition:width .25s ease}.q-count{color:var(--muted);font-size:.8rem;font-weight:700;letter-spacing:.14em}.q-icon{color:var(--accent);margin-top:10px}.q-question{font-size:clamp(1.5rem,5vw,2rem);margin-bottom:10px}.q-number{display:grid;grid-template-columns:64px 1fr 64px;gap:12px;align-items:stretch}.q-step{font-size:1.8rem;background:var(--bg-panel);border:1px solid var(--border-strong);border-radius:var(--radius);color:var(--text);cursor:pointer;min-height:76px}.q-step:active{background:var(--border)}.q-value{position:relative;display:flex;align-items:center}.q-value input{width:100%;height:100%;background:var(--bg-raised);border:1px solid var(--border-strong);border-radius:var(--radius);color:var(--text);font-family:var(--font-display);font-size:2.2rem;text-align:center;padding:8px;-moz-appearance:textfield;appearance:textfield}.q-value input::-webkit-outer-spin-button,.q-value input::-webkit-inner-spin-button{-webkit-appearance:none}.q-unit{position:absolute;right:12px;bottom:10px;color:var(--muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.1em}.q-ladder{display:grid;gap:10px}.q-option{text-align:left;background:var(--bg-raised);border:1px solid var(--border-strong);border-radius:var(--radius);color:var(--text);font-family:var(--font-body);font-size:1rem;font-weight:600;padding:16px 18px;cursor:pointer}.q-option.is-selected{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,var(--bg-raised))}.q-nav{display:flex;justify-content:space-between;gap:12px;margin-top:14px}.test-result{display:flex;flex-direction:column;gap:18px;width:100%}.delta-banner{border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--bg-panel);padding:12px 16px;font-weight:700;letter-spacing:.06em;text-align:center}.delta-banner.is-rankup{border-color:var(--accent);color:var(--accent);font-family:var(--font-display);animation:rankup-flash .8s ease}@keyframes rankup-flash{0%{transform:scale(.9);opacity:0}60%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}.result-card{background:var(--bg);border:2px solid var(--border-strong);border-radius:8px;overflow:hidden}.result-bar{display:flex;justify-content:space-between;padding:10px 18px;background:var(--bg-raised);border-bottom:1px solid var(--border);font-family:var(--font-display);font-size:.68rem;letter-spacing:.28em;color:var(--muted)}.result-head{display:flex;align-items:center;gap:20px;padding:20px 22px 6px}.result-letter{font-family:var(--font-display);font-size:6rem;line-height:1;color:var(--rank-color)}.is-animated .result-letter{animation:letter-slam .5s cubic-bezier(.2,1.4,.4,1)}@keyframes letter-slam{0%{transform:scale(2);opacity:0}to{transform:scale(1);opacity:1}}.result-name{font-family:var(--font-display);font-size:1.5rem;text-transform:uppercase}.result-type{color:var(--muted);font-size:.85rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin-top:2px}.result-power{color:var(--muted);font-size:.75rem;font-weight:700;letter-spacing:.14em;margin-top:12px}.result-power strong{display:block;font-family:var(--font-display);font-size:2rem;color:var(--text);letter-spacing:.02em}.result-radar{display:flex;justify-content:center;color:var(--muted);padding:0 12px}.result-radar svg{width:min(300px,82vw);height:auto}.result-quest{border-top:1px solid var(--border);padding:14px 22px 16px}.quest-title{font-family:var(--font-display);font-size:.75rem;letter-spacing:.16em;color:var(--rank-color);margin-bottom:10px}.quest-locked{color:var(--muted)}.result-quest ul{list-style:none;display:grid;gap:6px;margin:0;padding:0}.result-quest li{display:flex;justify-content:space-between;gap:12px;font-size:.92rem;color:var(--muted)}.result-quest li span:last-child{color:var(--text);font-weight:600;text-align:right}.result-foot{border-top:1px solid var(--border);padding:10px 22px;font-size:.78rem;font-weight:700;letter-spacing:.1em;color:var(--rank-color);text-align:right}.result-actions{display:flex;flex-direction:column;gap:12px}.result-buttons{display:flex;flex-wrap:wrap;gap:10px}.result-buttons .btn{flex:1;min-width:130px}.result-apply{width:100%}.result-status{min-height:1.3em;color:var(--muted);font-size:.85rem;text-align:center}.viewer-missing{color:var(--muted)}