/* R39: shared GG's Lounge frame, menus and responsive page styling. */
.grid-site{background:radial-gradient(ellipse at top,#392047,#140c20 70%);min-height:100vh}
.grid-site main.wrap{max-width:1120px;padding:24px 18px 40px}.grid-site .masthead{margin:20px 0}.grid-site .masthead h1{font-size:clamp(30px,5vw,52px);line-height:1.15}.grid-site .masthead .brand img{display:none}
.grid-intro{color:#decae7;line-height:1.6;margin:0 0 20px}.grid-tabs{display:flex;gap:9px;flex-wrap:wrap;margin:16px 0 22px}.grid-tabs a,.grid-tabs button{border:1px solid #ffe25c80;border-radius:10px;background:#25143d;color:#ffe25c;padding:10px 14px;font-size:14px;font-weight:800;text-decoration:none;line-height:1.5}.grid-tabs a:hover,.grid-tabs a[aria-current=page]{background:#ffe25c;color:#25143d}
.grid-frame{border:2px solid #d7b15d;border-radius:24px;padding:22px;min-width:0;background:linear-gradient(135deg,#271439,#1b102b);box-shadow:0 12px 35px #0005}.grid-site .tile{border-color:#d7b15d;background:linear-gradient(145deg,#523363,#291939)}.grid-site .tile.spent{border-color:#5c4869;background:#20152b}.grid-site .tile.lit{background:color-mix(in srgb,var(--trail) 30%,#31203f);border-color:var(--trail)}
.grid-site-footer{text-align:center;color:#cbbadd;border-top:1px solid #543565;padding:24px 16px;font-size:13px}.grid-info{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:20px 0}.grid-card{background:#25143b;border:1px solid #79548d;border-radius:16px;padding:18px;line-height:1.65}.grid-card h2{color:var(--gold);font-size:19px;margin:0 0 8px}.grid-card p{margin:8px 0;color:#decae7}
.grid-site .rankrow{background:#28163d;border:1px solid #76558a;padding:14px}.grid-site .rankrow .avatar{width:40px;height:40px}.grid-site .rankrow .score{font-size:20px}
.grid-winner-hero{display:flex;flex-direction:column;align-items:center;gap:7px;margin:12px auto}.grid-winner-hero .avatar{width:84px;height:84px;font-size:34px;box-shadow:0 0 20px #ffe17655}.grid-winner-hero strong{font-size:25px;color:#ffe176}.grid-winner-hero small{font-size:13px;color:#fff0ce}
.grid-stream-menu{position:relative;margin-left:auto}.grid-stream-menu summary{cursor:pointer;list-style:none;border:1px solid #d7b15d;border-radius:8px;padding:7px 10px;font-size:12px;color:#ffe176}.grid-stream-menu nav{position:absolute;right:0;bottom:40px;z-index:8;width:190px;background:#25143d;border:1px solid #ffe176;border-radius:12px;padding:8px;display:grid;gap:5px}.grid-stream-menu a{padding:8px;font-size:13px;text-decoration:none}.stream .grid-frame{padding:0;border:none;background:none;box-shadow:none}.stream .tile{border-color:#d7b15d}
.grid-daily-layout{display:grid;grid-template-columns:minmax(0,650px) minmax(240px,1fr);gap:22px;align-items:start}.daily-grid .board{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;max-width:480px;margin:0 auto}.daily-grid .tile{aspect-ratio:1.22;font-size:clamp(28px,6vw,48px)}.daily-grid .tile small{font-size:12px}.daily-grid .board-wrap{max-width:480px;margin:auto}.daily-grid .grid-card+.grid-card{margin-top:16px}.grid-points{border:1px solid #b59552;background:#2c1a39;padding:15px;border-radius:12px;margin:15px 0 22px;line-height:1.7;color:#ffe6a6;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.grid-points small{display:block;color:#d8c5e2}.grid-found{display:flex;flex-wrap:wrap;gap:8px;max-height:210px;overflow:auto;scrollbar-color:#ffe176 #25143d;font-size:13px;color:#cfbfdb}.grid-found span{padding:6px 9px;border:1px solid #8b729b;border-radius:7px;background:#342045;color:#fff0ce}.grid-badges{display:flex;flex-wrap:wrap;gap:8px;font-size:13px;color:#e5d1ed}.grid-badges span{padding:7px;background:#3b254b;border-radius:8px}.daily-grid #start{background:var(--gold);color:#27142f;font-size:18px}.daily-grid #reset-time{font-variant-numeric:tabular-nums;color:var(--gold);font-weight:800}.daily-grid .legend{line-height:1.6}.daily-grid .stats{margin-bottom:14px}.daily-grid .gg-daily{position:fixed!important}
@media(max-width:850px){.grid-daily-layout{grid-template-columns:1fr}.grid-info{grid-template-columns:1fr}.grid-daily-layout aside{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.daily-grid .grid-card+.grid-card{margin-top:0}}
@media(max-width:520px){.grid-site main.wrap{padding:18px 12px 32px}.grid-frame{padding:13px;border-radius:18px}.grid-tabs{gap:7px}.grid-tabs a{font-size:12px;padding:8px 10px}.grid-daily-layout aside{grid-template-columns:1fr}.grid-site .rankrow{padding:9px}.grid-site .rankrow .score{font-size:16px}.grid-winner-hero .avatar{width:64px;height:64px}.daily-grid .board{gap:7px}.daily-grid .tile{aspect-ratio:1.05}}

#winner .grid-winner-hero .avatar{width:76px;height:76px;font-size:30px} @media(max-width:520px){#winner .grid-winner-hero .avatar{width:60px;height:60px}}