:root{--game-nav-height:150px;--coffee-green:#40dca5}
.global-game-nav{position:sticky;top:0;z-index:35;display:flex;align-items:center;justify-content:center;gap:28px;padding:12px max(24px,calc((100vw - 1240px)/2));background:#111d28;border-block:1px solid #30444e;box-shadow:0 5px 16px #0003}
.global-selectors{display:grid;grid-template-columns:1fr 1fr;gap:14px;flex:1;max-width:740px;min-width:0}.global-selectors label{display:grid;gap:4px;min-width:0;font-size:.875rem;color:#d9e7ed}.global-selectors select{width:100%;min-width:0;min-height:44px;padding:8px 30px 8px 12px;border:1px solid #57727e;border-radius:9px;background:#0c111b;color:#f1f6fb;font:inherit;font-size:1rem}.global-selectors select:disabled{opacity:.55}.global-saved-links{display:flex;gap:12px}.global-saved{display:flex;align-items:center;gap:8px;max-width:190px;color:#e8f5f0;text-decoration:none;font-size:.875rem;line-height:1.25;min-height:48px;padding:8px;border-radius:8px}.global-saved svg{width:25px;height:25px;flex-shrink:0}.global-saved:hover,.global-saved[aria-current]{background:#254337;color:#8df3ca}
.global-game-nav :focus-visible,.coffee-button:focus-visible,.coffee-fixed:focus-visible{outline:3px solid #fff;outline-offset:4px}
.coffee-button,.coffee-fixed{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:2px solid #000;border-radius:12px;background:var(--coffee-green);color:#08291d!important;font-family:Lato,Arial,sans-serif;font-size:1rem;font-weight:750;text-decoration:none;min-height:48px;padding:13px 20px;line-height:1.35}.coffee-button:hover,.coffee-fixed:hover{background:#75edbf}.coffee-button>span:first-child,.coffee-fixed>span:first-child{font-size:1.7rem;line-height:1}
.coffee-fixed{position:fixed;right:18px;bottom:18px;z-index:40;box-shadow:0 5px 20px #0005;max-width:280px;font-size:.875rem;padding:10px 14px}
body{padding-bottom:90px}html{scroll-padding-top:calc(var(--game-nav-height) + 16px)}
.coffee-page{max-width:920px;margin:auto}.coffee-hero{border-bottom:1px solid #335345;padding:24px 0 36px}.coffee-hero h1{font-size:clamp(2.2rem,5vw,3.5rem);line-height:1.12;margin:12px 0 20px}.coffee-lead{font-size:1.25rem;max-width:650px;color:#dcece5;line-height:1.7;margin-bottom:26px}.coffee-story{max-width:780px;padding-top:16px}.coffee-story section{margin:30px 0}.coffee-story h2{font-size:1.45rem;line-height:1.4;color:#f1f8f5}.coffee-story p{font-size:1.0625rem;line-height:1.85;color:#c8d8d4}.coffee-free{padding:8px 24px;background:#152e27;border-inline-start:4px solid var(--coffee-green);border-radius:0 12px 12px 0}.coffee-legal{display:flex;flex-wrap:wrap;gap:14px;font-size:.9rem;line-height:1.5}.coffee-invite{display:flex;align-items:center;gap:18px;padding:20px 24px;border:1px solid #335345;border-radius:12px;margin:30px 0;background:#13251f}.coffee-invite>span{font-size:1.8rem}.coffee-invite p{flex:1;margin:0;font-size:1rem;line-height:1.6}.coffee-invite a{font-size:1rem;white-space:nowrap;color:#8df3ca}
.ball.random-number,.matrix-number.active.random-number,.lock-grid button.random-added{background:#40dca5!important;color:#08291d!important;border-color:#40dca5!important}.ball.manual-number,.matrix-number.active.manual-number{background:#f2f6fa!important;color:#0c111b!important;border:3px double #273c49!important}.lock-grid button[aria-pressed=true]{background:#f2f6fa!important;color:#0c111b!important;border:3px double #273c49!important}.selection-legend{display:flex;flex-wrap:wrap;gap:16px;font-size:.875rem;line-height:1.5;color:#d7e6e1;margin:15px 0}.selection-legend span{display:inline-flex;align-items:center;gap:7px}.selection-legend i{display:inline-block;width:16px;height:16px;border-radius:50%;background:#40dca5;border:1px solid #40dca5}.selection-legend span:last-child i{background:#f2f6fa;border:3px double #273c49}
@media(max-width:760px){.global-game-nav{position:fixed;inset:auto 0 0;display:flex;flex-direction:column;gap:6px;padding:10px 12px calc(8px + env(safe-area-inset-bottom));box-shadow:0 -5px 24px #0005}.global-selectors{width:100%;gap:10px;flex:none;max-width:none}.global-selectors label{font-size:.875rem}.global-selectors select{min-height:44px;font-size:1rem}.global-saved-links{width:100%;justify-content:center;gap:18px}.global-saved{flex:1;max-width:none;justify-content:center;min-height:42px;padding:5px 4px;font-size:.875rem}.global-saved svg{width:22px;height:22px}.coffee-fixed{bottom:calc(var(--game-nav-height) + 12px);right:12px;width:48px;height:48px;min-height:48px;padding:0;border-radius:50%}.coffee-fixed>span:last-child{display:none}body{padding-bottom:calc(var(--game-nav-height) + 78px)}html{scroll-padding-top:16px;scroll-padding-bottom:calc(var(--game-nav-height) + 70px)}.coffee-invite{flex-wrap:wrap;padding:18px;gap:10px}.coffee-invite p{flex-basis:calc(100% - 45px)}.coffee-invite a{margin-inline-start:42px;white-space:normal}.coffee-story p{font-size:1rem}.coffee-hero{padding-top:10px}.coffee-free{padding-inline:18px}}
@media(prefers-reduced-motion:reduce){.global-game-nav,.coffee-fixed{scroll-behavior:auto}}

button.global-saved{background:transparent;border:0;font-family:inherit;cursor:pointer}button.global-saved:disabled{opacity:.4;cursor:default}.global-saved-links{align-items:stretch}.global-saved{max-width:160px}.global-game-nav{gap:18px}@media(max-width:760px){.global-saved-links{gap:6px}.global-saved{flex-direction:column;gap:3px;max-width:none;min-width:0;text-align:center;flex-basis:0;font-size:.875rem;overflow-wrap:anywhere}}

@media(max-width:760px){.global-saved-links{box-sizing:border-box;padding-right:60px;min-height:66px}.coffee-fixed{bottom:calc(env(safe-area-inset-bottom) + 17px);right:12px;z-index:41}body{padding-bottom:calc(var(--game-nav-height) + 24px)}html{scroll-padding-bottom:calc(var(--game-nav-height) + 24px)}}