
:root{--wr-ink:#0f1a3c;--wr-blue:#1f4fe0;--wr-muted:#5b6684;--wr-line:#d3dae8}
body.wr-guide{background:#eaeff6;color:var(--wr-ink);font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo",sans-serif;line-height:1.7}
.wr-guide main{max-width:1120px;padding:0 28px 56px;margin:auto}.wr-guide a{color:var(--wr-blue)}
.wr-guide .wr-mast{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:22px 0;border-bottom:1px solid #cdd6e5;font-size:13px}.wr-mast .wr-brand{display:flex;align-items:center;gap:9px;font-size:22px;font-weight:900;letter-spacing:-1px;color:var(--wr-ink);text-decoration:none;white-space:nowrap}.wr-brand img{width:35px;height:35px;object-fit:contain}.wr-nav{display:flex;gap:20px;align-items:center}.wr-nav a{text-decoration:none;font-weight:700;color:var(--wr-muted)}
.wr-guide .hero{max-width:none;display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:35px;align-items:center;padding:38px 0 30px}.wr-guide .eyebrow{color:var(--wr-blue);font-size:11px;letter-spacing:.08em;font-weight:800}.wr-guide h1{font-size:clamp(28px,3.5vw,42px);line-height:1.25;letter-spacing:-.055em;margin:10px 0 14px}.wr-guide h1 em{color:var(--wr-blue)}.wr-guide .hero p{font-size:15px;color:var(--wr-muted);max-width:610px}.wr-guide .hero .small{font-size:12px}.wr-guide .wr-cover{margin:0;display:block;text-decoration:none;background:white;border:1px solid var(--wr-line);border-radius:18px;overflow:hidden;box-shadow:0 8px 24px #0f1a3c09;transform:rotate(1deg)}.wr-cover img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}.wr-cover span{display:flex;justify-content:space-between;padding:10px 14px;font-size:13px;font-weight:800;color:var(--wr-ink)}.wr-cover b{color:var(--wr-blue)}
.wr-guide .card,.wr-guide .searchbox,.wr-guide .term{border:1px solid var(--wr-line);border-radius:16px;box-shadow:0 3px 12px #0f1a3c03;background:white}.wr-guide .card{padding:26px 30px;margin:18px 0}.wr-guide h2{font-size:22px;letter-spacing:-.04em}.wr-guide h3{font-size:17px}.wr-guide .button{background:var(--wr-blue);color:white;border-radius:9px;font-size:14px;padding:11px 17px;min-height:44px;border:1px solid transparent}.wr-guide .button.secondary{background:#edf2ff;color:var(--wr-blue);border-color:#d8e1fc}.wr-guide input{border:1px solid #b8c6df;border-radius:10px;background:#fafcff;color:var(--wr-ink)}.wr-guide input:focus{outline:3px solid #1f4fe025;border-color:var(--wr-blue)}
.wr-guide .searchbox{padding:22px;border-top:3px solid var(--wr-blue)}.wr-guide .filters button{font-size:13px;border-radius:8px}.wr-guide .filters button[aria-pressed=true]{background:var(--wr-ink);border-color:var(--wr-ink);color:white}.wr-guide .terms{gap:14px}.wr-guide .term{padding:22px}.wr-guide .term h2{margin-top:12px;font-size:24px}.wr-guide .tag{color:var(--wr-blue);background:#edf2ff}.wr-guide .meaning{min-height:65px;color:#33405f}.wr-guide .example{background:#f3f6fb;border:0;border-radius:10px;padding:13px 14px}.wr-guide .example span{color:var(--wr-muted);font-size:11px}.wr-guide .example p:last-child{margin-bottom:0;color:var(--wr-ink);font-weight:600}.wr-guide .count{color:var(--wr-muted)}
.wr-guide .bridge,.wr-guide .card.game{background:var(--wr-ink);color:white;border-color:var(--wr-ink);border-radius:16px}.wr-guide .bridge p,.wr-guide .card.game p{color:#c6d1e9}.wr-guide .game .tag{color:#bcd0ff;background:transparent}.wr-guide .game .button,.wr-guide .bridge .cta{background:white;color:var(--wr-ink)}.wr-guide .game .secondary{background:#26395f;color:white;border-color:#516187}.wr-guide .game-card{border:1px solid var(--wr-line);border-radius:13px;color:var(--wr-ink)}.wr-guide .game-card strong{color:var(--wr-blue)}.wr-guide .fact{background:var(--wr-ink);border-radius:14px}.wr-guide .fact span{color:#c6d1e9}.wr-guide .note{background:#f3f6fb;border-left-color:var(--wr-blue)}.wr-guide .foot,.wr-guide footer{font-size:12px;color:var(--wr-muted);border-top:1px solid var(--wr-line);padding-top:20px}.wr-guide th{color:var(--wr-muted);background:#f3f6fb}.wr-guide td,.wr-guide th{border-color:#e3e9f2}.wr-guide a:focus-visible,.wr-guide button:focus-visible{outline:3px solid #efaE00;outline-offset:3px}
@media(hover:hover){.wr-cover:hover{transform:translateY(-3px);box-shadow:0 10px 28px #0f1a3c16}.wr-guide .game-card:hover{border-color:#1f4fe0}.wr-nav a:hover{text-decoration:underline}}
@media(max-width:760px){.wr-guide main{padding:0 18px 36px}.wr-guide .hero{grid-template-columns:1fr 210px;gap:18px}.wr-guide h1{font-size:30px}.wr-guide .wr-mast{padding:16px 0}.wr-mast .wr-brand{font-size:19px}.wr-nav{gap:14px}.wr-guide .card{padding:22px}.wr-guide .terms{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:540px){.wr-guide .hero{grid-template-columns:1fr;padding:26px 0 22px;gap:16px}.wr-guide .wr-cover{display:grid;grid-template-columns:110px 1fr;transform:none;border-radius:12px}.wr-cover img{height:78px;aspect-ratio:auto}.wr-cover span{align-items:center;gap:8px;padding:12px;font-size:13px}.wr-guide h1{font-size:32px}.wr-guide .hero p{font-size:14px}.wr-guide .terms{grid-template-columns:1fr}.wr-guide .meaning{min-height:0}.wr-guide .wr-nav a{font-size:12px}.wr-guide .wr-brand img{width:29px;height:29px}.wr-guide .searchbox{padding:17px}.wr-guide .card{padding:20px}.wr-guide .term h2{font-size:23px}}
