.community-layer{position:fixed;inset:0;z-index:120;background:#f6f7f2;overflow:auto;color:#203027}.community-layer.hidden{display:none}.community-open{overflow:hidden}.community-app{max-width:820px;margin:0 auto;min-height:100%;padding:0 16px 110px}.community-top{position:sticky;top:0;z-index:4;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:16px 0 12px;background:rgba(246,247,242,.94);backdrop-filter:blur(14px)}.community-top button{justify-self:start;border:0;background:transparent;font:inherit;color:#56635c;padding:8px 0}.community-top b{font-size:16px}.community-top>span{justify-self:end;font-size:22px}.community-hero{margin:8px 0 18px;padding:24px;border-radius:28px;background:linear-gradient(135deg,#173f31,#2d6c51);color:white;box-shadow:0 18px 42px rgba(30,70,52,.14)}.community-hero small,.board-head>small,.badge-head>small{font-size:11px;letter-spacing:.12em;font-weight:800;opacity:.78}.community-hero h1,.board-head h1,.badge-head h1,.roster-head h1{font-size:clamp(28px,7vw,42px);line-height:1.02;margin:8px 0}.community-hero p{max-width:560px;color:#e8f1ec;margin:0 0 18px}.community-hero button{border:0;border-radius:16px;background:white;color:#184331;font-weight:800;padding:13px 17px}.community-quick{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.community-quick button{border:1px solid #e1e6df;background:white;border-radius:20px;padding:17px;text-align:left;display:grid;grid-template-columns:auto 1fr;column-gap:12px;align-items:center;box-shadow:0 7px 20px rgba(30,50,40,.04)}.community-quick button>span{grid-row:1/3;font-size:27px}.community-quick b{font-size:15px}.community-quick small{color:#7c887f;margin-top:2px}.community-section-title{display:flex;justify-content:space-between;align-items:end;margin:26px 2px 10px;gap:12px}.community-section-title h2{font-size:19px;margin:0}.community-section-title small{color:#8a958e}.award-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.award-grid article{background:white;border:1px solid #e5e9e4;border-radius:19px;padding:16px;min-height:135px;display:flex;flex-direction:column}.award-grid article>span{font-size:26px}.award-grid small{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:#7c887f;margin:10px 0 4px}.award-grid b{font-size:15px;line-height:1.2}.award-grid em{font-style:normal;color:#64816f;font-size:12px;margin-top:auto}.community-note{margin-top:18px;padding:17px;border-radius:18px;background:#edf2ec;border:1px solid #dce5dc}.community-note b{font-size:14px}.community-note p{margin:5px 0 0;color:#657169;font-size:13px;line-height:1.45}.board-head,.badge-head,.roster-head{padding:16px 4px 8px}.board-head p,.badge-head p,.roster-head p{color:#6d7971}.period-tabs,.lane-tabs,.badge-tabs{display:flex;gap:8px;overflow-x:auto;padding:5px 0;scrollbar-width:none}.period-tabs::-webkit-scrollbar,.lane-tabs::-webkit-scrollbar,.badge-tabs::-webkit-scrollbar{display:none}.period-tabs button,.lane-tabs button,.badge-tabs button{white-space:nowrap;border:1px solid #dfe5df;background:white;border-radius:999px;padding:9px 13px;font-weight:700;color:#66736a}.period-tabs button.active,.lane-tabs button.active,.badge-tabs button.active{background:#1f5a43;color:white;border-color:#1f5a43}.rank-list{display:grid;gap:8px;margin-top:12px}.rank-list article{display:grid;grid-template-columns:48px 1fr auto auto;gap:10px;align-items:center;background:white;border:1px solid #e2e7e2;border-radius:18px;padding:14px}.rank-list article.podium{border-color:#d9e3d8;box-shadow:0 6px 20px rgba(30,60,45,.05)}.rank-list .rank{font-size:19px;font-weight:900;text-align:center}.rank-list div b{display:block}.rank-list div small{display:block;color:#89938d;margin-top:2px}.rank-list strong{font-size:21px}.rank-list em{font-style:normal;font-size:11px;color:#879189}.empty-board{padding:26px;text-align:center;color:#839087}.award-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:18px}.award-strip div{border-radius:17px;background:#eef3ed;padding:13px;text-align:center}.award-strip span{font-size:22px;display:block}.award-strip b{display:block;font-size:13px;margin-top:5px}.award-strip small{font-size:10px;color:#758177}.badge-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin-top:13px}.badge-grid article{display:grid;grid-template-columns:45px 1fr;gap:10px;padding:14px;border-radius:18px;background:white;border:1px solid #e2e6e1}.badge-grid article>span{font-size:29px}.badge-grid article small{font-size:9px;text-transform:uppercase;letter-spacing:.07em;color:#7d887f}.badge-grid article b{display:block;font-size:14px;margin:2px 0}.badge-grid article p{font-size:11px;line-height:1.35;color:#77827a;margin:0}.badge-grid article.locked{opacity:.53;filter:saturate(.5)}.badge-grid article.unlocked{box-shadow:inset 0 0 0 1px #e8efe7}.roster-head form{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:14px}.roster-head input{min-width:0;border:1px solid #d8dfd9;border-radius:14px;padding:13px;background:white;font:inherit}.roster-head form button{border:0;border-radius:14px;background:#215a44;color:white;font-weight:800;padding:0 18px}.roster-list{display:grid;gap:8px;margin-top:14px}.roster-list article{display:grid;grid-template-columns:1fr auto;gap:7px}.roster-person{width:100%;display:grid;grid-template-columns:36px 1fr;gap:9px;text-align:left;align-items:center;border:1px solid #e1e6e1;background:white;border-radius:17px;padding:13px}.roster-person.active{border-color:#2b674f;box-shadow:inset 0 0 0 1px #2b674f}.roster-person>span{font-size:22px}.roster-person b{display:block}.roster-person small{display:block;color:#879189;margin-top:2px}.remove-person{border:0;background:#f3e9e7;color:#8c5c54;border-radius:14px;width:46px;font-size:20px}.community-open .bottom{display:none!important}@media(max-width:560px){.community-app{padding-left:12px;padding-right:12px}.community-hero{padding:21px}.award-grid{grid-template-columns:repeat(2,1fr)}.award-strip{grid-template-columns:1fr}.badge-grid{grid-template-columns:1fr}.community-quick button{padding:14px}.community-quick button>span{font-size:24px}}