/* GWATCH V3 — MovieBox-style dense UI + public/member split */
:root{--bg:#050914;--panel:#0e1420;--line:#20293a;--text:#f5f6f8;--muted:#9ca6b5;--gold:#d8b65b;--green:#26d3a3}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;background:#050914!important;color:var(--text)!important;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-x:hidden}
.hidden{display:none!important}
.g3-header{height:58px;display:flex;align-items:center;gap:15px;padding:0 20px;position:sticky;top:0;z-index:100;background:rgba(5,9,20,.97);backdrop-filter:blur(18px);border-bottom:1px solid #1d2636}
.g3-brand{display:flex;align-items:center;gap:8px;text-decoration:none;color:#fff;white-space:nowrap}.g3-logo-mark{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:linear-gradient(135deg,#d6ae44,#f0d982);color:#111;font-weight:1000}.g3-brand b{font-size:18px;letter-spacing:-.04em}
.g3-nav{display:flex;gap:3px;align-items:center;white-space:nowrap}.g3-nav a{padding:9px 11px;border-radius:18px;color:#aeb7c5;text-decoration:none;font-size:13px;font-weight:700}.g3-nav a:hover,.g3-nav a.active{background:#202838;color:#fff}
.g3-search{margin-left:auto;width:min(315px,24vw);height:38px;border:1px solid #394356;border-radius:21px;background:#121827;display:flex;align-items:center;padding:0 12px;gap:7px;color:#9aa5b4}.g3-search input{width:100%;border:0;outline:0;background:transparent;color:#fff;font-size:13px}.g3-search input::placeholder{color:#8e98a8}
.g3-connect{border:1px solid #3c4658;background:#242c3a;color:#fff;border-radius:19px;padding:9px 14px;font-weight:800;white-space:nowrap}
main{max-width:none!important;padding:0 0 52px!important}
.g3-discover,.g3-row{padding:0 24px}.g3-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:28px 0 13px}.g3-section-head h2{font-size:21px;margin:0;letter-spacing:.005em}.g3-section-head button{border:0;background:none;color:#9da7b5;font-size:13px;cursor:pointer}.g3-reward-note{font-size:10px;color:#e2c36d;border:1px solid rgba(216,182,91,.35);border-radius:999px;padding:5px 9px}
.g3-discover-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.g3-wide-card{height:150px;border-radius:12px;overflow:hidden;position:relative;text-decoration:none;color:#fff;border:1px solid #202a3b;display:flex;align-items:flex-end;padding:17px}.g3-wide-card:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(4,7,13,.96),rgba(4,7,13,.02)),radial-gradient(circle at 78% 5%,rgba(255,255,255,.16),transparent 34%)}.g3-wide-card>div{position:relative;z-index:2;display:flex;flex-direction:column;gap:4px}.g3-wide-card small{font-size:9px;letter-spacing:.15em;color:#c8d0dc}.g3-wide-card b{font-size:20px}.g3-wide-card span{font-size:11px;color:#aeb7c4}.c1{background:linear-gradient(135deg,#4b1731,#111827)}.c2{background:linear-gradient(135deg,#163a52,#111827)}.c3{background:linear-gradient(135deg,#3d344f,#111827)}.c4{background:linear-gradient(135deg,#183e37,#101827)}
.g3-rail{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x proximity;padding:0 0 14px;scrollbar-width:none}.g3-rail::-webkit-scrollbar{display:none}.g3-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:12px}
.g3-card{background:#101622;border-radius:8px;overflow:hidden;cursor:pointer;transition:.18s;min-width:0}.g3-rail .g3-card{flex:0 0 clamp(150px,13.5vw,205px);scroll-snap-align:start}.g3-card:hover{transform:translateY(-4px)}.g3-poster{aspect-ratio:2/3;background:#151c29 center/cover no-repeat;position:relative}.g3-poster:after{content:"▶";position:absolute;right:8px;bottom:8px;width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:rgba(4,7,12,.82);opacity:0;transition:.18s}.g3-card:hover .g3-poster:after{opacity:1}.g3-card-meta{padding:8px 8px 10px}.g3-card-meta b{font-size:13px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.g3-card-meta p{font-size:10px;color:var(--muted);margin:4px 0}.g3-badge{position:absolute;top:7px;right:7px;background:#ead080;color:#1a1507;border-radius:4px;padding:4px 6px;font-size:8px;font-weight:950;letter-spacing:.04em}.g3-progress{position:absolute;left:0;right:0;bottom:0;height:3px;background:#303744}.g3-progress i{display:block;height:100%;background:var(--gold)}
.g3-member-area{margin-top:8px}.g3-member-banner{margin:28px 24px 8px;border:1px solid #2f3d39;background:linear-gradient(135deg,#10211c,#0d1520);border-radius:12px;padding:20px;display:flex;justify-content:space-between;align-items:center;gap:20px}.g3-member-banner small{color:#69dab5;font-size:9px;letter-spacing:.16em;font-weight:900}.g3-member-banner h2{margin:6px 0;font-size:24px}.g3-member-banner p{margin:0;color:#9eaaa8;font-size:12px}.g3-member-banner>span{border:1px solid #355146;border-radius:999px;padding:8px 11px;color:#b8e7d8;font-size:11px}
.g3-mobile{display:none}
.gw-footer{margin-top:50px;background:#060a12!important;border-top:1px solid #1c2432!important}.gw-footer-grid{max-width:1400px;margin:auto;padding:45px 24px!important}.gw-footer-bottom{max-width:1400px;margin:auto;padding:16px 24px 30px!important}
@media(max-width:1050px){.g3-nav a:nth-child(5){display:none}.g3-discover-grid{grid-template-columns:1fr 1fr}.g3-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:760px){body{padding-bottom:60px}.g3-header{height:54px;padding:0 12px;gap:8px}.g3-brand b{font-size:16px}.g3-logo-mark{width:27px;height:27px}.g3-nav{display:none}.g3-search{width:auto;flex:1}.g3-connect{font-size:9px;padding:8px 9px}.g3-discover,.g3-row{padding:0 14px}.g3-discover-grid{display:flex;overflow:auto;gap:10px;scrollbar-width:none}.g3-wide-card{flex:0 0 76vw;height:128px}.g3-section-head{margin-top:23px}.g3-section-head h2{font-size:18px}.g3-rail{gap:8px}.g3-rail .g3-card{flex-basis:31vw;min-width:108px}.g3-card-meta{padding:6px 6px 8px}.g3-card-meta b{font-size:11px}.g3-card-meta p{font-size:9px}.g3-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.g3-member-banner{margin:20px 14px 5px;padding:15px;align-items:flex-start;flex-direction:column}.g3-member-banner h2{font-size:20px}.g3-mobile{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:90;justify-content:space-around;background:rgba(5,9,20,.97);backdrop-filter:blur(16px);border-top:1px solid #20293a;padding:8px 4px max(8px,env(safe-area-inset-bottom))}.g3-mobile a{color:#9da7b5;text-decoration:none;font-size:10px;display:flex;flex-direction:column;align-items:center;gap:3px}.g3-mobile b{font-size:17px;color:#fff}}