.achievement-progress{display:block;font-size:14px;line-height:1.5;color:#e5daa8;margin:8px 0}.badge[data-detail]{text-align:center}.red-record-section{margin:30px 0}.red-record-section h3{font:italic 24px Georgia;color:#ecd29b;margin:12px 0}.red-achievements{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.red-achievements .counting-card{grid-column:1/-1}.red-locked{position:relative;min-height:260px;overflow:hidden;background:linear-gradient(135deg,#593143,#382633);pointer-events:none}.red-frost{position:absolute;inset:0;background:linear-gradient(120deg,#f7f2eddc,#e7e4e2ed);backdrop-filter:blur(26px)}.red-padlock{position:relative;z-index:1;font-size:28px;display:grid;place-items:center;min-height:220px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
#recordsActivity .activity-badge{margin:0;height:102px;max-width:220px;align-items:flex-start}.activity-badge-image{position:relative;overflow:visible}.activity-badge-image img{position:absolute;width:118.656%;height:auto;max-width:none;left:-10.892%;top:-4.924681%}.activity-badge[data-status=outdated] .activity-badge-image img{width:119.487%;left:-11.085%;top:-5.017503%}.activity-badge small{font-size:14px}.creator-quote{font-size:.4em;vertical-align:super}.creator-heading{white-space:nowrap}.share-invitation{max-width:520px;line-height:1.5;text-wrap:balance}.record-actions{align-items:center;justify-content:center;gap:16px;margin-top:30px}.version-note{line-height:1.65;font-size:13px}
.gold-theme{--gold:#ffe39d;--line:#e1b54180;--muted:#f0dfaf}.gold-theme .records-shell{background:linear-gradient(145deg,#493514f5,#241c0bf5);border-color:#d4a544}.gold-theme .badge:not(.counting-card):not(.gold-achievement){background:#8e691a26;border-color:#c7a4575c}.gold-theme .stat-tile{background:#8e691a30}.gold-theme .landscape:after{background:linear-gradient(#a0711426,#664609b0)}
.gold-achievement{isolation:isolate;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;min-height:420px;width:min(880px,100%);margin:42px auto 24px;padding:46px 32px;background:radial-gradient(ellipse at 50% 0,#fff6ba,#edc55f 45%,#9c641a);color:#392207!important;border:2px solid #ffe39a!important;box-shadow:0 0 0 7px #b48a342b,0 0 42px #fbd77455,inset 0 0 0 9px #fff1b850;border-radius:26px;text-align:center}.gold-achievement:after{content:'';position:absolute;inset:12px;border:2px solid #fff8b0;border-radius:18px;box-shadow:0 0 12px #fff0a0;opacity:.6;pointer-events:none;animation:goldRing 5s ease-in-out infinite}.gold-achievement h3{font:clamp(25px,3vw,38px)/1.2 Georgia;margin:0;max-width:640px}.gold-achievement p{font-size:17px;line-height:1.65;max-width:600px;margin:0;color:#492c09}.gold-achievement small{font-size:14px;color:#50310d}.gold-achievement blockquote{font:italic 21px/1.5 Georgia;margin:10px 0;max-width:560px}.gold-medallion{font-size:65px;line-height:1.1}.gold-rays{position:absolute;inset:-80%;z-index:-1;pointer-events:none;background:repeating-conic-gradient(from 0deg at 50% 40%,#fff7c528 0deg 9deg,transparent 9deg 28deg);animation:goldRays 100s linear infinite}.gold-arrival{animation:goldArrival 1.5s ease both}@keyframes goldRing{50%{opacity:1;box-shadow:0 0 25px #fff2ad,inset 0 0 12px #fff7b5}}@keyframes goldRays{to{transform:rotate(360deg)}}@keyframes goldArrival{from{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:none}}
body.fit-eight #app{height:100dvh;min-height:0}body.fit-eight main{flex:1;min-height:0;padding:5px 18px;align-items:flex-start}body.fit-eight .play-shell{gap:6px;min-height:0}body.fit-eight .play-head{gap:10px}body.fit-eight .play-heading h2{font-size:23px;margin:4px 0}body.fit-eight .board-wrap{padding:4px 22px;flex:none}body.fit-eight .under-board{gap:4px}body.fit-eight .instruction{font-size:14px;line-height:1.3;height:auto;min-height:20px;margin:0}body.fit-eight .action-bar{padding:5px 10px;gap:8px}body.fit-eight .small-footer{padding:4px 18px;font-size:12px}body.fit-eight .board{gap:clamp(2px,.6vmin,6px);padding:5px}body.fit-eight .action-bar button{min-height:36px}body.fit-eight .board .card-back span{font-size:clamp(12px,2.5vmin,24px)}
@media(max-width:760px){body.fit-eight .topbar{min-height:0;padding:5px 12px;gap:4px}body.fit-eight .wordmark{font-size:18px}body.fit-eight .brand-mark{width:32px;height:32px;font-size:23px}body.fit-eight .topbar nav button{padding:4px 7px;min-height:30px}body.fit-eight .play-head{flex-wrap:nowrap}body.fit-eight .play-heading h2{font-size:17px}body.fit-eight .play-stats{gap:8px}body.fit-eight .round-label,body.fit-eight .practice-pill:empty{display:none}body.fit-eight .action-bar{flex-wrap:nowrap;font-size:12px}body.fit-eight .action-bar #mixer{flex-basis:auto;margin:0;font-size:12px}body.fit-eight .instruction{font-size:12px}body.fit-eight .activity-badge{height:52px;margin:2px 15px}.fit-eight .activity-badge-image{width:40px;height:34px}.red-achievements{grid-template-columns:1fr}.gold-achievement{padding:32px 21px;min-height:390px}.gold-achievement p{font-size:16px}.record-actions{flex-direction:column}}
@media(prefers-reduced-motion:reduce){.gold-achievement,.gold-achievement:after,.gold-rays{animation:none}}
.mixer-playback{display:grid;gap:12px;padding:16px;margin:18px 0;border:1px solid #d7bc8550;border-radius:15px}.mixer-playback label{font-size:15px;line-height:1.6}.mixer-playback select{font:inherit;margin-left:8px;padding:9px;background:#24483d;color:#fff4da;border:1px solid #d9c391;border-radius:8px;max-width:90%}