.detail-page{background:linear-gradient(#fff 0%,#f4f9fe 45%,#eef5fc 100%);min-height:100svh}.detail-top{border-bottom:1px solid #e2ecf6;align-items:center;gap:20px;padding:22px 6%;display:flex}.detail-back{color:#0aa2e0;align-items:center;gap:9px;font-size:14px;display:flex}.detail-back:hover{color:#1b9cfc}.detail-top-title{letter-spacing:2px;color:#17273a;font-size:17px}.detail-top-note{color:#7c93a8;background:#f6fafd;border:1px solid #dce7f2;border-radius:6px;margin-left:auto;padding:6px 10px;font-size:11px}.detail-hero{border-bottom:1px solid #e2ecf6;padding:168px 6% 34px}.detail-hero h1{letter-spacing:1px;color:#17273a;margin:0;font-size:clamp(26px,3.2vw,38px);font-weight:600;line-height:1.45}.detail-sub{color:#5b6b7d;margin:14px 0 0;font-size:15px;line-height:1.9}.detail-host{letter-spacing:.5px;color:#7c93a8;margin:16px 0 0;font-size:12.5px}.detail-contact{letter-spacing:.5px;color:#7c93a8;margin:8px 0 0;font-size:12.5px}.detail-body{grid-template-columns:minmax(0,1fr) 330px;align-items:start;gap:44px;padding:40px 6% 70px;display:grid}.detail-main{flex-direction:column;gap:36px;min-width:0;display:flex}.detail-section h2{letter-spacing:1px;color:#17273a;margin:0 0 16px;font-size:20px;font-weight:600}.detail-eyebrow{letter-spacing:2px;color:#0aa2e0;margin:0 0 8px;font-size:10px}.detail-text{color:#42566b;white-space:pre-wrap;margin:0;font-size:14.5px;line-height:2.05}.detail-placeholder{color:#8fa6bb;margin:0 0 14px;font-size:13px;line-height:1.85}.detail-criteria{flex-direction:column;gap:14px;margin-top:14px;display:flex}.detail-criterion{flex-direction:column;gap:7px;display:flex}.detail-criterion-top{color:#42566b;justify-content:space-between;gap:16px;font-size:13.5px;display:flex}.detail-criterion-top strong{color:#17273a;font-weight:600}.detail-criterion-top span{color:#c9952a;font-size:12.5px}.detail-bar{background:#e3edf6;border-radius:3px;height:6px;overflow:hidden}.detail-bar i{background:linear-gradient(90deg,#54d7ff,#1b9cfc);border-radius:3px;height:100%;display:block}.detail-awards{border-top:1px solid #e6eef6;flex-direction:column;margin-bottom:14px;display:flex}.detail-award{border-bottom:1px solid #eef3f8;align-items:baseline;gap:18px;padding:15px 0;font-size:13.5px;display:flex}.detail-award strong{color:#17273a;min-width:120px;font-weight:600}.detail-award span{color:#c9952a;flex:none;font-size:12.5px}.detail-award p{color:#42566b;margin:0}.detail-chips{flex-wrap:wrap;gap:9px;display:flex}.detail-chips span{color:#42566b;background:#fff;border:1px solid #dce7f2;border-radius:20px;align-items:center;height:32px;padding:0 15px;font-size:13px;display:flex}.detail-side{flex-direction:column;gap:18px;display:flex;position:sticky;top:24px}.detail-facts,.detail-join{background:#fff;border:1px solid #dce7f2;border-radius:16px;flex-direction:column;gap:14px;padding:24px;display:flex;box-shadow:0 2px 10px #173a660d}.detail-facts h2{letter-spacing:2px;color:#8fa6bb;margin:0;font-size:13px;font-weight:500}.detail-facts dl{flex-direction:column;gap:13px;margin:0;display:flex}.detail-facts dl div{justify-content:space-between;gap:14px;font-size:13px;display:flex}.detail-facts dt{color:#8fa6bb;flex:none;align-items:center;gap:7px;display:flex}.detail-facts dt svg{opacity:.8}.detail-facts dd{color:#42566b;text-align:right;margin:0}.detail-join-title{letter-spacing:1px;color:#17273a;margin:0;font-size:15px;font-weight:600}.detail-join .primary-action{justify-content:center;width:100%}.detail-join-note{color:#8fa6bb;margin:0;font-size:12px;line-height:1.85}.detail-notfound{justify-content:center;padding:150px 6%;display:flex}.detail-notfound-card{text-align:center;background:#fff;border:1px dashed #c7d8e8;border-radius:16px;flex-direction:column;align-items:center;gap:16px;width:100%;max-width:520px;padding:48px 34px;display:flex}.detail-notfound-card h1{letter-spacing:1px;margin:0;font-size:26px;font-weight:600}.detail-notfound-card p:not(.eyebrow){color:#7c93a8;margin:0;font-size:13.5px;line-height:1.9}.detail-notfound-card .eyebrow{margin:0}.faction-panel{flex-wrap:wrap;justify-content:center;align-items:center;gap:24px;width:100%;min-width:0;display:flex;container-type:inline-size}.faction-list{flex-direction:column;flex:260px;min-width:min(100%,260px);max-width:100%;display:flex}.faction-row,.faction-list-header{grid-template-columns:10px minmax(0,1fr) minmax(0,.7fr) 56px;align-items:center;gap:12px;width:100%;padding:10px 8px;display:grid}.faction-list-header{color:#8fa6bb;text-align:right;border-bottom:1px solid #dce7f2;font-size:12px}.faction-name-heading{text-align:left;grid-column:1/3}.faction-row{color:#17273a;text-align:left;min-height:44px;font:inherit;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #eef3f8;border-radius:8px;font-size:13.5px}.faction-row strong,.faction-points,.faction-prize{overflow-wrap:anywhere;min-width:0}.faction-row:focus-visible{outline-offset:2px;outline:2px solid #1b9cfc}.faction-row .faction-prize{color:#8fa6bb;grid-column:2/-1}.faction-row:last-child{border-bottom:0}.faction-dot{border-radius:50%;width:10px;height:10px}.faction-row strong{color:#17273a;font-weight:600}.faction-points{color:#42566b;font-variant-numeric:tabular-nums;justify-self:end}.faction-share{color:#0aa2e0;font-variant-numeric:tabular-nums;text-align:right;min-width:52px}.faction-prize{color:#c9952a;font-variant-numeric:tabular-nums;justify-self:end;font-size:12px}.join-badge{color:#0b6fa8;background:#e3f4ff;border:1px solid #b9dcf5;border-radius:20px;align-self:flex-start;align-items:center;gap:9px;padding:7px 15px;font-size:13.5px;font-weight:600;display:flex}.join-badge-dot{background:#1b9cfc;border-radius:50%;width:9px;height:9px}.join-rules{color:#5b6b7d;flex-direction:column;gap:8px;margin:0;padding-left:18px;font-size:12.5px;line-height:1.7;display:flex}.join-invitedby{color:#c9952a;margin:0;font-size:12px}.leader-invite{background:#fdf8ec;border:1px dashed #e6c168;border-radius:12px;flex-direction:column;gap:9px;padding:13px 15px;display:flex}.leader-invite-title{letter-spacing:1.5px;color:#c9952a;margin:0;font-size:11px}.leader-invite-row{align-items:stretch;gap:8px;display:flex}.leader-invite-row code{color:#42566b;word-break:break-all;background:#fff;border:1px solid #e6dcae;border-radius:8px;flex:1;min-width:0;padding:7px 10px;font-size:11px;line-height:1.6}.leader-invite-row button{color:#c9952a;letter-spacing:1px;cursor:pointer;background:0 0;border:1px solid #e6c168;border-radius:8px;flex:none;padding:0 14px;font-size:12px}.leader-invite-row button:hover{background:#f7ecd2}.leader-invite-note{color:#8a7a55;margin:0;font-size:11.5px;line-height:1.7}.invite-banner{background:linear-gradient(#fffdf5,#fdf8ec);border:1px solid #e6c168;border-radius:16px;flex-direction:column;gap:10px;margin:26px 6% 0;padding:22px 26px;display:flex}.invite-banner-title{color:#17273a;margin:0;font-size:16px}.invite-banner-title strong{color:#c9952a}.invite-banner-sub{color:#7c93a8;margin:0;font-size:12.5px;line-height:1.8}.invite-banner-actions{gap:12px;margin-top:4px;display:flex}.invite-accept{color:#fff;letter-spacing:1px;cursor:pointer;background:linear-gradient(92deg,#3ec2f7,#1b9cfc);border:0;border-radius:40px;height:44px;padding:0 26px;font-size:14.5px;font-weight:600;box-shadow:0 3px 12px #1b9cfc33}.invite-accept:hover{background:linear-gradient(92deg,#54d7ff,#2fa8f9)}.invite-refuse{color:#42566b;letter-spacing:1px;cursor:pointer;background:#fff;border:1px solid #c7e2f5;border-radius:40px;height:44px;padding:0 26px;font-size:14.5px}.invite-refuse:hover{background:#f3f9ff}.invite-login p{color:#42566b;margin:0 0 10px;font-size:13px}.invite-login .provider-list{margin-bottom:0}.invite-refuse-quiet{height:38px;margin-top:10px;padding:0 20px;font-size:13px}@media (max-width:1050px){.detail-body{grid-template-columns:1fr;gap:32px;padding:32px 6% 56px}.detail-side{order:-1;position:static}}@media (max-width:760px){.detail-top{gap:12px;padding:18px 6%}.detail-top-title{font-size:15px}.detail-top-note{padding:5px 7px;font-size:10px}.detail-hero{padding:172px 6% 26px}.detail-hero h1{font-size:24px}.detail-sub{font-size:13.5px}.detail-body{padding:26px 6% 44px}.detail-section h2{font-size:18px}.detail-award{flex-wrap:wrap;gap:6px 14px}.detail-award strong{min-width:0}.detail-facts dl div{flex-direction:column;gap:4px}.detail-facts dd{text-align:left}.detail-notfound{padding:56px 6%}.faction-panel{flex-direction:column;gap:22px}.faction-list{flex-basis:auto;width:100%}.invite-banner{margin:18px 6% 0;padding:18px 20px}.invite-banner-actions{flex-direction:column}.invite-accept,.invite-refuse{width:100%}.leader-invite-row{flex-direction:column}.leader-invite-row button{height:36px}}.faction-row.is-active{background:#e3f4ff;box-shadow:inset 3px 0 #1b9cfc}.faction-chart{flex-direction:column;flex:0 0 580px;align-items:center;gap:6px;width:580px;max-width:100%;display:flex}.donut-wrap{flex:none;width:100%;min-width:0;margin:0;position:relative}.donut-ring{width:100%;height:100%;display:block;position:absolute;inset:0}.donut-segment{cursor:pointer;pointer-events:fill;transition:opacity .15s}.donut-segment:focus-visible{stroke:#1b9cfc;stroke-width:2px;filter:drop-shadow(0 0 3px #1b9cfc66);outline:none}.donut-leader{pointer-events:none}.donut-label{color:#17273a;min-height:44px;font:inherit;text-align:center;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:2px 0;font-size:13px;line-height:20px;position:absolute}.donut-label-name{white-space:nowrap;justify-content:center;align-items:center;gap:4px;display:flex}.donut-label-name i{border-radius:50%;flex:none;width:7px;height:7px;display:block}.donut-label-share{font-variant-numeric:tabular-nums;color:#7c93a8;display:block}.donut-label.is-active{color:#0b6fa8;background:#e3f4ff;box-shadow:inset 0 0 0 1px #8fd0ff}.donut-label:focus-visible{outline-offset:1px;outline:2px solid #1b9cfc}.donut-total{color:#7c93a8;text-align:center;pointer-events:none;flex-direction:column;align-items:center;gap:2px;font-size:13px;display:flex;position:static;transform:none}.donut-total strong{overflow-wrap:anywhere;color:#17273a;font-variant-numeric:tabular-nums;max-width:100%;font-size:26px;font-weight:600}@container (max-width:863px){.faction-chart{flex-basis:auto;width:100%}.faction-list{flex-basis:100%}}@container (max-width:399px){.donut-total{gap:4px;font-size:12px}.donut-total strong{font-size:20px}}@container (max-width:360px){.faction-row,.faction-list-header{grid-template-columns:10px minmax(0,1fr) minmax(0,.7fr) 46px;gap:8px;padding-inline:4px}.faction-row{font-size:13px}.faction-share{min-width:46px}}.detail-top-tags{z-index:5;pointer-events:none;height:0;padding:0 6%;position:relative}.detail-top-tags .detail-top-note{pointer-events:auto;position:absolute;top:132px;right:6%}.submit-form{gap:10px;margin:0 0 12px;display:flex}.submit-input{color:#17273a;min-width:0;height:44px;font:inherit;background:#fff;border:1px solid #cfe0ef;border-radius:10px;outline:none;flex:1;padding:0 14px;font-size:13.5px;transition:border-color .15s,box-shadow .15s}.submit-input::placeholder{color:#9db2c4}.submit-input:focus{border-color:#1b9cfc;box-shadow:0 0 0 3px #1b9cfc1f}.submit-input[aria-invalid=true]{border-color:#e5484d}.submit-form .primary-action{white-space:nowrap;flex:none;height:44px;padding:0 20px}.submit-error{color:#e5484d;margin:-4px 0 12px;font-size:13px}.submit-ok{color:#1e9e5a;margin:-4px 0 12px;font-size:13px}.submit-list{flex-direction:column;gap:8px;margin:0 0 10px;padding:0;list-style:none;display:flex}.submit-list li{background:#fff;border:1px solid #e6eef6;border-radius:10px;flex-direction:column;gap:6px;padding:12px 14px;font-size:13px;display:flex}.submit-list a{color:#0aa2e0;text-overflow:ellipsis;white-space:nowrap;text-decoration:none;overflow:hidden}.submit-list a:hover{text-decoration:underline}.submit-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.submit-head span{color:#8fa6bb;font-variant-numeric:tabular-nums;flex:none}.submit-caption{color:#42566b;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;line-height:1.55;display:-webkit-box;overflow:hidden}.submit-caption strong{color:#17273a;margin-right:6px;font-weight:600}.submit-metrics{color:#8fa6bb;flex-wrap:wrap;gap:4px 14px;margin:0;display:flex}.submit-metrics b{color:#17273a;font-variant-numeric:tabular-nums;font-weight:600}.submit-foot{color:#8fa6bb;justify-content:space-between;align-items:center;gap:12px;margin:0;font-size:12px;display:flex}.submit-refresh{color:#0aa2e0;cursor:pointer;background:#f8fbfe;border:1px solid #d7e4f0;border-radius:8px;flex:none;padding:4px 10px;font-size:12px}.submit-refresh:hover:not(:disabled){background:#eef8fe;border-color:#0aa2e0}.submit-refresh:disabled{color:#b6c6d6;cursor:default}@container (max-width:560px){.submit-form{flex-direction:column}.submit-form .primary-action{justify-content:center;width:100%}}.leader-board{flex-direction:column;gap:8px;margin:0 0 12px;display:flex}.leader-board-row{color:#42566b;background:#fff;border:1px solid #e6eef6;border-radius:10px;align-items:center;gap:10px;padding:10px 14px;font-size:13px;display:flex}.leader-board-row strong{color:#17273a;font-weight:600}.leader-board-name{color:#0aa2e0;margin-left:auto}.fact-district{align-items:center;gap:6px;display:inline-flex}.fact-district i{border-radius:50%;width:8px;height:8px;display:inline-block}.join-district{color:#42566b;align-items:center;gap:6px;margin:10px 0 0;font-size:13px;display:flex}.join-district i{border-radius:50%;width:8px;height:8px;display:inline-block}.detail-steps{counter-reset:how-step;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.detail-steps li{background:#f8fbfe;border:1px solid #e3edf6;border-radius:12px;padding:14px 16px}.detail-steps li strong{color:#17273a;align-items:center;gap:9px;font-size:14px;font-weight:650;display:flex}.detail-steps li strong:before{counter-increment:how-step;content:counter(how-step);color:#0b6fa8;background:#e3f4ff;border:1px solid #b9dcf5;border-radius:50%;flex:none;justify-content:center;align-items:center;width:22px;height:22px;font-size:11.5px;font-weight:650;display:inline-flex}.detail-steps li span{color:#5b7186;margin:6px 0 0 31px;font-size:12.5px;line-height:1.7;display:block}@media (max-width:760px){.detail-steps{grid-template-columns:1fr}}