.club-guide { position:fixed; inset:auto 20px 20px auto; z-index:1800; margin:0; padding:0; border:0; width:min(440px,calc(100vw - 40px)); max-height:calc(100dvh - 40px); overflow:visible; color:#f3eddc; background:transparent; font:16px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; pointer-events:auto; }
.club-guide[hidden] { display:none!important; }
.club-guide::backdrop { background:transparent; pointer-events:none; }
.club-guide-card { border:1px solid #cdb47b80; border-radius:16px; background:#192b23f5; box-shadow:0 14px 55px #0008; max-height:calc(100dvh - 40px); overflow:auto; overscroll-behavior:contain; }
.club-guide-card>header { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; padding:18px 18px 12px; }
.club-guide-card header span { display:block; color:#d6bd84; font-size:14px; }
.club-guide-card h2 { font:25px/1.2 Georgia,serif; margin:5px 0 0; color:#f6e6bd; }
.club-guide-header-actions { display:flex; gap:5px; flex:none; }
.club-guide button { min-height:44px; border:1px solid #b6c7a841; border-radius:8px; padding:9px 12px; font:15px/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; color:#e7ebd9; background:#d7e8bd0b; cursor:pointer; }
.club-guide button:focus-visible { outline:3px solid #f4c985; outline-offset:2px; }
.club-guide button:hover:not(:disabled) { border-color:#dfbc7f; background:#d7e8bd18; }
.club-guide button:disabled { opacity:.42; cursor:default; }
.club-guide-header-actions button { min-width:44px; padding:7px; font-size:24px; line-height:1; }
.club-guide-content { padding:0 18px 16px; }
.club-guide-content>p { margin:0 0 13px; font-size:16px; line-height:1.65; color:#e0e8d5; }
.club-guide-content .club-guide-note { font-size:14px; color:#b9cab7; border-left:2px solid #d2b27a; padding-left:11px; }
.club-guide-content .club-guide-context { font-size:15px; color:#f0d3a1; }
.club-guide-links { display:flex; flex-wrap:wrap; gap:7px; margin:14px 0; }
.club-guide-links button { font-size:14px; }
.club-guide-content .club-guide-status { font-size:14px; color:#d8c291; min-height:1.6em; margin:4px 0 12px; }
.club-guide-card footer { display:flex; flex-wrap:wrap; gap:7px; }
.club-guide-card footer button { flex:1; white-space:nowrap; }
.club-guide-card footer .club-guide-open { flex:1.4; }
.club-guide-card footer .club-guide-next { color:#18291f; border-color:#e4c580; background:#e4c580; font-weight:600; }
.club-guide[data-folded="true"] { width:min(360px,calc(100vw - 40px)); }
.club-guide[data-folded="true"] .club-guide-card>header { padding-bottom:18px; }
@media(max-width:600px) { .club-guide { inset:auto 10px 10px 10px; width:auto; max-height:55dvh; }.club-guide-card { max-height:55dvh; }.club-guide-card>header { padding:15px 15px 10px; }.club-guide-card h2 { font-size:23px; }.club-guide-content { padding:0 15px 15px; }.club-guide[data-folded="true"] { width:auto; }.club-guide-content>p { font-size:16px; }.club-guide-card footer button { font-size:15px; } }