/* Mobile-first member layout: one clear column, then expand at available width. */
.quest-page .shell{width:100%;max-width:1480px;padding:0 16px 32px;margin:0 auto}.quest-page .layout{display:block;padding-top:18px;min-width:0}.quest-page .main,.quest-page .left-col,.quest-page .right-col,.quest-page .quest-copy{min-width:0}.quest-page .sidebar{display:none}.quest-page .topbar{height:auto;min-height:72px;gap:12px;padding:14px 0;flex-wrap:wrap}.quest-page .brand-logo{width:132px}.quest-page .brand-divider,.quest-page .brand-community{display:none}.quest-page .top-actions{margin-left:auto;gap:8px}.quest-page .top-actions>span{display:none}.quest-page .top-actions button{min-height:44px;padding:10px 14px;font-size:12px}.quest-page .tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:0 0 18px;padding:0;overflow:visible}.quest-page .tabs .side-link{display:flex;justify-content:center;margin:0;min-height:44px;padding:10px 5px;font-size:12px}.quest-page .hero{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;margin:0 0 20px}.quest-page .hero-main{padding:24px;min-height:0}.quest-page .hero h1{font-size:clamp(28px,7vw,40px);line-height:1.18;overflow-wrap:normal;letter-spacing:-.035em}.quest-page .hero-main p{font-size:14px;line-height:1.7}.quest-page .hero-meta{font-size:11px;gap:10px;flex-wrap:wrap}.quest-page .rank-card{padding:22px;min-height:150px}.quest-page .rank-foot{gap:10px;align-items:flex-start}.quest-page .stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:20px}.quest-page .stat{padding:14px 10px;min-width:0}.quest-page .stat-label{font-size:9px;line-height:1.5;letter-spacing:.04em}.quest-page .stat-value{font-size:23px}.quest-page .stat-foot{display:none}.quest-page .content-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;align-items:start}.quest-page .left-col,.quest-page .right-col{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;align-content:start}.quest-page .panel{padding:18px;border-radius:15px;min-width:0}.quest-page .panel-head{margin-bottom:12px;gap:12px}.quest-page .panel-title{font-size:18px;line-height:1.4}.quest-page .panel-sub{font-size:12px;line-height:1.7}.quest-page .filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px;overflow:visible}.quest-page .filter{flex:1 1 120px;min-height:44px;padding:10px 12px;text-align:center;font-size:12px;line-height:1.4;white-space:normal}.quest-page .quest-list{display:grid;gap:12px}.quest-page .quest{display:grid;grid-template-columns:34px minmax(0,1fr);gap:12px;padding:16px;align-items:start;min-width:0}.quest-page .quest-icon{width:34px;height:34px;display:grid;place-items:center;margin:0}.quest-page .quest-copy h3{font-size:14px;line-height:1.5;margin:3px 0 6px;white-space:normal;overflow:visible;text-overflow:clip}.quest-page .quest-copy p{font-size:12px;line-height:1.65;white-space:normal;overflow-wrap:anywhere}.quest-page .quest-kicker{font-size:9px;line-height:1.6;letter-spacing:.07em}.quest-page .quest-end{grid-column:1/-1;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:12px;min-width:0;padding-top:10px;border-top:1px solid #ffffff0d}.quest-page .quest-end .points{font-size:13px;white-space:nowrap}.quest-page .quest-action,.quest-page .copy-button,.quest-page .invite-share button{min-height:44px;padding:10px 14px;font-size:12px;line-height:1.4;white-space:normal;text-align:center}.quest-page .quest-end button{min-width:130px;max-width:72%}.quest-page .invite-card{padding:20px;min-width:0}.quest-page .invite-card h2{font-size:18px}.quest-page .invite-card p{font-size:13px;line-height:1.7}.quest-page .invite-foot{font-size:11px;line-height:1.7}.quest-page .invite-link{min-width:0;gap:8px}.quest-page .invite-link code{min-width:0;font-size:11px}.quest-page .invite-share button{width:100%}.quest-page .momentum-card{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;margin:0 0 20px;padding:20px}.quest-page .momentum-actions{justify-content:stretch}.quest-page .momentum-actions button{width:100%}.quest-page .campaign-banner{margin:0 0 20px;min-height:0}.quest-page .campaign-banner-copy{padding:26px 24px;width:100%}.quest-page .campaign-banner h2{font-size:clamp(24px,5vw,32px)}.quest-page .campaign-banner p{font-size:13px;max-width:100%}.quest-page .campaign-art{display:none}.quest-page .campaign-cta{min-height:44px;font-size:13px}.quest-page .wallet-note{font-size:11px;line-height:1.7}.quest-page .rules{font-size:11px;line-height:1.8}.quest-page .reward-item{align-items:center;min-width:0;gap:12px}.quest-page .reward-item>div{min-width:0}.quest-page .reward-item b{font-size:13px;line-height:1.5}.quest-page .reward-item small{font-size:11px;line-height:1.6}.quest-page #request-giveaway{width:100%;margin-top:14px}.quest-page .unlock-stages{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}.quest-page .unlock-panel{margin-bottom:20px}.quest-page .ledger-item{gap:12px;overflow-wrap:anywhere}.quest-page footer{font-size:12px;gap:16px}.quest-page .modal-backdrop{padding:12px}.quest-page .modal{width:min(560px,100%);padding:22px;max-height:calc(100dvh - 24px);overflow:auto}.quest-page .modal h2{font-size:20px;line-height:1.4}.quest-page .modal input,.quest-page .modal textarea,.quest-page .modal select{font-size:16px;max-width:100%}.quest-page .modal .submit,.quest-page .modal-actions button{min-height:44px}.quest-page .modal .rules-choice input{width:auto;flex:0 0 18px;accent-color:#ef625b}.rules-home{text-decoration:none!important;display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:12px 18px;margin-top:4px;color:#fff!important}.modal #rules-form fieldset{padding:16px 0;margin:0;border:0;border-bottom:1px solid #ffffff1a}.modal #rules-form legend{font-size:14px;line-height:1.6;font-weight:600;color:#f1e8e4;padding-top:16px}.modal .rules-choice{display:flex;align-items:flex-start;gap:12px;padding:12px;border:1px solid #ffffff1b;border-radius:9px;min-height:46px;margin:8px 0;font-size:13px;line-height:1.6;cursor:pointer}.modal .rules-choice input{margin-top:4px}.modal .rules-choice:has(input:checked){border-color:#ef7770;background:#ef494510}.modal #rules-form .rules-choice:focus-within{outline:2px solid #ef7770;outline-offset:2px}.signin-page .shell{width:min(100%,1100px);padding:0 20px 36px}.signin-page .panel{margin:32px auto;padding:28px;max-width:660px}.signin-page h1{font-size:clamp(28px,6vw,42px);line-height:1.3}.signin-page p{overflow-wrap:anywhere}.admin-shell{width:100%;padding:0 16px 32px}.admin-shell .panel{min-width:0}.admin-shell .admin-form{width:100%}.admin-shell input,.admin-shell select,.admin-shell textarea{min-width:0;max-width:100%;font-size:16px}.admin-shell .table-wrap{max-width:100%;overscroll-behavior-x:contain}.admin-shell .filters{display:flex;flex-wrap:wrap;gap:8px}.admin-shell .filter{min-height:44px;display:inline-flex;align-items:center;justify-content:center}.admin-shell .review-links a{min-height:44px;display:inline-flex;align-items:center}.admin-shell .admin-form button{min-height:44px}
@media(min-width:480px){.quest-page .unlock-stages{grid-template-columns:repeat(2,minmax(0,1fr))}.quest-page .filter{flex:1 1 130px}}
@media(min-width:768px){.quest-page .shell{padding:0 24px 40px}.quest-page .hero{grid-template-columns:minmax(0,1.5fr) minmax(240px,1fr)}.quest-page .hero h1{font-size:34px}.quest-page .right-col{grid-template-columns:repeat(2,minmax(0,1fr))}.quest-page .right-col .rules{grid-column:1/-1}.quest-page .stat{padding:18px}.quest-page .stat-label{font-size:11px}.quest-page .stat-foot{display:block;font-size:11px}.quest-page .unlock-stages{grid-template-columns:repeat(3,minmax(0,1fr))}.quest-page .momentum-card{grid-template-columns:minmax(0,1fr) auto;align-items:center}.quest-page .momentum-actions button{width:auto}.quest-page .campaign-banner-copy{width:70%}.quest-page .campaign-art{display:grid;width:30%;right:12px;opacity:.75}.quest-page .top-actions>span{display:block;max-width:140px}.quest-page .brand-community,.quest-page .brand-divider{display:block}.quest-page .brand-logo{width:150px}.admin-shell{padding:0 24px 40px}}
@media(min-width:1200px){.quest-page .layout{display:grid;grid-template-columns:170px minmax(0,1fr);gap:24px;padding-top:26px}.quest-page .sidebar{display:block}.quest-page .sidebar .side-label,.quest-page .sidebar .label,.quest-page .sidebar .side-card{display:block}.quest-page .sidebar .side-link{justify-content:flex-start;padding:12px}.quest-page .tabs{display:none}.quest-page .content-grid{grid-template-columns:minmax(0,1fr) 310px}.quest-page .right-col{grid-template-columns:minmax(0,1fr)}.quest-page .panel{padding:20px}.quest-page .filter{flex:1 1 105px}.quest-page .hero h1{font-size:38px}.quest-page .unlock-stages{grid-template-columns:repeat(5,minmax(0,1fr))}.quest-page .topbar{min-height:80px}}

.rules-feedback{padding:18px;margin:12px 0;border:1px solid #ee766866;border-radius:12px;background:#ef494510}.rules-feedback strong{display:block;font-size:15px;color:#ffaaa0}.rules-feedback p{margin:10px 0!important}.rules-feedback #rules-retry-countdown{font-weight:650;color:#e7b76b}#errors td{max-width:360px;overflow-wrap:anywhere}#errors small{color:#b4a7a2}

.date-time-picker{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.modal .date-time-picker input[type="datetime-local"]{color-scheme:dark;min-width:0;flex:1 1 230px;margin:0;min-height:48px;cursor:pointer}.date-time-picker .quest-action{min-height:48px;flex:0 1 auto;white-space:nowrap}.modal input[type="datetime-local"]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:1;padding:8px}.modal label[for="story-posted-at"]{display:block;margin-bottom:8px}@media(max-width:480px){.date-time-picker .quest-action{width:100%;flex:1 1 100%}}

.reward-group{margin-top:22px}.reward-group>h3{font-size:14px;margin:0 0 10px}.reward-group .reward-item{align-items:center;gap:12px}.reward-group .reward-item>div{min-width:0}.reward-group .reward-item b,.reward-group .reward-item small{overflow-wrap:anywhere}.reward-group .reward-item button{flex-shrink:0;min-height:44px}.coupon-code{overflow-wrap:anywhere;user-select:all}.reward-group+.reward-group{padding-top:18px;border-top:1px solid #ffffff18}

.live-label{display:inline-flex;align-items:center;gap:6px;border:1px solid #98c5a744;border-radius:20px;padding:4px 9px;color:#b6dfc2;font-size:10px;white-space:nowrap}.live-label:before{content:'';height:5px;width:5px;background:#a9d6b6;border-radius:50%}.leaderboard .member-name{overflow-wrap:anywhere;min-width:0}.leaderboard #leaderboard-sync{font-size:10px;margin-top:14px}.rank-info p{color:var(--muted);font-size:13px;line-height:1.8}

/* Staff member preview, also visible on mobile. */
.member-preview-banner{position:sticky;top:0;z-index:1000;background:#332718;border-bottom:1px solid #bc9556;padding:14px 20px;display:flex;gap:14px;flex-wrap:wrap;align-items:center;justify-content:space-between;color:#fff}.member-preview-banner small{display:block;margin-top:5px;color:#e8d7be}.member-preview-banner .quest-action{flex-shrink:0}

.referral-pending{margin:16px 0;padding:14px;border:1px solid #6c5033;border-radius:12px;background:#241c16;color:#f4e2c5}.referral-pending>strong{display:block;font-size:16px}.referral-pending p{font-size:12px;line-height:1.6;color:#d1c3b5;margin:10px 0}.pending-referral-row{display:grid;gap:5px;padding:10px 0;border-top:1px solid #4b3b2c;overflow-wrap:anywhere}.pending-referral-row span{font-size:12px;line-height:1.5;color:#e6d4bd}