:root{color-scheme:light;--page:#eef2fa;--white:#fff;--ink:#12172a;--muted:#535c70;--line:#dde3ef;--blue:#1846d6;--blue-d:#0f2f9e;--red:#d4112f;--gold:#f2b705;--tab:#0d1020;--g1:#fff6bf;--g2:#f7c531;--g3:#b97a06;--answer:#fff8d6;--disp:"DelaSubset", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, system-ui, sans-serif;--body:"Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic UI", "Yu Gothic", YuGothic, "Noto Sans JP", "Noto Sans CJK JP", Meiryo, system-ui, sans-serif}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--page);color:var(--ink);font-family:var(--body);margin:0;font-size:16px;line-height:1.75}img{max-width:100%;height:auto}a{color:var(--blue)}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--gold);outline-offset:2px}[data-disp]{font-family:var(--disp);font-weight:400}.wrap{max-width:1160px;margin:0 auto;padding-inline:16px}.skip{background:var(--white);z-index:10;padding:8px 12px;position:absolute;top:0;left:-9999px}.skip:focus{left:8px}.vh{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.hd{background:var(--white)}.hd .wrap{justify-content:space-between;align-items:center;gap:12px;padding-block:12px;display:flex}.logo{color:var(--ink);align-items:center;gap:8px;font-size:1.45rem;line-height:1;text-decoration:none;display:flex}.logo i{color:var(--red);font-style:normal}.logo b{color:var(--blue);font-weight:400}.logo small{font-family:var(--body);color:var(--white);background:var(--red);border-radius:4px;padding:3px 7px;font-size:.7rem;font-weight:800}.tabs{background:var(--tab)}.tabs ul{scrollbar-width:none;gap:2px;margin:0 auto;padding-block:0;list-style:none;display:flex;overflow-x:auto}.tabs a{color:#c9cfe0;white-space:nowrap;padding:10px 16px;font-size:.92rem;font-weight:700;text-decoration:none;display:block}.tabs a[aria-current=page],.tabs a.on{background:var(--white);color:var(--ink);border-radius:6px 6px 0 0}.hero{background:var(--blue);color:var(--white);position:relative;overflow:hidden}.hero:before,.art-hero:before{content:"";pointer-events:none;position:absolute;inset:0}.hero:before{background:linear-gradient(115deg, transparent 0 58%, var(--red) 58% 61%, transparent 61% 64%, #ffffff1f 64% 66%, transparent 66%), repeating-linear-gradient(115deg, #ffffff0d 0 2px, transparent 2px 22px)}.hero .wrap{grid-template-columns:1.2fr .8fr;align-items:end;gap:12px;min-height:360px;display:grid;position:relative}.hero-copy{align-content:center;align-self:center;gap:14px;padding-block:40px;display:grid}.kicker{background:var(--gold);color:var(--ink);letter-spacing:.04em;border-radius:4px;justify-self:start;padding:3px 10px;font-size:.8rem;font-weight:800;display:inline-block}.hero h1{text-wrap:balance;text-shadow:0 3px 0 var(--blue-d);margin:0;font-size:clamp(1.9rem,4.6vw,3.2rem);line-height:1.25}.hero h1 em{color:var(--gold);font-style:normal}.hero p{color:#e4eaff;max-width:34em;margin:0}.btns{flex-wrap:wrap;gap:10px;display:flex}.btn{border-radius:999px;align-items:center;gap:8px;padding:12px 20px;font-size:.95rem;font-weight:800;text-decoration:none;display:inline-flex}.btn.red{background:var(--red);color:var(--white);box-shadow:0 4px #8f0c22}.btn.white{background:var(--white);color:var(--blue);box-shadow:0 4px 0 var(--blue-d)}.hero-art{place-self:end center}.hero-art img{width:min(400px,100%);height:auto;display:block}.quick{z-index:2;margin-top:-28px;position:relative}.quick ul{background:var(--white);border-radius:16px;grid-template-columns:repeat(8,1fr);gap:8px;margin:0;padding:14px;list-style:none;display:grid;box-shadow:0 8px 24px #12172a1f}.quick a{color:var(--ink);text-align:center;border-radius:10px;justify-items:center;gap:6px;padding:8px 4px;font-size:.78rem;font-weight:800;text-decoration:none;display:grid}.quick a:hover{background:var(--page)}.ic{width:46px;height:46px;color:var(--white);border-radius:50%;place-items:center;font-size:1.05rem;display:grid}.ic.b{background:var(--blue)}.ic.r{background:var(--red)}.ic.k{background:var(--ink)}.ic.g{background:var(--gold);color:var(--ink)}.gold{background:linear-gradient(180deg, var(--g1) 0%, var(--g2) 45%, var(--g3) 52%, var(--g2) 100%);color:#0000;-webkit-text-stroke:1px #7a4f00;filter:drop-shadow(0 2px #3b2600);font-variant-numeric:tabular-nums;-webkit-background-clip:text;background-clip:text}.band{background:var(--tab);color:var(--white);border-radius:16px;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:28px;padding:22px;display:grid}.stat{gap:2px;min-width:0;display:grid}.stat .lbl{color:#c9cfe0;font-size:.85rem;font-weight:800}.stat .gold{font-size:clamp(1.8rem,4vw,2.6rem);line-height:1.2}.stat .gold small{font-size:.5em}.stat .sub{color:#a7b0c8;font-size:.8rem}.sec{margin-top:36px}.sec-h{border-bottom:3px solid var(--ink);justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:16px;padding-bottom:6px;display:flex}.sec-h h2{align-items:center;gap:10px;margin:0;font-size:1.4rem;display:flex}.sec-h h2:before{content:"";background:var(--red);width:10px;height:22px;transform:skew(-18deg)}.sec-h a{color:var(--blue);font-size:.85rem;font-weight:800;text-decoration:none}.tiles{grid-template-columns:repeat(4,1fr);gap:14px;margin:0;padding:0;list-style:none;display:grid}.tile{background:var(--white);color:var(--ink);box-shadow:0 2px 0 var(--line);border-radius:12px;flex-direction:column;min-width:0;height:100%;text-decoration:none;display:flex;overflow:hidden}.thumb{aspect-ratio:16/10;place-items:center;display:grid;position:relative;overflow:hidden}.thumb .big{color:var(--white);text-shadow:0 3px #00000040;z-index:1;font-size:2.3rem;line-height:1;position:relative}.thumb .cat{background:var(--white);color:var(--ink);z-index:1;border-radius:4px;padding:2px 8px;font-size:.7rem;font-weight:800;position:absolute;top:8px;left:8px}.t-blue{background:linear-gradient(135deg,#2a5cf0,#1238b0)}.t-red{background:linear-gradient(135deg,#f35,#b30c2a)}.t-ink{background:linear-gradient(135deg,#2a3150,#0d1020)}.t-gold{background:linear-gradient(135deg,#ffd34d,#c98600)}.t-green{background:linear-gradient(135deg,#19a55a,#0b6a37)}.thumb:after{content:"";background:repeating-linear-gradient(115deg,#ffffff14 0 2px,#0000 2px 16px);position:absolute;inset:0}.tile .tt{gap:4px;padding:10px 12px 12px;display:grid}.tile b{font-size:.95rem;line-height:1.45}.tile .m{color:var(--muted);font-size:.75rem}.tip{background:var(--white);border:3px solid var(--blue);border-radius:16px;grid-template-columns:110px 1fr;align-items:end;gap:6px;margin:1.6em 0;display:grid;overflow:hidden}.tip img{align-self:end;width:110px;height:auto;display:block}.tip div{padding:14px 16px 16px 4px}.tip .who{color:var(--white);background:var(--blue);border-radius:999px;margin-bottom:4px;padding:2px 10px;font-size:.78rem;font-weight:800;display:inline-block}.tip p{margin:0;font-size:.95rem}.art-hero{background:var(--blue);color:var(--white);position:relative;overflow:hidden}.art-hero:before{background:linear-gradient(115deg, transparent 0 70%, var(--red) 70% 72%, transparent 72%), repeating-linear-gradient(115deg, #ffffff0d 0 2px, transparent 2px 22px)}.art-hero .wrap{gap:8px;padding-block:18px 24px;display:grid;position:relative}.crumbs ol{color:#d3dcff;flex-wrap:wrap;gap:4px;margin:0;padding:0;font-size:.78rem;list-style:none;display:flex}.crumbs li+li:before{content:"›";margin-right:4px}.crumbs a{color:#fff}.art-hero h1{text-wrap:balance;text-shadow:0 3px 0 var(--blue-d);margin:0;font-size:clamp(1.6rem,4vw,2.5rem);line-height:1.3}.meta{color:#e4eaff;flex-wrap:wrap;gap:4px 14px;font-size:.8rem;display:flex}.meta a{color:#fff}.hand{flex-wrap:wrap;gap:8px;margin:4px 0;padding:0;list-style:none;display:flex}.pc{aspect-ratio:5/7;background:var(--white);width:46px;color:var(--ink);text-align:center;border-radius:6px;place-items:center;font-weight:800;line-height:1.05;display:grid;box-shadow:0 3px #00000040}.pc .suit-r{color:var(--red)}.layout{grid-template-columns:minmax(0,1fr) 300px;gap:24px;margin-top:24px;display:grid}.article{background:var(--white);border-radius:16px;min-width:0;padding:24px clamp(16px,3vw,36px) 36px}.answer{background:var(--answer);border:3px solid var(--gold);border-radius:12px;margin:0 0 1.2em;padding:14px 16px;font-size:1.02rem;font-weight:700}.article h2{background:var(--ink);color:var(--white);border-left:8px solid var(--red);text-wrap:balance;border-radius:8px;margin:1.9em 0 .7em;padding:8px 14px;font-size:1.32rem;line-height:1.45}.article h3{border-bottom:2px dashed var(--line);margin:1.6em 0 .3em;padding-bottom:4px;font-size:1.08rem;font-weight:800}.article p,.article li{max-width:44em}.article a{font-weight:700}.tw{border:2px solid var(--ink);border-radius:12px;margin:1em 0;overflow-x:auto}.article table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;min-width:640px;font-size:.88rem;line-height:1.55}.article th,.article td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:9px 12px}.article thead th{background:var(--ink);color:var(--white);white-space:nowrap;font-weight:800}.article tbody tr:nth-child(2n) td{background:#f6f8fd}.cards{white-space:nowrap;font-weight:800}.suit-r{color:var(--red)}.side{align-content:start;gap:16px;display:grid}.box{background:var(--white);border-radius:16px;gap:8px;padding:16px;display:grid}.box h2{font-size:1rem;font-weight:800;font-family:var(--body);margin:0}.box ol,.box ul{gap:4px;margin:0;padding-left:1.3em;font-size:.88rem;display:grid}.box a{color:var(--ink);text-decoration:none}.box a:hover{text-decoration:underline}.odds{background:var(--tab);color:var(--white);text-align:center}.odds .gold{font-size:2rem;line-height:1.2}.odds small{color:#c9cfe0;font-size:.8rem}.faq dt{margin-top:1em;font-weight:800}.faq dd{margin:.2em 0 0}.next ul{padding-left:1.2em}.sources{color:var(--muted);font-size:.82rem}.sources a{font-weight:400}.dl-term dt{font-weight:800}.term-list{columns:2 240px;padding-left:1.2em}.ft{background:var(--tab);color:#c9cfe0;margin-top:40px;font-size:.82rem}.ft .wrap{gap:10px;padding-block:24px;display:grid}.ft b{color:var(--white)}.ft ul{flex-wrap:wrap;gap:6px 18px;margin:0;padding:0;list-style:none;display:flex}.ft a{color:#fff}@media (width<=900px){.hero .wrap{grid-template-columns:1fr;min-height:0}.hero-art{justify-self:end;margin-top:-40px}.hero-art img{width:220px}.quick ul{grid-template-columns:repeat(4,1fr)}.band{grid-template-columns:1fr}.tiles{grid-template-columns:repeat(2,1fr)}.layout{grid-template-columns:1fr}}@media (width<=480px){.tip{grid-template-columns:80px 1fr}.tip img{width:80px}}@media (prefers-reduced-motion:no-preference){.tile{transition:transform .15s}.tile:hover{transform:translateY(-3px)}}