:root{--bg: #0a0a0a;--surface: #141414;--surface-2: #1c1c1c;--border: #2a2a2a;--text: #ededed;--text-dim: #8a8a8a;--accent: #d4af37;--accent-dim: #8a7423;--danger: #c44545;--good: #4a8862;--serif: "Georgia", "Times New Roman", serif;--sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{background:var(--bg);min-height:100vh}body{background:var(--bg);color:var(--text);font-family:var(--sans);padding:12px 12px 40px;line-height:1.5;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%}.container{max-width:540px;margin:0 auto}header{text-align:center;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid var(--border)}.logo{font-family:var(--serif);font-size:32px;font-weight:700;letter-spacing:-.5px;margin-bottom:2px;line-height:1.1}.logo .accent{color:var(--accent);font-style:italic}.tagline{color:var(--text-dim);font-size:12px;font-style:italic;max-width:460px;margin:0 auto;padding:0 4px;line-height:1.4}.calibration{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:8px 12px;margin-bottom:10px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:nowrap}.cal-left{display:flex;align-items:center;gap:6px;font-size:11px;flex:1;min-width:0}.cal-dot{width:6px;height:6px;border-radius:50%;background:var(--good);flex-shrink:0}.cal-right{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-dim);flex-shrink:0}.vol-slider{width:70px}.nav{display:flex;gap:2px;margin-bottom:12px;border-bottom:1px solid var(--border);overflow-x:auto;-webkit-overflow-scrolling:touch}.nav button{background:none;border:none;color:var(--text-dim);padding:10px 14px;cursor:pointer;font-size:14px;font-family:var(--sans);border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .15s;white-space:nowrap;flex-shrink:0;min-height:44px}.nav button:hover{color:var(--text)}.nav button.active{color:var(--accent);border-bottom-color:var(--accent)}.view{display:none}.view.active{display:block}.landing-preview{background:linear-gradient(180deg,var(--surface) 0%,var(--surface-2) 100%);border:1px solid var(--border);border-radius:10px;padding:14px 16px 12px;margin-bottom:14px}.lp-hook{text-align:center;font-family:var(--serif);font-style:italic;font-size:15px;color:var(--text);line-height:1.4;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid var(--border)}.lp-body{display:flex;flex-direction:column;gap:8px}.lp-loading{text-align:center;font-size:12px;color:var(--text-dim);padding:8px 0}.lp-rank-block{display:flex;align-items:center;gap:12px}.lp-rank-label{font-size:10px;text-transform:uppercase;letter-spacing:1.5px;color:var(--text-dim);font-weight:600;min-width:110px;flex-shrink:0}.lp-rank-block-bottom .lp-rank-label{color:var(--good)}.lp-rank-list{list-style:none;margin:0;padding:0;display:flex;gap:10px;flex-wrap:wrap;align-items:center}.lp-rank-list li{display:flex;align-items:center;gap:5px;font-size:13px}.lp-rank-num{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:var(--accent);color:var(--bg);font-size:10px;font-weight:700;font-family:var(--sans)}.lp-rank-block-bottom .lp-rank-num{background:var(--good)}.lp-rank-icon{font-size:16px;line-height:1}.lp-rank-name{color:var(--text)}.lp-counter{margin-top:8px;padding-top:10px;border-top:1px dashed var(--border);text-align:center;font-size:12px;color:var(--text-dim)}.lp-counter strong{color:var(--accent);font-family:Menlo,monospace}.lp-counter-only{text-align:center;padding:6px 0}.lp-counter-big{display:block;font-family:Menlo,monospace;font-size:28px;font-weight:700;color:var(--accent);line-height:1;margin-bottom:4px}.lp-counter-label{font-size:12px;color:var(--text-dim)}@media (max-width: 500px){.lp-rank-block{flex-direction:column;align-items:flex-start;gap:6px}.lp-rank-label{min-width:0}.lp-rank-list{width:100%}}.match-header{text-align:center;margin-bottom:12px;font-family:var(--serif);font-size:22px;font-style:italic}.instructions{background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:8px;padding:10px 12px;margin-bottom:12px;font-size:13px;color:var(--text);line-height:1.45}.instructions strong{color:var(--accent);font-weight:600}.instructions.ready{border-left-color:var(--good);background:#4a886214}.instructions.ready strong{color:var(--good)}.pair{display:flex;flex-direction:column;gap:14px}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:20px 16px;display:flex;flex-direction:column;align-items:center;transition:border-color .2s;position:relative}.card.played{border-color:var(--good)}.card-icon{font-size:48px;margin-bottom:8px;line-height:1}.card-name{font-size:17px;font-weight:500;margin-bottom:4px;text-align:center}.card-desc{color:var(--text-dim);font-size:12px;text-align:center;margin-bottom:14px;line-height:1.4}.play-wrap{position:relative;width:88px;height:88px;margin-bottom:10px;display:flex;align-items:center;justify-content:center}.progress-ring{position:absolute;top:0;left:0;pointer-events:none;width:88px;height:88px}.progress-ring .ring-bg{stroke:var(--border)}.progress-ring .ring-fg{stroke:var(--accent);transition:stroke-dashoffset .1s linear,stroke .3s ease}.progress-ring .ring-fg.complete{stroke:var(--good)}.play-btn{background:var(--surface-2);border:1px solid var(--border);color:var(--text);width:72px;height:72px;border-radius:50%;cursor:pointer;font-size:24px;display:flex;align-items:center;justify-content:center;transition:all .15s;position:relative;z-index:1;-webkit-tap-highlight-color:transparent}.play-btn:hover{border-color:var(--accent);color:var(--accent)}.play-btn:active{transform:scale(.95)}.play-btn.playing{background:var(--accent);color:var(--bg);border-color:var(--accent);animation:pulse 1s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 0 #d4af3766}50%{box-shadow:0 0 0 10px #d4af3700}}.play-status{font-size:13px;color:var(--text-dim);margin-bottom:14px;min-height:20px;text-align:center}.play-status.listening{color:var(--accent);font-weight:500}.status-heard{color:var(--good);font-weight:500}.vote-btn{background:transparent;border:1px solid var(--border);color:var(--text);padding:14px 16px;border-radius:8px;cursor:pointer;font-size:15px;font-weight:500;font-family:var(--sans);width:100%;min-height:48px;transition:all .15s;-webkit-tap-highlight-color:transparent}.vote-btn:hover:not(:disabled),.vote-btn:active:not(:disabled){background:var(--danger);border-color:var(--danger);color:#fff}.vote-btn:disabled{opacity:.35;cursor:not-allowed}.vs{display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-style:italic;font-size:18px;color:var(--text-dim);position:relative;margin:-4px 0}.vs:before,.vs:after{content:"";flex:1;height:1px;background:var(--border);margin:0 12px}.skip-row{text-align:center;margin-top:18px}.skip-btn{background:none;border:none;color:var(--text-dim);cursor:pointer;font-size:14px;text-decoration:underline;text-underline-offset:3px;padding:10px 16px;min-height:44px}.turnstile-wrap{position:fixed;bottom:20px;left:50%;transform:translate(-50%);z-index:10001}.turnstile-wrap:empty{display:none}.turnstile-wrap iframe{border-radius:8px;box-shadow:0 8px 32px #0009}.skip-btn:hover{color:var(--text)}.skip-btn.next-pair{color:var(--accent);text-decoration:none;font-weight:600;font-size:15px;padding:12px 24px;border:1px solid var(--accent);border-radius:8px;background:#d4af3714}.skip-btn.next-pair:hover{background:#d4af3726;color:var(--accent)}.exhausted-card{background:var(--surface);border:1px solid var(--accent);border-radius:12px;padding:32px 24px;text-align:center;max-width:480px;margin:0 auto}.exhausted-icon{font-size:56px;margin-bottom:12px;line-height:1}.exhausted-title{font-family:var(--serif);font-style:italic;font-size:24px;color:var(--accent);margin-bottom:12px}.exhausted-sub{color:var(--text);font-size:14px;line-height:1.6;margin-bottom:22px}.exhausted-btn{background:var(--accent);color:var(--bg);border:none;padding:14px 28px;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;font-family:var(--sans);min-height:48px;margin-bottom:18px}.exhausted-btn:hover,.exhausted-btn:active{background:#b8951f}.exhausted-foot{font-size:13px;color:var(--text-dim);font-style:italic}.exhausted-foot a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.progress-strip{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:10px 14px;margin-bottom:14px}.progress-info{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;font-size:12px;flex-wrap:wrap}.progress-count{font-weight:600;color:var(--text);font-family:Menlo,Monaco,monospace}.progress-tier{color:var(--text-dim)}.progress-tier .tier-now{color:var(--accent);font-weight:600}.progress-tier .tier-next{color:var(--text-dim);font-style:italic}.progress-track{position:relative;height:8px;background:var(--surface-2);border-radius:4px;overflow:visible}.progress-fill{height:100%;background:linear-gradient(90deg,var(--accent-dim),var(--accent));border-radius:4px;transition:width .5s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}.progress-fill:after{content:"";position:absolute;top:0;right:0;bottom:0;width:12px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4))}.progress-tier-marks{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.tier-mark{position:absolute;top:-2px;bottom:-2px;width:2px;background:#d4af3766;transform:translate(-50%)}.badge-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000e0;z-index:10000;display:none;align-items:center;justify-content:center;padding:16px;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.badge-modal-backdrop.show{display:flex;animation:bmFadeIn .2s ease-out}@keyframes bmFadeIn{0%{opacity:0}to{opacity:1}}.badge-modal{position:relative;background:linear-gradient(180deg,#1f1a0e,#0a0a0a);border:2px solid var(--accent);border-radius:16px;padding:36px 24px 22px;max-width:380px;width:100%;text-align:center;overflow:hidden;box-shadow:0 0 0 1px #d4af3766,0 20px 60px #0009,inset 0 0 80px #d4af370f;transform:scale(.7) rotate(-3deg);opacity:0;transition:transform .4s cubic-bezier(.34,1.7,.64,1),opacity .25s ease-out}.badge-modal.animate-in{transform:scale(1) rotate(0);opacity:1}.badge-shine{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(from 0deg,transparent 0deg,rgba(212,175,55,.15) 30deg,transparent 60deg,transparent 360deg);animation:bmShine 4s linear infinite;pointer-events:none}@keyframes bmShine{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.badge-label{position:relative;font-family:var(--serif);font-style:italic;font-weight:700;font-size:11px;letter-spacing:5px;color:var(--accent);margin-bottom:14px;text-transform:uppercase}.badge-icon{position:relative;font-size:88px;line-height:1;margin-bottom:14px;animation:bmIconPop .7s cubic-bezier(.34,1.56,.64,1) .1s both}@keyframes bmIconPop{0%{transform:scale(0) rotate(-180deg)}60%{transform:scale(1.25) rotate(10deg)}to{transform:scale(1) rotate(0)}}.badge-name{position:relative;font-family:var(--serif);font-weight:700;font-size:28px;color:var(--text);margin-bottom:10px;text-shadow:0 2px 8px rgba(0,0,0,.5)}.badge-blurb{position:relative;color:var(--text-dim);font-size:14px;font-style:italic;margin-bottom:22px;line-height:1.5}.badge-continue{position:relative;width:100%;background:var(--accent);color:var(--bg);border:none;padding:14px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;font-family:var(--sans);min-height:48px}.badge-continue:hover,.badge-continue:active{background:#b8951f}.lb-title{font-family:var(--serif);font-size:20px;font-style:italic;text-align:center;margin-bottom:4px}.lb-sub{text-align:center;color:var(--text-dim);font-size:12px;margin-bottom:18px}.lb-list{background:var(--surface);border:1px solid var(--border);border-radius:10px;overflow:hidden;margin-bottom:16px}.lb-row{display:grid;grid-template-columns:32px 1fr auto auto 36px;gap:10px;align-items:center;padding:12px 14px;border-bottom:1px solid var(--border)}.lb-row:last-child{border-bottom:none}.lb-row.header{background:var(--surface-2);font-size:10px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px}.rank{font-family:var(--serif);font-size:17px;color:var(--accent);text-align:center}.lb-name{display:flex;align-items:center;gap:8px;min-width:0}.lb-icon{font-size:20px;flex-shrink:0}.lb-namet{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.prov-badge{display:inline-block;background:var(--accent);color:var(--bg);font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:1px 5px;border-radius:3px;margin-left:6px;vertical-align:1px}.lb-rating{font-family:var(--serif);font-size:15px;color:var(--text);min-width:38px;text-align:right}.lb-votes{font-size:11px;color:var(--text-dim);min-width:38px;text-align:right}.lb-share{background:none;border:none;color:var(--text-dim);cursor:pointer;padding:8px;font-size:16px;min-width:36px;min-height:36px;border-radius:6px;display:flex;align-items:center;justify-content:center}.lb-share:hover,.lb-share:active{color:var(--accent);background:var(--surface-2)}.about{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:20px 18px;font-size:14px;line-height:1.65}.about h2{font-family:var(--serif);font-style:italic;font-size:18px;margin-bottom:10px;color:var(--accent);font-weight:400}.about h2:not(:first-child){margin-top:20px}.about p{margin-bottom:12px;color:var(--text)}.about p:last-child{margin-bottom:0}.about strong{color:var(--accent);font-weight:500}.about code{font-family:Menlo,Monaco,monospace;font-size:12px;background:var(--surface-2);padding:2px 6px;border-radius:3px;color:var(--accent)}.toast{position:fixed;left:50%;bottom:20px;transform:translate(-50%) translateY(calc(100% + 40px));background:var(--surface);border:1px solid var(--accent);color:var(--text);padding:12px 18px;border-radius:8px;font-size:13px;transition:transform .3s ease;z-index:9999;box-shadow:0 8px 24px #00000080;pointer-events:none;white-space:nowrap;max-width:calc(100vw - 24px)}.toast.show{transform:translate(-50%) translateY(0)}.toast.error{border-color:var(--danger)}.verify-indicator{position:fixed;left:50%;top:16px;transform:translate(-50%) translateY(-150%);background:var(--surface);border:1px solid var(--border);color:var(--text-dim);padding:8px 14px;border-radius:20px;font-size:12px;transition:transform .25s ease;z-index:9997;display:flex;align-items:center;gap:8px;box-shadow:0 4px 12px #0006;pointer-events:none;white-space:nowrap}.verify-indicator.show{transform:translate(-50%) translateY(0)}.verify-spinner{display:inline-block;width:12px;height:12px;border:2px solid var(--border);border-top-color:var(--good);border-radius:50%;animation:verify-spin .8s linear infinite}@keyframes verify-spin{to{transform:rotate(360deg)}}.loading{text-align:center;padding:30px 16px;color:var(--text-dim);font-style:italic}.footer-note{text-align:center;margin-top:12px;font-size:11px;color:var(--text-dim);font-style:italic;line-height:1.6;padding:0 12px}.footer-share{display:flex;justify-content:center;margin-top:28px}.footer-note #versionTag{font-family:Menlo,Monaco,monospace;color:var(--accent);font-style:normal}.result-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;z-index:10000;display:none;align-items:center;justify-content:center;padding:16px;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.result-modal-backdrop.show{display:flex;animation:rmFadeIn .2s ease-out}@keyframes rmFadeIn{0%{opacity:0}to{opacity:1}}.result-modal{position:relative;background:linear-gradient(180deg,#1a1a1a,#0a0a0a);border:2px solid var(--accent);border-radius:16px;padding:32px 24px 24px;max-width:440px;width:100%;text-align:center;overflow:hidden;box-shadow:0 0 0 1px #d4af374d,0 20px 60px #0009,inset 0 0 60px #d4af370a;transform:scale(.85);opacity:0;transition:transform .35s cubic-bezier(.34,1.56,.64,1),opacity .25s ease-out}.result-modal.animate-in{transform:scale(1);opacity:1}.result-modal-spotlight{position:absolute;top:40px;left:50%;transform:translate(-50%);width:280px;height:280px;background:radial-gradient(circle,rgba(212,175,55,.18) 0%,transparent 70%);pointer-events:none;animation:rmSpotPulse 2.5s ease-in-out infinite}@keyframes rmSpotPulse{0%,to{opacity:.7;transform:translate(-50%) scale(1)}50%{opacity:1;transform:translate(-50%) scale(1.1)}}.result-winner-icon{position:relative;font-size:88px;line-height:1;margin-bottom:8px;animation:rmIconBounce .6s cubic-bezier(.34,1.56,.64,1)}@keyframes rmIconBounce{0%{transform:scale(0)}60%{transform:scale(1.2)}to{transform:scale(1)}}.result-winner-label{position:relative;font-family:var(--serif);font-style:italic;font-weight:700;font-size:14px;letter-spacing:6px;color:var(--accent);margin-bottom:4px;text-transform:uppercase;animation:rmLabelGlow 1.5s ease-in-out infinite alternate}@keyframes rmLabelGlow{0%{text-shadow:0 0 8px rgba(212,175,55,.4)}to{text-shadow:0 0 18px rgba(212,175,55,.8),0 0 30px rgba(212,175,55,.4)}}.result-winner-label.flagged{color:var(--danger);animation:none;text-shadow:0 0 10px rgba(196,69,69,.5)}.result-winner-name{position:relative;font-family:var(--serif);font-weight:700;font-size:32px;color:var(--text);margin-bottom:16px;letter-spacing:-.5px;line-height:1.1;text-shadow:0 2px 8px rgba(0,0,0,.5)}.result-vs-loser{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;color:var(--text-dim);font-size:14px;margin-bottom:22px;padding-bottom:22px;border-bottom:1px solid var(--border)}.result-vs-text{font-family:var(--serif);font-style:italic;color:var(--text-dim)}.result-loser-icon{font-size:22px;opacity:.7}.result-loser-name{color:var(--text-dim);text-decoration:line-through;text-decoration-color:#c4454599}.result-elo{position:relative;min-height:64px;margin-bottom:22px}.result-elo-verifying{display:inline-flex;align-items:center;gap:10px;font-size:13px;color:var(--text-dim);font-style:italic;padding:14px 0}.result-elo-spinner{display:inline-block;width:14px;height:14px;border:2px solid var(--border);border-top-color:var(--good);border-radius:50%;animation:rmSpin .8s linear infinite}@keyframes rmSpin{to{transform:rotate(360deg)}}.result-elo-flagged{display:block;font-size:13px;color:var(--danger);padding:14px 4px;font-style:italic;line-height:1.5;text-align:center}.result-elo-row{display:flex;justify-content:space-between;align-items:center;padding:6px 14px;font-size:14px;animation:rmEloIn .35s ease-out}.result-elo-row:first-child{padding-top:10px}@keyframes rmEloIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.result-elo-name{color:var(--text);font-weight:500;text-align:left}.result-elo-value{font-family:var(--serif);font-weight:600;display:inline-flex;align-items:center;gap:4px}.result-elo-value.up{color:var(--good)}.result-elo-value.down{color:var(--danger)}.result-elo-arrow{font-size:11px}.result-actions{position:relative;display:flex;gap:10px}.result-btn{flex:1;padding:14px 16px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;font-family:var(--sans);min-height:48px;transition:all .15s;-webkit-tap-highlight-color:transparent}.result-btn-secondary{background:transparent;border:1px solid var(--border);color:var(--text)}.result-btn-secondary:hover,.result-btn-secondary:active{border-color:var(--accent);color:var(--accent)}.result-btn-primary{background:var(--accent);color:var(--bg);border:none}.result-btn-primary:hover:not(:disabled),.result-btn-primary:active:not(:disabled){background:#b8951f}.result-btn-primary:disabled{background:var(--surface);color:var(--text-dim);cursor:wait}@media (max-width: 480px){.result-modal{padding:24px 18px 18px}.result-winner-icon{font-size:72px}.result-winner-name{font-size:26px}}.share-bar{display:flex;gap:8px;justify-content:center;margin-bottom:14px;flex-wrap:wrap}.share-btn-main{background:var(--accent);color:var(--bg);border:none;padding:12px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;min-height:44px;display:inline-flex;align-items:center;gap:8px;font-family:var(--sans)}.share-btn-main:hover,.share-btn-main:active{background:#b8951f}.share-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;z-index:9998;display:none;align-items:flex-end;justify-content:center;padding:0}.share-modal-backdrop.show{display:flex;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.share-modal{background:var(--surface);border-top:1px solid var(--border);border-radius:16px 16px 0 0;width:100%;max-width:540px;padding:16px 16px 24px;max-height:90vh;overflow-y:auto;animation:slideUp .25s ease}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.share-modal-grabber{width:40px;height:4px;background:var(--border);border-radius:2px;margin:0 auto 14px}.share-modal h3{font-family:var(--serif);font-size:18px;font-weight:400;font-style:italic;text-align:center;margin-bottom:6px}.share-modal-sub{text-align:center;color:var(--accent);font-size:13px;margin-bottom:14px;padding:6px 12px;word-break:break-all;font-family:Menlo,Monaco,monospace;background:var(--surface-2);border-radius:6px;display:inline-block;margin-left:auto;margin-right:auto;max-width:100%}.share-modal-sub-wrap{text-align:center;margin-bottom:14px}.share-preview{background:var(--surface-2);border:1px solid var(--border);border-radius:8px;padding:8px;margin-bottom:16px;text-align:center}.share-preview img,.share-preview canvas{max-width:100%;height:auto;border-radius:4px;display:block;margin:0 auto}.share-preview .preview-loading{padding:30px;color:var(--text-dim);font-size:12px;font-style:italic}.share-targets{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:10px;margin-bottom:14px}.share-target{background:var(--surface-2);border:1px solid var(--border);border-radius:10px;padding:14px 8px 10px;text-align:center;cursor:pointer;font-family:var(--sans);color:var(--text);display:flex;flex-direction:column;align-items:center;gap:6px;transition:all .15s;min-height:76px;-webkit-tap-highlight-color:transparent}.share-target:hover,.share-target:active{border-color:var(--accent);background:#d4af3714}.share-target-icon{font-size:22px;line-height:1}.share-target-label{font-size:11px;color:var(--text-dim)}.share-close{width:100%;background:transparent;border:1px solid var(--border);color:var(--text-dim);padding:12px;border-radius:8px;cursor:pointer;font-size:14px;font-family:var(--sans);min-height:44px}.share-close:hover{color:var(--text);border-color:var(--accent-dim)}.last-vote-share{background:var(--surface);border:1px solid var(--accent);border-radius:10px;padding:14px;margin-top:16px;display:flex;align-items:center;gap:12px;font-size:13px}.last-vote-share .lvs-text{flex:1;min-width:0}.last-vote-share .lvs-title{color:var(--accent);font-weight:500;margin-bottom:2px}.last-vote-share .lvs-sub{color:var(--text-dim);font-size:12px}.last-vote-share .lvs-btn{background:var(--accent);color:var(--bg);border:none;padding:10px 14px;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;font-family:var(--sans);min-height:40px;flex-shrink:0}@media (min-width: 720px){body{padding:24px 16px 60px}.container{max-width:980px}header{margin-bottom:28px;padding-bottom:20px}.logo{font-size:44px}.tagline{font-size:14px}.calibration{padding:12px 16px;margin-bottom:24px;gap:16px}.cal-left{font-size:13px;gap:10px}.cal-right{font-size:13px;gap:12px}.vol-slider{width:120px}.nav{gap:4px;margin-bottom:20px;overflow-x:visible}.nav button{padding:10px 16px}.match-header{font-size:22px;margin-bottom:24px}.instructions{padding:14px 18px;font-size:14px;margin-bottom:8px}.pair{display:grid;grid-template-columns:1fr auto 1fr;gap:20px;align-items:stretch;flex-direction:initial}.instructions{grid-column:1 / -1}.card{padding:24px 20px;border-radius:10px}.card-icon{font-size:56px;margin-bottom:12px}.card-name{font-size:18px}.card-desc{font-size:12px;min-height:32px}.vs{margin:0;font-size:28px}.vs:before,.vs:after{display:none}.lb-row{padding:14px 18px;gap:14px;grid-template-columns:40px 1fr auto auto 40px}.lb-namet{font-size:14px}.lb-rating{font-size:16px;min-width:50px}.lb-votes{font-size:12px;min-width:60px}.rank{font-size:18px}.lb-icon{font-size:22px}.about{padding:28px;font-size:14px;line-height:1.7}.about h2{font-size:20px;margin-bottom:12px}.about h2:not(:first-child){margin-top:24px}.share-modal-backdrop{align-items:center}.share-modal{border-radius:12px;border:1px solid var(--border);width:auto;min-width:420px;max-width:480px}}