:root{--color-error:#ef4444;--color-error-bg:#ef44441a}.steam-duel-container{flex-direction:column;align-items:center;width:100%;max-width:800px;min-height:60vh;margin:0 auto;padding:2rem 1rem;display:flex}.screen{flex-direction:column;align-items:center;width:100%;animation:.4s ease-out forwards fade-in;display:none}.screen.active{display:flex}@keyframes fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.game-header{text-align:center;margin-bottom:2rem}.badge{background:var(--color-accent-soft);color:var(--color-accent);text-transform:uppercase;letter-spacing:.05em;border-radius:9999px;margin-bottom:.75rem;padding:.25rem .75rem;font-size:.85rem;font-weight:700;display:inline-block}h1{color:var(--color-text);letter-spacing:-.025em;margin:0 0 .5rem;font-size:2.25rem;font-weight:800}.description{color:var(--color-muted);max-width:600px;margin:0;line-height:1.6}.input-group{gap:.5rem;width:100%;max-width:500px;margin-bottom:1rem;display:flex}input[type=text]{border:2px solid var(--color-border);background:var(--color-surface);color:var(--color-text);border-radius:12px;flex:1;padding:.75rem 1rem;font-size:1rem;transition:border-color .2s,box-shadow .2s}input[type=text]:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-soft);outline:none}.btn{cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;transition:background-color .2s,transform .1s,box-shadow .2s;display:inline-flex}.btn:active{transform:scale(.98)}.btn-primary{background:var(--color-accent);color:var(--color-surface);width:100%;max-width:300px;margin-top:1.5rem}.btn-primary:hover{background:var(--color-focus)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-secondary{border:2px solid var(--color-border);color:var(--color-text);background:0 0}.btn-secondary:hover{background:var(--color-surface);border-color:var(--color-muted)}.btn-accent{background:var(--color-accent-soft);color:var(--color-accent)}.btn-accent:hover{background:var(--color-accent);color:var(--color-surface)}.list-controls{margin-bottom:1.5rem}.games-list-wrapper{background:var(--color-surface);border:2px solid var(--color-border);width:100%;max-width:500px;box-shadow:var(--shadow-surface);border-radius:16px;padding:1rem}#games-list{max-height:250px;margin:0;padding:0;list-style:none;overflow-y:auto}#games-list li{background:var(--color-page);border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:.5rem;padding:.5rem .75rem;animation:.2s ease-out fade-in;display:flex}#games-list li:last-child{margin-bottom:0}.delete-btn{color:var(--color-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:.25rem;display:flex}.delete-btn:hover{color:var(--color-error);background:var(--color-error-bg)}.error-msg{color:var(--color-muted);text-align:center;margin:.5rem 0 0;font-size:.9rem}.instruction{color:var(--color-muted);text-align:center;margin-bottom:2rem;font-size:1.25rem;font-weight:600}.progress-container{background:var(--color-border);border-radius:9999px;width:100%;max-width:600px;height:6px;margin-bottom:2rem;overflow:hidden}.progress-bar{background:var(--color-accent);width:0%;height:100%;transition:width .3s ease-in-out}.duel-arena{justify-content:center;align-items:center;gap:2rem;width:100%;max-width:700px;display:flex}.duel-card{aspect-ratio:4/3;background:var(--color-surface);border:2px solid var(--color-border);cursor:pointer;text-align:center;box-shadow:var(--shadow-surface);border-radius:20px;flex:1;justify-content:center;align-items:center;padding:2rem;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.duel-card:hover{border-color:var(--color-accent);transform:translateY(-4px);box-shadow:0 10px 20px #00000026}.card-glow{background:radial-gradient(circle at center, var(--color-accent-soft) 0%, transparent 70%);opacity:0;pointer-events:none;transition:opacity .2s;position:absolute;inset:0}.duel-card:hover .card-glow{opacity:.5}.game-title{color:var(--color-text);z-index:1;font-size:1.5rem;font-weight:700}.vs-badge{background:var(--color-page);border:2px solid var(--color-border);width:60px;height:60px;color:var(--color-muted);box-shadow:var(--shadow-surface);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.1rem;font-weight:800;display:flex}.trophy-icon{color:var(--color-accent);margin-bottom:1.5rem;animation:3s ease-in-out infinite float}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.results-list{width:100%;max-width:500px;margin:2rem 0;padding:0;list-style:none}.results-list li{background:var(--color-surface);border:2px solid var(--color-border);box-shadow:var(--shadow-surface);border-radius:12px;align-items:center;margin-bottom:.75rem;padding:1rem 1.25rem;display:flex}.results-list li:first-child{border-color:var(--color-accent);background:var(--color-accent-soft)}.rank-number{width:32px;color:var(--color-accent);font-size:1.25rem;font-weight:800}.results-list li:first-child .rank-number{color:var(--color-accent)}.game-name{color:var(--color-text);flex:1;font-size:1.1rem;font-weight:600}@media (width<=640px){.duel-arena{flex-direction:column;gap:1rem}.duel-card{aspect-ratio:auto;width:100%;padding:2.5rem 1.5rem}.vs-badge{width:48px;height:48px;font-size:.9rem}}.duel-feature{--duel-turquoise:#42e3d0;--duel-turquoise-rgb:66 227 208;--duel-red:#ff4b55;--duel-red-rgb:255 75 85;--duel-own:var(--duel-turquoise);--duel-own-rgb:var(--duel-turquoise-rgb);--duel-white:#fff;--duel-text:#f7f6f2;--duel-ink:#171b1a;--duel-action-ink:#04100e;--duel-code-ink:#087f73;--duel-paper:#f1efe8;--duel-icon-color:currentcolor;z-index:2200;box-sizing:border-box;place-items:center;width:0;height:0;padding:0;display:grid;position:relative}.duel-feature[data-player-color=red]{--duel-own:var(--duel-red);--duel-own-rgb:var(--duel-red-rgb)}.duel-launch{z-index:24;background:linear-gradient(90deg, rgb(var(--duel-turquoise-rgb) / .19), transparent 44% 56%, rgb(var(--duel-red-rgb) / .19)), linear-gradient(180deg, color-mix(in srgb, var(--color-surface) 92%, #000), color-mix(in srgb, var(--color-page) 98%, #000));clip-path:polygon(1.5rem 0,calc(50% - 2rem) 0,50% 1.2rem,calc(50% + 2rem) 0,calc(100% - 1.5rem) 0,100% 1.5rem,100% calc(100% - 1.5rem),calc(100% - 1.5rem) 100%,calc(50% + 2rem) 100%,50% calc(100% - 1.2rem),calc(50% - 2rem) 100%,1.5rem 100%,0 calc(100% - 1.5rem),0 1.5rem);width:min(100%,38rem);min-height:8.5rem;color:var(--duel-white);filter:drop-shadow(0 0 1px color-mix(in srgb, var(--color-border) 80%, transparent)) drop-shadow(-1rem 0 2rem rgb(var(--duel-turquoise-rgb) / .12)) drop-shadow(1rem 0 2rem rgb(var(--duel-red-rgb) / .12));border:0;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 2.2rem;transition:transform .18s,filter .18s;display:grid;position:relative}.duel-launch:hover{filter:drop-shadow(0 0 1px #ffffffb3) drop-shadow(-1rem 0 2.5rem rgb(var(--duel-turquoise-rgb) / .38)) drop-shadow(1rem 0 2.5rem rgb(var(--duel-red-rgb) / .38));transform:translateY(-.25rem)scale(1.015)}.duel-launch:before,.duel-launch:after{content:"";opacity:.55;background:linear-gradient(#0000,currentColor,#0000);width:1px;position:absolute;top:.8rem;bottom:.8rem}.duel-launch:before{color:var(--duel-turquoise);left:1rem}.duel-launch:after{color:var(--duel-red);right:1rem}.duel-mode-mark{justify-content:center;align-items:center;gap:.7rem;line-height:.75;display:flex}.duel-mode-mark strong{letter-spacing:-.1em;font-size:clamp(4rem,12vw,6.4rem);font-weight:950}.duel-mode-mark strong:first-child{color:var(--duel-turquoise);text-shadow:0 0 28px rgb(var(--duel-turquoise-rgb) / .6)}.duel-mode-mark strong:last-child{color:var(--duel-red);text-shadow:0 0 28px rgb(var(--duel-red-rgb) / .6)}.duel-mode-mark em{color:var(--duel-white);letter-spacing:.18em;font-size:.72rem;font-style:normal;font-weight:950;position:relative;transform:rotate(-8deg)}.duel-mode-side{background:linear-gradient(90deg,#0000,currentColor);width:100%;height:1px;display:block;position:relative}.duel-mode-side:after{content:"";border:1px solid;border-radius:50%;width:.5rem;height:.5rem;position:absolute;top:50%;transform:translateY(-50%)rotate(45deg)}.duel-mode-side-left{color:var(--duel-turquoise)}.duel-mode-side-left:after{right:0}.duel-mode-side-right{color:var(--duel-red);transform:scaleX(-1)}.duel-mode-side-right:after{right:0}body.duel-open{overflow:hidden}.duel-overlay{z-index:1000;color:var(--duel-text);opacity:0;background:#070a0a;transition:opacity .26s;position:fixed;inset:0;overflow:hidden}.duel-overlay[hidden]{display:none}.duel-overlay.is-open{opacity:1}.duel-atmosphere{background:radial-gradient(circle at 20% 35%, rgb(var(--duel-turquoise-rgb) / .13), transparent 28%), radial-gradient(circle at 80% 65%, rgb(var(--duel-red-rgb) / .13), transparent 28%), repeating-linear-gradient(90deg, transparent 0 10vw, #ffffff04 10vw 10.1vw);pointer-events:none;position:absolute;inset:0}.duel-atmosphere:after{content:"";opacity:.1;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.18'/%3E%3C/svg%3E");position:absolute;inset:0}.duel-feature .duel-close{z-index:60;top:max(1rem, env(safe-area-inset-top));right:max(1rem, env(safe-area-inset-right));width:2.8rem;height:2.8rem;color:var(--duel-white);backdrop-filter:blur(8px);background:#0000004d;border:1px solid #ffffff2e;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute}.duel-close i{background:currentColor;width:1.15rem;height:2px;position:absolute}.duel-close i:first-child{transform:rotate(45deg)}.duel-close i:last-child{transform:rotate(-45deg)}.duel-lobby,.duel-final{z-index:2;text-align:center;flex-direction:column;justify-content:center;align-items:center;width:min(90vw,42rem);min-height:100dvh;margin:0 auto;display:flex;position:relative}.duel-lobby[hidden],.duel-final[hidden],.duel-arena[hidden]{display:none}.duel-wanted-label,.duel-final-eyebrow{color:var(--duel-turquoise);letter-spacing:.36em;text-transform:uppercase;margin:0 0 .65rem;font-size:.75rem;font-weight:900}.duel-final>h2{letter-spacing:-.075em;text-wrap:balance;text-transform:uppercase;text-shadow:-.04em 0 0 rgb(var(--duel-turquoise-rgb) / .55), .04em 0 0 rgb(var(--duel-red-rgb) / .55);margin:0;font-size:clamp(3.4rem,11vw,8rem);font-weight:950;line-height:.82}.duel-title-mark{justify-content:center;align-items:center;gap:clamp(.8rem,3vw,1.8rem);line-height:.72;display:flex}.duel-title-mark strong{letter-spacing:-.12em;font-size:clamp(8rem,28vw,16rem);font-weight:950}.duel-title-mark strong:first-child{color:var(--duel-turquoise);text-shadow:0 0 55px rgb(var(--duel-turquoise-rgb) / .65)}.duel-title-mark strong:last-child{color:var(--duel-red);text-shadow:0 0 55px rgb(var(--duel-red-rgb) / .65)}.duel-title-mark span{color:var(--duel-white);letter-spacing:.22em;text-shadow:-.12rem 0 var(--duel-turquoise), .12rem 0 var(--duel-red);font-size:clamp(.9rem,3vw,1.4rem);font-weight:950;transform:rotate(-8deg)}.duel-lobby>p:not(.duel-error){color:#ffffffa8;letter-spacing:.06em;max-width:29rem;margin:1.6rem auto 0;font-size:clamp(.9rem,2vw,1.05rem);font-weight:700}.duel-lobby-actions{gap:.75rem;width:min(100%,31rem);margin-top:2.1rem;display:grid}.duel-lobby-header{flex-direction:column;align-items:center;display:flex}.duel-lobby-emblem{width:5rem;height:5rem;color:color-mix(in srgb, var(--duel-turquoise) 50%, var(--duel-red) 50%);place-items:center;display:grid;position:relative}.duel-lobby-emblem:before,.duel-lobby-emblem:after{content:"";width:2.4rem;height:1px;position:absolute;top:50%}.duel-lobby-emblem:before{background:linear-gradient(90deg, transparent, var(--duel-turquoise));right:calc(100% + .8rem)}.duel-lobby-emblem:after{background:linear-gradient(90deg, var(--duel-red), transparent);left:calc(100% + .8rem)}.duel-lobby-emblem svg{fill:none;width:3.7rem;height:3.7rem;stroke:var(--duel-icon-color);stroke-width:1.45px;stroke-linecap:round;stroke-linejoin:round}.duel-lobby-header h2{color:var(--duel-text);letter-spacing:-.07em;margin:.55rem 0 0;font-size:clamp(2.6rem,8vw,4.4rem);font-weight:950;line-height:.9}.duel-lobby-header p{color:#ffffff9e;letter-spacing:.035em;text-wrap:balance;max-width:31rem;margin:1rem 0 0;font-size:.86rem;font-weight:700;line-height:1.45}.duel-feature button,.duel-feature input{font-size:inherit;font-weight:inherit;line-height:inherit}.duel-primary-action,.duel-join-form button,.duel-final-actions button{background:var(--duel-own);width:100%;min-height:3.4rem;color:var(--duel-action-ink);letter-spacing:.14em;text-transform:uppercase;border:0;border-radius:8px;padding:.85rem 1.25rem;font-size:.76rem;font-weight:950;transition:filter .18s,transform .18s;position:relative;overflow:hidden}.duel-feature .duel-primary-action{background:linear-gradient(105deg, #fff3, transparent 28%), var(--duel-turquoise);min-height:4.1rem;box-shadow:none;clip-path:polygon(.75rem 0,calc(100% - .75rem) 0,100% .75rem,100% calc(100% - .75rem),calc(100% - .75rem) 100%,.75rem 100%,0 calc(100% - .75rem),0 .75rem);filter:none;border:0;grid-template-columns:2.6rem 1fr 2.6rem;align-items:center;padding:.7rem 1.15rem;transition:background .18s,transform .24s cubic-bezier(.16,1,.3,1);display:grid}.duel-feature .duel-primary-action:hover{background:linear-gradient(105deg, #ffffff4d, transparent 34%), color-mix(in srgb, var(--duel-turquoise) 86%, #fff 14%);box-shadow:none;filter:none;transform:translateY(-.12rem)}.duel-primary-action>span:nth-child(2){grid-column:2}.duel-action-mark{justify-content:center;align-items:center;gap:.28rem;width:2rem;height:2rem;display:flex;position:relative}.duel-action-mark i{background:#06100f;width:.28rem;height:1.35rem;display:block;transform:skewY(-28deg)}.duel-action-mark i:last-child{opacity:.42;height:.8rem}.duel-primary-action:hover,.duel-join-form button:hover,.duel-final-actions button:hover{filter:brightness(1.14);transform:translateY(-2px)}.duel-feature button:disabled{cursor:wait;opacity:.5}.duel-or{color:#ffffff57;letter-spacing:.24em;grid-template-columns:1fr auto 1fr;align-items:center;gap:.8rem;font-size:.68rem;font-weight:950;display:grid}.duel-or i{background:linear-gradient(90deg,#0000,#ffffff29);height:1px}.duel-or i:last-child{transform:scaleX(-1)}.duel-or b{font-size:inherit;font-weight:inherit;line-height:inherit}.duel-join-form{clip-path:polygon(.65rem 0,calc(100% - .65rem) 0,100% .65rem,100% calc(100% - .65rem),calc(100% - .65rem) 100%,.65rem 100%,0 calc(100% - .65rem),0 .65rem);background:#ffffff0e;grid-template-columns:1fr auto;gap:0;padding:.25rem;display:grid}.duel-join-form input{background:linear-gradient(90deg, rgb(var(--duel-turquoise-rgb) / .08), transparent 32%), #ffffff0b;clip-path:none;min-width:0;min-height:3.45rem;color:var(--duel-white);letter-spacing:.18em;text-align:center;text-transform:uppercase;border:0;border-radius:0;outline:none;font-size:1rem;font-weight:900}.duel-join-form input:focus{border-color:var(--duel-turquoise);box-shadow:0 0 0 3px rgb(var(--duel-turquoise-rgb) / .16)}.duel-join-form button{clip-path:polygon(.55rem 0,100% 0,100% 100%,.55rem 100%,0 50%);filter:none;align-items:center;gap:.7rem;width:auto;min-height:3.45rem;padding-inline:1.15rem;display:flex}.duel-join-arrow{border-style:solid;border-width:2px 2px 0 0;border-color:var(--duel-icon-color);width:.65rem;height:.65rem;transition:transform .24s cubic-bezier(.16,1,.3,1);display:block;transform:rotate(45deg)}.duel-join-form button:hover .duel-join-arrow{transform:translate(.18rem)rotate(45deg)}.duel-lobby.is-waiting .duel-primary-action,.duel-lobby.is-waiting .duel-or,.duel-lobby.is-waiting .duel-join-form button{display:none}.duel-lobby.is-waiting .duel-join-form{background:0 0;grid-template-columns:1fr;padding:0}.duel-lobby.is-waiting .duel-join-form input{background:linear-gradient(90deg, transparent, rgb(var(--duel-turquoise-rgb) / .1), transparent), #ffffff09;min-height:4.25rem;color:var(--duel-turquoise);cursor:default;letter-spacing:.3em;font-size:clamp(1.35rem,5vw,2rem)}.duel-lobby-waiting{gap:1.35rem;display:grid}.duel-lobby-waiting[hidden]{display:none}.duel-feature .duel-copy-invite{clip-path:none;color:#ffffffb8;cursor:pointer;filter:none;letter-spacing:.18em;text-transform:uppercase;background:0 0;border:0;justify-content:center;align-items:center;gap:.75rem;width:100%;min-height:2.8rem;padding:.45rem 3rem;font-size:.68rem;font-weight:900;transition:color .18s,transform .22s;display:flex;position:relative}.duel-copy-invite:before,.duel-copy-invite:after{background:linear-gradient(90deg, transparent, rgb(var(--duel-turquoise-rgb) / .45));content:"";width:min(18%,4.5rem);height:1px;position:absolute;top:50%}.duel-copy-invite:before{left:0}.duel-copy-invite:after{right:0;transform:scaleX(-1)}.duel-feature .duel-copy-invite:hover,.duel-feature .duel-copy-invite:focus-visible{color:var(--duel-turquoise);filter:none;transform:translateY(-.1rem)}.duel-copy-mark{width:1.1rem;height:1.1rem;position:relative}.duel-copy-mark i{border:1px solid;width:.7rem;height:.85rem;position:absolute}.duel-copy-mark i:first-child{top:0;left:0}.duel-copy-mark i:last-child{background:#0c1110;bottom:0;right:0}.duel-waiting-state{color:#ffffff8a;grid-template-columns:1fr auto auto 1fr;align-items:center;gap:.8rem;display:grid}.duel-waiting-state p{letter-spacing:.2em;text-transform:uppercase;margin:0;font-size:.68rem;font-weight:900}.duel-waiting-line{background:linear-gradient(90deg,#0000,#ffffff24);height:1px}.duel-waiting-line:last-child{transform:scaleX(-1)}.duel-waiting-state .duel-waiting-signal{gap:.24rem;margin:0}.duel-waiting-state .duel-waiting-signal i{width:.26rem;height:.26rem;box-shadow:none}.duel-error{min-height:1.2rem;color:var(--duel-red);letter-spacing:.08em;margin:1rem 0 0;font-size:.72rem;font-weight:900}.duel-waiting-signal{gap:.55rem;margin:2.5rem 0 1rem;display:flex}.duel-waiting-signal i{background:var(--duel-own);width:.55rem;height:.55rem;box-shadow:0 0 15px var(--duel-own);border-radius:50%;animation:1.1s ease-in-out infinite alternate duel-waiting}.duel-waiting-signal i:nth-child(2){animation-delay:.18s}.duel-waiting-signal i:nth-child(3){animation-delay:.36s}.duel-arena{z-index:2;isolation:isolate;grid-template-columns:1fr 1fr;width:100vw;height:100dvh;margin:0 auto;display:grid;position:fixed;inset:0;overflow:hidden}.duel-feature .duel-arena{box-shadow:none;background:0 0;border:0;gap:0;padding:0}.duel-arena:before{content:none}.duel-side{flex-direction:column;align-items:flex-start;height:100vh;padding:max(5rem,10vh) clamp(1rem,4vw,4rem);display:flex;position:relative;overflow:hidden}.duel-side:before{z-index:-1;background:linear-gradient(105deg, #ffffff0d, transparent 30%), radial-gradient(circle at 50% 45%, rgb(var(--side-rgb) / .26), transparent 58%), linear-gradient(180deg, rgb(var(--side-rgb) / .12), #0003);content:"";border-right:1px solid #ffffff0f;position:absolute;inset:0}.duel-side-turquoise{--side:var(--duel-turquoise);--side-rgb:var(--duel-turquoise-rgb);align-items:flex-start}.duel-side-red{--side:var(--duel-red);--side-rgb:var(--duel-red-rgb);align-items:flex-end}.duel-feature[data-player-color=turquoise] .duel-side-turquoise:before,.duel-feature[data-player-color=red] .duel-side-red:before{background:linear-gradient(105deg, #ffffff14, transparent 30%), radial-gradient(circle at 50% 45%, rgb(var(--side-rgb) / .42), transparent 62%), linear-gradient(180deg, rgb(var(--side-rgb) / .19), #00000026)}.duel-side-label{color:var(--side);letter-spacing:.3em;text-shadow:0 0 18px var(--side);font-size:clamp(.72rem,2vw,1rem);font-weight:950}.duel-lives{gap:.4rem;margin-top:1rem;display:flex}.duel-lives i{width:1.25rem;height:1.25rem;color:var(--side);--duel-life-color:currentcolor;fill:var(--duel-life-color);transition:opacity .26s,transform .4s cubic-bezier(.2,1.7,.4,1);display:block}.duel-lives i svg{width:100%;height:100%;display:block}.duel-lives i.is-lost{opacity:.15;fill:none;stroke:var(--duel-life-color);stroke-width:2px;transform:scale(.8)rotate(-15deg)}.duel-lives i.just-lost{animation:.8s cubic-bezier(.2,1,.35,1) both duel-life-lost}.duel-ready-label{background:var(--side);color:var(--duel-action-ink);letter-spacing:.08em;border-radius:4px;margin-top:.5rem;padding:.25rem .65rem;font-size:.65rem;font-weight:900;animation:1s infinite alternate pulse}@keyframes pulse{0%{opacity:.6}to{opacity:1}}.duel-result-value{color:var(--side);letter-spacing:.04em;opacity:0;margin-top:auto;margin-bottom:max(8rem,18vh);font-size:clamp(.8rem,2.5vw,1.3rem);font-weight:950}.duel-side-red .duel-result-value{text-align:right}@keyframes duel-card-shake{0%{transform:translate(-50%,-50%)rotate(0)}20%{transform:translate(calc(-50% - 3px),calc(1.5px - 50%))rotate(-.8deg)}40%{transform:translate(calc(1.5px - 50%),calc(-50% - 1.5px))rotate(.8deg)}60%{transform:translate(calc(-50% - 1.5px),calc(1.5px - 50%))rotate(-.3deg)}80%{transform:translate(calc(3px - 50%),calc(3px - 50%))rotate(.3deg)}to{transform:translate(-50%,-50%)rotate(0)}}.duel-center-stage.is-shaking{animation:.12s infinite duel-card-shake}.duel-center-stage{z-index:12;text-align:center;flex-direction:column;align-items:center;width:min(90vw,40rem);display:flex;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.duel-round{color:#ffffff8c;letter-spacing:.25em;font-size:.72rem;font-weight:950;position:relative}.duel-vs{letter-spacing:-.12em;text-shadow:-.055em 0 0 var(--duel-turquoise), .055em 0 0 var(--duel-red), 0 0 65px #ffffff59;font-size:clamp(7rem,24vw,18rem);font-weight:950;line-height:.72;transition:opacity .22s,transform .3s;transform:rotate(-4deg)}.duel-vs.is-hidden{opacity:0;transform:rotate(-4deg)scale(1.6)}.duel-arena[data-phase=intro] .duel-vs{animation:1.1s cubic-bezier(.16,1,.3,1) both duel-vs-slam}.duel-target-block{opacity:0;flex-direction:column;align-items:center;transition:opacity .2s,transform .42s cubic-bezier(.2,1.4,.35,1);display:flex;transform:scale(.72)}.duel-target-block.is-visible{opacity:1;transform:scale(1)}.duel-target-block span{color:#ffffff8a;letter-spacing:.34em;font-size:.66rem;font-weight:950}.duel-target-block strong{color:var(--duel-white);font-variant-numeric:tabular-nums;letter-spacing:-.08em;text-shadow:0 0 40px rgb(var(--duel-own-rgb) / .25);margin-top:.35rem;font-size:clamp(4.5rem,16vw,11rem);font-weight:950;line-height:.9}.duel-status{min-height:1.2rem;color:var(--duel-own);letter-spacing:.22em;text-shadow:0 0 18px rgb(var(--duel-own-rgb) / .65);text-transform:uppercase;margin:2rem 0 0;font-size:clamp(.7rem,2vw,.9rem);font-weight:950}.duel-feature .duel-trigger{z-index:30;cursor:crosshair;touch-action:none;background:0 0;border:0;width:100%;height:100%;padding:0;position:absolute;inset:0}.duel-feature .duel-trigger:disabled{pointer-events:none}.duel-crosshair{z-index:8;opacity:0;background:linear-gradient(90deg,#0000,#fff3,#0000);width:min(74vw,46rem);height:1px;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.duel-crosshair i{border:1px solid #ffffffb3;border-radius:50%;width:.5rem;height:.5rem;position:absolute;top:50%;transform:translate(-50%,-50%)}.duel-crosshair i:first-child{left:0}.duel-crosshair i:nth-child(2){width:1rem;height:1rem;left:50%}.duel-crosshair i:last-child{left:100%}.duel-arena[data-phase=standoff]:after{z-index:25;content:"";pointer-events:none;background:radial-gradient(circle,#0000 15%,#000000b8);animation:.9s ease-out both duel-standoff;position:absolute;inset:0}.duel-arena[data-phase=running]:after{z-index:25;content:"";opacity:0;pointer-events:none;background:#fff;animation:.38s ease-out both duel-draw-flash;position:absolute;inset:0}.duel-arena[data-phase=running] .duel-status{color:var(--duel-white);text-shadow:-.045em 0 var(--duel-turquoise), .045em 0 var(--duel-red), 0 0 40px #fff;font-size:clamp(2rem,8vw,5.5rem);animation:.6s cubic-bezier(.16,1,.3,1) both duel-draw-word}.duel-arena[data-phase=standoff] .duel-status{z-index:999;box-shadow:none;backdrop-filter:none;opacity:1;--duel-pastel-red:#ffb3ba;--duel-pastel-orange:#ffdfba;--duel-pastel-green:#baffc9;background:0 0;border:0;border-radius:0;justify-content:center;align-items:center;margin:0;font-size:clamp(10rem,42vw,25rem);font-weight:950;line-height:1;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.duel-status[data-count="3"]{color:var(--duel-pastel-red);text-shadow:0 0 50px #ffb3bad9,-3px -3px #000,3px -3px #000,-3px 3px #000,3px 3px #000;animation:1s cubic-bezier(.16,1,.3,1) both standoff-pulse-3}.duel-status[data-count="2"]{color:var(--duel-pastel-orange);text-shadow:0 0 50px #ffdfbad9,-3px -3px #000,3px -3px #000,-3px 3px #000,3px 3px #000;animation:1s cubic-bezier(.16,1,.3,1) both standoff-pulse-2}.duel-status[data-count="1"]{color:var(--duel-pastel-green);text-shadow:0 0 50px #baffc9d9,-3px -3px #000,3px -3px #000,-3px 3px #000,3px 3px #000;animation:1s cubic-bezier(.16,1,.3,1) both standoff-pulse-1}.is-duel-holding #duel-round{display:none}.is-duel-holding .duel-arena[data-phase=arming] .duel-center-stage,.is-duel-holding .duel-arena[data-phase=standoff] .duel-center-stage{transform:translate(-50%,-50%)scale(.96)}.duel-projectile{z-index:20;top:50%;left:var(--duel-result-position,50%);opacity:0;border:3px solid #080a0a;border-radius:50%;width:1.15rem;height:1.15rem;position:absolute;transform:translate(-50%,-50%)}.duel-projectile-turquoise{background:var(--duel-turquoise);box-shadow:0 0 28px var(--duel-turquoise)}.duel-projectile-red{background:var(--duel-red);box-shadow:0 0 28px var(--duel-red)}.duel-impact{z-index:19;opacity:0;border:1px solid #fff;border-radius:50%;width:4rem;height:4rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.duel-arena.is-resolving .duel-crosshair{opacity:1}.duel-arena.is-resolving .duel-target-block{transform:translateY(-5rem)scale(.5)}.duel-arena.is-resolving .duel-result-value{animation:.5s ease-out .9s both duel-result-copy}.duel-arena.is-resolving .duel-projectile-turquoise{animation:1.1s cubic-bezier(.16,1,.3,1) .12s both duel-shot-left}.duel-arena.is-resolving .duel-projectile-red{animation:1.1s cubic-bezier(.16,1,.3,1) .12s both duel-shot-right}.duel-arena.is-resolving .duel-impact{animation:.7s ease-out 1.05s both duel-impact}.duel-final{z-index:2;background:var(--color-page);--duel-own:var(--duel-red);--duel-own-rgb:var(--duel-red-rgb);flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100dvh;margin:0;display:flex;position:fixed;inset:0}.duel-final.is-victory{--duel-own:var(--duel-turquoise);--duel-own-rgb:var(--duel-turquoise-rgb)}.duel-final h2{color:var(--duel-own);text-shadow:0 0 52px rgb(var(--duel-own-rgb) / .4);animation:.9s cubic-bezier(.16,1,.3,1) both duel-final-title}.duel-final-score{z-index:10;justify-content:center;align-items:center;gap:1.5rem;margin-bottom:2rem;animation:.8s cubic-bezier(.175,.885,.32,1.275) both duel-score-entry;display:flex}@keyframes duel-score-entry{0%{opacity:0;transform:translateY(-20px)scale(.85)}to{opacity:1;transform:translateY(0)scale(1)}}.score-turquoise{color:var(--duel-turquoise);text-shadow:0 0 45px rgb(var(--duel-turquoise-rgb) / .5);font-size:clamp(4rem,15vw,7.5rem);font-weight:950;line-height:1}.score-red{color:var(--duel-red);text-shadow:0 0 45px rgb(var(--duel-red-rgb) / .5);font-size:clamp(4rem,15vw,7.5rem);font-weight:950;line-height:1}.score-divider{color:#ffffff40;font-size:clamp(2rem,8vw,4rem);font-weight:800}.duel-final-actions{justify-content:center;align-items:center;gap:.85rem;width:min(90%,22rem);margin:3.5rem auto 0;display:flex}.duel-final-actions button{background:var(--duel-own);width:100%;min-height:3.2rem;color:var(--duel-action-ink);clip-path:none;box-shadow:none;filter:none;letter-spacing:.08em;text-transform:uppercase;border:0;border-radius:8px;justify-content:center;align-items:center;padding:.8rem 1.5rem;font-size:.85rem;font-weight:800;transition:background-color .15s,transform .15s;display:inline-flex}.duel-final-actions button:hover{filter:none;background:color-mix(in srgb, var(--duel-own) 85%, #fff 15%);transform:translateY(-2px)}.duel-final-actions button:last-child{background:color-mix(in srgb, var(--color-surface) 90%, var(--duel-white) 10%);color:var(--duel-white);border:1px solid color-mix(in srgb, var(--color-border) 40%, transparent)}.duel-final-actions button:last-child:hover{background:color-mix(in srgb, var(--color-surface) 80%, var(--duel-white) 20%)}.duel-rematch-status{min-height:1.2rem;color:var(--duel-own);letter-spacing:.14em;font-size:.7rem;font-weight:900}.duel-final-burst,.duel-final-burst i{display:none}.duel-final-burst i:nth-child(2){transform:rotate(90deg)}.duel-final-burst i:nth-child(3){transform:rotate(180deg)}.duel-final-burst i:nth-child(4){transform:rotate(270deg)}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.theme-light .duel-overlay{color:var(--duel-ink);background:#f1efe8}.theme-light .duel-atmosphere{background:radial-gradient(circle at 18% 34%, rgb(var(--duel-turquoise-rgb) / .22), transparent 31%), radial-gradient(circle at 82% 66%, rgb(var(--duel-red-rgb) / .18), transparent 31%), repeating-linear-gradient(90deg, transparent 0 10vw, #0c121106 10vw 10.1vw)}.theme-light .duel-atmosphere:after{filter:invert();opacity:.045}.theme-light .duel-close{color:var(--duel-ink);background:#ffffff9e;border-color:#12191733;box-shadow:0 8px 24px #141e1b14}.theme-light .duel-lobby>p:not(.duel-error){color:#121917ad}.theme-light .duel-lobby-header h2{color:var(--duel-ink)}.theme-light .duel-feature .duel-primary-action{color:var(--duel-action-ink)}.theme-light .duel-lobby-header p,.theme-light .duel-or{color:#121917a3}.theme-light .duel-or i{background:linear-gradient(90deg,#0000,#12191733,#0000)}.theme-light .duel-join-form{background:#12191714}.theme-light .duel-title-mark span,.theme-light .duel-vs{color:var(--duel-ink)}.theme-light .duel-join-form input{background:linear-gradient(90deg, rgb(var(--duel-turquoise-rgb) / .11), transparent 34%), #ffffffb8;color:var(--duel-ink);border-color:#1219172e}.theme-light .duel-lobby.is-waiting .duel-join-form input{background:linear-gradient(90deg, transparent, rgb(var(--duel-turquoise-rgb) / .16), transparent), #ffffff8a;color:var(--duel-code-ink)}.theme-light .duel-feature .duel-copy-invite{color:#121917ad}.theme-light .duel-copy-mark i:last-child{background:#f1efe8}.theme-light .duel-waiting-state{color:#12191794}.theme-light .duel-waiting-line{background:linear-gradient(90deg,#0000,#1219172e)}.theme-light .duel-arena{background:#f1efe8}.theme-light .duel-side:before{background:linear-gradient(105deg, #ffffff85, transparent 30%), radial-gradient(circle at 50% 45%, rgb(var(--side-rgb) / .22), transparent 60%), linear-gradient(180deg, rgb(var(--side-rgb) / .12), #f1efe8b8);border-color:#12191714}.theme-light .duel-feature[data-player-color=turquoise] .duel-side-turquoise:before,.theme-light .duel-feature[data-player-color=red] .duel-side-red:before{background:linear-gradient(105deg, #ffffff9e, transparent 30%), radial-gradient(circle at 50% 45%, rgb(var(--side-rgb) / .34), transparent 64%), linear-gradient(180deg, rgb(var(--side-rgb) / .18), #f1efe894)}.theme-light .duel-round,.theme-light .duel-target-block span{color:#12191794}.theme-light .duel-target-block strong{color:var(--duel-ink)}.theme-light .duel-crosshair{background:linear-gradient(90deg,#0000,#12191747,#0000)}.theme-light .duel-crosshair i{border-color:#121917b8}.theme-light .duel-projectile{border-color:var(--duel-paper)}.theme-light .duel-arena[data-phase=standoff]:after{background:radial-gradient(circle,#0000 16%,#f1efe8d1)}.theme-light .duel-final-actions button:last-child{color:var(--duel-ink);filter:none;box-shadow:none;background:#0000000f;border:1px solid #0000001f}@keyframes duel-waiting{to{opacity:.22;transform:translateY(-.45rem)scale(.75)}}@keyframes duel-vs-slam{0%{opacity:0;transform:rotate(-14deg)scale(4)}45%{opacity:1;transform:rotate(3deg)scale(.86)}to{transform:rotate(-4deg)scale(1)}}@keyframes duel-standoff{0%{opacity:0}to{opacity:1}}@keyframes duel-draw-flash{0%{opacity:.92}to{opacity:0}}@keyframes duel-draw-word{0%{opacity:0;transform:rotate(-8deg)scale(3.5)}to{opacity:1;transform:rotate(-2deg)scale(1)}}@keyframes duel-shot-left{0%{opacity:0;left:-8%;transform:translate(-50%,-50%)scale(2.8)}70%,to{left:var(--duel-result-position);opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes duel-shot-right{0%{opacity:0;left:108%;transform:translate(-50%,-50%)scale(2.8)}70%,to{left:var(--duel-result-position);opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes duel-impact{0%{opacity:.9;transform:translate(-50%,-50%)scale(.2)}to{opacity:0;transform:translate(-50%,-50%)scale(5)}}@keyframes duel-result-copy{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}@keyframes duel-life-lost{0%{opacity:1;transform:scale(1)}45%{opacity:1;filter:brightness(2.5);transform:scale(2.6)rotate(-18deg)}to{opacity:.18;filter:grayscale();transform:rotate(32deg)translateY(.25rem)}}@keyframes duel-final-title{0%{opacity:0;transform:scale(3)rotate(-8deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes duel-final-ray{0%{opacity:.2;translate:0 3rem}to{opacity:.75;translate:0 8rem}}@media (width<=600px){.duel-lobby{width:min(88vw,30rem)}.duel-launch{min-height:7.2rem;padding-inline:1.2rem}.duel-mode-side{opacity:.65}.duel-lobby-actions{margin-top:2rem}.duel-join-form{grid-template-columns:1fr}.duel-join-form input{min-height:3.2rem}.duel-side{padding:max(5rem,10vh) 1rem}.duel-result-value{max-width:43vw;margin-bottom:max(6rem,16vh);font-size:.7rem}.duel-center-stage{width:96vw}.duel-target-block strong{font-size:clamp(4rem,22vw,7rem)}.duel-final-actions{flex-direction:column}}@media (prefers-reduced-motion:reduce){.duel-feature *,.duel-feature :before,.duel-feature :after{scroll-behavior:auto;transition-duration:.01ms;animation-duration:.01ms;animation-iteration-count:1}}.duel-resolution-screen{z-index:100;backdrop-filter:blur(8px);opacity:0;background:#070a0af0;transition:opacity .3s;position:absolute;inset:0;overflow:hidden}.duel-resolution-screen.is-active{opacity:1}.duel-resolution-screen[hidden]{display:none}.res-ruler-container{pointer-events:none;justify-content:center;width:100%;height:380px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.res-ruler-line{background:linear-gradient(#0000,#ffffff40 20% 80%,#0000);width:2px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.res-ruler-ticks{height:0;position:absolute;top:50%;left:0;right:0}.res-tick{left:50%;top:var(--tick-offset,0);justify-content:center;align-items:center;display:flex;position:absolute;transform:translate(-50%,-50%)}.res-tick:before{content:"";background:#ffffff59;width:12px;height:1px}.res-tick span{color:#ffffff4d;font-variant-numeric:tabular-nums;font-size:.65rem;font-weight:700;position:absolute;left:calc(100% + 8px)}.res-tick.tick-center:before{background:var(--duel-white);width:48px;height:3px;box-shadow:0 0 10px #fff9}.res-tick.tick-center .res-target-label{white-space:nowrap;color:#ffffff70;letter-spacing:.2em;text-transform:uppercase;font-size:.65rem;font-weight:900;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.res-tick.tick-center .res-target-val{white-space:nowrap;color:var(--duel-white);letter-spacing:-.02em;text-shadow:0 0 20px #ffffff80;font-size:1.8rem;font-weight:950;position:absolute;top:8px;left:50%;transform:translate(-50%)}.res-player-time{min-width:auto;box-shadow:none;background:0 0;border:0;border-radius:0;flex-direction:column;align-items:center;padding:0;transition:transform 1.5s cubic-bezier(.19,1,.22,1),opacity .5s 1.5s,filter .5s 1.5s;display:flex;position:absolute;top:50%}.res-player-turquoise{--side:var(--duel-turquoise);--side-rgb:var(--duel-turquoise-rgb);left:auto;right:calc(50% + 3rem);transform:translateY(-80vh)}.res-player-red{--side:var(--duel-red);--side-rgb:var(--duel-red-rgb);left:calc(50% + 3rem);right:auto;transform:translateY(-80vh)}.duel-resolution-screen.is-active .res-player-turquoise,.duel-resolution-screen.is-active .res-player-red{transform:translateY(calc(-50% + var(--res-offset-y,0)))}.res-time{color:var(--side);letter-spacing:-.04em;font-variant-numeric:tabular-nums;text-shadow:0 0 20px rgb(var(--side-rgb) / .4), -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000;font-size:clamp(3rem,10vw,5.5rem);font-weight:950;line-height:1;transition:transform .3s;display:inline-block}.duel-resolution-screen.is-active .res-player-time.is-winner .res-time{animation:.6s ease-out 1.5s forwards res-time-glow}.duel-resolution-screen.is-active .res-player-time.is-loser{opacity:.25;filter:grayscale(.85)}.res-outcome-text{text-transform:uppercase;letter-spacing:-.02em;opacity:0;pointer-events:none;text-align:center;white-space:nowrap;font-size:clamp(2.2rem,7.5vw,5.2rem);font-weight:950;line-height:1;transition:transform .55s cubic-bezier(.175,.885,.32,1.275) 1.4s,opacity .45s 1.4s;position:absolute;top:25%;left:50%;transform:translate(-50%,-50%)scale(.65)}.duel-resolution-screen.is-active .res-outcome-text{opacity:1;transform:translate(-50%,-50%)scale(1)}.res-outcome-text.outcome-win{color:var(--duel-turquoise);text-shadow:0 0 45px rgb(var(--duel-turquoise-rgb) / .55)}.res-outcome-text.outcome-lose{color:var(--duel-red);text-shadow:0 0 45px rgb(var(--duel-red-rgb) / .55)}.res-outcome-text.outcome-tie{color:var(--duel-white);text-shadow:0 0 45px #ffffff8c}@keyframes res-time-glow{to{text-shadow:0 0 35px rgb(var(--side-rgb) / .95), 0 0 70px rgb(var(--side-rgb) / .8), -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000;transform:scale(1.15)}}@keyframes standoff-pulse-3{0%{opacity:0;transform:translate(calc(-50% - 40px),calc(-50% - 30px))scale(.65)}22%{opacity:1;transform:translate(-50%,-50%)scale(1.08)}45%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:.95;transform:translate(-50%,-50%)scale(.9)}}@keyframes standoff-pulse-2{0%{opacity:0;transform:translate(calc(50px - 50%),calc(30px - 50%))scale(.65)}22%{opacity:1;transform:translate(-50%,-50%)scale(1.08)}45%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:.95;transform:translate(-50%,-50%)scale(.9)}}@keyframes standoff-pulse-1{0%{opacity:0;transform:translate(calc(-50% - 40px),calc(40px - 50%))scale(.65)}22%{opacity:1;transform:translate(-50%,-50%)scale(1.08)}45%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:.95;transform:translate(-50%,-50%)scale(.9)}}.blind-timer-container{--history-gold:#fbbf24;--history-gold-dark:#7c5200;--history-icon-stroke:currentcolor;--mode-icon-color:currentcolor;--mode-left:#42e3d0;--mode-right:#ff4b55;width:100%;min-height:calc(100dvh - var(--games-header-height) - var(--games-footer-height) - 4rem);box-sizing:border-box;color:var(--color-text);user-select:none;-webkit-touch-callout:none;flex-direction:column;justify-content:center;align-items:center;margin:0;padding:2rem 1.5rem;display:flex;position:relative}.blind-timer-container *{user-select:none;-webkit-touch-callout:none;-webkit-user-drag:none}.blind-timer-container ::selection{background:0 0}.blind-timer-container .sound-toggle{z-index:30;border:1px solid var(--color-border);background:color-mix(in srgb, var(--color-surface) 88%, transparent);width:2.6rem;height:2.6rem;color:var(--color-muted);cursor:pointer;border-radius:50%;place-items:center;padding:0;transition:color .18s,border-color .18s,transform .18s;display:grid;position:absolute;top:1rem;right:1rem;box-shadow:0 4px 14px #00000014}.blind-timer-container .sound-toggle:hover,.blind-timer-container .sound-toggle:focus-visible{border-color:var(--color-accent);color:var(--color-accent);transform:translateY(-1px)}.blind-timer-container .sound-toggle:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}.sound-toggle svg{fill:none;width:1.25rem;height:1.25rem;stroke:var(--history-icon-stroke);stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round}.sound-toggle .sound-icon-off,.sound-toggle[aria-pressed=true] .sound-icon-on{display:none}.sound-toggle[aria-pressed=true] .sound-icon-off{display:block}.timer-area{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;padding:3rem 0;display:flex;position:relative}.timer-area.holding{transform:translate(var(--hold-jitter-x,0), var(--hold-jitter-y,0)) rotate(var(--hold-jitter-rotation,0)) scale(var(--hold-jitter-scale,1));will-change:transform}.target-row{flex-direction:row;justify-content:center;align-items:center;width:100%;min-height:12rem;margin-bottom:2rem;display:flex;position:relative}.share-capture-url,.share-capture-cta{display:none}.target-row.share-capture-active{box-sizing:border-box;flex:none;width:45rem;min-height:24rem;margin-bottom:0;padding:2rem 3.75rem 6rem}.target-row.share-capture-active .target-stage{min-width:38rem}.target-row.share-capture-active .target-value{font-size:10rem}.target-row.share-capture-active .sealed-result{opacity:1;background:var(--color-surface);animation:none}.target-row.share-capture-active .star-icon{opacity:1;animation:none}.target-row.share-capture-active .share-capture-cta{border:1px solid var(--color-border);background:var(--color-surface);max-width:34rem;color:var(--color-text);letter-spacing:.025em;text-align:center;white-space:nowrap;border-radius:999px;padding:.55rem 1rem;font-size:.88rem;font-weight:800;line-height:1.2;display:block;position:absolute;bottom:5.5rem;left:50%;transform:translate(-50%)}.target-row.share-capture-active .share-capture-url{border-top:1px solid var(--color-border);box-sizing:border-box;width:28rem;color:var(--color-muted);letter-spacing:.1em;text-align:center;padding-top:1rem;font-size:.78rem;font-weight:800;line-height:1;display:block;position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}.target-value{color:var(--color-text);letter-spacing:-.05em;font-size:clamp(4rem,15vw,10rem);font-weight:900;line-height:1;transition:opacity .18s,transform .18s}.target-stage{min-width:min(72vw,38rem);position:relative}.sealed-target{justify-content:center;align-items:center;display:flex}.sealed-result{--sealed-hue:170;--sealed-color:hsl(var(--sealed-hue) 85% 35%);--sealed-border:var(--color-accent);--sealed-bg:color-mix(in srgb, var(--color-accent) 12%, transparent);--sealed-gold:#fbbf24;z-index:4;border:2px solid var(--sealed-border);background:linear-gradient(var(--sealed-bg), var(--sealed-bg)), var(--color-page);box-shadow:0 0 8px #fbbf2480, 0 0 18px color-mix(in srgb, var(--sealed-color) 35%, transparent);border-radius:7px;justify-content:center;align-items:center;gap:0;padding:.38rem .55rem;animation:.55s cubic-bezier(.16,1,.3,1) both sealed-result-enter;display:flex;position:absolute;top:.15rem;left:50%;transform:translate(3%,-22%)rotate(-1.5deg)}.theme-dark .sealed-result{--sealed-color:hsl(var(--sealed-hue) 85% 80%)}.sealed-result[hidden]{display:none}.sealed-result-frame{z-index:0;border:2px solid var(--sealed-gold);pointer-events:none;border-radius:11px;position:absolute;inset:-6px}.sealed-result-label{z-index:1;color:var(--sealed-color);letter-spacing:.2em;text-transform:uppercase;text-shadow:0 1px 0 var(--color-page);font-size:.66rem;font-weight:900;line-height:1;position:absolute;bottom:calc(100% + 5px);left:.2rem}.sealed-result-values{z-index:1;justify-content:center;align-items:center;display:flex;position:relative}.sealed-result-values strong{border-right:1px solid color-mix(in srgb, var(--sealed-color) 45%, transparent);color:var(--color-text);letter-spacing:-.02em;padding:0 .65rem 0 .2rem;font-size:1.05rem;font-weight:900;line-height:1}.sealed-result-values span{color:var(--sealed-color);letter-spacing:-.02em;padding:0 .2rem 0 .65rem;font-size:1.05rem;font-weight:900;line-height:1}.sealed-result-stars{z-index:2;pointer-events:none;width:20px;height:20px;position:absolute;top:-12px;right:-10px}.star-icon.sealed-star{width:20px;height:20px;top:0;right:0;overflow:visible}@keyframes sealed-result-enter{0%{opacity:0;transform:translate(3%,12px)rotate(4deg)scale(.72)}to{opacity:1;transform:translate(3%,-22%)rotate(-1.5deg)scale(1)}}@media (width<=600px){.sealed-result{top:-.2rem;transform:translate(-4%,-18%)rotate(-1.5deg)scale(.9)}@keyframes sealed-result-enter{0%{opacity:0;transform:translate(-4%,10px)rotate(4deg)scale(.7)}to{opacity:1;transform:translate(-4%,-18%)rotate(-1.5deg)scale(.9)}}}.results-column{flex-direction:column;align-items:center;gap:.75rem;display:flex;position:absolute;left:calc(50% + clamp(130px,15vw,220px))}.tags-container{flex-direction:column;align-items:center;gap:.5rem;display:flex}@media (width<=600px){.results-column{flex-direction:column;align-items:center;margin-top:1rem;position:static}.tags-container{flex-flow:wrap;justify-content:center}.target-row{flex-direction:column;min-height:auto}}.attempt-tag{--attempt-hue:0;text-align:center;box-sizing:border-box;min-width:80px;color:hsl(var(--attempt-hue) 85% 35%);border:2px solid #0000;border-radius:6px;padding:.35rem .75rem;font-size:1rem;font-weight:800;line-height:1;animation:.3s cubic-bezier(.175,.885,.32,1.275) forwards tag-enter;display:inline-block;position:relative;overflow:visible}.theme-dark .attempt-tag{color:hsl(var(--attempt-hue) 85% 80%)}.attempt-tag.empty-tag{border-style:dashed;border-color:var(--color-border);color:var(--color-muted);background-color:#0000}.stars-cluster{pointer-events:none;z-index:5;width:24px;height:24px;position:absolute;top:-8px;right:-8px}.star-icon{pointer-events:none;filter:drop-shadow(0 0 3px #fbbf2499);animation:2s ease-in-out infinite star-twinkle-shine;position:absolute}.star-icon.star-1{z-index:3;width:14px;height:14px;animation-delay:0s;top:2px;right:2px}.star-icon.star-2{z-index:2;width:10px;height:10px;animation-delay:.4s;top:8px;right:-6px}.star-icon.star-3{z-index:1;width:7px;height:7px;animation-delay:.8s;top:-4px;right:8px}@keyframes star-twinkle-shine{0%{filter:drop-shadow(0 0 2px #fbbf2466);transform:scale(1)rotate(0)}50%{filter:drop-shadow(0 0 8px #fbbf24d9);transform:scale(1.22)rotate(15deg)}to{filter:drop-shadow(0 0 2px #fbbf2466);transform:scale(1)rotate(0)}}.attempt-tag.new-attempt{animation:.7s cubic-bezier(.34,1.56,.64,1) forwards tag-insertion,.8s ease-in-out .7s infinite alternate dopamine-pulse}@keyframes tag-insertion{0%{opacity:0;filter:blur(8px);max-height:0;margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0;transform:scale(.3)translate(60px)rotate(15deg)}50%{opacity:.6;filter:blur(2px);max-height:40px;padding-top:.35rem;padding-bottom:.35rem;transform:scale(1.15)translate(-15px)rotate(-8deg)}to{opacity:1;filter:blur();max-height:40px;padding-top:.35rem;padding-bottom:.35rem;transform:scale(1)translate(0)rotate(0)}}@keyframes dopamine-pulse{0%{transform:scale(1);box-shadow:0 0 3px}to{transform:scale(1.08);box-shadow:0 0 15px}}@keyframes tag-enter{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.attempt-tag.best-tag{--best-gold:#fbbf24;z-index:2;outline:2px solid var(--best-gold);outline-offset:3px;box-shadow:0 0 8px #fbbf248c, 0 0 18px color-mix(in srgb, currentcolor 38%, transparent);border-width:2px}.attempt-tag.best-tag:after{content:"★";color:var(--best-gold);text-shadow:0 0 3px var(--color-page), 0 0 9px #fbbf24e6;font-size:1rem;line-height:1;position:absolute;top:-13px;left:-11px;transform:rotate(-12deg)}.attempt-tag.epic{font-weight:900;transform:scale(1.05);box-shadow:0 0 12px}.attempt-tag.catastrophe{animation:.15s linear infinite tag-catastrophe-vibrate;box-shadow:0 0 5px #ef444466}@keyframes tag-catastrophe-vibrate{0%{transform:translate(0)rotate(0)}20%{transform:translate(-1px,.5px)rotate(-.5deg)}40%{transform:translate(1px,-.5px)rotate(.5deg)}60%{transform:translate(-.5px,-.5px)rotate(-.2deg)}80%{transform:translate(.5px,.5px)rotate(.2deg)}to{transform:translate(0)rotate(0)}}.visual-btn{background:var(--color-accent);color:var(--color-page);letter-spacing:.1em;text-transform:uppercase;box-shadow:0 4px 12px var(--color-accent-soft);pointer-events:none;border-radius:8px;margin-bottom:2rem;padding:1rem 3.5rem;font-size:1.25rem;font-weight:800;transition:background-color .16s,transform .12s,box-shadow .16s,letter-spacing .16s,filter .16s;display:inline-block;position:relative}.visual-btn:before{content:"";border:2px solid var(--color-accent);opacity:0;pointer-events:none;border-radius:14px;position:absolute;inset:-11px;transform:scale(1.18)}.timer-area.holding .visual-btn{background:var(--color-focus);letter-spacing:.16em;filter:saturate(1.2);box-shadow:inset 0 6px 12px #0000007a, 0 1px 0 color-mix(in srgb, var(--color-text) 20%, transparent), 0 8px 32px color-mix(in srgb, var(--color-focus) 38%, transparent);transform:translateY(5px)scale(.96)}.timer-area.holding .visual-btn:before{opacity:.9;animation:.34s cubic-bezier(.16,1,.3,1) both hold-ring-lock;transform:scale(1)}.timer-area.holding .target-value{opacity:.82;transform:scale(.985)}@keyframes hold-ring-lock{0%{opacity:0;transform:scale(1.22)}to{opacity:.9;transform:scale(1)}}.visual-btn.practice{background:var(--color-accent-soft);color:var(--color-accent);border:1px solid var(--color-accent);box-shadow:none}.blind-timer-container button.trigger-btn{cursor:pointer;z-index:10;user-select:none;-webkit-touch-callout:none;touch-action:pan-y;width:100%;height:100%;box-shadow:none;background:0 0;border:none;outline:none;margin:0;padding:0;position:absolute;top:0;left:0}.target-label{text-transform:uppercase;letter-spacing:.2em;color:var(--color-muted);margin-bottom:1.5rem;font-size:.875rem;font-weight:700}.trigger-instruction{color:var(--color-muted);text-transform:uppercase;letter-spacing:.15em;font-size:.875rem;font-weight:700;transition:opacity .18s,transform .18s}.timer-area.holding .trigger-instruction{opacity:.38;transform:translateY(3px)}.result-reveal{--result-position:50%;--result-color:var(--color-accent);z-index:30;box-sizing:border-box;border:1px solid color-mix(in srgb, var(--result-color) 55%, transparent);background:color-mix(in srgb, var(--color-page) 98%, transparent);backdrop-filter:blur(10px);width:min(88vw,34rem);box-shadow:0 24px 80px #0000008c, 0 0 45px color-mix(in srgb, var(--result-color) 24%, transparent);opacity:0;pointer-events:none;visibility:hidden;border-radius:18px;padding:2.25rem 2rem 2rem;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-46%)scale(.82)}.result-reveal.perfect{--result-color:var(--color-accent)}.result-reveal.good{--result-color:#22c55e}.result-reveal.notable{--result-color:#f59e0b}.result-reveal.bad{--result-color:#ef4444}.result-reveal.visible{visibility:visible;animation:1.8s cubic-bezier(.22,1,.36,1) both result-card-reveal}.daily-stats-shell{z-index:21;width:fit-content;margin:1.2rem auto 0;position:relative}.daily-stats-shell[hidden]{display:none}.blind-timer-container .daily-stats-launch{border:1px solid color-mix(in srgb, var(--color-accent) 35%, var(--color-border));background:linear-gradient(135deg, color-mix(in srgb, var(--color-accent) 8%, var(--color-surface)), var(--color-surface));min-height:2.8rem;color:var(--color-text);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:.62rem;padding:.62rem .82rem .62rem .72rem;font-size:.72rem;font-weight:900;transition:border-color .2s,box-shadow .2s,transform .2s;display:inline-flex;box-shadow:0 8px 24px #00000014,inset 0 1px #ffffff59}.blind-timer-container .daily-stats-launch:hover,.blind-timer-container .daily-stats-launch:focus-visible{border-color:var(--color-accent);box-shadow:0 10px 28px color-mix(in srgb, var(--color-accent) 16%, transparent), inset 0 1px #fff6;transform:translateY(-1px)}.blind-timer-container .daily-stats-launch:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}.daily-stats-launch svg{fill:none;stroke:var(--history-icon-stroke);stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px}.daily-stats-launch-icon{width:1.15rem;height:1.15rem;color:var(--color-accent)}.daily-stats-launch-arrow{width:.9rem;height:.9rem;color:var(--color-muted)}body.daily-stats-modal-open{overflow:hidden}body.daily-stats-modal-open .blind-timer-container .sound-toggle{z-index:140;background:var(--color-surface);position:fixed;box-shadow:0 8px 28px #00000038,inset 0 1px #ffffff4d}.daily-stats-overlay{z-index:120;opacity:0;place-items:center;padding:1.25rem;transition:opacity .22s;display:grid;position:fixed;inset:0}.daily-stats-overlay[hidden]{display:none}.daily-stats-overlay.is-open{opacity:1}.blind-timer-container .daily-stats-backdrop{backdrop-filter:blur(8px);cursor:default;background:#0e111094;border:0;border-radius:0;width:100%;height:100%;padding:0;position:absolute;inset:0}.daily-stats-modal{--daily-curve:color-mix(in srgb, var(--color-accent) 76%, var(--color-text));--daily-divider:color-mix(in srgb, var(--color-text) 13%, transparent);border:1px solid color-mix(in srgb, var(--color-accent) 24%, var(--color-border));background:radial-gradient(circle at 50% 0%, color-mix(in srgb, var(--color-accent) 10%, transparent), transparent 42%), var(--color-surface);box-sizing:border-box;border-radius:26px;width:min(100%,44rem);max-height:min(88vh,46rem);padding:clamp(1.25rem,4vw,2.1rem);transition:transform .32s cubic-bezier(.16,1,.3,1);position:relative;overflow:auto;transform:translateY(14px)scale(.98);box-shadow:0 32px 90px #00000047,inset 0 1px #fff6}.daily-stats-overlay.is-open .daily-stats-modal{transform:translateY(0)scale(1)}.daily-stats-header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.35rem;display:flex}.daily-stats-title-lockup{align-items:center;gap:.82rem;min-width:0;display:flex}.daily-stats-emblem{border:1px solid color-mix(in srgb, var(--color-accent) 32%, transparent);background:color-mix(in srgb, var(--color-accent) 11%, var(--color-surface));width:2.7rem;height:2.7rem;color:var(--color-accent);border-radius:13px;flex:none;place-items:center;display:grid;box-shadow:inset 0 1px #ffffff52}.daily-stats-emblem svg{fill:none;width:1.45rem;height:1.45rem;stroke:var(--history-icon-stroke);stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px}.daily-stats-header h2{color:var(--color-text);letter-spacing:.07em;text-transform:uppercase;margin:0;font-size:clamp(1rem,3vw,1.25rem);font-weight:900;line-height:1.1}.blind-timer-container .daily-stats-close{border:1px solid var(--color-border);background:color-mix(in srgb, var(--color-surface) 86%, transparent);width:2.55rem;height:2.55rem;color:var(--color-muted);cursor:pointer;border-radius:50%;flex:none;place-items:center;padding:0;transition:border-color .2s,color .2s,transform .2s;display:grid}.blind-timer-container .daily-stats-close:hover,.blind-timer-container .daily-stats-close:focus-visible{border-color:var(--color-accent);color:var(--color-accent);transform:rotate(4deg)}.blind-timer-container .daily-stats-close:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.daily-stats-close svg{fill:none;width:1.1rem;height:1.1rem;stroke:var(--history-icon-stroke);stroke-linecap:round;stroke-width:2px}.daily-stats-content{transition:opacity .2s}.daily-stats-modal.loading .daily-stats-content{opacity:.42}.daily-stats-chart-frame{border:1px solid color-mix(in srgb, var(--color-accent) 14%, var(--color-border));background:linear-gradient(180deg, color-mix(in srgb, var(--daily-curve) 5%, var(--color-surface)), color-mix(in srgb, var(--color-surface) 97%, var(--color-text)));border-radius:20px;padding:.35rem .25rem 0;position:relative;overflow:hidden}.daily-stats-status{max-width:28rem;color:var(--color-muted);text-align:center;margin:2.25rem auto;font-size:.88rem;font-weight:700;line-height:1.55;display:none}.daily-stats-modal.unavailable .daily-stats-status{display:block}.daily-stats-modal.unavailable .daily-stats-content{display:none}.daily-stats-chart{width:100%;height:auto;color:var(--daily-curve);display:block;overflow:visible}.daily-stats-area{fill:url(#daily-stats-gradient)}.daily-stats-line{fill:none;stroke:var(--daily-curve);stroke-linecap:round;stroke-linejoin:round;stroke-width:3.5px;filter:drop-shadow(0 4px 7px color-mix(in srgb, var(--daily-curve) 18%, transparent))}.daily-stats-center-zone{fill:url(#daily-stats-center-gradient);stroke:color-mix(in srgb, var(--color-accent) 20%, transparent);stroke-dasharray:3 5}.daily-stats-grid{stroke:color-mix(in srgb, var(--color-text) 15%, transparent);stroke-width:1px}.daily-stats-target{stroke:color-mix(in srgb, var(--color-text) 38%, transparent);stroke-dasharray:4 5;stroke-width:1.5px}.daily-stats-marker{stroke:var(--history-gold);stroke-dasharray:4 4;stroke-width:2.25px}.daily-stats-marker-dot{fill:var(--history-gold);stroke:var(--color-surface);stroke-width:3px;filter:drop-shadow(0 2px 5px color-mix(in srgb, var(--history-gold) 55%, transparent))}.daily-stats-axis{fill:var(--color-muted);font-size:.68rem;font-weight:800}.daily-stats-breakdown{border-top:1px solid var(--daily-divider);border-bottom:1px solid var(--daily-divider);grid-template-columns:repeat(3,1fr);margin-top:1.25rem;padding:.82rem 0;display:grid}.daily-stats-segment{text-align:center;gap:.32rem;min-width:0;padding:.15rem .7rem;display:grid;position:relative}.daily-stats-segment+.daily-stats-segment:before{background:var(--daily-divider);content:"";width:1px;position:absolute;top:0;bottom:0;left:0}.daily-stats-segment strong{color:color-mix(in srgb, var(--color-text) 88%, var(--color-muted));font-variant-numeric:tabular-nums;font-size:clamp(1.05rem,4vw,1.35rem);font-weight:900;line-height:1}.daily-stats-segment-center strong{color:var(--daily-curve)}.daily-stats-segment span{color:var(--color-muted);letter-spacing:.055em;text-overflow:ellipsis;white-space:nowrap;font-size:.64rem;font-weight:800;overflow:hidden}.daily-stats-personal{justify-content:center;align-items:center;gap:.72rem;width:fit-content;margin:1.3rem auto 0;display:flex}.daily-stats-personal-marker{border-top:2px dashed var(--history-gold);width:1.7rem;height:0;display:block;position:relative}.daily-stats-personal-marker span{border:2px solid var(--color-surface);background:var(--history-gold);width:.46rem;height:.46rem;box-shadow:0 0 7px color-mix(in srgb, var(--history-gold) 42%, transparent);border-radius:50%;position:absolute;top:50%;right:-1px;transform:translateY(-50%)}.daily-stats-best{color:color-mix(in srgb, var(--color-text) 82%, var(--color-muted));letter-spacing:.01em;margin:0;font-size:.76rem;font-weight:800}@media (width<=560px){.daily-stats-overlay{align-items:end;padding:0}.daily-stats-modal{border-bottom:0;border-left:0;border-right:0;border-radius:24px 24px 0 0;width:100%;max-height:91vh;padding:1.15rem 1rem 1.25rem;transform:translateY(28px)}.daily-stats-header{margin-bottom:1rem}.daily-stats-emblem{width:2.4rem;height:2.4rem}.daily-stats-chart-frame{border-radius:16px}.daily-stats-breakdown{margin-top:1rem;padding:.72rem 0}.daily-stats-segment{padding-left:.3rem;padding-right:.3rem}.daily-stats-personal{margin-top:1.1rem}}@media (prefers-reduced-motion:reduce){.daily-stats-overlay,.daily-stats-modal,.blind-timer-container .daily-stats-launch,.blind-timer-container .daily-stats-close{transition:none}}.result-reveal-time{color:var(--color-text);letter-spacing:-.06em;text-shadow:0 0 28px color-mix(in srgb, var(--result-color) 32%, transparent);font-size:clamp(3.75rem,18vw,6.5rem);font-weight:900;line-height:.9}.result-reveal-scale{width:100%;margin:2rem 0 1.1rem}.result-reveal-track{border:2px solid color-mix(in srgb, var(--color-text) 14%, transparent);background:linear-gradient(90deg, #ef4444 0%, #ef4444 25%, #f59e0b 25%, #f59e0b 40%, #22c55e 40%, #22c55e 47.5%, var(--color-accent) 47.5%, var(--color-accent) 52.5%, #22c55e 52.5%, #22c55e 60%, #f59e0b 60%, #f59e0b 75%, #ef4444 75%, #ef4444 100%);width:100%;height:14px;box-shadow:inset 0 1px 4px #00000059, 0 0 20px color-mix(in srgb, var(--result-color) 18%, transparent);border-radius:999px;position:relative;overflow:visible}.result-reveal-target,.result-reveal-marker{display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.result-reveal-target{background:var(--color-text);border-radius:999px;width:3px;height:28px;box-shadow:0 0 12px #fff6}.result-reveal-marker{left:var(--result-position);border:3px solid var(--color-page);background:var(--result-color);width:20px;height:20px;box-shadow:0 0 20px var(--result-color);border-radius:50%}.result-reveal-scale-labels{color:var(--color-muted);letter-spacing:.08em;grid-template-columns:1fr 1fr 1fr;margin-top:.65rem;font-size:.7rem;font-weight:800;display:grid}.result-reveal-scale-labels span:first-child{text-align:left}.result-reveal-scale-labels span:last-child{text-align:right}.visible .result-reveal-marker{animation:.65s cubic-bezier(.2,1.5,.4,1) .25s both result-marker-land}.result-reveal-diff{color:var(--result-color);letter-spacing:-.03em;font-size:clamp(1.75rem,8vw,2.75rem);font-weight:900}@keyframes result-card-reveal{0%{opacity:0;transform:translate(-50%,-46%)scale(.82)}12%,78%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-54%)scale(1.04)}}@keyframes result-marker-land{0%{opacity:0;transform:translate(-50%,-50%)scale(2.8)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@media (prefers-reduced-motion:reduce){.result-reveal.visible,.visible .result-reveal-marker{animation-duration:.01ms}}.share-area{z-index:20;justify-content:center;align-items:center;margin-top:.5rem;margin-bottom:0;display:flex;position:relative}.btn-discrete-share{background:var(--color-accent);border:2px solid var(--color-accent);color:var(--color-page);cursor:pointer;box-sizing:border-box;min-width:80px;box-shadow:0 4px 12px var(--color-accent-soft);border-radius:6px;justify-content:center;align-items:center;padding:.35rem .75rem;transition:background-color .2s,border-color .25s,color .25s,transform .2s,box-shadow .25s;display:inline-flex}.btn-discrete-share:disabled{opacity:.25;cursor:not-allowed;background:var(--color-accent-soft);color:var(--color-accent);box-shadow:none;border-color:#0000}.btn-discrete-share:hover:not(:disabled){background-color:var(--color-focus);border-color:var(--color-focus);box-shadow:0 6px 16px var(--color-accent-soft);transform:translateY(-2px)}.share-feedback{white-space:nowrap;background:var(--color-accent-soft);color:var(--color-accent);border:1px solid var(--color-accent);text-align:center;opacity:0;pointer-events:none;padding:.4rem .8rem;font-size:.8rem;font-weight:700;transition:opacity .2s;position:absolute;bottom:2.75rem;left:50%;transform:translate(-50%)}.share-feedback.visible{opacity:1}.target-value.burst{animation:.6s cubic-bezier(.1,.8,.3,1) forwards text-explode}@keyframes text-explode{0%{opacity:1;filter:blur();color:var(--color-error);transform:scale(1)}to{opacity:0;filter:blur(12px);transform:scale(2.2)}}.practice-results-column{flex-direction:column;align-items:center;gap:.75rem;display:flex;position:absolute;right:calc(50% + clamp(130px,15vw,220px))}@media (width<=600px){.practice-results-column{margin-bottom:1rem;position:static}}.blind-timer-container .timer-area .game-mode-selector{z-index:20;border:1px solid color-mix(in srgb, var(--color-border) 82%, var(--color-accent) 18%);background:linear-gradient(105deg, color-mix(in srgb, var(--color-accent) 6%, transparent), transparent 34%), var(--color-surface);clip-path:polygon(.65rem 0,calc(100% - .65rem) 0,100% .65rem,100% calc(100% - .65rem),calc(100% - .65rem) 100%,.65rem 100%,0 calc(100% - .65rem),0 .65rem);grid-template-columns:repeat(3,minmax(0,1fr));gap:.2rem;width:min(100%,28rem);margin-top:1.35rem;padding:.28rem;display:grid;position:relative;box-shadow:0 10px 30px #0000001a,inset 0 1px #ffffff12}.game-mode-rail{background:var(--color-border);pointer-events:none;height:1px;position:absolute;top:50%;left:.8rem;right:.8rem}.blind-timer-container .game-mode-option{width:100%;min-width:0;min-height:2.85rem;box-shadow:none;color:var(--color-muted);clip-path:polygon(.4rem 0,calc(100% - .4rem) 0,100% .4rem,100% calc(100% - .4rem),calc(100% - .4rem) 100%,.4rem 100%,0 calc(100% - .4rem),0 .4rem);letter-spacing:.08em;text-transform:uppercase;background:0 0;border:0;outline:0;flex-direction:column;justify-content:center;align-items:center;gap:.32rem;padding:.55rem .45rem;font-size:.62rem;font-weight:900;transition:color .18s,background .18s,filter .18s,transform .18s;display:flex;position:relative}.blind-timer-container .game-mode-option i{z-index:1;border:2px solid var(--color-surface);background:var(--color-border);width:.48rem;height:.48rem;box-shadow:0 0 0 1px var(--color-border);border-radius:50%;display:block;position:relative}.blind-timer-container .game-mode-option span{z-index:1;text-overflow:ellipsis;white-space:nowrap;max-width:100%;position:relative;overflow:hidden}.blind-timer-container .game-mode-option:hover:not(:disabled){color:var(--color-text);transform:translateY(-1px)}.blind-timer-container .game-mode-option.is-active{background:linear-gradient(135deg, color-mix(in srgb, var(--color-accent) 18%, transparent), transparent), color-mix(in srgb, var(--color-surface) 86%, var(--color-accent) 14%);color:var(--color-text);filter:drop-shadow(0 0 12px color-mix(in srgb, var(--color-accent) 18%, transparent))}.blind-timer-container .game-mode-option.is-active i{background:var(--color-accent);box-shadow:0 0 0 1px var(--color-accent), 0 0 12px var(--color-accent)}.blind-timer-container .game-mode-option:disabled{cursor:not-allowed;opacity:.34}.blind-timer-container .game-mode-versus{--versus-left:#42e3d0;--versus-right:#ff4b55}.blind-timer-container .game-mode-versus:not(:disabled):hover,.blind-timer-container .game-mode-versus:focus-visible{color:var(--color-text);filter:drop-shadow(-.35rem 0 .75rem #42e3d029)drop-shadow(.35rem 0 .75rem #ff4b5529);background:linear-gradient(90deg,#42e3d024,#0000 45% 55%,#ff4b5524)}.blind-timer-container .game-mode-versus i{background:linear-gradient(90deg, var(--versus-left) 0 48%, var(--versus-right) 52% 100%);border:0;box-shadow:-.25rem 0 .55rem #42e3d080,.25rem 0 .55rem #ff4b5580}.blind-timer-container .game-mode-selector{--mode-panel:color-mix(in srgb, var(--color-surface) 94%, #020807 6%);--mode-line:color-mix(in srgb, var(--color-border) 68%, var(--color-accent) 32%);border:1px solid var(--mode-line);background:linear-gradient(120deg, color-mix(in srgb, var(--color-accent) 5%, transparent), transparent 36%), linear-gradient(180deg, color-mix(in srgb, var(--color-text) 3%, transparent), transparent 45%), var(--mode-panel);width:min(100%,31rem);min-height:7.25rem;box-shadow:0 1.25rem 3.5rem #0000002e, inset 0 1px color-mix(in srgb, var(--color-text) 9%, transparent), inset 0 -1px #0003;clip-path:polygon(.8rem 0,calc(100% - .8rem) 0,100% .8rem,100% calc(100% - .8rem),calc(100% - .8rem) 100%,.8rem 100%,0 calc(100% - .8rem),0 .8rem);isolation:isolate;perspective:700px;margin-top:1.8rem;padding:.34rem;position:relative;overflow:hidden}.game-mode-selector:before{z-index:-1;background:radial-gradient(circle at 50% 20%, color-mix(in srgb, var(--color-accent) 24%, transparent), transparent 62%), linear-gradient(180deg, color-mix(in srgb, var(--color-accent) 10%, transparent), transparent);width:calc(33.3333% - .226667rem);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-accent) 22%, transparent), 0 0 2rem color-mix(in srgb, var(--color-accent) 10%, transparent);clip-path:polygon(.5rem 0,calc(100% - .5rem) 0,100% .5rem,100% calc(100% - .5rem),calc(100% - .5rem) 100%,.5rem 100%,0 calc(100% - .5rem),0 .5rem);content:"";transition:transform .52s cubic-bezier(.16,1,.3,1);position:absolute;top:.34rem;bottom:.34rem;left:.34rem}.game-mode-selector:has(#mode-practice.is-active):before{transform:translate(100%)}.game-mode-selector:after{z-index:4;background:linear-gradient(90deg, transparent, var(--color-accent), transparent);width:76%;height:1px;box-shadow:0 0 1rem var(--color-accent);content:"";opacity:.65;pointer-events:none;position:absolute;top:0;left:12%}.game-mode-selector .game-mode-option{width:100%;min-height:6.55rem;box-shadow:none;color:var(--color-muted);clip-path:none;transform-style:preserve-3d;background:0 0;border:0;grid-template-rows:1fr auto;place-items:center;gap:.28rem;padding:.55rem .35rem .65rem;transition:color .22s,filter .28s,opacity .22s,transform .42s cubic-bezier(.16,1,.3,1);display:grid;position:relative}.blind-timer-container .game-mode-option+.game-mode-option:after{background:linear-gradient(transparent, var(--color-border), transparent);content:"";opacity:.72;width:1px;position:absolute;top:17%;bottom:17%;left:0}.blind-timer-container .game-mode-option:before{z-index:-1;background:radial-gradient(circle at 50% 36%, color-mix(in srgb, currentcolor 12%, transparent), transparent 64%);content:"";opacity:0;transition:opacity .24s,transform .42s cubic-bezier(.16,1,.3,1);position:absolute;inset:.3rem;transform:scale(.7)}.blind-timer-container .game-mode-option:hover:not(:disabled),.blind-timer-container .game-mode-option:focus-visible{color:var(--color-text);filter:none;background:0 0;transform:translateY(-.18rem)rotateX(2deg)}.blind-timer-container .game-mode-option:hover:not(:disabled):before,.blind-timer-container .game-mode-option:focus-visible:before,.blind-timer-container .game-mode-option.is-active:before{opacity:1;transform:scale(1)}.game-mode-selector .game-mode-option.is-active{color:var(--color-text);filter:drop-shadow(0 0 .8rem color-mix(in srgb, var(--color-accent) 14%, transparent));background:0 0}.game-mode-selector .game-mode-option:disabled{cursor:not-allowed;filter:grayscale(.72);opacity:.3}.game-mode-art{width:4.15rem;height:4.15rem;color:var(--color-muted);place-items:center;transition:color .22s,transform .52s cubic-bezier(.16,1,.3,1);display:grid;position:relative}.game-mode-option:hover:not(:disabled) .game-mode-art,.game-mode-option.is-active .game-mode-art{color:var(--color-accent);transform:translateZ(1rem)scale(1.06)}.game-mode-art svg{fill:none;width:100%;height:100%;stroke:var(--mode-icon-color);stroke-linecap:round;stroke-linejoin:round;overflow:visible}.game-mode-name{max-width:100%;color:var(--mode-icon-color);letter-spacing:.13em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;padding-bottom:.32rem;font-size:.59rem;font-weight:900;line-height:1;position:relative;overflow:hidden}.game-mode-name:after{content:"";opacity:0;background:currentColor;height:1px;transition:opacity .22s,transform .42s cubic-bezier(.16,1,.3,1);position:absolute;bottom:0;left:15%;right:15%;transform:scaleX(.25);box-shadow:0 0 .5rem}.game-mode-option.is-active .game-mode-name:after{opacity:.8;transform:scaleX(1)}.game-mode-art-daily svg{transform:rotate(-90deg)}.mode-orbit-back{stroke:color-mix(in srgb, currentcolor 28%, transparent);stroke-width:1.5px}.mode-orbit-front{stroke-width:2.4px;stroke-dasharray:24 115;filter:drop-shadow(0 0 .3rem)}.mode-hand{stroke-width:2px;transform-origin:32px 32px;transform:rotate(90deg)}.mode-core{fill:var(--mode-icon-color);stroke:none;filter:drop-shadow(0 0 .3rem)}.game-mode-option.is-active .mode-orbit-front{animation:3.8s linear infinite mode-orbit}.game-mode-option.is-active .mode-hand{animation:2.8s ease-in-out infinite alternate mode-hand-breathe}.mode-scope-outer,.mode-scope-inner{stroke-width:1.5px;transform-origin:50%;transition:opacity .26s,transform .52s cubic-bezier(.16,1,.3,1)}.mode-scope-outer{opacity:.42;stroke-dasharray:4 5}.mode-scope-inner{stroke-width:2px}.mode-scope-lines{stroke-width:1.6px}.mode-scope-core{fill:var(--mode-icon-color);stroke:none;filter:drop-shadow(0 0 .35rem)}.game-mode-option:hover:not(:disabled) .mode-scope-outer,.game-mode-option.is-active .mode-scope-outer{opacity:1;animation:5s linear infinite mode-scope-turn}.game-mode-option:hover:not(:disabled) .mode-scope-inner,.game-mode-option.is-active .mode-scope-inner{animation:.9s cubic-bezier(.16,1,.3,1) both mode-scope-lock}.game-mode-art-versus{width:5.4rem;color:var(--color-text);isolation:isolate;justify-content:center;align-items:center;gap:.3rem;display:flex}.game-mode-art-versus strong{z-index:2;letter-spacing:-.12em;font-size:3.6rem;font-weight:950;line-height:.72;transition:filter .28s,transform .52s cubic-bezier(.16,1,.3,1);position:relative}.game-mode-art-versus strong:first-child{color:var(--mode-left);text-shadow:0 0 1rem #42e3d06b}.game-mode-art-versus strong:nth-of-type(2){color:var(--mode-right);text-shadow:0 0 1rem #ff4b556b}.game-mode-art-versus em{z-index:3;color:var(--color-text);letter-spacing:.08em;text-shadow:-.07rem 0 #42e3d0,.07rem 0 #ff4b55;font-size:.48rem;font-style:normal;font-weight:950;transition:transform .42s cubic-bezier(.16,1,.3,1);position:relative;transform:rotate(-8deg)}.blind-timer-container .game-mode-option .mode-versus-flash{z-index:1;opacity:0;background:#fff;border:0;border-radius:0;width:1px;height:1px;position:absolute;top:50%;left:50%;box-shadow:0 0 .8rem #fff,0 0 1.6rem #42e3d0cc,0 0 2.4rem #ff4b55b3}.game-mode-versus:hover .game-mode-art-versus strong:first-child,.game-mode-versus:focus-visible .game-mode-art-versus strong:first-child{filter:brightness(1.25)drop-shadow(-.5rem 0 .7rem #42e3d04d);transform:translate(-.32rem)rotate(-4deg)scale(1.1)}.game-mode-versus:hover .game-mode-art-versus strong:nth-of-type(2),.game-mode-versus:focus-visible .game-mode-art-versus strong:nth-of-type(2){filter:brightness(1.25)drop-shadow(.5rem 0 .7rem #ff4b554d);transform:translate(.32rem)rotate(4deg)scale(1.1)}.game-mode-versus:hover .game-mode-art-versus em,.game-mode-versus:focus-visible .game-mode-art-versus em{transform:rotate(-8deg)scale(1.35)}.game-mode-versus:hover .mode-versus-flash,.game-mode-versus:focus-visible .mode-versus-flash{animation:.85s cubic-bezier(.16,1,.3,1) both mode-versus-impact}.game-mode-versus .game-mode-name{background:linear-gradient(90deg, #42e3d0, var(--color-text) 42% 58%, #ff4b55);color:#0000;background-clip:text}.theme-light .blind-timer-container .game-mode-selector{--mode-panel:color-mix(in srgb, var(--color-surface) 94%, #fff 6%);box-shadow:0 1.25rem 3.5rem #1b23211a,inset 0 1px #ffffffb3,inset 0 -1px #1b23210f}.game-mode-selector{width:min(100%,32rem);min-height:0;box-shadow:none;clip-path:none;isolation:auto;background:0 0;border:0;grid-template-rows:auto 6.4rem;gap:.65rem .5rem;padding:0;overflow:visible}.theme-light .game-mode-selector{box-shadow:none}.game-mode-selector:before,.game-mode-selector:after{display:none}.game-mode-title{color:var(--color-muted);letter-spacing:.2em;text-align:left;text-transform:uppercase;grid-column:1/-1;font-size:.58rem;font-weight:900}.blind-timer-container .game-mode-selector .game-mode-option{background:color-mix(in srgb, var(--color-surface) 84%, transparent);min-height:6.4rem;box-shadow:none;clip-path:none;filter:none;border:0;border-radius:.65rem;grid-row:2;padding:.45rem .3rem .6rem}.game-mode-selector .game-mode-option+.game-mode-option:after{display:none}.game-mode-selector .game-mode-option:before{border-radius:inherit;background:color-mix(in srgb, currentcolor 7%, transparent);box-shadow:none;inset:0}.blind-timer-container .game-mode-option:hover:not(:disabled),.blind-timer-container .game-mode-option:focus-visible,.blind-timer-container .game-mode-option.is-active{background:color-mix(in srgb, var(--color-surface) 66%, currentcolor 8%);box-shadow:none;filter:none;transform:translateY(-.14rem)}.blind-timer-container .game-mode-selector .game-mode-option:disabled{filter:grayscale(.85);opacity:.28}.game-mode-art,.game-mode-option:hover:not(:disabled) .game-mode-art,.game-mode-option.is-active .game-mode-art{filter:none}.game-mode-option:hover:not(:disabled) .mode-orbit-front,.game-mode-option:focus-visible .mode-orbit-front{animation:1.8s cubic-bezier(.16,1,.3,1) both mode-orbit}.game-mode-option:hover:not(:disabled) .mode-hand,.game-mode-option:focus-visible .mode-hand{animation:.7s cubic-bezier(.16,1,.3,1) 2 alternate mode-hand-breathe}.mode-orbit-front,.mode-core,.mode-scope-core,.game-mode-name:after{box-shadow:none;filter:none}.blind-timer-container .game-mode-versus,.game-mode-selector .game-mode-versus:not(:disabled):hover,.game-mode-selector .game-mode-versus:focus-visible{background:color-mix(in srgb, var(--color-surface) 84%, transparent);box-shadow:none;filter:none}.game-mode-selector>.game-mode-versus:not(:disabled):hover,.game-mode-selector>.game-mode-versus:focus-visible{background:linear-gradient(90deg, #42e3d017, color-mix(in srgb, var(--color-surface) 86%, transparent) 44% 56%, #ff4b5517)}.game-mode-option .game-mode-art-versus{grid-row:1/-1;gap:.5rem;width:7rem;height:5rem}.game-mode-option .game-mode-art-versus strong{text-shadow:none;font-size:4.3rem}.game-mode-art-versus strong:first-child,.game-mode-art-versus strong:nth-of-type(2),.game-mode-option .game-mode-art-versus em{text-shadow:none}.game-mode-option>.game-mode-art-versus em{font-size:.52rem}.game-mode-versus .mode-versus-flash{width:.35rem;height:.35rem;box-shadow:none;background:linear-gradient(135deg,#42e3d0 0 48%,#ff4b55 52% 100%)}.game-mode-versus:hover .game-mode-art-versus strong:first-child,.game-mode-versus:focus-visible .game-mode-art-versus strong:first-child,.game-mode-versus:hover .game-mode-art-versus strong:nth-of-type(2),.game-mode-versus:focus-visible .game-mode-art-versus strong:nth-of-type(2){filter:none}.game-mode-option>.game-mode-art-versus{grid-template-columns:1fr 1.45rem 1fr;place-items:center;gap:.16rem;width:7.6rem;height:4.9rem;display:grid;overflow:visible}.game-mode-art-versus .mode-versus-one{width:2.65rem;height:4.35rem;fill:var(--mode-icon-color);stroke:none;transition:transform .42s cubic-bezier(.16,1,.3,1);overflow:visible}.mode-versus-one-left{color:var(--mode-left);transform-origin:100%}.mode-versus-one-right{color:var(--mode-right);transform-origin:0}.mode-versus-center{z-index:2;background:var(--color-surface);width:1.45rem;height:1.45rem;color:var(--color-text);letter-spacing:.04em;place-items:center;font-size:.48rem;font-weight:950;line-height:1;transition:color .22s,transform .42s cubic-bezier(.16,1,.3,1);display:grid;position:relative;overflow:visible;transform:rotate(-5deg)}.mode-versus-center:before,.mode-versus-center:after{z-index:-1;content:"";width:0;height:1px;transition:width .42s cubic-bezier(.16,1,.3,1);position:absolute;left:50%;transform:translate(-50%)}.mode-versus-center:before{background:#42e3d0;top:.15rem}.mode-versus-center:after{background:#ff4b55;bottom:.15rem}.game-mode-versus:hover .mode-versus-one-left,.game-mode-versus:focus-visible .mode-versus-one-left{transform:translate(.12rem)}.game-mode-versus:hover .mode-versus-one-right,.game-mode-versus:focus-visible .mode-versus-one-right{transform:translate(-.12rem)}.game-mode-versus:hover .mode-versus-center,.game-mode-versus:focus-visible .mode-versus-center{color:color-mix(in srgb, var(--color-text) 84%, #42e3d0 8%, #ff4b55 8%);transform:rotate(0)}.game-mode-versus:hover .mode-versus-center:before,.game-mode-versus:hover .mode-versus-center:after,.game-mode-versus:focus-visible .mode-versus-center:before,.game-mode-versus:focus-visible .mode-versus-center:after{width:2.4rem}.game-mode-art-daily svg,.game-mode-art-practice svg,.game-mode-art-versus svg{fill:none;width:2.7rem;height:2.7rem;stroke:var(--mode-icon-color);stroke-width:1.55px;vector-effect:non-scaling-stroke;transition:transform .42s cubic-bezier(.16,1,.3,1)}.game-mode-option .game-mode-art-daily svg{transform:rotate(-90deg)}.game-mode-versus>.game-mode-art-versus{color:#a19793;grid-template-columns:1fr;place-items:center;gap:0;width:3.45rem;height:3.45rem;display:grid}.game-mode-versus:hover .game-mode-art-versus svg,.game-mode-versus:focus-visible .game-mode-art-versus svg{transform:rotate(-4deg)scale(1.06)}.game-mode-option>.game-mode-art{width:3.45rem;height:3.45rem}.blind-timer-container .game-mode-option[aria-pressed=true]{color:var(--color-text)}.blind-timer-container .game-mode-option[aria-pressed=true]:before{opacity:1;transform:scale(1)}.blind-timer-container .game-mode-option[aria-pressed=true] .game-mode-art{color:var(--color-accent)}.blind-timer-container .game-mode-option[aria-pressed=true] .game-mode-name:after{opacity:.85;transform:scaleX(1)}.blind-timer-container .timer-area #game-mode-selector{width:min(100%,29rem);min-height:0;box-shadow:none;clip-path:none;isolation:auto;perspective:none;background:0 0;border:0;grid-template-rows:auto 5.65rem;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem 1rem;margin-top:1.55rem;padding:0;overflow:visible}.theme-light .blind-timer-container .timer-area #game-mode-selector{box-shadow:none;background:0 0;border:0}.blind-timer-container .game-mode-title{padding-inline:.15rem;line-height:1}.blind-timer-container #game-mode-selector .game-mode-option{border:1px solid color-mix(in srgb, var(--color-border) 72%, transparent);min-height:5.65rem;box-shadow:none;clip-path:none;filter:none;background:0 0;border-radius:.45rem;outline:0;grid-row:2;grid-template-rows:1fr auto;gap:.15rem;padding:.3rem .15rem .65rem;transform:none}.blind-timer-container #game-mode-selector .game-mode-option:before{z-index:1;width:0;height:2px;box-shadow:none;opacity:0;background:currentColor;border-radius:0;transition:right .36s cubic-bezier(.16,1,.3,1),left .36s cubic-bezier(.16,1,.3,1),width .36s cubic-bezier(.16,1,.3,1),opacity .18s;inset:auto 50% 0;transform:none}.blind-timer-container #game-mode-selector .game-mode-option:hover:not(:disabled),.blind-timer-container #game-mode-selector .game-mode-option:focus-visible,.blind-timer-container #game-mode-selector .game-mode-option.is-active,.blind-timer-container #game-mode-selector .game-mode-option[aria-pressed=true]{box-shadow:none;filter:none;background:0 0}.blind-timer-container #game-mode-selector .game-mode-option:hover:not(:disabled){border-color:color-mix(in srgb, currentcolor 58%, transparent);color:var(--color-text);transform:translateY(-.12rem)}.blind-timer-container #game-mode-selector .game-mode-option:focus-visible{outline:2px solid color-mix(in srgb, var(--color-accent) 72%, transparent);outline-offset:.2rem;transform:none}.blind-timer-container #game-mode-selector .game-mode-option.is-active:before,.blind-timer-container #game-mode-selector .game-mode-option[aria-pressed=true]:before{opacity:.9;width:1.8rem;left:calc(50% - .9rem);right:calc(50% - .9rem);transform:none}.blind-timer-container #game-mode-selector .game-mode-option.is-active,.blind-timer-container #game-mode-selector .game-mode-option[aria-pressed=true]{border-color:color-mix(in srgb, var(--color-accent) 72%, transparent)}.blind-timer-container #game-mode-selector .game-mode-option:disabled{filter:grayscale(.75);opacity:.34;background:0 0}.blind-timer-container #game-mode-selector .game-mode-option+.game-mode-option:after,.blind-timer-container #game-mode-selector .game-mode-name:after{display:none}.blind-timer-container #game-mode-selector .game-mode-art,.blind-timer-container #game-mode-selector .game-mode-option:hover:not(:disabled) .game-mode-art,.blind-timer-container #game-mode-selector .game-mode-option.is-active .game-mode-art{filter:none;width:3rem;height:3rem}.blind-timer-container #game-mode-selector .game-mode-art svg{width:2.35rem;height:2.35rem}.blind-timer-container #game-mode-selector .game-mode-name{letter-spacing:.11em;padding-bottom:0;font-size:.58rem;line-height:1.15}.blind-timer-container #game-mode-selector .game-mode-versus,.blind-timer-container #game-mode-selector .game-mode-versus:not(:disabled):hover,.blind-timer-container #game-mode-selector .game-mode-versus:focus-visible{box-shadow:none;filter:none;background:0 0}@media (width<=430px){.blind-timer-container .timer-area #game-mode-selector{grid-template-rows:auto 5.25rem;gap:.6rem .35rem;width:min(100%,25rem)}.blind-timer-container #game-mode-selector .game-mode-option{min-height:5.25rem}}@keyframes mode-orbit{to{stroke-dashoffset:-139px}}@keyframes mode-hand-breathe{0%{transform:rotate(88deg)}to{transform:rotate(96deg)}}@keyframes mode-scope-turn{to{transform:rotate(360deg)}}@keyframes mode-scope-lock{0%{opacity:0;transform:scale(1.65)}to{opacity:1;transform:scale(1)}}@keyframes mode-versus-impact{0%{opacity:0;transform:scale(.2)}28%{opacity:1}to{opacity:0;transform:scale(55)rotate(28deg)}}.completion-line{z-index:20;justify-content:center;align-items:center;gap:.8rem;display:flex;position:relative}.blind-timer-container .streak-indicator{border:1px solid color-mix(in srgb, #fbbf24 62%, var(--color-border));background:color-mix(in srgb, var(--color-surface) 92%, #fbbf24 8%);min-width:3.15rem;height:2rem;color:color-mix(in srgb, #d99a08 82%, var(--color-text));cursor:pointer;border-radius:999px;align-items:center;gap:.28rem;padding:0 .62rem;transition:border-color .18s,transform .18s,box-shadow .18s;display:inline-flex;position:relative;box-shadow:inset 0 1px #ffffff2e,0 5px 16px #00000014}.blind-timer-container .streak-indicator[hidden]{display:none}.blind-timer-container .streak-indicator:hover{border-color:var(--history-gold);transform:translateY(-1px);box-shadow:inset 0 1px #ffffff2e,0 7px 22px #fbbf2433}.blind-timer-container .streak-indicator svg{fill:none;width:1.05rem;height:1.05rem;stroke:var(--history-icon-stroke);stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;overflow:visible}.blind-timer-container .streak-indicator strong{color:var(--color-text);font-variant-numeric:tabular-nums;font-size:.88rem;line-height:1}.blind-timer-container .streak-indicator.streak-earned{animation:.9s cubic-bezier(.16,1,.3,1) streak-lock}.blind-timer-container .streak-indicator.streak-earned svg{animation:.9s cubic-bezier(.16,1,.3,1) streak-flame}@keyframes streak-lock{0%{opacity:0;transform:translateY(8px)scale(.72)}45%{border-color:var(--history-gold);transform:translateY(-2px)scale(1.12);box-shadow:0 0 32px #fbbf2480}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes streak-flame{45%{fill:var(--history-gold);stroke:var(--history-gold-dark);transform:rotate(-8deg)scale(1.18)}}.history-overlay{z-index:100;opacity:0;place-items:center;padding:1.25rem;transition:opacity .24s;display:grid;position:fixed;inset:0}.history-overlay[hidden]{display:none}.history-overlay.is-open{opacity:1}.blind-timer-container .history-backdrop{backdrop-filter:blur(8px);background:#00000094;border:0;width:100%;height:100%;padding:0;position:absolute;inset:0}.history-panel{border:1px solid color-mix(in srgb, var(--color-border) 78%, #fbbf24 22%);background:color-mix(in srgb, var(--color-surface) 96%, transparent);opacity:0;border-radius:24px;width:min(100%,27rem);max-height:calc(100dvh - 2.5rem);padding:1rem 1.2rem .7rem;transition:opacity .24s,transform .38s cubic-bezier(.16,1,.3,1);position:relative;overflow:auto;transform:translateY(22px)scale(.94);box-shadow:0 34px 90px #0000006b,inset 0 1px #ffffff1f}.history-overlay.is-open .history-panel{opacity:1;transform:translateY(0)scale(1)}.history-header{grid-template-columns:2.25rem 2.25rem 1fr 2.25rem 2.25rem;align-items:center;gap:.2rem;margin-bottom:.35rem;display:grid}.history-month{color:var(--color-text);letter-spacing:.04em;text-align:center;text-transform:capitalize;grid-area:1/2/auto/4;font-size:.9rem;font-weight:800}.blind-timer-container .history-nav,.blind-timer-container .history-close{z-index:1;width:2.25rem;height:2.25rem;color:var(--color-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:50%;place-items:center;padding:0;display:grid;position:relative}.blind-timer-container .history-nav:first-child{grid-area:1/1}#history-next{grid-area:1/4}.blind-timer-container .history-close{grid-area:1/5}.blind-timer-container .history-nav:hover,.blind-timer-container .history-close:hover{border-color:var(--color-border);background:var(--color-page);color:var(--color-text)}.blind-timer-container .history-nav:disabled{opacity:.2;pointer-events:none}.blind-timer-container .history-nav svg,.blind-timer-container .history-close svg{fill:none;width:1.05rem;height:1.05rem;stroke:var(--history-icon-stroke);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.history-timeline{grid-template-columns:repeat(7,1fr);align-items:start;min-height:3.8rem;margin:.2rem 0 0;display:grid;position:relative}.history-timeline:before{background:var(--color-border);content:"";height:1px;position:absolute;bottom:.48rem;left:6.5%;right:6.5%}.history-timeline-day,.blind-timer-container button.history-timeline-day{min-width:0;min-height:3.8rem;color:color-mix(in srgb, var(--color-muted) 58%, transparent);font-variant-numeric:tabular-nums;box-shadow:none;background:0 0;border:0;border-radius:0;grid-template-rows:.8rem 1.3rem 1fr;place-items:center;padding:0;display:grid;position:relative}.history-timeline-weekday{text-transform:uppercase;font-size:.57rem;font-weight:800}.history-timeline-day strong{font-size:.72rem;line-height:1}.history-timeline-day i{z-index:1;border:2px solid var(--color-surface);background:var(--color-border);width:.62rem;height:.62rem;box-shadow:0 0 0 1px var(--color-border);border-radius:50%;position:absolute;bottom:.19rem}.blind-timer-container button.history-timeline-day.completed{color:var(--color-text);cursor:pointer}.blind-timer-container button.history-timeline-day.completed i{background:hsl(var(--history-hue) 78% 48%);box-shadow:0 0 0 1px hsl(var(--history-hue) 78% 48%), 0 0 11px hsl(var(--history-hue) 80% 48% / .4)}.blind-timer-container button.history-timeline-day.completed:hover strong{color:hsl(var(--history-hue) 75% 40%);transform:translateY(-1px)}.blind-timer-container button.history-timeline-day.selected i{outline-offset:2px;outline:2px solid #fbbf24;width:.78rem;height:.78rem;bottom:.11rem}.blind-timer-container button.history-timeline-day.selected strong{color:var(--color-text);font-weight:900}.history-day-result{border-top:1px solid var(--color-border);margin-top:1.15rem;padding-top:1rem}.history-date{color:var(--color-muted);letter-spacing:.14em;text-align:center;text-transform:uppercase;margin-bottom:.7rem;font-size:.7rem;font-weight:800;display:block}.history-result-stage{justify-content:center;align-items:flex-end;min-height:7.15rem;display:flex;position:relative}.history-target{color:var(--color-text);letter-spacing:-.075em;font-size:clamp(4.2rem,20vw,5.65rem);font-weight:900;line-height:.9}.history-best{--history-hue:140;border:2px solid hsl(var(--history-hue) 80% 48%);background:var(--color-surface);box-shadow:0 0 0 4px #fbbf24b8, 0 8px 22px hsl(var(--history-hue) 80% 45% / .2);border-radius:10px;padding:.5rem .62rem;position:absolute;top:1rem;left:58%;transform:rotate(-1.5deg)}.history-best:after{clip-path:polygon(50% 0%,61% 35%,98% 36%,68% 57%,79% 94%,50% 72%,21% 94%,32% 57%,2% 36%,39% 35%);content:"";filter:drop-shadow(0 1px 1px #00000080);background:#fbbf24;width:1rem;height:1rem;position:absolute;top:-.68rem;right:-.65rem}.history-best-label{color:hsl(var(--history-hue) 70% 38%);letter-spacing:.14em;text-transform:uppercase;font-size:.6rem;font-weight:900;position:absolute;bottom:calc(100% + .35rem);left:.1rem}.theme-dark .history-best-label{color:hsl(var(--history-hue) 75% 72%)}.history-best-values{white-space:nowrap;align-items:center;gap:.52rem;font-size:.78rem;font-weight:900;display:flex}.history-best-values strong{border-right:1px solid var(--color-border);color:var(--color-text);padding-right:.52rem}.history-best-values span{color:hsl(var(--history-hue) 70% 38%)}.theme-dark .history-best-values span{color:hsl(var(--history-hue) 75% 72%)}.history-attempts{justify-content:center;gap:.5rem;margin-top:.65rem;display:flex}.history-attempt{--attempt-hue:0;border:1px solid var(--color-border);min-width:4.8rem;color:hsl(var(--attempt-hue) 85% 35%);font-variant-numeric:tabular-nums;text-align:center;border-radius:8px;padding:.4rem .55rem;font-size:.76rem;font-weight:800;position:relative}.history-attempt.is-best{z-index:1;outline-offset:2px;box-shadow:0 0 8px #fbbf2466, 0 0 15px color-mix(in srgb, currentcolor 28%, transparent);outline:2px solid #fbbf24}.theme-dark .history-attempt{color:hsl(var(--attempt-hue) 85% 80%)}@media (width<=480px){.completion-line{gap:.5rem}.completion-line .trigger-instruction{letter-spacing:.09em;font-size:.7rem}.history-overlay{align-items:end;padding:0}.history-panel{width:100%;max-height:92dvh;padding:1rem 1rem max(1.2rem, env(safe-area-inset-bottom));border-width:1px 0 0;border-radius:24px 24px 0 0;transform:translateY(100%)}.history-target{font-size:clamp(4.2rem,24vw,5.8rem)}}@media (prefers-reduced-motion:reduce){.blind-timer-container .streak-indicator.streak-earned,.blind-timer-container .streak-indicator.streak-earned svg{animation:none}.history-overlay,.history-panel{transition:none}}