*{box-sizing:border-box}html{background:#080808;color:#f7f2e7;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}body{margin:0;min-height:100vh;background:radial-gradient(circle at 50% -10%,#30260c 0,#0c0c0c 32%,#080808 70%);padding-bottom:74px}.topbar{position:sticky;top:0;z-index:30;height:68px;padding:0 14px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;background:rgba(8,8,8,.94);border-bottom:1px solid #3b3014;backdrop-filter:blur(12px)}.back-game,.support-link,.brand{color:#fff;text-decoration:none}.back-game,.support-link{font-size:11px;font-weight:900;border:1px solid #786019;border-radius:999px;padding:9px 11px;width:max-content}.support-link{justify-self:end}.brand{display:flex;align-items:center;gap:9px}.mark{width:35px;height:35px;display:grid;place-items:center;border-radius:11px;background:#181409;border:1px solid #705815}.brand strong,.brand small{display:block}.brand strong{font-size:13px}.brand small{font-size:9px;color:#999288;margin-top:1px}.shell{width:min(100%,820px);margin:0 auto;padding:16px 14px 40px}.hero{border:1px solid #695317;border-radius:22px;background:linear-gradient(145deg,#18150d,#101010);padding:22px;box-shadow:0 22px 50px rgba(0,0,0,.28)}.eyebrow{font-size:10px;letter-spacing:.11em;color:#ffbf19;font-weight:950}.hero h1{font-size:clamp(28px,7vw,42px);line-height:1.04;margin:8px 0}.hero p{color:#aaa398;line-height:1.55;margin:0}.hero-note{margin-top:14px;border-left:3px solid #ffbf19;padding:11px 13px;background:#14120c;color:#d4ccbe;border-radius:0 12px 12px 0;line-height:1.5;font-size:13px}.updated{display:block;color:#777168;margin-top:12px}.card-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.topic-card{display:flex;align-items:center;gap:12px;min-height:104px;padding:15px;border:1px solid #6d5617;border-radius:18px;background:#0e0e0e;color:#fff;text-decoration:none}.topic-card:hover{border-color:#c19017}.topic-icon{width:38px;height:38px;flex:0 0 auto;display:grid;place-items:center;border-radius:11px;background:#211b0c;border:1px solid #715916;color:#ffca32;font-weight:950}.topic-copy{min-width:0;flex:1}.topic-copy strong,.topic-copy small{display:block}.topic-copy strong{font-size:14px}.topic-copy small{color:#979086;font-size:11px;line-height:1.35;margin-top:5px}.chev{font-size:22px;color:#d6ae36}.content-stack{display:grid;gap:11px;margin-top:14px}.content-card{border:1px solid #373127;border-radius:18px;background:#111;padding:18px}.content-card h2{font-size:16px;margin:0 0 12px;color:#fff}.content-card p{color:#aaa398;line-height:1.6;margin:0 0 12px}.content-card ul{list-style:none;padding:0;margin:0;display:grid;gap:10px}.content-card li{position:relative;padding-left:22px;color:#ccc4b8;line-height:1.5;font-size:13px}.content-card li:before{content:'✓';position:absolute;left:0;top:0;color:#ffc21e;font-weight:950}.authority{margin-top:14px;border:1px solid #42391f;border-radius:16px;padding:15px;background:#12110d}.authority strong{display:block;color:#ffd25b;font-size:12px}.authority p{margin:6px 0 0;color:#8f897f;font-size:11px;line-height:1.5}.link-card,.official-links{margin-top:14px}.link-card{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px;border:1px solid #403722;border-radius:16px;background:#111}.link-card strong{display:block;margin-top:3px;font-size:13px}.link-card a,.official-links a{color:#0b0b0b;background:#ffbf19;text-decoration:none;border-radius:11px;padding:10px 13px;font-weight:950;font-size:11px}.official-links{display:grid;gap:8px}.official-links a{display:flex;justify-content:space-between;align-items:center;color:#f7f2e7;background:#111;border:1px solid #51421a}.bottom-actions{display:flex;gap:9px;margin-top:14px}.primary,.secondary{flex:1;text-align:center;text-decoration:none;border-radius:14px;padding:14px 12px;font-weight:950;font-size:12px}.primary{background:#ffbf19;color:#0b0b0b}.secondary{background:#0e0e0e;color:#fff;border:1px solid #655116}.sticky-return{position:fixed;left:12px;right:12px;bottom:10px;z-index:40;text-align:center;text-decoration:none;background:#ffbf19;color:#0a0a0a;border:1px solid #ffd66b;border-radius:15px;padding:13px;font-size:12px;font-weight:950;box-shadow:0 14px 38px rgba(0,0,0,.45)}footer{text-align:center;color:#706b63;font-size:10px;line-height:1.6;padding:12px 16px 30px}@media(max-width:620px){.topbar{grid-template-columns:auto 1fr auto}.brand{justify-self:center}.back-game span{display:none}.card-grid{grid-template-columns:1fr 1fr}.rules-grid{grid-template-columns:1fr}.topic-card{min-height:112px;padding:14px}.bottom-actions{flex-direction:column}}@media(max-width:420px){.shell{padding-left:10px;padding-right:10px}.hero{padding:18px}.card-grid{gap:8px}.topic-card{min-height:124px;align-items:flex-start;flex-wrap:wrap}.topic-copy{flex-basis:calc(100% - 54px)}.chev{display:none}.support-link{padding:8px 9px}}