.pu-icon-button{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;color:var(--text-dim);background:var(--surface);transition:transform var(--dur-fast) var(--ease-out)}.pu-icon-button:active{transform:scale(.92)}.pu-head{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:6px 0 4px}.pu-title{font-family:var(--font-display);font-size:1.45rem;font-weight:700}.pu-mode{--mode: var(--gold);position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;width:100%;min-height:84px;padding:14px 16px;border-radius:var(--radius-l);text-align:left;background:linear-gradient(100deg,color-mix(in srgb,var(--mode) 16%,transparent),#ffffff08 70%);border:1px solid color-mix(in srgb,var(--mode) 35%,transparent);transition:transform var(--dur-fast) var(--ease-out);touch-action:manipulation}.pu-mode:active{transform:scale(.98)}.pu-mode.is-compact{grid-template-columns:1fr;justify-items:start;gap:10px;min-height:132px}.pu-mode-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;color:#08061c;background:var(--mode);box-shadow:0 0 22px -4px var(--mode)}.pu-mode-icon .icon{width:28px;height:28px}.pu-mode-text{display:flex;flex-direction:column;gap:2px;min-width:0}.pu-mode-text strong{font-family:var(--font-display);font-size:1.25rem;font-weight:600}.pu-mode-text>span{font-size:.95rem;color:var(--text-dim)}.pu-mode-side{display:inline-flex;align-items:center;gap:4px;font-family:var(--font-display);font-size:1.15rem;font-weight:700;color:var(--mode)}.pu-mode-side .icon{width:20px;height:20px}.pu-mode-side>span{display:inline-flex;align-items:center;gap:4px}.pu-dot{position:absolute;top:12px;right:12px;width:10px;height:10px;border-radius:50%;background:var(--mode);box-shadow:0 0 10px var(--mode)}.pu-progress{display:block;height:6px;margin-top:6px;border-radius:999px;background:#ffffff1a;overflow:hidden}.pu-progress-bar{display:block;width:calc(var(--progress, 0) * 100%);min-width:6px;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--mode),var(--gold))}.pu-sheet{margin:auto auto 0;width:min(480px,100vw);max-width:100vw;padding-bottom:calc(20px + var(--safe-bottom));border-radius:28px 28px 0 0;animation:pu-sheet-in .32s var(--ease-out)}.pu-sheet.is-closing{animation:pu-sheet-out .16s var(--ease-out) forwards}@keyframes pu-sheet-in{0%{transform:translateY(100%)}}@keyframes pu-sheet-out{to{transform:translateY(100%)}}.pu-sheet-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.pu-sheet-head h2{font-family:var(--font-display);font-size:1.6rem;font-weight:700}.pu-sheet-head p{color:var(--text-dim)}.pu-sheet-notice{display:flex;align-items:center;gap:8px;margin-top:12px;padding:8px 12px;border-radius:var(--radius-m);font-weight:600;color:var(--gold);background:#ffd36b1a}.pu-sheet-label{margin:16px 0 8px;font-size:.85rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint)}.pu-sheet-targets{display:grid;gap:6px;margin:0;padding:0;list-style:none}.pu-sheet-targets li{display:grid;grid-template-columns:64px 1fr;align-items:center;padding:8px 12px;border-radius:12px;color:var(--text-dim);background:var(--surface)}.pu-sheet-targets li.is-earned{color:var(--text);background:#ffd36b1a}.pu-sheet-best{margin-top:10px;text-align:center;color:var(--text-dim)}.pu-sheet-play{width:100%;min-height:56px;margin-top:16px;font-size:1.2rem}.pu-code{width:min(400px,calc(100vw - 32px));margin:18vh auto auto}.pu-code-form{display:grid;gap:10px;margin-top:16px}.pu-code-form.is-wrong{animation:pu-shake .32s}.pu-code-input{min-height:52px;padding:0 16px;border:1px solid var(--border);border-radius:var(--radius-m);font:600 1.15rem/1 var(--font-body);letter-spacing:.04em;color:var(--text);background:var(--surface)}.pu-code-input:focus{outline:2px solid var(--gold);outline-offset:1px}.pu-code-error{min-height:1.3em;font-weight:600;color:#ff7a8a}.pu-code-form .gb-button{min-height:52px}@keyframes pu-shake{25%{transform:translate(-8px)}75%{transform:translate(8px)}}.pu-result{text-align:center}.pu-result-stars{display:flex;justify-content:center;align-items:flex-end;gap:6px;margin-bottom:10px}.pu-result-stars .pu-star{width:52px;height:52px;animation:pu-star-in .52s var(--ease-spring) both;animation-delay:calc(var(--i) * .22s)}.pu-result-stars .pu-star:nth-child(2){width:66px;height:66px}.pu-result-stars .pu-star.is-on{filter:drop-shadow(0 0 12px rgb(255 211 107 / .8))}@keyframes pu-star-in{0%{opacity:0;transform:scale(.2) rotate(-40deg)}}.pu-result-badge{display:grid;place-items:center;width:80px;height:80px;margin:0 auto 14px;border-radius:24px;color:#2a1a05;background:linear-gradient(135deg,#fff1b8,var(--gold) 50%,#ff9f6b);box-shadow:0 0 48px #ffd36b8c}.pu-result-badge .icon{width:40px;height:40px}.pu-result-title{font-family:var(--font-display);font-size:1.9rem;font-weight:700}.pu-result-sub{margin-top:4px;color:var(--text-dim)}.pu-result-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:20px 0}.pu-result-stat{display:flex;flex-direction:column;gap:2px;padding:12px 6px;border-radius:var(--radius-m);background:var(--surface)}.pu-result-stat span{font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint)}.pu-result-stat strong{font-family:var(--font-display);font-size:1.35rem;font-weight:600;font-variant-numeric:tabular-nums}.pu-result-stat.is-highlight span,.pu-result-stat.is-highlight strong{color:var(--gold)}.pu-result-news{display:grid;gap:6px;margin:0 0 16px;padding:0;list-style:none}.pu-result-news li{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 10px;border-radius:12px;font-weight:600;background:var(--surface)}.pu-result-news li.is-gold{color:var(--gold)}.pu-result-news li.is-good{color:var(--mint);background:#6bffb81a}.pu-result-actions{display:grid;gap:8px}.pu-star{fill:#ffffff26;stroke:none}.pu-star.is-on{fill:var(--gold)}.pu-star-meter{display:flex;gap:1px;margin-top:3px}.pu-star-meter .pu-star{width:14px;height:14px}.pu-toast{position:absolute;z-index:2;padding:4px 10px;border-radius:999px;font-family:var(--font-display);font-weight:700;font-size:1.05rem;pointer-events:none;white-space:nowrap;transform:translate(-50%,-130%);animation:pu-toast 1.1s var(--ease-out) forwards}.pu-toast.is-penalty{color:#fff;background:var(--red);box-shadow:0 6px 18px -6px var(--red)}.pu-toast.is-combo{color:#08061c;background:var(--cyan);box-shadow:0 6px 18px -6px var(--cyan)}.pu-toast.is-gold{color:#2a1a05;background:linear-gradient(135deg,#fff1b8,var(--gold));box-shadow:0 6px 24px -4px var(--gold)}.pu-toast.is-info{color:var(--text);background:#0a0820e0;border:1px solid var(--border-strong);font-size:1rem;animation-duration:2.2s}@keyframes pu-toast{0%{opacity:0;transform:translate(-50%,-80%) scale(.7)}20%{opacity:1;transform:translate(-50%,-130%) scale(1)}to{opacity:0;transform:translate(-50%,-230%)}}