:root{--bg: #05140e;--bg-2: #0a2418;--ink: #f3fbf5;--muted: #8fb3a2;--line: rgba(140, 220, 180, .14);--pitch: #1c9e5e;--gold: #ffd24a;--magenta: #ff2d8e;--cyan: #2de2ff;--lime: #b6ff3b;--hit: #1fc06b;--hit-ink: #03130a;--miss: #16261d;--legendary: conic-gradient(from var(--card-angle, 0deg), #ffe27a, #ffae00, #ff5ec4, #6df7ff, #ffe27a);--epic: conic-gradient(from var(--card-angle, 0deg), #c084ff, #7b2dff, #2de2ff, #c084ff);--rare: conic-gradient(from var(--card-angle, 0deg), #4f9bff, #2de2ff, #6df7ff, #4f9bff);--common: conic-gradient(from var(--card-angle, 0deg), #5a7a68, #3a5446, #2e4338, #5a7a68);--display: "Anton", "Arial Narrow", sans-serif;--body: "Sora", ui-sans-serif, system-ui, sans-serif;--mono: "JetBrains Mono", ui-monospace, monospace}@property --card-angle{syntax: "<angle>"; inherits: false; initial-value: 0deg;}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:radial-gradient(1200px 600px at 50% -10%,rgba(45,226,255,.12),transparent 60%),radial-gradient(900px 500px at 10% 110%,rgba(255,45,142,.12),transparent 55%),radial-gradient(900px 500px at 95% 100%,rgba(182,255,59,.1),transparent 55%),linear-gradient(180deg,var(--bg),var(--bg-2));background-attachment:fixed;color:var(--ink);font-family:var(--body);min-height:100vh;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:repeating-linear-gradient(115deg,rgba(255,255,255,.018) 0 38px,transparent 38px 76px);pointer-events:none;z-index:0}.app{position:relative;z-index:1;max-width:760px;margin:0 auto;padding:28px 18px 60px}.pitch-glow{position:fixed;top:-200px;left:50%;transform:translate(-50%);width:700px;height:380px;background:radial-gradient(closest-side,rgba(31,192,107,.28),transparent);filter:blur(20px);pointer-events:none;z-index:0}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:flex;align-items:center;gap:10px}.brand-mark{font-size:22px;color:var(--gold);filter:drop-shadow(0 0 10px rgba(255,210,74,.6))}.brand h1{font-family:var(--display);font-size:clamp(34px,7vw,54px);letter-spacing:.04em;margin:0;line-height:.9;background:linear-gradient(180deg,#fff,#b6ff3b 130%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 36px rgba(182,255,59,.15)}.meta{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.meta-no{font-family:var(--mono);font-size:12px;letter-spacing:.18em;color:var(--muted);text-transform:uppercase}.meta-dots{display:flex;gap:6px}.dot{width:11px;height:11px;border-radius:50%;border:1.5px solid var(--line);background:#ffffff08;transition:all .25s ease}.dot--used{background:var(--miss);border-color:#ff2d8e80}.dot--win{background:var(--gold);border-color:var(--gold);box-shadow:0 0 12px #ffd24acc}.tagline{color:var(--muted);font-size:14px;line-height:1.5;max-width:48ch;margin:18px 0 22px}.search{position:relative;margin-bottom:22px}.search-field{display:flex;align-items:center;gap:10px;background:#ffffff0a;border:1.5px solid var(--line);border-radius:14px;padding:0 16px;transition:border-color .2s,box-shadow .2s}.search-field:focus-within{border-color:var(--lime);box-shadow:0 0 0 4px #b6ff3b1f}.search-icon{font-size:18px}.search-field input{flex:1;background:transparent;border:0;outline:0;color:var(--ink);font-family:var(--body);font-size:17px;font-weight:600;padding:16px 0}.search-field input::placeholder{color:var(--muted);font-weight:400}.suggestions{position:absolute;z-index:5;top:calc(100% + 8px);left:0;right:0;margin:0;padding:6px;list-style:none;background:#08201600;background:#081c14f5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1.5px solid var(--line);border-radius:14px;box-shadow:0 20px 50px #0000008c}.suggestion{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:9px;cursor:pointer}.suggestion.is-active{background:#b6ff3b24}.suggestion.is-used{opacity:.4;cursor:not-allowed}.suggestion-flag{font-size:20px}.suggestion-name{font-weight:700;flex:1}.suggestion-meta{font-family:var(--mono);font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.1em}.grid{display:flex;flex-direction:column;gap:8px}.grid-head,.grid-row{display:grid;grid-template-columns:minmax(120px,1.7fr) repeat(6,1fr);gap:6px}.grid-th{font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);text-align:center;padding-bottom:2px}.grid-th:first-child{text-align:left;padding-left:6px}.grid-row{animation:rowIn .45s cubic-bezier(.2,.8,.2,1)}.cell{display:flex;align-items:center;justify-content:center;gap:4px;text-align:center;min-height:56px;padding:6px 4px;border-radius:11px;background:var(--miss);border:1px solid var(--line);font-size:12px;font-weight:700;line-height:1.15;animation:flip .5s ease both}.grid-row .cell:nth-child(2){animation-delay:.05s}.grid-row .cell:nth-child(3){animation-delay:.1s}.grid-row .cell:nth-child(4){animation-delay:.15s}.grid-row .cell:nth-child(5){animation-delay:.2s}.grid-row .cell:nth-child(6){animation-delay:.25s}.grid-row .cell:nth-child(7){animation-delay:.3s}.cell.hit{background:var(--hit);color:var(--hit-ink);border-color:transparent;box-shadow:0 0 18px #1fc06b59}.cell.name{justify-content:flex-start;gap:8px;padding-left:12px;background:#ffffff0d;font-size:13px}.cell-flag{font-size:18px;flex:none}.cell-name-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cell-value{font-family:var(--mono);font-size:14px}.arrow{font-size:10px;opacity:.85}.hint-key{margin:16px 2px 0;font-size:12px;color:var(--muted);text-align:center}.result{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:20px}.result-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#020a07c7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fade .3s ease}.result-panel{position:relative;text-align:center;display:flex;flex-direction:column;align-items:center;gap:14px;animation:pop .5s cubic-bezier(.2,.9,.25,1.2)}.result-kicker{font-family:var(--mono);text-transform:uppercase;letter-spacing:.3em;font-size:11px;color:var(--gold);margin:0}.result-title{font-family:var(--display);font-size:clamp(26px,6vw,40px);margin:0;letter-spacing:.02em}.result-sub{color:var(--muted);font-size:14px;max-width:34ch;margin:0}.result-sub strong{color:var(--ink)}.result-close{margin-top:4px;font-family:var(--body);font-weight:700;font-size:15px;color:var(--bg);background:var(--lime);border:0;border-radius:999px;padding:13px 30px;cursor:pointer;transition:transform .15s,box-shadow .2s;box-shadow:0 8px 28px #b6ff3b59}.result-close:hover{transform:translateY(-2px);box-shadow:0 12px 34px #b6ff3b80}.countdown{display:flex;flex-direction:column;align-items:center;gap:4px}.countdown-label{font-family:var(--mono);text-transform:uppercase;letter-spacing:.22em;font-size:10px;color:var(--muted)}.countdown-clock{font-family:var(--mono);font-weight:700;font-size:26px;letter-spacing:.06em;color:var(--ink);font-variant-numeric:tabular-nums}.fcard{position:relative;width:clamp(280px,82vw,340px);aspect-ratio:5 / 7;border-radius:0;padding:3px;background:var(--common);box-shadow:0 24px 60px #0009;animation:cardRise .7s cubic-bezier(.2,.9,.25,1.15) both,cardSpin 6s linear infinite;container-type:inline-size}.fcard--compact{width:100%;box-shadow:0 12px 28px #00000080;animation:cardSpin 8s linear infinite}.fcard--common{background:var(--common);filter:saturate(.75) brightness(.95);box-shadow:0 16px 40px #0000008c}.fcard--rare{background:var(--rare);box-shadow:0 18px 46px #0000008c,0 0 32px #4f9bff73}.fcard--epic{background:var(--epic);padding:4px;box-shadow:0 22px 54px #0009,0 0 52px #9b50ff99}.fcard--legendary{background:var(--legendary);padding:5px;box-shadow:0 26px 66px #000000a6,0 0 80px #ffae00a6,0 0 30px #ff5ec473}.fcard-foil{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:0;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.55) 48%,transparent 62%);background-size:250% 250%;mix-blend-mode:overlay;pointer-events:none}.fcard--rare .fcard-foil{animation:sheen 5s ease-in-out infinite}.fcard--epic .fcard-foil{animation:sheen 4s ease-in-out infinite}.fcard--legendary .fcard-foil{animation:sheen 3.2s ease-in-out infinite}.fcard-inner{position:relative;height:100%;border-radius:0;background:radial-gradient(120% 80% at 50% 0%,color-mix(in srgb,var(--team, #1c9e5e) 55%,transparent),transparent 70%),linear-gradient(165deg,color-mix(in srgb,var(--team, #1c9e5e) 40%,#07140e),#050d09);padding:14px 16px 16px;display:flex;flex-direction:column;overflow:hidden}.fcard-inner:after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:var(--team, #1c9e5e);opacity:.9}.fcard-top{display:flex;justify-content:space-between;align-items:flex-start}.fcard-rating{display:flex;flex-direction:column;line-height:1}.fcard-ovr{font-family:var(--display);font-size:38px;color:var(--gold)}.fcard-pos{font-family:var(--mono);font-size:12px;letter-spacing:.1em;color:var(--ink)}.fcard-rarity{font-family:var(--mono);font-size:9px;text-transform:uppercase;letter-spacing:.18em;color:var(--bg);background:#ffffffd9;padding:4px 8px;border-radius:999px;align-self:center}.fcard-portrait{flex:1;display:grid;place-items:center;margin:6px 0}.fcard-jersey{position:relative;width:46cqw;height:46cqw;display:grid;place-items:center}.fcard-jersey-num{font-family:var(--display);font-size:30cqw;color:#ffffffeb;text-shadow:0 4px 24px rgba(0,0,0,.5)}.fcard-flag{position:absolute;bottom:-6px;right:-4px;font-size:12cqw}.fcard-photo{width:66cqw;height:66cqw;border-radius:14px;object-fit:cover;object-position:50% 16%;box-shadow:0 10px 26px #00000080}.fcard-name{font-family:var(--display);font-size:clamp(13px,4.7cqw,20px);line-height:1.04;text-align:center;letter-spacing:.01em;padding:6px 2px;border-top:1px solid rgba(255,255,255,.16);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-break:break-word;text-transform:uppercase}.fcard-stats{display:grid;grid-template-columns:1fr 1fr;gap:6px 14px;margin:0;padding-top:8px;border-top:1px solid rgba(255,255,255,.12)}.fcard-stats div{display:flex;justify-content:space-between;align-items:baseline;gap:6px;min-width:0}.fcard-stats dt{font-family:var(--mono);font-size:10px;color:#ffffffb3;letter-spacing:.06em;flex:none}.fcard-stats dd{margin:0;font-size:11px;font-weight:700;text-align:right;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.footer{margin-top:48px;text-align:center;font-size:11px;color:var(--muted);opacity:.7}.mystery{display:flex;flex-direction:column;align-items:center;gap:10px;margin:6px 0 24px}.mystery-frame{position:relative;width:132px;height:132px;border-radius:50%;overflow:hidden;background:radial-gradient(circle at 50% 35%,#163a29,#061811);border:2px solid var(--line);box-shadow:0 0 0 6px #2de2ff0f,0 18px 40px #00000080}.mystery.is-solved .mystery-frame{border-color:var(--gold);box-shadow:0 0 0 6px #ffd24a2e,0 18px 46px #0000008c}.mystery-img{width:100%;height:100%;object-fit:cover;object-position:50% 18%;transition:filter .6s ease;transform:scale(1.08)}.mystery-silhouette{width:100%;height:100%;display:grid;place-items:center;font-family:var(--display);font-size:64px;color:#ffffff2e}.mystery-scanline{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,rgba(0,0,0,.16) 0 2px,transparent 2px 4px);mix-blend-mode:multiply;pointer-events:none}.mystery.is-solved .mystery-scanline{opacity:0;transition:opacity .5s}.mystery-label{font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.mystery.is-solved .mystery-label{color:var(--gold)}.loading{margin-top:60px;text-align:center;font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;font-size:13px;color:var(--muted)}.nav-collection,.nav-back{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink);background:#ffffff0d;border:1.5px solid var(--line);border-radius:999px;padding:8px 14px;cursor:pointer;transition:border-color .2s,background .2s,transform .15s}.nav-collection{color:var(--gold)}.nav-collection:hover,.nav-back:hover{border-color:var(--lime);background:#b6ff3b1a;transform:translateY(-1px)}.nav-back{color:var(--muted)}.collection .topbar{align-items:center}.collection .brand h1{font-size:clamp(26px,6vw,40px)}.coll-summary{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0 26px}.coll-chip{display:flex;flex-direction:column;align-items:center;min-width:76px;padding:10px 14px;border-radius:14px;background:#ffffff0a;border:1.5px solid var(--line)}.coll-chip-n{font-family:var(--display);font-size:26px;line-height:1}.coll-chip-label{font-family:var(--mono);font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-top:4px}.coll-chip--legendary{border-color:#ffae0099;box-shadow:0 0 18px #ffae0026}.coll-chip--legendary .coll-chip-n{color:var(--gold)}.coll-chip--epic{border-color:#c084ff99}.coll-chip--epic .coll-chip-n{color:#c084ff}.coll-chip--rare{border-color:#4f9bff99}.coll-chip--rare .coll-chip-n{color:#4f9bff}.coll-chip--common .coll-chip-n{color:var(--muted)}.coll-empty{color:var(--muted);font-size:14px;line-height:1.6;text-align:center;max-width:40ch;margin:40px auto}.coll-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:26px 20px}.coll-item{display:flex;flex-direction:column;align-items:center;gap:8px}.coll-card-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:none;color:inherit;font:inherit;padding:0;width:100%;cursor:pointer;transition:transform .18s ease}.coll-card-btn:hover{transform:translateY(-4px)}.coll-card-btn:focus-visible{outline:2px solid var(--lime);outline-offset:6px}.coll-item-head{display:flex;justify-content:space-between;width:100%;font-family:var(--mono);font-size:10px;letter-spacing:.08em;color:var(--muted)}.coll-date{color:var(--ink)}.coll-result{font-family:var(--mono);font-size:11px;letter-spacing:.06em}.coll-result--win{color:var(--lime)}.coll-result--miss{color:var(--magenta)}.coll-missed{width:100%;aspect-ratio:5 / 7;border-radius:18px;border:1.5px dashed rgba(255,45,142,.4);background:#ff2d8e0d;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;padding:12px;color:var(--muted);font-size:12px;font-weight:600}.coll-missed-mark{font-size:30px;color:#ff2d8e99}.admin-preview{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-top:14px}.admin-preview-tier{display:flex;flex-direction:column;align-items:center;gap:8px;width:200px}.admin-preview-tier .fcard{width:200px;animation:cardSpin 6s linear infinite}.admin-preview-label{font-family:var(--mono);text-transform:uppercase;letter-spacing:.16em;font-size:11px;color:var(--muted)}.admin .brand h1{font-size:clamp(22px,5vw,34px)}.admin-whoami{display:flex;align-items:center;gap:12px}.admin-card{background:#ffffff0a;border:1.5px solid var(--line);border-radius:18px;padding:22px;margin-top:18px}.admin-card h2{font-family:var(--display);letter-spacing:.02em;font-size:22px;margin:0 0 14px}.admin-muted{color:var(--muted);font-size:13px;line-height:1.5}.admin-muted code,.admin-card code{font-family:var(--mono);font-size:12px;background:#ffffff14;padding:1px 5px;border-radius:5px}.admin-label{display:block;font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:16px 0 6px}.admin-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.admin-puzzleno{font-family:var(--mono);font-size:12px;color:var(--muted)}.admin-date,.admin-input{background:#ffffff0d;border:1.5px solid var(--line);border-radius:11px;color:var(--ink);font-family:var(--body);font-size:15px;font-weight:600;padding:12px 14px}.admin-input{width:100%}.admin-date::-webkit-calendar-picker-indicator{filter:invert(1);opacity:.6}.admin-input:focus,.admin-date:focus{outline:none;border-color:var(--lime);box-shadow:0 0 0 4px #b6ff3b1f}.admin-resolved{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:14px 0;padding:12px 14px;border-radius:11px;background:#2de2ff0f;border:1px solid var(--line);font-size:14px}.admin-resolved-player{display:inline-flex;align-items:center;gap:8px}.admin-tag{font-family:var(--mono);font-size:9px;letter-spacing:.12em;text-transform:uppercase;padding:3px 7px;border-radius:999px}.admin-tag.is-auto{background:#8cdcb426;color:var(--muted)}.admin-tag.is-override{background:var(--gold);color:var(--bg)}.admin-picker{position:relative}.admin-picked{margin-top:8px;font-size:13px;color:var(--muted)}.admin-suggestions{position:absolute;z-index:5;top:calc(100% + 6px);left:0;right:0;margin:0;padding:6px;list-style:none;background:#081c14f7;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1.5px solid var(--line);border-radius:12px;box-shadow:0 20px 50px #0000008c}.admin-suggestion{display:flex;align-items:center;gap:10px;width:100%;text-align:left;background:none;border:0;color:var(--ink);padding:10px;border-radius:8px;cursor:pointer;font-size:14px}.admin-suggestion:hover{background:#b6ff3b24}.admin-suggestion-name{font-weight:700;flex:1}.admin-suggestion-meta{font-family:var(--mono);font-size:11px;color:var(--muted)}.admin-actions{display:flex;gap:10px;margin-top:18px;flex-wrap:wrap}.admin-primary,.admin-ghost{font-family:var(--body);font-weight:700;font-size:14px;border-radius:999px;padding:12px 22px;cursor:pointer;border:0;transition:transform .15s,box-shadow .2s,background .2s}.admin-primary{background:var(--lime);color:var(--bg);box-shadow:0 8px 24px #b6ff3b4d}.admin-primary:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.admin-primary:not(:disabled):hover{transform:translateY(-2px)}.admin-ghost{background:#ffffff0f;color:var(--ink);border:1.5px solid var(--line)}.admin-msg{margin-top:12px;font-family:var(--mono);font-size:12px;color:var(--cyan)}.admin-queue{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.admin-queue-item{display:grid;grid-template-columns:110px 1fr auto;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;background:#ffffff0a;border:1px solid var(--line)}.admin-queue-date{font-family:var(--mono);font-size:12px;color:var(--muted)}.admin-queue-player{font-weight:700;font-size:14px}.admin-remove{background:#ff2d8e1f;color:var(--magenta);border:0;border-radius:8px;width:30px;height:30px;cursor:pointer;font-size:13px}.admin-remove:hover{background:#ff2d8e3d}@keyframes rowIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes flip{0%{transform:rotateX(-90deg);opacity:0}to{transform:rotateX(0);opacity:1}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes pop{0%{opacity:0;transform:scale(.9) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes cardRise{0%{opacity:0;transform:translateY(28px) rotateX(18deg) scale(.92)}to{opacity:1;transform:translateY(0) rotateX(0) scale(1)}}@keyframes cardSpin{to{--card-angle: 360deg}}@keyframes sheen{0%,to{background-position:150% 0}50%{background-position:-50% 0}}.celebration{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;pointer-events:none;overflow:hidden}.confetti-piece{position:absolute;top:-12%;border-radius:1px;opacity:0;animation-name:confettiFall;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes confettiFall{0%{opacity:0;transform:translateZ(0) rotate(0)}8%{opacity:1}90%{opacity:1}to{opacity:0;transform:translate3d(var(--drift, 0),115vh,0) rotate(var(--rot, 360deg))}}.firework-burst{position:absolute;width:0;height:0}.firework-spark{position:absolute;left:0;top:0;width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 9px 2px currentColor;transform-origin:center;opacity:0;animation:firework 1.5s ease-out infinite;animation-delay:var(--burst-delay, 0s)}@keyframes firework{0%{opacity:0;transform:rotate(var(--angle, 0deg)) translate(0) scale(1.2)}10%{opacity:1}to{opacity:0;transform:rotate(var(--angle, 0deg)) translate(var(--dist, 80px)) scale(.3)}}@media (prefers-reduced-motion: reduce){*{animation:none!important}}@media (max-width: 560px){.grid{gap:12px}.grid-head{display:none}.grid-row{grid-template-columns:1fr 1fr;gap:6px;padding:8px;border-radius:16px;background:#ffffff08;border:1px solid var(--line)}.grid-row .cell{min-height:0;flex-wrap:wrap;align-items:center;justify-content:flex-start;text-align:left;gap:2px 6px;padding:8px 10px;font-size:13px;border-radius:11px;animation:none}.grid-row .cell:before{content:attr(data-label);flex-basis:100%;font-family:var(--mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.grid-row .cell.hit:before{color:#03130aa6}.grid-row .cell.name{grid-column:1 / -1;flex-wrap:nowrap;gap:8px;font-size:14px;background:#ffffff0f}.grid-row .cell.name:before{content:none}}