/* min */ :root{--green-dark:#1a2e1a;--green-mid:#2e7d32;--green-bright:#43a047;--green-light:#81c784;--gold:#f0c96a;--gold-dark:#c9a030;--cream:#fffef9;--felt:#0d1f0d;--felt-mid:#162616;--border:rgba(129,199,132,0.18);--font-display:'Playfair Display',Georgia,serif;--font-body:'DM Sans',system-ui,sans-serif}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--felt);color:var(--cream);overflow-x:hidden;min-height:100vh}
.nav{position:sticky;top:0;z-index:100;background:rgba(244,250,244,0.95);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid #c8dfc8;padding:0 2rem;display:flex;align-items:center;justify-content:space-between;height:68px}
.nav-logo{display:flex;flex-direction:column;line-height:1.1;text-decoration:none}.nav-logo-top{font-family:var(--font-display);font-size:20px;font-weight:700;color:#1a2e1a;letter-spacing:.3px}
.nav-logo-top em{color:var(--green-mid);font-style:normal}.nav-logo-sub{font-size:8px;color:#1a2e1a;letter-spacing:1.5px;font-style:italic;text-align:center;display:block;margin-top:2px}
.nav-logo-sub .suit-black{color:#1a1814}.nav-logo-sub .suit-red{color:#b8302a}.nav-links{display:flex;gap:28px;list-style:none;align-items:center;margin:0;padding:0}
.nav-links a{color:#4a6a4a;text-decoration:none;font-size:13px;font-weight:500;transition:color .2s;letter-spacing:.3px}.nav-links a:hover{color:var(--green-mid)}
.nav-links a[aria-current="page"]{color:var(--green-mid);font-weight:700}.nav-cta{background:var(--green-mid);color:#fff;border:0;padding:10px 22px;font-size:13px;font-weight:500;font-family:var(--font-body);border-radius:30px;cursor:pointer;transition:background .2s,transform .15s;letter-spacing:.3px}
.nav-cta:hover{background:var(--green-bright);transform:translateY(-1px)}.nav-hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:4px}
.nav-hamburger span{display:block;width:22px;height:2px;background:#1a2e1a;border-radius:2px;transition:all .3s}.cart-btn{position:relative;background:0;border:1px solid #c8dfc8;border-radius:30px;padding:7px 12px;font-size:12px;font-family:var(--font-body);color:#1a2e1a;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s;font-weight:500;white-space:nowrap;flex-shrink:0}
.cart-btn:hover{background:#e8f5e9;border-color:var(--green-mid)}.cart-count{background:var(--green-mid);color:#fff;font-size:10px;font-weight:700;width:18px;height:18px;border-radius:50%;display:none;align-items:center;justify-content:center}
.cart-count.visible{display:flex}.live-dot{width:8px;height:8px;background:#e53935;border-radius:50%;display:inline-block;animation:livePulse 1.5s ease-in-out infinite}
@keyframes livePulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}@media(max-width:1300px){.nav-links{display:none}
.nav-links.open{display:flex;flex-direction:column;position:absolute;top:68px;left:0;right:0;background:#f4faf4;border-bottom:1px solid #c8dfc8;padding:1rem 2rem;gap:16px;z-index:99}
.nav-hamburger{display:flex}}.page-header{padding:3rem 2rem 2rem;text-align:center;position:relative;overflow:hidden}.page-header::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0,rgba(46,125,50,0.2) 0,transparent 65%);pointer-events:none}
.header-eyebrow{display:inline-flex;align-items:center;gap:8px;background:rgba(229,57,53,0.15);border:1px solid rgba(229,57,53,0.4);color:#ef9a9a;font-size:10px;letter-spacing:3px;text-transform:uppercase;padding:5px 16px;border-radius:20px;margin-bottom:1.2rem}
.page-header h1{font-family:var(--font-display);font-size:clamp(32px,5vw,52px);font-weight:900;color:var(--cream);line-height:1.1;margin-bottom:.6rem}
.page-header h1 em{color:var(--gold);font-style:italic}.page-header p{font-size:14px;color:rgba(255,255,255,0.4);max-width:480px;margin:0 auto}
.stream-layout{display:grid;grid-template-columns:320px 1fr 320px;gap:16px;padding:0 2rem 1.5rem;max-width:1600px;margin:0 auto;align-items:stretch}
.chat-panel{background:#0d1f0d;border:1px solid var(--border);border-radius:14px;display:flex;flex-direction:column;overflow:hidden;min-height:560px;max-height:80vh}
.chat-panel-header{padding:10px 14px;border-bottom:1px solid var(--border);font-size:11px;font-weight:600;letter-spacing:1.5px;color:var(--green-light);text-transform:uppercase;background:rgba(46,125,50,0.08);display:flex;align-items:center;justify-content:space-between;gap:8px}
.chat-panel-header .chat-scope{font-size:10px;color:var(--gold);font-weight:500;letter-spacing:.5px;text-transform:none}.chat-panel-body{flex:1;overflow-y:auto;padding:10px 12px;display:flex;flex-direction:column;gap:6px;color:rgba(255,255,255,0.85);font-size:13px;line-height:1.45}
.chat-panel-body.iframe-mode{padding:0;overflow:hidden;position:relative;min-height:0}.chat-panel-body.iframe-mode iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}
.chat-panel-body iframe{width:100%;height:100%;border:0;display:block}.chat-message{background:rgba(255,255,255,0.035);border-radius:8px;padding:6px 10px;word-wrap:break-word}
.chat-message .chat-user{color:var(--gold);font-weight:600;margin-right:6px}.chat-message .chat-time{color:rgba(255,255,255,0.3);font-size:10px;margin-left:6px}
.chat-message.own .chat-user{color:var(--green-light)}.chat-input-row{display:flex;gap:8px;padding:10px;border-top:1px solid var(--border);background:rgba(0,0,0,0.25)}
.chat-input-row input{flex:1;background:#162616;border:1px solid var(--border);color:#fff;padding:9px 13px;border-radius:20px;font-size:13px;font-family:inherit;outline:0}
.chat-input-row input:focus{border-color:var(--green-mid)}.chat-input-row button{background:var(--green-mid);color:#fff;border:0;padding:9px 16px;border-radius:20px;font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;transition:background .2s}
.chat-input-row button:hover{background:var(--green-bright)}.chat-input-row button:disabled{background:#3a3a3a;cursor:not-allowed}
.chat-signin-prompt{padding:12px 10px;text-align:center;font-size:12px;color:rgba(255,255,255,0.7);border-top:1px solid var(--border);background:rgba(0,0,0,0.25)}
.chat-signin-prompt a{color:var(--gold);cursor:pointer;font-weight:600}.chat-signin-prompt a:hover{color:var(--green-light)}
.chat-empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:rgba(255,255,255,0.4);font-size:13px;padding:20px;line-height:1.55}
.chat-empty-state .emoji{font-size:40px;opacity:.4;margin-bottom:10px}.channel-strip{max-width:1600px;margin:0 auto;padding:0 2rem 1.5rem}
.channel-strip-label{font-size:11px;color:var(--green-light);letter-spacing:2px;text-transform:uppercase;font-weight:600;margin-bottom:12px}
.channel-strip-row{display:flex;gap:12px;overflow-x:auto;padding-bottom:8px;scrollbar-width:thin}.channel-strip-row::-webkit-scrollbar{height:6px}
.channel-strip-row::-webkit-scrollbar-thumb{background:var(--green-mid);border-radius:3px}.nav-auth-btn{background:var(--green-mid);color:#fff;border:0;padding:8px 16px;border-radius:20px;font-size:13px;font-weight:500;cursor:pointer;font-family:inherit;transition:background .2s}
.nav-auth-btn:hover{background:var(--green-bright)}.admin-badge{display:inline-block;background:var(--gold);color:#1a2e1a;font-size:9px;font-weight:700;letter-spacing:1px;padding:2px 6px;border-radius:4px;margin-left:6px;vertical-align:middle}
.chat-admin-btn{background:var(--gold);color:#1a2e1a;border:0;padding:3px 8px;border-radius:12px;font-size:10px;font-weight:700;letter-spacing:.5px;cursor:pointer;font-family:inherit;transition:background .15s}
.chat-admin-btn:hover{background:#ffd77a}.chat-admin-menu{position:absolute;background:#fff;border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,0.35);padding:6px 0;min-width:160px;z-index:9998;display:none}
.chat-admin-menu.open{display:block}.chat-admin-menu a{display:block;padding:9px 14px;font-size:13px;color:var(--green-dark);cursor:pointer;transition:background .15s}
.chat-admin-menu a:hover{background:#f0f7f0}.chat-admin-menu a.danger{color:#c62828}.chat-admin-menu a.danger:hover{background:#ffebee}
.chat-admin-menu hr{border:0;border-top:1px solid var(--border);margin:4px 0}.chat-message{position:relative}.chat-message .msg-actions{display:none;position:absolute;top:4px;right:6px;gap:4px}
.chat-message.is-admin-view:hover .msg-actions{display:inline-flex}.msg-actions button{background:rgba(0,0,0,0.4);border:1px solid rgba(255,255,255,0.15);color:rgba(255,255,255,0.85);font-size:10px;padding:2px 6px;border-radius:10px;cursor:pointer;font-family:inherit}
.msg-actions button:hover{background:#c62828;color:#fff;border-color:#c62828}.msg-actions button.ban-btn:hover{background:#e65100;border-color:#e65100}
.chat-banned-banner{padding:12px 14px;text-align:center;font-size:12px;color:#ffcdd2;background:rgba(198,40,40,0.15);border-top:1px solid rgba(198,40,40,0.4)}
.admin-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.7);z-index:10000;display:none;align-items:center;justify-content:center}
.admin-modal-overlay.open{display:flex}.admin-modal-box{background:#fff;border-radius:14px;padding:1.8rem 1.6rem 1.4rem;max-width:440px;width:92%;max-height:80vh;overflow-y:auto;position:relative;box-shadow:0 20px 60px rgba(0,0,0,0.4)}
.admin-modal-box h3{font-family:var(--font-display);font-size:18px;color:var(--green-dark);margin-bottom:.4rem}.admin-modal-box p{font-size:13px;color:#6a8a6a;margin-bottom:1rem;line-height:1.5}
.admin-modal-close{position:absolute;top:10px;right:14px;background:0;border:0;font-size:22px;color:#aaa;cursor:pointer;line-height:1}
.admin-modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:1rem}.admin-btn{padding:9px 18px;border-radius:20px;font-size:13px;font-weight:600;font-family:inherit;cursor:pointer;border:0}
.admin-btn-cancel{background:#eee;color:#555}.admin-btn-cancel:hover{background:#e0e0e0}.admin-btn-danger{background:#c62828;color:#fff}
.admin-btn-danger:hover{background:#b71c1c}.bans-list{list-style:none;padding:0;margin:0}.bans-list li{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #eee;font-size:13px}
.bans-list li:last-child{border-bottom:0}.bans-list .banned-who{color:var(--green-dark);font-weight:600}.bans-list .banned-meta{font-size:11px;color:#888;margin-top:2px}
.bans-list button{background:var(--green-mid);color:#fff;border:0;padding:6px 12px;border-radius:14px;font-size:11px;font-weight:600;cursor:pointer;font-family:inherit}
.bans-list button:hover{background:var(--green-bright)}.bans-empty{text-align:center;color:#888;padding:1.5rem 0;font-size:13px}
.featured-player-wrap{display:flex;flex-direction:column;gap:14px}.player-shell{position:relative;background:#000;border-radius:14px;overflow:hidden;border:1px solid var(--border);aspect-ratio:16/9}
.player-shell iframe{width:100%;height:100%;border:0;display:block}.player-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#0a1a0a 0,#1a2e1a 100%);gap:16px}
.player-placeholder-icon{font-size:64px;opacity:.4}.player-placeholder p{font-size:14px;color:rgba(255,255,255,0.3);text-align:center;max-width:280px;line-height:1.6}
.player-placeholder .select-hint{font-size:12px;color:var(--green-light);opacity:.6;letter-spacing:1px}.stream-info-bar{background:rgba(255,255,255,0.04);border:1px solid var(--border);border-radius:12px;padding:14px 18px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}
.stream-info-left{display:flex;flex-direction:column;gap:3px}.stream-name-display{font-family:var(--font-display);font-size:18px;font-weight:700;color:var(--cream)}
.stream-meta{font-size:12px;color:rgba(255,255,255,0.4);display:flex;gap:14px;align-items:center}.stream-platform-badge{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:12px;font-size:10px;font-weight:600;letter-spacing:.5px}
.badge-twitch{background:rgba(145,70,255,0.2);color:#bf94ff;border:1px solid rgba(145,70,255,0.3)}.badge-youtube{background:rgba(255,0,0,0.15);color:#ff6b6b;border:1px solid rgba(255,0,0,0.25)}
.stream-info-right{display:flex;gap:10px;align-items:center}.open-btn{background:var(--green-mid);color:white;border:0;padding:9px 18px;font-size:12px;font-weight:500;font-family:var(--font-body);border-radius:20px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:6px;transition:background .2s}
.open-btn:hover{background:var(--green-bright)}.sidebar{display:flex;flex-direction:column;gap:14px}.sidebar-label{font-size:10px;letter-spacing:3px;text-transform:uppercase;color:var(--green-light);font-weight:500;padding:0 2px}
.channel-tile{background:rgba(255,255,255,0.04);border:1px solid var(--border);border-radius:12px;padding:12px;cursor:pointer;transition:border-color .2s,background .2s,transform .15s;display:flex;align-items:center;gap:12px}
.channel-tile:hover{border-color:var(--green-light);background:rgba(255,255,255,0.07);transform:translateX(-2px)}.channel-tile.active{border-color:var(--gold);background:rgba(240,201,106,0.08)}
.channel-avatar{width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0;background:var(--felt-mid);border:2px solid var(--border)}
.channel-tile.active .channel-avatar{border-color:var(--gold)}.channel-info{flex:1;min-width:0}.channel-name{font-size:13px;font-weight:500;color:var(--cream);margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.channel-sub{font-size:10px;color:rgba(255,255,255,0.35);display:flex;align-items:center;gap:6px}.channel-live{display:inline-flex;align-items:center;gap:4px;color:#ef9a9a;font-size:10px}
.streamers-section{padding:2rem;max-width:1400px;margin:0 auto}.streamers-label{font-size:10px;letter-spacing:3px;text-transform:uppercase;color:var(--green-light);margin-bottom:.4rem}
.streamers-title{font-family:var(--font-display);font-size:26px;font-weight:700;color:var(--cream);margin-bottom:.4rem}.streamers-sub{font-size:13px;color:rgba(255,255,255,0.35);margin-bottom:2rem}
.streamers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;margin-bottom:3rem}.streamer-card{background:rgba(255,255,255,0.04);border:1px solid var(--border);border-radius:14px;overflow:hidden;transition:transform .2s,border-color .2s,box-shadow .2s;cursor:pointer}
.streamer-card:hover{transform:translateY(-4px);border-color:var(--green-light);box-shadow:0 8px 28px rgba(46,125,50,0.15)}
.streamer-thumb{height:130px;display:flex;align-items:center;justify-content:center;font-size:52px;position:relative;background:linear-gradient(135deg,var(--felt-mid) 0,var(--green-dark) 100%)}
.streamer-platform-tag{position:absolute;top:10px;right:10px;font-size:9px;font-weight:700;letter-spacing:1px;padding:3px 8px;border-radius:8px;text-transform:uppercase}
.tag-twitch{background:rgba(145,70,255,0.3);color:#bf94ff}.tag-youtube{background:rgba(255,0,0,0.25);color:#ff8a80}.tag-both{background:rgba(240,201,106,0.2);color:var(--gold)}
.streamer-body{padding:14px 16px}.streamer-handle{font-family:var(--font-display);font-size:15px;font-weight:700;color:var(--cream);margin-bottom:4px}
.streamer-desc{font-size:11px;color:rgba(255,255,255,0.4);line-height:1.65;margin-bottom:12px}.streamer-footer{display:flex;gap:8px}
.watch-btn{flex:1;background:rgba(46,125,50,0.3);color:var(--green-light);border:1px solid rgba(67,160,71,0.35);padding:8px;font-size:11px;font-weight:500;font-family:var(--font-body);border-radius:20px;cursor:pointer;transition:all .2s;text-align:center;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:5px}
.watch-btn:hover{background:var(--green-mid);color:white;border-color:var(--green-mid)}.follow-btn{background:transparent;color:rgba(255,255,255,0.3);border:1px solid rgba(255,255,255,0.12);padding:8px 12px;font-size:11px;font-family:var(--font-body);border-radius:20px;cursor:pointer;transition:all .2s}
.follow-btn:hover{border-color:var(--gold);color:var(--gold)}.giveback-band{max-width:820px;margin:0 auto 3rem;padding:3rem 2.2rem 2.6rem;background:radial-gradient(ellipse at 20% 0,rgba(240,201,106,0.08),transparent 55%),radial-gradient(ellipse at 80% 100%,rgba(46,125,50,0.18),transparent 55%),linear-gradient(160deg,var(--green-dark) 0,var(--felt-mid) 70%,var(--felt) 100%);border:1px solid rgba(240,201,106,0.22);border-radius:18px;text-align:center;position:relative;overflow:hidden;box-shadow:0 12px 40px rgba(0,0,0,0.35)}
.giveback-band::before{content:'';position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,transparent,var(--gold-dark) 20%,var(--gold) 50%,var(--gold-dark) 80%,transparent)}
.giveback-suits{color:var(--gold);font-size:14px;letter-spacing:4px;margin-bottom:1rem;opacity:.7}.giveback-label{display:inline-block;font-size:11px;letter-spacing:3px;text-transform:uppercase;color:var(--gold);padding:5px 14px;border:1px solid rgba(240,201,106,0.3);border-radius:20px;margin-bottom:1.2rem}
.giveback-title{font-family:var(--font-display);font-size:clamp(28px,4vw,40px);font-weight:900;color:var(--cream);line-height:1.15;margin-bottom:1rem}
.giveback-title em{color:var(--gold);font-style:italic}.giveback-body{max-width:560px;margin:0 auto 1rem;font-size:14px;line-height:1.75;color:rgba(255,255,255,0.75)}
.giveback-body strong{color:var(--gold);font-weight:700}.giveback-ctas{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:1.6rem 0 1rem}
.gb-btn{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-body);font-size:13px;font-weight:600;padding:11px 22px;border-radius:30px;text-decoration:none;transition:transform .15s,background .2s,color .2s,border-color .2s;border:1px solid transparent}
.gb-btn:hover{transform:translateY(-2px)}.gb-btn-primary{background:var(--gold);color:var(--green-dark);border-color:var(--gold)}
.gb-btn-primary:hover{background:#f7d786}.gb-btn-ghost{background:transparent;color:var(--cream);border-color:rgba(255,255,255,0.2)}
.gb-btn-ghost:hover{border-color:var(--green-light);color:var(--green-light);background:rgba(46,125,50,0.1)}.gb-btn-ghost em{color:var(--gold);font-style:italic}
.giveback-fine{margin-top:1.6rem;padding-top:1.2rem;border-top:1px solid rgba(240,201,106,0.18);font-size:12px;color:rgba(255,255,255,0.7);letter-spacing:.3px;line-height:1.9}
.giveback-fine .flow-line{font-size:13px;color:var(--cream)}.giveback-fine .flow-line strong{color:var(--gold);font-weight:700}
.giveback-fine .flow-arrow{color:rgba(255,255,255,0.55);font-style:italic;margin:0 .3rem;font-size:11px;letter-spacing:.5px}
.giveback-fine .flow-note{margin-top:.6rem;font-size:11px;color:rgba(255,255,255,0.4);font-style:italic;letter-spacing:.3px}
@media(max-width:640px){.giveback-ctas{flex-direction:column}.gb-btn{width:100%;justify-content:center}}.suggest-section{max-width:560px;margin:0 auto 4rem;background:rgba(255,255,255,0.03);border:1px solid var(--border);border-radius:16px;padding:2rem;text-align:center}
.suggest-section h3{font-family:var(--font-display);font-size:20px;color:var(--cream);margin-bottom:.4rem}.suggest-section p{font-size:12px;color:rgba(255,255,255,0.35);margin-bottom:1.4rem;line-height:1.7}
.suggest-row{display:flex;gap:10px}.suggest-input{flex:1;background:rgba(0,0,0,0.3);border:1px solid var(--border);border-radius:20px;padding:10px 16px;font-size:13px;color:var(--cream);font-family:var(--font-body);outline:0}
.suggest-input::placeholder{color:rgba(255,255,255,0.2)}.suggest-input:focus{border-color:var(--green-light)}.suggest-btn{background:var(--green-mid);color:white;border:0;padding:10px 20px;font-size:13px;font-weight:500;font-family:var(--font-body);border-radius:20px;cursor:pointer;transition:background .2s;white-space:nowrap}
.suggest-btn:hover{background:var(--green-bright)}.footer{background:var(--green-dark);padding:3rem 2rem;position:relative;overflow:hidden;text-align:left;border-top:0}
.footer-inner{display:grid;grid-template-columns:1fr 1fr 1fr;gap:2rem;max-width:900px;margin:0 auto 2rem;position:relative;z-index:1}
.footer-logo{font-family:var(--font-display);font-size:22px;color:var(--green-light);margin-bottom:6px;font-weight:700}.footer-slogan{font-size:12px;color:#4a7a4a;font-style:italic;line-height:1.6;margin-bottom:6px}
.suit-black-f{color:#1a1814}.suit-red-f{color:#b8302a}.footer-col h3{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--green-light);margin:0 0 14px}
.footer-col ul{list-style:none;margin:0;padding:0}.footer-col ul li{margin-bottom:8px}.footer-col ul li a{font-size:13px;color:#3a5a3a;text-decoration:none;transition:color .2s}
.footer-col ul li a:hover{color:var(--green-light)}.footer-bottom{border-top:1px solid #2e4a2e;padding-top:1.5rem;text-align:center;position:relative;z-index:1}
.footer-bottom p{font-size:11px;color:#2a4a2a;margin:0}.footer-bottom p a{color:var(--green-light);text-decoration:none}@media(max-width:768px){.footer-inner{grid-template-columns:1fr;gap:1.5rem}
}.toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);background:var(--green-mid);color:white;padding:12px 28px;border-radius:30px;font-size:14px;font-weight:500;opacity:0;pointer-events:none;transition:opacity .3s;z-index:999}
.toast.show{opacity:1}@media(max-width:1100px){.stream-layout{grid-template-columns:1fr}.chat-panel{min-height:520px;max-height:70vh}
}@media(max-width:900px){.stream-layout{grid-template-columns:1fr;padding:0 1rem 1.5rem}.channel-strip{padding:0 1rem 1.5rem}
.channel-tile{min-width:200px}.chat-panel{min-height:500px}}@media(max-width:600px){.streamers-grid{grid-template-columns:1fr}
.suggest-row{flex-direction:column}.stream-info-bar{flex-direction:column;align-items:flex-start}}nav.nav .nav-links a[aria-current="page"]{color:#2e7d32;font-weight:700}
nav.nav .nav-links a[aria-current="page"]::after{content:'';position:absolute;left:0;right:0;bottom:-6px;height:2px;background:#2e7d32;border-radius:2px;animation:lagNavActive .35s cubic-bezier(0.22,1,0.36,1)}
@keyframes lagNavActive{0%{transform:scaleX(0);opacity:0}100%{transform:scaleX(1);opacity:1}}nav.nav .nav-right{display:flex;align-items:center;gap:10px;flex-shrink:0}
nav.nav .cart-btn{position:relative;background:0;border:1px solid #c8dfc8;border-radius:30px;padding:7px 12px;font-size:12px;font-family:inherit;color:#1a2e1a;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:all .2s;font-weight:500;white-space:nowrap;flex-shrink:0}
nav.nav .cart-btn:hover{background:#e8f5e9;border-color:#2e7d32}nav.nav .cart-count{background:#2e7d32;color:#fff;font-size:10px;font-weight:700;width:18px;height:18px;border-radius:50%;display:none;align-items:center;justify-content:center}
nav.nav .cart-count.visible{display:inline-flex}nav.nav .nav-cta{background:#2e7d32;color:#fff;border:0;padding:9px 20px;font-size:13px;font-weight:500;font-family:inherit;border-radius:30px;cursor:pointer;letter-spacing:.3px;white-space:nowrap;transition:background .2s,transform .15s}
nav.nav .nav-cta:hover{background:#43a047;transform:translateY(-1px)}nav.nav .nav-hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:6px;background:0;border:0;align-items:center}
nav.nav .nav-hamburger span{display:block;width:22px;height:2px;background:#1a2e1a;border-radius:2px;transition:all .3s}@media(max-width:1300px){nav.nav .nav-links{display:none}
nav.nav .nav-links.open{display:flex;flex-direction:column;position:absolute;top:68px;left:0;right:0;background:#f4faf4;border-bottom:1px solid #c8dfc8;padding:1rem 1.5rem;gap:16px;z-index:99}
nav.nav .nav-links.open a[aria-current="page"]::after{display:none}nav.nav .nav-links.open a[aria-current="page"]{border-left:3px solid #2e7d32;padding-left:10px}
nav.nav .nav-hamburger{display:flex}}@media(max-width:560px){nav.nav{padding:0 1rem;height:62px;gap:.5rem}nav.nav .nav-logo-top{font-size:17px}
nav.nav .nav-logo-sub{font-size:7px;letter-spacing:1px}nav.nav .cart-btn{padding:6px 9px;font-size:11px}nav.nav .cart-btn .cart-label{display:none}
nav.nav .nav-cta{padding:7px 14px;font-size:12px}nav.nav .nav-right{gap:6px}nav.nav .nav-links.open{top:62px}}@media(max-width:380px){nav.nav{padding:0 .75rem}
nav.nav .nav-logo-top{font-size:15px}nav.nav .nav-logo-sub{display:none}nav.nav .nav-cta{padding:6px 12px;font-size:11px}
}footer.footer{background:#1a2e1a;padding:3rem 2rem 2rem;position:relative;overflow:hidden;color:#3a5a3a;font-family:'DM Sans',system-ui,sans-serif;margin-top:0;border-top:0;text-align:left}
footer.footer .footer-inner{display:grid;grid-template-columns:1fr 1fr 1fr;gap:2rem;max-width:900px;margin:0 auto 2rem;position:relative;z-index:1}
footer.footer .footer-brand{text-align:left}footer.footer .footer-logo{font-family:'Playfair Display',Georgia,serif;font-size:22px;color:#81c784;margin:0 0 6px;font-weight:700;line-height:1.2}
footer.footer .footer-slogan{font-size:12px;color:#4a7a4a;font-style:italic;line-height:1.6;margin-bottom:8px}footer.footer .footer-slogan .suit-black-f{color:#1a1814;font-style:normal}
footer.footer .footer-slogan .suit-red-f{color:#b8302a;font-style:normal;opacity:.85}footer.footer .footer-blurb{font-size:12px;color:rgba(255,255,255,0.45);margin:10px 0 0;line-height:1.6}
footer.footer .footer-col h3{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:#81c784;margin:0 0 14px;font-weight:700}
footer.footer .footer-col ul{list-style:none;margin:0;padding:0}footer.footer .footer-col ul li{margin-bottom:8px}footer.footer .footer-col ul li a{font-size:13px;color:#3a5a3a;text-decoration:none;transition:color .2s}
footer.footer .footer-col ul li a:hover{color:#81c784}footer.footer .footer-col ul li a[aria-current="page"]{color:#81c784;font-weight:700}
footer.footer .footer-bottom{border-top:1px solid #2e4a2e;padding-top:1.5rem;text-align:center;max-width:900px;margin:0 auto;position:relative;z-index:1}
footer.footer .footer-bottom p{font-size:11px;color:#3a5a3a;margin:0}footer.footer .footer-bottom a{color:#81c784;text-decoration:none}
footer.footer .footer-bottom .footer-tag{margin-top:6px;font-size:10px;opacity:.6}@media(max-width:768px){footer.footer{padding:2.5rem 1.5rem 1.8rem}
footer.footer .footer-inner{grid-template-columns:1fr;gap:1.8rem;text-align:center}footer.footer .footer-brand{text-align:center}
footer.footer .footer-logo{font-size:20px}}nav.nav{position:sticky;top:0;z-index:100;background:rgba(244,250,244,0.95);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid #c8dfc8;padding:0 1.5rem;display:flex;align-items:center;justify-content:space-between;height:68px;gap:.8rem;font-family:'DM Sans',system-ui,sans-serif}
nav.nav .nav-logo{display:flex;flex-direction:column;line-height:1.1;text-decoration:none;flex-shrink:0;min-width:0}nav.nav .nav-logo-top{font-family:'Playfair Display',Georgia,serif;font-size:20px;font-weight:700;color:#1a2e1a;letter-spacing:.3px;white-space:nowrap}
nav.nav .nav-logo-top em{color:#2e7d32;font-style:normal}nav.nav .nav-logo-sub{font-size:8px;color:#1a2e1a;letter-spacing:1.5px;font-style:italic;text-align:center;display:block;margin-top:2px;white-space:nowrap}
nav.nav .nav-logo-sub .suit-black{color:#1a1814}nav.nav .nav-logo-sub .suit-red{color:#b8302a}nav.nav .nav-links{display:flex;gap:20px;list-style:none;align-items:center;margin:0;padding:0;flex-wrap:nowrap}
nav.nav .nav-links a{color:#4a6a4a;text-decoration:none;font-size:13px;font-weight:500;letter-spacing:.3px;position:relative;padding:6px 2px;transition:color .2s;white-space:nowrap}
nav.nav .nav-links a:hover{color:#2e7d32}nav.nav .nav-links a[aria-current="page"]{color:#2e7d32;font-weight:700}
nav.nav .nav-links a[aria-current="page"]::after{content:'';position:absolute;left:0;right:0;bottom:-6px;height:2px;background:#2e7d32;border-radius:2px;animation:lagNavActive .35s cubic-bezier(0.22,1,0.36,1)}
@keyframes lagNavActive{0%{transform:scaleX(0);opacity:0}100%{transform:scaleX(1);opacity:1}}nav.nav .nav-right{display:flex;align-items:center;gap:10px;flex-shrink:0}
nav.nav .cart-btn{position:relative;background:0;border:1px solid #c8dfc8;border-radius:30px;padding:7px 12px;font-size:12px;font-family:inherit;color:#1a2e1a;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:all .2s;font-weight:500;white-space:nowrap;flex-shrink:0}
nav.nav .cart-btn:hover{background:#e8f5e9;border-color:#2e7d32}nav.nav .cart-count{background:#2e7d32;color:#fff;font-size:10px;font-weight:700;width:18px;height:18px;border-radius:50%;display:none;align-items:center;justify-content:center}
nav.nav .cart-count.visible{display:inline-flex}nav.nav .nav-cta{background:#2e7d32;color:#fff;border:0;padding:9px 20px;font-size:13px;font-weight:500;font-family:inherit;border-radius:30px;cursor:pointer;letter-spacing:.3px;white-space:nowrap;transition:background .2s,transform .15s}
nav.nav .nav-cta:hover{background:#43a047;transform:translateY(-1px)}nav.nav .nav-hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:6px;background:0;border:0;align-items:center}
nav.nav .nav-hamburger span{display:block;width:22px;height:2px;background:#1a2e1a;border-radius:2px;transition:all .3s}@media(max-width:1380px){nav.nav .nav-links{display:none}
nav.nav .nav-links.open{display:flex;flex-direction:column;position:absolute;top:68px;left:0;right:0;background:#f4faf4;border-bottom:1px solid #c8dfc8;padding:1rem 1.5rem;gap:16px;z-index:99;max-height:calc(100vh - 68px);overflow-y:auto}
nav.nav .nav-links.open a[aria-current="page"]::after{display:none}nav.nav .nav-links.open a[aria-current="page"]{border-left:3px solid #2e7d32;padding-left:10px}
nav.nav .nav-hamburger{display:flex}}@media(max-width:560px){nav.nav{padding:0 1rem;height:62px;gap:.5rem}nav.nav .nav-logo-top{font-size:17px}
nav.nav .nav-logo-sub{font-size:7px;letter-spacing:1px}nav.nav .cart-btn{padding:6px 9px;font-size:11px}nav.nav .cart-btn .cart-label{display:none}
nav.nav .nav-cta{padding:7px 14px;font-size:12px}nav.nav .nav-right{gap:6px}nav.nav .nav-links.open{top:62px}}@media(max-width:380px){nav.nav{padding:0 .75rem}
nav.nav .nav-logo-top{font-size:15px}nav.nav .nav-logo-sub{display:none}nav.nav .nav-cta{padding:6px 12px;font-size:11px}
}footer .footer-social{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}footer .footer-social .social-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;color:#81c784;background:transparent;border:1px solid #2e4a2e;transition:color .2s,background .2s,border-color .2s,transform .15s;text-decoration:none}
footer .footer-social .social-icon:hover{color:#1a2e1a;background:#f0c96a;border-color:#f0c96a;transform:translateY(-2px)}
footer .footer-social .social-icon svg{display:block}@media(max-width:800px){footer .footer-social{justify-content:center;margin-top:18px}
}.lag-faq-section{margin:3rem auto;padding:2.5rem 2rem;max-width:780px;background:rgba(0,0,0,.18);border:1px solid rgba(212,162,76,.15);border-radius:16px}
.lag-faq-section h2{font-family:'Fraunces','Playfair Display',serif;font-size:2rem;margin:0 0 .35em;color:inherit;font-weight:700}
.lag-faq-section h2 em{color:#d4a24c;font-style:italic}.lag-faq-section .lag-faq-intro{opacity:.7;margin-bottom:1.5rem;font-style:italic;font-size:.95rem}
.lag-faq-item{background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.06);border-radius:10px;margin-bottom:.75rem;overflow:hidden;transition:border-color .2s}
.lag-faq-item:hover{border-color:rgba(212,162,76,.3)}.lag-faq-item summary{list-style:none;cursor:pointer;padding:1.05rem 1.3rem;font-family:'Fraunces','Playfair Display',serif;font-size:1.05rem;font-weight:600;position:relative;padding-right:3rem;transition:background .2s}
.lag-faq-item summary::-webkit-details-marker{display:none}.lag-faq-item summary::after{content:"+";position:absolute;right:1.25rem;top:50%;transform:translateY(-50%);font-size:1.6rem;font-weight:300;color:#d4a24c;opacity:.7;transition:transform .2s,opacity .2s}
.lag-faq-item[open] summary::after{transform:translateY(-50%) rotate(45deg);opacity:1}.lag-faq-item summary:hover{background:rgba(212,162,76,.05)}
.lag-faq-item[open] summary{border-bottom:1px solid rgba(255,255,255,.06)}.lag-faq-answer{padding:1.05rem 1.3rem 1.3rem;line-height:1.7;font-size:.97rem;opacity:.9}
.lag-faq-answer p:not(:last-child){margin-bottom:.75rem}@media(max-width:600px){.lag-faq-section{padding:1.5rem 1.25rem;margin:2rem auto}
.lag-faq-section h2{font-size:1.5rem}.lag-faq-item summary{font-size:1rem;padding:.95rem 1.1rem;padding-right:2.6rem}}