html[data-game="9-kings"]{--accent:#e8bd52;--lp-accent:#e8bd52!important;--lp-accent-ink:#16110a!important;--lp-accent-text:#e8bd52!important}html:not(#z)[data-game="9-kings"] img[src^="/9-kings/"],html:not(#z)[data-game="9-kings"] img[src^="/characters/9-kings/"]{image-rendering:pixelated}html:not(#z)[data-game="9-kings"] .grid:has(>.card>.art>img[src^="/9-kings/cards/"]){grid-template-columns:repeat(auto-fill,246px);justify-content:center;gap:22px 16px}html:not(#z)[data-game="9-kings"] .card:has(>.art>img[src^="/9-kings/cards/"]){background:var(--khb) 0 100% / 246px 81px no-repeat, var(--kht) 0 0 / 246px 300px no-repeat, var(--khm) 0 0 / 246px 3px repeat-y;width:246px;min-height:384px;image-rendering:pixelated;filter:drop-shadow(0 6px #00000059);border:0;border-radius:0;padding:0;transition:transform .1s steps(2,end);display:block;position:relative}html:not(#z)[data-game="9-kings"] .card:has(>.art>img[src^="/9-kings/cards/"]):hover{transform:translateY(-6px)}html:not(#z)[data-game="9-kings"] .card:has(>.art>img[src^="/9-kings/cards/"]):target{box-shadow:none;filter:drop-shadow(0 0 6px var(--accent))}html:not(#z)[data-game="9-kings"] .card>.art:has(>img[src^="/9-kings/cards/"]){background:0 0;border-radius:0;width:189px;height:147px;position:absolute;top:63px;left:30px;overflow:visible}html:not(#z)[data-game="9-kings"] .card>.art>img[src^="/9-kings/cards/"]{object-fit:fill;width:189px;max-width:none;height:147px;max-height:none}html:not(#z)[data-game="9-kings"] .card:has(>.art>img[src^="/9-kings/cards/"]):before{content:"";z-index:1;background:var(--kt) center / 26px no-repeat;width:30px;height:30px;position:absolute;top:214px;left:27px}html:not(#z)[data-game="9-kings"] .card>.art:has(>img[src^="/9-kings/cards/"])>.rarity{color:var(--kr);letter-spacing:.04em;text-transform:uppercase;background:#1b1714;border-radius:0;padding:3px 5px 2px;font:400 9px/1 Silkscreen,monospace;top:157px;bottom:auto;right:-3px;box-shadow:2px 2px #00000073}html:not(#z)[data-game="9-kings"] .card>.art:has(>img[src^="/9-kings/cards/"])+.info{gap:0;padding:252px 33px 34px}html:not(#z)[data-game="9-kings"] .card>.art:has(>img[src^="/9-kings/cards/"])+.info .name{white-space:nowrap;text-overflow:ellipsis;letter-spacing:.03em;height:24px;color:var(--kp);text-shadow:2px 2px #00000059;justify-content:center;align-items:center;font:400 12px/1 Silkscreen,monospace;display:flex;position:absolute;top:24px;left:30px;right:30px;overflow:hidden}html:not(#z)[data-game="9-kings"] .card>.art:has(>img[src^="/9-kings/cards/"])+.info .desc{color:var(--kx);margin:0;font-size:.8rem;line-height:1.38}html:not(#z)[data-game="9-kings"] .card>.art:has(>img[src^="/9-kings/cards/"])+.info .back-link{color:var(--kx);text-underline-offset:2px;margin-top:6px;font-size:.74rem;text-decoration:underline}html:not(#z)[data-game="9-kings"] :is(.card__art,.portrait-wrap,.tl-tile__art){box-shadow:none;background:0 0;border:0;border-radius:0;outline:0;position:relative;overflow:visible}html:not(#z)[data-game="9-kings"] .card__art{aspect-ratio:345/513;width:80%;margin:4px auto 2px}html:not(#z)[data-game="9-kings"] :is(.card__art,.tl-tile__art) img{object-fit:contain;image-rendering:auto;width:100%;max-width:none;height:100%;max-height:none}html:not(#z)[data-game="9-kings"] :is(.card__art,.portrait-wrap) img{filter:drop-shadow(0 6px #00000059);transition:transform .1s steps(2,end)}html:not(#z)[data-game="9-kings"] :is(.card__art,.portrait-wrap):after{content:"";image-rendering:pixelated;opacity:0;pointer-events:none;background:url(/9-kings/king-outline.png) 50%/100% 100% no-repeat;transition:opacity .1s step-end;position:absolute;inset:-1.5% -.5%}html:not(#z)[data-game="9-kings"] a.card:hover .card__art:after,html:not(#z)[data-game="9-kings"] .portrait-wrap:hover:after{opacity:1}html:not(#z)[data-game="9-kings"] a.card:hover .card__art img{transform:translateY(-4px)}html:not(#z)[data-game="9-kings"] a.card:hover .card__art:after{translate:0 -4px}html:not(#z)[data-game="9-kings"] a.card:hover{border-color:var(--kc,var(--accent))}html:not(#z)[data-game="9-kings"] .portrait-wrap{margin:6px;padding:0}html:not(#z)[data-game="9-kings"] .portrait-wrap .portrait{object-fit:fill;width:230px;height:342px}html:not(#z)[data-game="9-kings"] .tl-tile__art{width:80px;height:119px}html:not(#z)[data-game="9-kings"] .L-hero:before{content:"";z-index:1;aspect-ratio:1557/719;filter:drop-shadow(0 20px 30px #0009);background:url(/9-kings/hand.webp) 50%/contain no-repeat;width:min(56vw,820px);position:absolute;bottom:120px;right:max(-40px,2vw)}@media (width<=780px){html:not(#z)[data-game="9-kings"] .L-hero:before{opacity:.35;width:92vw;bottom:30px;right:-12vw}}html:not(#z)[data-game="9-kings"] .L-card:not(.L-card--team) .L-card__art img{object-fit:contain;image-rendering:auto;filter:drop-shadow(0 6px #00000059);width:calc(100% - 28px);height:calc(100% - 68px);position:absolute;inset:14px 14px 54px}html:not(#z)[data-game="9-kings"] .L-card:not(.L-card--team){width:160px;height:238px;box-shadow:none;background:0 0;border:0;border-radius:0;overflow:visible}html:not(#z)[data-game="9-kings"] .L-card:not(.L-card--team) .L-card__art{background:0 0;overflow:visible}html:not(#z)[data-game="9-kings"] .L-card:not(.L-card--team) .L-card__art img{width:100%;height:100%;padding:0;inset:0}html:not(#z)[data-game="9-kings"] .L-card:not(.L-card--team)[data-pos=c] .L-card__art:after{content:"";image-rendering:pixelated;pointer-events:none;background:url(/9-kings/king-outline.png) 50%/100% 100% no-repeat;position:absolute;inset:-1.5% -.5%}html:not(#z)[data-game="9-kings"] .L-card:not(.L-card--team) .L-card__foot{white-space:nowrap;opacity:0;background:0 0;padding:8px 0 0;transition:opacity .3s;top:100%;bottom:auto}html:not(#z)[data-game="9-kings"] .L-card:not(.L-card--team)[data-pos=c] .L-card__foot{opacity:1}html:not(#z)[data-game="9-kings"] #roster.grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:34px 26px;max-width:1120px;margin-top:26px}html:not(#z)[data-game="9-kings"] #roster.grid a.card{background:0 0;border:0;gap:12px;padding:0}html:not(#z)[data-game="9-kings"] #roster.grid .card__art{width:100%;margin:0}html:not(#z)[data-game="9-kings"] #roster.grid a.card:hover .card__art img{transform:translateY(-8px)}html:not(#z)[data-game="9-kings"] #roster.grid a.card:hover .card__art:after{translate:0 -8px}html:not(#z)[data-game="9-kings"] #roster.grid .card__name{font:500 18px/1.15 var(--f-display);letter-spacing:.06em;text-transform:uppercase}@media (width<=1000px){html:not(#z)[data-game="9-kings"] #roster.grid{gap:22px 14px}html:not(#z)[data-game="9-kings"] #roster.grid .card__name{font-size:14px}}@media (width<=640px){html:not(#z)[data-game="9-kings"] #roster.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 18px}html:not(#z)[data-game="9-kings"] #roster.grid .card__name{font-size:15px}}
