.intro-buttons{align-items:center;display:flex;flex-direction:column;gap:12px}.intro-buttons .btn-secondary{background:transparent;border:1px solid hsla(0,0%,100%,.2);color:hsla(0,0%,100%,.5);font-size:14px;margin-top:0;padding:10px 28px}.intro-buttons .btn-secondary:hover{border-color:hsla(0,0%,100%,.5);box-shadow:none;color:#fff}#practice-end{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:rgba(0,0,0,.7);border:1px solid hsla(0,0%,100%,.15);border-radius:12px;bottom:max(24px,env(safe-area-inset-bottom));color:#fff;display:flex;flex-direction:column;gap:12px;left:50%;padding:20px 32px;pointer-events:none;position:fixed;text-align:center;transform:translateX(-50%);z-index:20}#practice-end p{font-size:16px;margin:0;opacity:.85}#practice-end button{background:#fff;border:none;border-radius:8px;color:#111;cursor:pointer;font-size:16px;font-weight:700;padding:12px 32px;pointer-events:all;transition:transform .15s ease,box-shadow .15s ease}#practice-end button:hover{box-shadow:0 4px 20px hsla(0,0%,100%,.2);transform:scale(1.04)}#practice-arrow{background:hsla(0,0%,100%,.9);clip-path:polygon(0 35%,55% 35%,55% 15%,100% 50%,55% 85%,55% 65%,0 65%);height:56px;left:60%;opacity:0;pointer-events:none;position:fixed;top:50%;transform:translate(-50%,-50%) rotate(var(--arrow-angle,0deg));transition:opacity .4s ease,transform .15s ease;width:56px;z-index:111}#practice-arrow.show{opacity:1}#game{align-items:stretch;background:#111;cursor:grab;display:none;flex-direction:row;gap:6px;height:100dvh;padding:6px;position:relative;width:100dvw}#game.dragging{cursor:grabbing}.swatch{border-radius:8px;position:relative;transition:background-color .05s linear}#target-swatch{flex:0 0 20vw}#player-swatch{flex:1;touch-action:none}.swatch-label{bottom:max(16px,env(safe-area-inset-bottom));color:#fff;font-size:13px;font-weight:600;letter-spacing:.1em;opacity:.5;text-shadow:0 1px 4px rgba(0,0,0,.6);text-transform:uppercase;transform:translateX(-50%);white-space:nowrap}.swatch-hint,.swatch-label{left:50%;pointer-events:none;position:absolute}.swatch-hint{align-items:center;display:flex;flex-direction:column;gap:4px;opacity:0;top:50%;transform:translate(-50%,-50%);transition:opacity .3s ease}.swatch-hint svg{filter:drop-shadow(0 1px 3px rgba(0,0,0,.5));height:48px;opacity:.4;width:48px}.swatch-hint.show{opacity:1}#minimap{border:2px solid hsla(0,0%,100%,.3);border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.4);height:min(calc(20vw - 18px),128px);left:12px;opacity:0;pointer-events:none;position:fixed;top:calc(max(12px, env(safe-area-inset-top)) + 44px);transition:opacity .3s ease;width:min(calc(20vw - 18px),128px)}#minimap.show{opacity:1}#timer-wrap{flex:1;margin:0 16px;max-width:200px}#timer-bar{-moz-appearance:none;appearance:none;-webkit-appearance:none;background:hsla(0,0%,100%,.15);border:none;border-radius:3px;height:6px;overflow:hidden;width:100%}#timer-bar::-webkit-progress-bar{background:hsla(0,0%,100%,.15);border-radius:3px}#timer-bar::-webkit-progress-value{border-radius:3px;-webkit-transition:background-color .3s ease;transition:background-color .3s ease}#timer-bar::-moz-progress-bar{border-radius:3px}.timer-ok::-webkit-progress-value{background:rgba(110,231,183,.8)}.timer-ok::-moz-progress-bar{background:rgba(110,231,183,.8)}.timer-warn::-webkit-progress-value{background:rgba(251,191,36,.8)}.timer-warn::-moz-progress-bar{background:rgba(251,191,36,.8)}.timer-danger::-webkit-progress-value{background:hsla(0,91%,71%,.9)}.timer-danger::-moz-progress-bar{background:hsla(0,91%,71%,.9)}#countdown{color:hsla(0,0%,100%,.25);font-feature-settings:"tnum";font-size:max(80px,min(15vw,200px));font-variant-numeric:tabular-nums;font-weight:900;left:50%;opacity:0;pointer-events:none;position:fixed;text-shadow:0 4px 20px rgba(0,0,0,.3);top:50%;transform:translate(-50%,-50%);transition:opacity .2s ease;z-index:25}#countdown.show{opacity:1}#countdown.pop{animation:countdown-pop .3s ease-out}@keyframes countdown-pop{0%{opacity:.6;transform:translate(-50%,-50%) scale(1.4)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}#cooldown{align-items:center;background:#111;display:flex;flex-direction:column;inset:0;justify-content:center;opacity:0;padding:40px;pointer-events:none;position:fixed;text-align:center;transition:opacity .3s ease;z-index:30}#cooldown.show{opacity:1;pointer-events:auto}#cooldown-de{font-size:max(48px,min(10vw,120px));font-weight:900;letter-spacing:-.03em}#cooldown-comment{font-size:max(16px,min(2.5vw,24px));font-weight:600;line-height:1.4;margin-top:12px;max-width:500px;opacity:.7}#cooldown-next{font-feature-settings:"tnum";font-size:14px;font-variant-numeric:tabular-nums;letter-spacing:.04em;margin-top:20px;opacity:.4}#cooldown-next .val{font-weight:700}#cooldown-stats{display:flex;font-feature-settings:"tnum";font-size:14px;font-variant-numeric:tabular-nums;gap:32px;margin-top:12px;opacity:.4}#cooldown-stats span span{font-weight:700}#reviews{display:flex;flex-wrap:wrap;gap:12px 20px;justify-content:center;margin:4px 0 0;max-width:560px}.review{flex:1 1 180px;max-width:240px;text-align:left}.review blockquote{font-size:15px;font-style:italic;font-weight:400;line-height:1.4;margin:0 0 4px;opacity:.75}.review figcaption{font-size:13px;letter-spacing:.03em;opacity:.4}.review figcaption em{font-style:italic}.stars{color:#fbbf24;font-size:12px;letter-spacing:-1px}.stars.off{opacity:.25}#round-recap{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin:16px 0;max-width:600px}.recap-dot{border-radius:4px;display:flex;gap:2px;overflow:hidden}.recap-half{height:24px;width:16px}.recap-dot .recap-half:first-child{border-radius:4px 0 0 4px}.recap-dot .recap-half:last-child{border-radius:0 4px 4px 0}