:root{color:#f8fbff;background:#171717;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-width:320px;background:radial-gradient(circle at 24% 16%,rgba(255,209,102,.22),transparent 28%),radial-gradient(circle at 78% 12%,rgba(48,196,141,.2),transparent 30%),linear-gradient(155deg,#191919,#26211d 45%,#111)}button{font:inherit}.app-shell{width:min(100%,880px);min-height:100vh;margin:0 auto;padding:18px;display:grid;grid-template-rows:auto 1fr auto;gap:16px}.score-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.score-strip div,.install-panel,.result-panel{border:1px solid rgba(255,255,255,.14);background:#ffffff14;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:8px}.score-strip div{min-height:68px;padding:10px;display:grid;align-content:center;gap:4px}.score-strip span,.title-lockup p,.result-kicker{color:#f8fbffad;font-size:.76rem;letter-spacing:0}.score-strip strong{font-size:clamp(1rem,2.5vw,1.28rem)}.challenge-zone{min-height:520px;display:grid;align-content:center;justify-items:center;gap:22px;text-align:center}.title-lockup{display:inline-flex;align-items:center;gap:12px;text-align:left}.brand-mark{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;color:#111;background:linear-gradient(135deg,#ffd166,#30c48d);box-shadow:0 14px 40px #30c48d3d}.title-lockup p,.title-lockup h1{margin:0}.title-lockup h1{font-size:clamp(2rem,8vw,4rem);line-height:1}.reaction-pad{position:relative;width:min(76vw,360px);aspect-ratio:1;border:0;border-radius:50%;display:grid;place-items:center;overflow:hidden;color:#fff;cursor:pointer;touch-action:manipulation;background:radial-gradient(circle at 50% 42%,rgba(255,255,255,.34),transparent 18%),linear-gradient(150deg,#ff5c7a,#ff9f1c);box-shadow:0 0 0 10px #ffffff14,0 26px 80px #ff5c7a47;transition:transform .14s ease,box-shadow .18s ease,background .16s ease}.reaction-pad:hover{transform:translateY(-2px)}.reaction-pad:active{transform:scale(.98)}.reaction-pad.ready{background:radial-gradient(circle at 50% 42%,rgba(255,255,255,.5),transparent 17%),linear-gradient(150deg,#30c48d,#00d2ff);box-shadow:0 0 0 10px #30c48d29,0 26px 90px #30c48d6b}.reaction-pad.idle,.reaction-pad.summary{background:radial-gradient(circle at 50% 42%,rgba(255,255,255,.34),transparent 18%),linear-gradient(150deg,#6c63ff,#00d2ff)}.pad-orbit{position:absolute;top:28px;right:28px;bottom:28px;left:28px;border:2px dashed rgba(255,255,255,.34);border-radius:50%;animation:spin 8s linear infinite}.pad-main{position:relative;z-index:1;font-size:clamp(3.2rem,15vw,5.8rem);font-weight:900;line-height:.95}.pad-sub{position:absolute;z-index:1;bottom:76px;font-weight:800}.progress-track{width:min(86vw,440px);height:10px;border-radius:999px;background:#ffffff21;overflow:hidden}.progress-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ffd166,#30c48d,#00d2ff);transition:width .18s ease}.round-feedback{min-height:48px;margin:0;color:#f8fbffc7;font-weight:700}.install-panel{min-height:72px;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:14px}.install-panel strong{color:#ffd166;white-space:nowrap}.install-panel span{color:#f8fbffbd;text-align:right}.result-panel{padding:18px;display:grid;grid-template-columns:1fr auto;gap:12px}.result-panel h2,.result-panel p{margin:0}.result-panel h2{margin-top:2px;font-size:clamp(1.8rem,6vw,3rem)}.rank-badge{min-width:96px;min-height:96px;border-radius:8px;display:grid;place-items:center;align-content:center;gap:3px;color:#101010;background:linear-gradient(135deg,#ffd166,#30c48d)}.rank-badge strong{font-size:2.8rem;line-height:1}.rank-badge span{font-size:.78rem;font-weight:900}.rank-note{grid-column:1 / -1;color:#f8fbffc2}.result-actions{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr;gap:10px}.result-actions button{min-height:48px;border:0;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:8px;color:#101010;font-weight:900;background:#f8fbff;cursor:pointer}.result-actions button:last-child{background:#ffd166}.share-notice{grid-column:1 / -1;color:#30c48d;font-weight:800}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:560px){.app-shell{padding:12px;gap:12px}.score-strip{gap:6px}.score-strip div{min-height:62px;padding:8px}.challenge-zone{min-height:430px;gap:18px}.reaction-pad{width:min(82vw,330px)}.pad-sub{bottom:62px}.install-panel{align-items:flex-start;flex-direction:column}.install-panel span{text-align:left}.result-panel{grid-template-columns:1fr}.rank-badge{width:100%}}