#clutch-feedback { position:fixed; inset:0; z-index:54; pointer-events:none; overflow:hidden; }
#clutch-feedback[hidden] { display:none; }
.clutch-card { position:absolute; right:max(16px,env(safe-area-inset-right)); top:max(18px,env(safe-area-inset-top)); width:min(280px,85vw); padding:16px; border:2px solid #ffcf82; background:#21182ff5; color:#fff1cf; font:20px/1.2 'VT323',monospace; box-shadow:0 6px 20px #0008; pointer-events:auto; }
.clutch-card strong,.clutch-card span { display:block; margin-bottom:6px; }
.clutch-card strong { color:#65e5d4; font-size:25px; }
.clutch-card button { min-height:40px; padding:6px 14px; background:#3d2853; border:1px solid #c6a5d9; color:#fff1cf; font:18px 'VT323',monospace; cursor:pointer; }
.clutch-card button:focus-visible { outline:3px solid #fff0b8; }
.clutch-confetti { position:absolute; left:var(--x); top:12vh; width:8px; height:14px; background:var(--color); animation:clutch-fall 1.5s ease-out forwards; }
@keyframes clutch-fall { from { transform:translate(0,0) rotate(0); opacity:1; } to { transform:translate(var(--drift),55vh) rotate(var(--turn)); opacity:0; } }
@media(prefers-reduced-motion:reduce) { .clutch-confetti { display:none; animation:none; } }
#achievement-board { margin:12px 0; font:16px/1.25 'VT323',monospace; }
#achievement-board .achievement-next { padding:12px; border:1px solid #65e5d4; background:#142b2d; overflow:auto; }
#achievement-board .achievement-next>span { display:block; color:#bce9dd; font-size:13px; }
#achievement-board .achievement-next>b { display:block; margin:5px 0; color:#ffcf82; font-size:20px; }
#achievement-board .achievement-next canvas { float:right; width:76px; height:76px; margin:0; border:0; }
#achievement-board .reward-group { margin:10px 0; border-top:1px solid #8d758455; }
#achievement-board .reward-group>summary { min-height:44px; padding:8px 0; }
#achievement-board .reward-group>summary span { margin:3px 0 0; font-size:13px; color:#bce9dd; }
#achievement-board .reward-card { display:grid; grid-template-columns:68px minmax(0,1fr); gap:8px; padding:12px 0; border-top:1px solid #8d758433; }
#achievement-board .reward-card canvas { width:68px; height:68px; margin:0; border:0; }
#achievement-board .reward-card b { font-size:18px; color:#f1dfc1; }
#achievement-board .reward-card.is-earned b { color:#65e5d4; }
#achievement-board .reward-card p { margin:5px 0; }
#achievement-board button { min-height:40px; padding:7px 10px; border:1px solid #b79cc5; background:#3d2853; color:#fff1cf; font:15px 'VT323',monospace; cursor:pointer; }
#achievement-board button:focus-visible { outline:3px solid #fff0b8; }
#achievement-board .challenge-note { font-size:14px; color:#c5b4cf; }

#progression-setup summary .cabinet-next-summary { color:#65e5d4; font-size:15px; }