:root{--display:"Arial Black",Impact,"Trebuchet MS",sans-serif;--sans:"Trebuchet MS",Arial,sans-serif;--navy:#0a244f;--deep:#061a3c;--yellow:#ffd800;--ink:#17233b;--panel:#fff;--muted:#53627c;--border:#163c79;--shadow:0 8px 22px #05193e2e}*{box-sizing:border-box}html{background:#5472aa;min-height:100%}body{min-height:100vh;color:var(--ink);font-family:var(--sans);background-color:#6682b6;background-image:linear-gradient(90deg,#ffffff09 50%,#0000 50%),linear-gradient(#04173a14 1px,#0000 1px);background-size:4px 100%,100% 3px;margin:0}button,a{font:inherit}button{color:inherit}.ink-list-shell,.rankings-shell{width:min(1160px,100% - 28px);margin:auto;padding:12px 0 48px;position:relative}.site-nav{background:var(--deep);border:1px solid #061633;justify-content:space-between;align-items:center;gap:16px;min-height:50px;margin-bottom:18px;padding:6px 8px 6px 12px;display:flex;box-shadow:0 3px #0000002e}.site-nav a{text-decoration:none}.wordmark{align-items:center;gap:9px;display:inline-flex}.brand-spark{border:2px solid var(--yellow);width:31px;height:31px;color:var(--yellow);background:#0d3170;border-radius:50%;flex:none;place-items:center;font-size:1.1rem;display:grid}.wordmark-copy{color:#fff;font:900 .82rem/.95 var(--display);letter-spacing:.07em;text-transform:uppercase;flex-direction:column;display:flex}.wordmark-copy small{color:var(--yellow);font:800 .53rem/1 var(--sans);letter-spacing:.16em;margin-top:4px}.nav-actions{align-items:center;gap:8px;display:flex}.nav-link{color:#0b2d66;text-transform:uppercase;letter-spacing:.03em;background:#e8eff9;border:1px solid #9cb1d5;padding:9px 13px;font-size:.72rem;font-weight:900}.nav-link:hover,.nav-link:focus-visible{background:var(--yellow);border-color:#826e00}.theme-toggle{background:#071a3d;border:1px solid #8aa1c8;grid-template-columns:1fr 1fr;padding:2px;display:inline-grid}.theme-toggle button{color:#c9d4e8;cursor:pointer;background:0 0;border:0;min-width:43px;padding:5px 7px;font-size:.64rem;font-weight:900}.theme-toggle button[aria-pressed=true]{background:var(--yellow);color:#101b31}.ink-list-header,.rankings-header{border:1px solid var(--border);background:var(--panel);max-width:900px;box-shadow:var(--shadow);text-align:center;margin:0 auto 20px;padding:20px 24px;position:relative}.ink-list-header:before,.rankings-header:before{content:"THE INK LIST";background:var(--navy);color:#fff;letter-spacing:.13em;padding:5px 9px;font-size:.58rem;font-weight:900;position:absolute;top:-1px;left:-1px}.eyebrow{color:#174f9e;letter-spacing:.16em;margin:0 0 8px;font-size:.67rem;font-weight:900}h1{color:var(--navy);font:900 clamp(2rem,5.5vw,4rem)/.98 var(--display);letter-spacing:-.04em;text-transform:uppercase;margin:0}.ink-list-header>p:last-child,.rankings-header>p:last-child{max-width:680px;color:var(--muted);margin:12px auto 0;font-size:.9rem;line-height:1.5}.battle{border:1px solid var(--border);max-width:900px;box-shadow:var(--shadow);background:#fffffff2;grid-template-columns:minmax(0,1fr) 70px minmax(0,1fr);align-items:center;margin:0 auto;padding:22px;transition:all .15s;display:grid}.battle.is-busy{opacity:.58;pointer-events:none;transform:scale(.992)}.card-choice{cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;min-width:0;padding:0;display:flex}.card-choice:disabled{cursor:wait}.card-frame{aspect-ratio:5/7;background:var(--navy);width:min(100%,320px);padding:4px;transition:all .18s;display:block;position:relative;overflow:hidden;box-shadow:0 10px 24px #071c4147}.card-frame img{object-fit:cover;width:calc(100% - 8px)!important;height:calc(100% - 8px)!important;inset:4px!important}.card-choice:hover .card-frame,.card-choice:focus-visible .card-frame{box-shadow:0 14px 30px #071c4152,0 0 0 4px var(--yellow);transform:translateY(-5px)}.card-choice:focus-visible{outline:none}.pick-cue{z-index:2;background:var(--yellow);color:#14213a;white-space:nowrap;opacity:0;border:2px solid #a58b00;padding:8px 12px;font-size:.7rem;font-weight:900;transition:all .18s;position:absolute;bottom:13px;left:50%;transform:translate(-50%)translateY(10px)}.card-choice:hover .pick-cue,.card-choice:focus-visible .pick-cue{opacity:1;transform:translate(-50%)}.card-name{color:var(--navy);font:900 clamp(.95rem,2vw,1.22rem)/1.1 var(--display);text-align:center;text-transform:uppercase;margin-top:12px}.card-version,.card-meta{color:var(--muted);text-align:center;margin-top:4px;font-size:.72rem}.versus{place-items:center;height:100%;display:grid;position:relative}.versus:before{content:"";background:#aebcd3;width:1px;position:absolute;top:8%;bottom:8%}.versus span{z-index:1;border:4px solid var(--yellow);color:#fff;background:var(--navy);width:52px;height:52px;box-shadow:0 0 0 3px var(--navy),0 6px 16px #00000040;font:900 .9rem var(--display);border-radius:50%;place-items:center;display:grid}.decision-panel{gap:8px;max-width:500px;margin:18px auto 0;display:grid}.decision-panel button{cursor:pointer;transition:all .15s}.decision-panel button:hover:not(:disabled){transform:translateY(-1px)}.tie-button{background:var(--yellow);color:#14213a;border:2px solid #806c00;padding:12px 18px;box-shadow:0 4px #071b3e47}.tie-button strong,.tie-button span{display:block}.tie-button strong{font-family:var(--display);text-transform:uppercase}.tie-button span{opacity:.68;margin-top:3px;font-size:.68rem}.skip-button{border:1px solid var(--border);color:var(--navy);background:#eef3fb;padding:9px;font-size:.76rem}.skip-button span{color:var(--muted)}.keyboard-hint{text-align:center;color:#203c6b;font-size:.67rem}.keyboard-hint kbd{min-width:22px;color:var(--navy);background:#fff;border:1px solid #7a90b7;margin-left:7px;padding:3px 5px;display:inline-block;box-shadow:0 2px #7a90b7}.about-strip,.notice,.loading-card{border:1px solid var(--border);background:var(--panel);box-shadow:var(--shadow)}.about-strip{text-align:center;max-width:790px;margin:34px auto 0;padding:20px 24px}.about-strip>p:last-child{color:var(--muted);margin:0;font-size:.9rem;line-height:1.5}.notice,.loading-card{text-align:center;max-width:700px;margin:20px auto;padding:18px}.notice button{color:#144b9c;cursor:pointer;background:0 0;border:0;margin-left:8px;font-weight:900}.rankings-header{margin-bottom:18px}.ranking-list{border:1px solid var(--border);max-width:940px;box-shadow:var(--shadow);background:#fffffff0;gap:7px;margin:auto;padding:14px;display:grid}.ranking-row{background:#f8faff;border:1px solid #aebbd0;grid-template-columns:48px 58px minmax(0,1fr) auto;align-items:center;gap:13px;padding:9px 13px;display:grid}.ranking-row:nth-child(-n+3){background:linear-gradient(90deg,#fff3a8,#fff 28%);border-color:#b29700}.rank-number{color:var(--navy);font:900 1.15rem var(--display);text-align:center}.rank-image{aspect-ratio:5/7;border:2px solid var(--navy);background:#fff;width:54px;position:relative;overflow:hidden}.rank-image img{object-fit:cover}.rank-card-info,.rank-stats{flex-direction:column;display:flex}.rank-card-info strong{color:var(--navy);font-family:var(--display);text-transform:uppercase}.rank-card-info span,.rank-card-info small,.rank-stats span,.rank-stats small{color:var(--muted);font-size:.7rem}.rank-stats{text-align:right}.rank-stats strong{color:#12478f;font:900 1.22rem var(--display)}.rank-stats span{text-transform:uppercase;letter-spacing:.1em;font-size:.53rem}html[data-theme=neon]{--yellow:#fff31f;--ink:#07080d;--panel:#10121c;--muted:#c9cce0;--border:#ffffff2e;--shadow:0 18px 44px #00000038;background:#07080d}html[data-theme=neon] body{color:#fff;background:radial-gradient(circle at 12% 16%,#0759e661,#0000 28rem),radial-gradient(circle at 88% 13%,#c33fe057,#0000 27rem),linear-gradient(145deg,#080911,#12101c 58%,#090a12)}html[data-theme=neon] body:before{content:"";pointer-events:none;opacity:.16;background-image:radial-gradient(circle,#fff 1px,#0000 1px);background-size:28px 28px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 72%);mask-image:linear-gradient(#000,#0000 72%)}html[data-theme=neon] .site-nav{border-color:var(--border);background:#04050ad1;border-radius:999px;margin-bottom:28px;padding:9px 13px 9px 9px;box-shadow:0 16px 44px #0000004d}html[data-theme=neon] .brand-spark{background:linear-gradient(var(--ink),var(--ink)) padding-box,linear-gradient(135deg,#0759e6,#c33fe0) border-box;border:4px solid #0000;width:43px;height:43px;font-size:1.55rem;box-shadow:0 0 19px #683feb8c}html[data-theme=neon] .nav-link{border:2px solid var(--yellow);color:var(--yellow);text-transform:none;background:0 0;border-radius:999px;padding:10px 16px}html[data-theme=neon] .nav-link:hover{color:var(--ink)}html[data-theme=neon] .theme-toggle{border-color:var(--border);background:#11131d;border-radius:999px}html[data-theme=neon] .theme-toggle button[aria-pressed=true]{border-radius:999px}html[data-theme=neon] .ink-list-header,html[data-theme=neon] .rankings-header{max-width:800px;box-shadow:none;background:0 0;border:0;margin-bottom:30px;padding:0}html[data-theme=neon] .ink-list-header:before,html[data-theme=neon] .rankings-header:before{content:"✦";color:var(--yellow);background:0 0;padding:0;font-size:1.7rem;top:36%;left:1%}html[data-theme=neon] .ink-list-header:after,html[data-theme=neon] .rankings-header:after{content:"✦";color:var(--yellow);position:absolute;top:8%;right:2%}html[data-theme=neon] .eyebrow{color:var(--yellow)}html[data-theme=neon] h1{color:#fff;text-shadow:4px 4px #0759e6cc,-3px -2px #c33fe09e;font-size:clamp(2.35rem,7vw,5rem)}html[data-theme=neon] .ink-list-header>p:last-child,html[data-theme=neon] .rankings-header>p:last-child{color:var(--muted)}html[data-theme=neon] .battle{box-shadow:none;background:0 0;border:0;padding:0}html[data-theme=neon] .card-frame{background:linear-gradient(145deg,#0759e6,#c33fe0 62%,var(--yellow));border-radius:5.2%/3.8%;width:min(100%,340px);box-shadow:0 22px 55px #0000007a}html[data-theme=neon] .card-frame img{border-radius:4.4%/3.1%}html[data-theme=neon] .card-name{color:#fff;text-shadow:2px 2px #000}html[data-theme=neon] .pick-cue{border-color:var(--yellow);color:var(--yellow);background:#05060aeb;border-radius:999px}html[data-theme=neon] .versus:before{background:linear-gradient(#0000,#0759e6,#c33fe0,#0000);width:2px}html[data-theme=neon] .versus span{width:58px;height:58px;color:var(--yellow);background:var(--ink);box-shadow:0 0 0 5px #0759e699}html[data-theme=neon] .tie-button{border:3px solid var(--ink);box-shadow:0 0 0 2px var(--yellow),0 10px 25px #00000052;border-radius:14px}html[data-theme=neon] .skip-button{border-color:var(--border);color:#fff;background:#ffffff0f;border-radius:14px}html[data-theme=neon] .keyboard-hint{color:#aeb2cb}html[data-theme=neon] .keyboard-hint kbd{border-color:var(--border);color:var(--yellow);background:#171926;border-radius:5px}html[data-theme=neon] .about-strip,html[data-theme=neon] .notice,html[data-theme=neon] .loading-card{border-color:var(--border);background:linear-gradient(135deg,#0759e626,#0b0c13e0 46%,#c33fe024);border-radius:20px}html[data-theme=neon] .ranking-list{box-shadow:none;background:0 0;border:0;gap:10px;padding:0}html[data-theme=neon] .ranking-row{border-color:var(--border);background:#0a0b12d1;border-radius:16px}html[data-theme=neon] .ranking-row:nth-child(-n+3){background:linear-gradient(90deg,#fff31f1a,#0a0b12e6 24%);border-color:#fff31f85}html[data-theme=neon] .rank-number,html[data-theme=neon] .rank-stats strong{color:var(--yellow)}html[data-theme=neon] .rank-image{background:var(--panel);border-color:#6d43e9;border-radius:6px}html[data-theme=neon] .rank-card-info strong{color:#fff}@media (max-width:650px){.ink-list-shell,.rankings-shell{width:calc(100% - 14px);padding-top:7px}.site-nav{min-height:44px;margin-bottom:12px;padding-left:7px}.brand-spark{width:28px;height:28px;font-size:.95rem}.wordmark-copy{font-size:.68rem}.wordmark-copy small{font-size:.47rem}.nav-actions{gap:5px}.theme-toggle button{min-width:35px;padding:5px 4px;font-size:.58rem}.nav-link{padding:8px;font-size:.61rem}.ink-list-header,.rankings-header{margin-bottom:12px;padding:18px 12px 14px}h1{font-size:clamp(1.85rem,10vw,2.8rem)}.ink-list-header>p:last-child,.rankings-header>p:last-child{font-size:.8rem}.battle{grid-template-columns:minmax(0,1fr) 36px minmax(0,1fr);padding:12px 7px}.versus span{border-width:3px;width:34px;height:34px;font-size:.64rem}.card-frame{padding:3px}.card-frame img{width:calc(100% - 6px)!important;height:calc(100% - 6px)!important;inset:3px!important}.card-name{font-size:.82rem}.card-meta,.pick-cue,.keyboard-hint{display:none}.decision-panel{margin-top:13px}.about-strip{margin-top:26px;padding:18px 14px}.ranking-list{padding:7px}.ranking-row{grid-template-columns:31px 45px minmax(0,1fr);gap:8px;padding:7px}.rank-image{width:43px}.rank-stats{text-align:left;flex-flow:wrap;grid-column:3;align-items:baseline;gap:6px}.rank-stats span{display:none}.rank-card-info small{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}html[data-theme=neon] .site-nav{margin-bottom:20px}html[data-theme=neon] .brand-spark{width:36px;height:36px;font-size:1.2rem}html[data-theme=neon] .nav-link{padding:8px 9px}html[data-theme=neon] .ink-list-header,html[data-theme=neon] .rankings-header{margin-bottom:20px;padding:0}html[data-theme=neon] .ink-list-header:before,html[data-theme=neon] .rankings-header:before{display:none}html[data-theme=neon] h1{font-size:clamp(2rem,10.5vw,3.1rem)}html[data-theme=neon] .battle,html[data-theme=neon] .ranking-list{padding:0}}@media (max-width:430px){.wordmark-copy{max-width:92px}.nav-link{text-align:center;max-width:75px;line-height:1.05}}.card-artist,.card-provenance{text-align:center;max-width:320px;margin-top:4px;font-size:.66rem;line-height:1.25}.card-artist{color:#344c75;font-weight:700}.card-provenance{color:#174f9e}html[data-theme=neon] .card-artist{color:var(--muted)}html[data-theme=neon] .card-provenance{color:var(--yellow)}.community-stats{border:1px solid var(--border);background:var(--panel);max-width:620px;box-shadow:var(--shadow);grid-template-columns:repeat(3,minmax(0,1fr));margin:-1px auto 18px;display:grid}.community-stat{text-align:center;justify-content:center;align-items:center;gap:8px;min-width:0;padding:11px 16px;display:flex}.community-stat+.community-stat{border-left:1px solid #c4cede}.community-stat strong{color:var(--navy);font:900 1.15rem var(--display)}.community-stat span{color:#31558d;text-transform:uppercase;letter-spacing:.04em;font-size:.65rem;font-weight:800}html[data-theme=neon] .community-stats{border-color:var(--border);background:#0a0b12d1;border-radius:16px}html[data-theme=neon] .community-stat+.community-stat{border-color:var(--border)}html[data-theme=neon] .community-stat strong{color:var(--yellow)}html[data-theme=neon] .community-stat span{color:var(--muted)}@media (max-width:520px){.community-stats{margin-bottom:12px}.community-stat{padding:9px 4px;display:block}.community-stat strong,.community-stat span{display:block}.community-stat strong{font-size:.95rem}.community-stat span{margin-top:2px;font-size:.52rem}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}