*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0a0a0a;color:#e4e4e7;min-height:100vh}.App{max-width:520px;margin:0 auto;padding:4rem 1.5rem 3rem}@media (max-width: 480px){.App{padding:2rem 1rem 1.5rem}}.header{margin-bottom:2.5rem;text-align:center}.header-title{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:.375rem}.logo{width:36px;height:36px;border-radius:8px}.header h1{font-size:1.5rem;font-weight:600;color:#fafafa;letter-spacing:-.025em}.header p{color:#71717a;font-size:.9375rem}.info-tooltip{position:relative;display:inline-flex;vertical-align:middle;margin-left:.125rem}.info-tooltip__trigger{width:18px;height:18px;border-radius:50%;border:1px solid #52525b;background:transparent;color:#71717a;font-size:11px;font-family:Georgia,serif;font-style:italic;line-height:1;cursor:pointer;padding:0;display:inline-flex;align-items:center;justify-content:center;transition:border-color .15s ease,color .15s ease}.info-tooltip__trigger:hover,.info-tooltip__trigger:focus-visible,.info-tooltip__trigger[aria-expanded=true]{border-color:#a1a1aa;color:#d4d4d8;outline:none}.info-tooltip__bubble{position:absolute;top:calc(100% + .5rem);right:-.5rem;z-index:10;width:min(20rem,calc(100vw - 2rem));padding:.875rem 1rem;background:#18181b;border:1px solid #3f3f46;border-radius:8px;color:#d4d4d8;font-size:.8125rem;font-weight:400;line-height:1.5;text-align:left;white-space:normal;box-shadow:0 8px 24px #0006}.info-tooltip__bubble code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.75rem;padding:1px 4px;background:#27272a;border-radius:3px;color:#fafafa}.info-tooltip__bubble a{color:#818cf8;text-decoration:none}.info-tooltip__bubble a:hover{text-decoration:underline}.search-form{display:flex;flex-direction:column;gap:1.125rem;margin-bottom:2rem}.form-group{display:flex;flex-direction:column;gap:.375rem}.form-group label,.form-group .form-label{font-size:.8125rem;font-weight:500;color:#a1a1aa}.platform-segmented{position:relative;display:grid;grid-template-columns:repeat(3,1fr);padding:4px;background:#18181b;border:1px solid #27272a;border-radius:10px;isolation:isolate}.platform-segmented__indicator{position:absolute;top:4px;bottom:4px;left:4px;width:calc((100% - 8px) / 3);background:#6366f1;border-radius:6px;z-index:0;transition:transform .25s cubic-bezier(.4,0,.2,1);pointer-events:none}.platform-segmented[data-active-index="0"] .platform-segmented__indicator{transform:translate(0)}.platform-segmented[data-active-index="1"] .platform-segmented__indicator{transform:translate(100%)}.platform-segmented[data-active-index="2"] .platform-segmented__indicator{transform:translate(200%)}.platform-segmented__option{position:relative;z-index:1;padding:.75rem .5rem;background:transparent;border:none;border-radius:6px;color:#a1a1aa;font-size:.875rem;font-weight:500;font-family:inherit;cursor:pointer;transition:color .2s ease}.platform-segmented__option[aria-checked=true]{color:#fafafa}.platform-segmented__option:hover:not([aria-checked=true]){color:#d4d4d8}.platform-segmented__option:focus-visible{outline:2px solid #6366f1;outline-offset:2px}@media (prefers-reduced-motion: reduce){.platform-segmented__indicator{transition:none}}.form-group input,.form-group select{padding:.625rem .75rem;background:#18181b;border:1px solid #27272a;border-radius:8px;color:#fafafa;font-size:1rem;font-family:inherit;transition:border-color .15s ease;outline:none}.form-group input::placeholder{color:#52525b}.form-group input:focus,.form-group select:focus{border-color:#6366f1}.form-group select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2371717a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;padding-right:2.5rem;cursor:pointer}.form-group select option{background:#18181b;color:#fafafa}button[type=submit]{margin-top:.25rem;padding:.875rem;background:#6366f1;color:#fafafa;border:none;border-radius:8px;font-size:1rem;font-weight:500;font-family:inherit;cursor:pointer;transition:background .15s ease}button[type=submit]:hover:not(:disabled){background:#5558e6}button[type=submit]:disabled{background:#27272a;color:#52525b;cursor:not-allowed}.scanning{display:flex;align-items:center;gap:.625rem;color:#a1a1aa;font-size:.875rem;margin-bottom:1.5rem;padding:.75rem 1rem;background:#18181b;border:1px solid #27272a;border-radius:8px}.scanning:before{content:"";width:6px;height:6px;background:#6366f1;border-radius:50%;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.4}50%{opacity:1}}.form-error{color:#fca5a5;font-size:.8125rem;margin:0}.form-warning{background:#ca8a041f;border:1px solid rgba(202,138,4,.4);color:#fde68a;font-size:.8125rem;padding:.625rem .75rem;border-radius:.375rem;line-height:1.4}.results-warning{background:#ca8a041f;border:1px solid rgba(202,138,4,.4);color:#fde68a;font-size:.875rem;padding:.75rem 1rem;border-radius:.375rem;margin-bottom:1rem}.error{color:#fca5a5;padding:.75rem 1rem;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:8px;font-size:.875rem}.no-results{color:#71717a;padding:1rem;text-align:center;font-size:.9375rem}.results{border:1px solid #27272a;border-radius:8px;overflow:hidden}.results-summary{padding:.875rem 1rem;background:#18181b;border-bottom:1px solid #27272a;font-size:.8125rem;color:#a1a1aa;font-weight:500}.results-summary span{color:#fafafa}.results-disclaimer{padding:.75rem 1rem;margin:0;font-size:.8125rem;color:#71717a;border-bottom:1px solid #27272a;font-style:italic}.games-list{list-style:none;display:flex;flex-direction:column}.game-row{display:grid;grid-template-columns:2.5rem auto 1fr auto;align-items:baseline;gap:.75rem;padding:.75rem 1rem;border-bottom:1px solid #27272a;font-size:.875rem}.game-row:last-child{border-bottom:none}.game-result{font-weight:600;font-size:.8125rem}.game-result--win{color:#4ade80}.game-result--loss{color:#f87171}.game-result--draw{color:#71717a}.game-date{color:#71717a;font-variant-numeric:tabular-nums;font-size:.8125rem}.game-cheater{color:#fafafa;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.game-link{color:#818cf8;text-decoration:none;font-size:.8125rem;white-space:nowrap}.game-link:hover{color:#a5b4fc;text-decoration:underline}@media (max-width: 480px){.game-row{grid-template-columns:2.5rem auto 1fr auto;gap:.5rem;padding:.625rem .75rem}}