.faction-nav-icon{display:inline-block;width:23px;height:23px;flex-shrink:0;background:url('/assets/v05/faction-icons-v1.png') 0 0/400% 200% no-repeat}.factions-page{--f-left:#e47b75;--f-right:#e3d679;--f-gold:#e9c375;max-width:1180px;margin:0 auto}.factions-page .faction-icon{display:inline-block;width:29px;height:29px;background-image:url('/assets/v05/faction-icons-v1.png');background-size:400% 200%;background-repeat:no-repeat;flex-shrink:0;vertical-align:middle}.faction-icon[data-icon="war"]{background-position:0 0}.faction-icon[data-icon="fame"]{background-position:33.333% 0}.faction-icon[data-icon="cash"]{background-position:66.666% 0}.faction-icon[data-icon="coins"]{background-position:100% 0}.faction-icon[data-icon="level"]{background-position:0 100%}.faction-icon[data-icon="hospital"]{background-position:33.333% 100%}.faction-icon[data-icon="wins"]{background-position:66.666% 100%}.faction-icon[data-icon="neutral"]{background-position:100% 100%}
.factions-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}.factions-heading h1{margin:0}.factions-heading>div{display:flex;gap:12px;align-items:center}.factions-heading .faction-icon{width:42px;height:42px}.factions-membership{color:var(--muted);font-size:.85rem;text-align:right}.factions-membership strong{display:block;color:var(--text);font-weight:600}.factions-intro{position:relative;isolation:isolate;overflow:hidden;min-height:150px;display:flex;align-items:end;padding:22px;border:1px solid #46525a;border-radius:10px;background:linear-gradient(90deg,#10171ef7,#111920c9 60%,#10171e78),url('/assets/v05/faction-paulista-v1.png') center 43%/cover}.factions-intro>div{max-width:600px}.factions-intro h2{font-size:1.3rem;margin:3px 0 8px}.factions-intro p{font-size:.85rem;margin:0;max-width:580px}.factions-eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:.65rem;color:var(--f-gold)}.factions-war-time{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px;color:#f1ddac;font-size:.85rem;font-variant-numeric:tabular-nums}.factions-clans{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:16px}.faction-card{position:relative;overflow:hidden;border:1px solid #67484b;border-radius:10px;padding:18px;background:radial-gradient(ellipse at 10% 0,#63313955,transparent 70%),#1a222b;min-width:0}.faction-card[data-faction="right"]{border-color:#496347;background:radial-gradient(ellipse at 10% 0,#27674755,transparent 70%),#1a222b}.faction-identity{display:flex;align-items:center;gap:12px}.faction-crest{width:88px;height:96px;object-fit:contain;filter:drop-shadow(0 4px 7px #0007)}.faction-identity h2{font-size:1.25rem;margin:0 0 4px}.faction-identity p{font-size:.8rem;margin:0}.faction-card[data-faction="left"] h2{color:var(--f-left)}.faction-card[data-faction="right"] h2{color:var(--f-right)}.faction-level{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:.8rem;margin-top:12px}.faction-level strong{color:var(--f-gold)}.faction-xp{height:5px;display:block;margin:8px 0;background:#34404a;border-radius:3px;overflow:hidden}.faction-xp>span{display:block;height:100%;background:var(--f-gold)}.faction-progress-caption{display:block;color:var(--muted);font-size:.7rem;margin-bottom:14px;font-variant-numeric:tabular-nums}.faction-card button{width:100%;font-size:.85rem}.faction-neutral{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:13px 1px 16px}.faction-neutral p{font-size:.8rem;margin:0;flex:1;min-width:180px}.faction-neutral button{font-size:.8rem}.factions-rules{font-size:.8rem;padding:0 0 16px}.factions-rules summary{padding-top:3px}.factions-rules p{font-size:.8rem;margin:9px 0 0}.factions-tabs{display:flex;gap:5px;margin:4px 0 18px;border-bottom:1px solid var(--line);padding-bottom:8px;flex-wrap:wrap}.factions-tabs button{background:transparent;border-color:transparent;color:var(--muted);font-size:.85rem;display:flex;align-items:center;gap:7px}.factions-tabs button[aria-selected="true"]{background:#2a343d;color:var(--gold);border-color:#5e5c4a}.factions-tabs .faction-icon{width:25px;height:25px}
.faction-battle{background:#151e26;border:1px solid #3d4c56;border-radius:10px;overflow:hidden}.faction-battle-heading{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:center;padding:13px 16px}.faction-battle-team{display:flex;align-items:center;gap:8px;min-width:0;font-size:.85rem}.faction-battle-team:last-child{justify-content:end;text-align:right}.faction-battle-team img{width:35px;height:40px;object-fit:contain}.faction-battle-team strong,.faction-battle-team small{display:block}.faction-battle-team small{font-size:.7rem;color:var(--muted)}.faction-battle-clock{text-align:center;font-size:.85rem;color:var(--f-gold);font-variant-numeric:tabular-nums}.faction-battle-clock small{display:block;font-size:.65rem;color:var(--muted)}.faction-war-scene{position:relative;height:clamp(520px,78dvh,820px);background:#26353a;overflow:hidden;touch-action:pan-y}.faction-war-scene canvas{width:100%;height:100%;display:block;touch-action:none}.faction-war-camera{position:absolute;right:10px;bottom:10px;display:flex;gap:5px;max-width:calc(100% - 20px);flex-wrap:wrap;justify-content:end}.faction-war-camera button{font-size:.75rem;background:#15212aef;padding:8px 10px;min-width:36px}.faction-war-label{position:absolute;top:10px;left:10px;padding:5px 8px;background:#111c25de;border-radius:4px;color:#d2d8d3;font-size:.65rem;pointer-events:none}.faction-war-tools{display:flex;flex-wrap:wrap;gap:7px;padding:11px 13px;align-items:center}.faction-war-tools p{margin:0;flex:1;font-size:.75rem;min-width:150px}.faction-war-tools button{font-size:.75rem;padding:8px 10px}.faction-waiting{min-height:230px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;text-align:center;padding:25px;background:linear-gradient(#101820a8,#101820ed),url('/assets/v05/faction-paulista-v1.png') center/cover}.faction-waiting .faction-icon{width:60px;height:60px}.faction-waiting h3{margin:0;color:#ead3a1}.faction-waiting p{max-width:450px;margin:0;font-size:.85rem}.faction-war-result{padding:12px 16px;background:#2e3029;color:#f3d997;font-size:.85rem}.faction-war-roster{padding:0 14px 12px}.faction-roster-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 12px;list-style:none;padding:0;margin:0;font-size:.75rem}.faction-roster-list li{display:flex;justify-content:space-between;gap:5px;min-width:0;overflow-wrap:anywhere}.faction-roster-list span{color:var(--muted);white-space:nowrap}.faction-war-history{margin-top:18px}.faction-war-history h2{font-size:1rem}.faction-war-history>div{display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid var(--line);padding:10px 0;font-size:.8rem}.faction-war-history button{font-size:.75rem;padding:6px 9px}.faction-war-history strong{font-weight:600}
.faction-donation{padding:20px;border:1px solid var(--line);border-radius:10px;background:#1b252e}.faction-donation h2{margin-bottom:8px}.faction-donation p{font-size:.85rem}.faction-donation form{display:grid;grid-template-columns:1fr 1fr;gap:13px 16px}.faction-donation label{font-size:.8rem}.faction-donation select,.faction-donation input{margin-top:5px;background:#111b24;border:1px solid #4b5b68;color:var(--text);padding:10px;width:100%;border-radius:5px;min-width:0}.faction-donation-preview{grid-column:1/-1;display:flex;align-items:center;gap:13px;padding:12px;background:#25332e;border-radius:6px;color:#cfdfcd;font-size:.85rem}.faction-donation-preview .faction-icon{width:37px;height:37px}.faction-donation form>button{grid-column:1/-1}.faction-donation small{font-size:.75rem}.faction-donation-log{padding:0;list-style:none}.faction-donation-log li{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid var(--line);font-size:.8rem}.faction-donation-log strong{font-weight:600;overflow-wrap:anywhere}.faction-donation-log span{color:var(--muted);text-align:right}.factions-message{font-size:.85rem;padding:12px 14px;margin:0 0 16px;background:#20382f;border:1px solid #436658;border-radius:6px;color:#c2e2cc}.factions-message.is-error{background:#38292b;border-color:#855252;color:#ffbbb3}.faction-fame-heading{display:flex;align-items:center;gap:12px;margin-bottom:16px}.faction-fame-heading .faction-icon{width:53px;height:53px}.faction-fame-heading h2{margin:0 0 4px}.faction-fame-heading p{font-size:.8rem;margin:0}.faction-podium{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:20px;align-items:end}.faction-podium article{padding:17px 10px 13px;text-align:center;min-width:0;background:linear-gradient(#302d2466,#1b252c);border:1px solid #5b5540;border-radius:8px}.faction-podium article:first-child{padding-top:25px;border-color:#b49958;background:linear-gradient(#594a2b88,#1b252c)}.faction-podium .fame-medal{color:var(--f-gold);font-size:.85rem;display:block}.faction-podium .sprite{width:70px;height:80px;margin:6px auto;display:block}.faction-podium strong{display:block;font-size:.85rem;overflow-wrap:anywhere}.faction-podium small{display:block;font-size:.7rem;color:var(--muted)}.faction-fame-table{width:100%;border-collapse:collapse;font-size:.8rem}.faction-fame-table th{font-weight:500;color:var(--muted);text-align:left}.faction-fame-table th,.faction-fame-table td{padding:11px 7px;border-bottom:1px solid var(--line)}.faction-fame-table th:nth-child(n+3),.faction-fame-table td:nth-child(n+3){text-align:right;font-variant-numeric:tabular-nums}.faction-fame-table td:nth-child(2){overflow-wrap:anywhere}.faction-fame-table tr.is-self{background:#35433555}.faction-fame-table small{display:block;font-size:.7rem}.faction-empty{padding:32px 16px;text-align:center;color:var(--muted);font-size:.85rem}.faction-chat{position:absolute;z-index:4;left:12px;right:12px;bottom:12px;max-width:680px;margin:0 auto;padding:0;background:transparent;pointer-events:none}.faction-chat-messages{height:112px;overflow-y:auto;list-style:none;padding:5px 6px;margin:0 0 6px;overscroll-behavior:contain;touch-action:pan-y;scrollbar-width:thin;scrollbar-color:#c8c5b080 transparent;pointer-events:auto;outline-offset:-2px}.faction-chat-messages li{padding:3px 0;border:0;background:transparent;font-size:.8rem;line-height:1.5;overflow-wrap:anywhere;color:#fff;text-shadow:-1px -1px 0 #081019,1px -1px 0 #081019,-1px 1px 0 #081019,1px 1px 0 #081019,0 2px 3px #000;font-weight:600}.faction-chat-messages strong{color:#ffe0a0;font-weight:700;margin-right:7px}.faction-chat-messages .faction-badge{width:16px;height:18px;vertical-align:middle}.faction-chat-messages time{color:#d3dae0;font-size:.6rem;margin-left:8px;white-space:nowrap}.faction-chat form{display:flex;gap:0;align-items:center;min-height:44px;background:#0c1724a8;border:1px solid #c0c8d04d;border-radius:8px;pointer-events:auto;touch-action:pan-y}.faction-chat form:focus-within{border-color:#edce8e;box-shadow:0 0 0 1px #edce8e55}.faction-chat input{display:block;flex:1;min-width:0;width:100%;height:44px;padding:10px 12px;margin:0;background:transparent;border:0;border-radius:8px;color:#fff;font-size:.85rem;outline:0}.faction-chat input::placeholder{color:#c0cbd4}.faction-chat button{align-self:stretch;flex-shrink:0;display:grid;place-items:center;width:44px;min-height:44px;padding:8px;background:transparent;border:0;border-radius:7px;color:#ffe0a0}.faction-chat button:hover{background:#e0c18a22}.faction-chat-error{margin:0 6px 6px!important;padding:3px 6px;font-size:.75rem;color:#ffd3cb!important;background:#401d27e6;border-radius:4px;pointer-events:auto}.faction-chat-error[hidden]{display:none}.faction-chat:has(.faction-chat-error:not([hidden])) .faction-chat-messages{height:72px}.faction-war-scene.has-chat{--war-chat-space:184px}.faction-war-scene.has-chat .faction-war-panel{bottom:calc(var(--war-chat-space) + 54px)}.faction-war-scene.has-chat .faction-war-panel[data-collapsed=true]{bottom:auto}.faction-war-scene.has-chat .faction-war-camera{bottom:var(--war-chat-space)}.faction-war-scene.has-chat[data-war-generation$=":preview"] .faction-war-label{bottom:calc(var(--war-chat-space) + 54px)}.faction-confirm{max-width:440px;background:#1b252e;color:var(--text);border:1px solid #718079;border-radius:10px;padding:24px}.faction-confirm::backdrop{background:#060b13bd}.faction-confirm h2{font-size:1.2rem}.faction-confirm p{font-size:.9rem}.faction-confirm>div{display:flex;gap:10px;justify-content:end}.faction-nav-art{width:23px;height:23px;object-fit:contain}
@media(max-width:1100px){.faction-crest{width:66px;height:76px}.faction-card{padding:13px}.faction-identity{gap:8px}.faction-identity h2{font-size:1.1rem}.faction-level{flex-wrap:wrap;gap:3px}}
@media(max-width:600px){.factions-heading{align-items:start;gap:10px}.factions-heading h1{font-size:1.4rem}.factions-heading .faction-icon{width:33px;height:33px}.factions-membership{font-size:.75rem}.factions-intro{padding:17px;min-height:158px}.factions-intro h2{font-size:1.15rem}.factions-clans{gap:9px}.faction-card{padding:12px 10px}.faction-identity{display:block;text-align:center}.faction-crest{width:78px;height:86px}.faction-identity p{font-size:.7rem}.faction-level{font-size:.7rem;justify-content:center;text-align:center}.faction-level strong{width:100%}.faction-progress-caption{font-size:.65rem;text-align:center;min-height:30px}.faction-card button{padding:9px 5px;font-size:.75rem}.faction-neutral p{font-size:.75rem;min-width:160px}.factions-tabs{gap:2px}.factions-tabs button{padding:8px;font-size:.8rem;gap:4px;flex:1}.factions-tabs .faction-icon{width:22px;height:22px}.faction-battle-heading{padding:11px 10px;gap:4px}.faction-battle-team{gap:4px;font-size:.75rem}.faction-battle-team img{width:27px;height:34px}.faction-battle-team small{font-size:.65rem}.faction-war-scene{height:clamp(440px,calc(100dvh - 150px),760px)}.faction-war-tools{padding:9px}.faction-war-camera button{min-height:44px}.faction-donation{padding:16px}.faction-donation form{grid-template-columns:1fr}.faction-donation input,.faction-donation select,.faction-chat input{font-size:16px}.faction-podium{gap:6px}.faction-podium article{padding:13px 6px 10px}.faction-podium .sprite{width:56px;height:66px}.faction-podium strong{font-size:.75rem}.faction-fame-table{font-size:.75rem}.faction-fame-table th,.faction-fame-table td{padding:9px 4px}.faction-fame-table .fame-extra{display:none}.faction-chat{left:8px;right:8px;bottom:8px}.faction-chat-messages{height:104px}.faction-chat-messages li{font-size:.75rem}.faction-war-scene.has-chat{--war-chat-space:172px}.faction-roster-list{grid-template-columns:1fr}.faction-war-history>div{flex-wrap:wrap}}

.faction-war-panel{position:absolute;top:38px;bottom:65px;width:clamp(128px,19%,188px);z-index:2;display:flex;flex-direction:column;border:1px solid #79644977;border-radius:7px;background:#101a23ed;box-shadow:0 4px 20px #0004;contain:layout paint;touch-action:pan-y}.faction-war-panel[data-side=left]{left:8px;border-color:#ad625e88}.faction-war-panel[data-side=right]{right:8px;border-color:#a5a54f88}.faction-war-panel>button{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-shrink:0;width:100%;min-height:38px;padding:8px 10px;font-size:.75rem;background:#283037;border:0;border-radius:5px 5px 0 0;color:#f4b2a9}.faction-war-panel[data-side=right]>button{color:#f1df87}.faction-war-panel[data-collapsed=true]{bottom:auto;width:auto;min-width:102px;background:transparent}.faction-war-panel[data-collapsed=true]>button{border-radius:5px}.faction-war-panel-body{min-height:0;display:flex;flex:1;flex-direction:column}.faction-war-panel-body[hidden]{display:none}.faction-war-panel-key{display:flex;justify-content:space-between;padding:5px 8px 5px 25px;color:#b4c0c8;font-size:.6rem}.faction-war-panel ol{min-height:0;overflow-y:auto;overscroll-behavior:contain;margin:0;padding:0 5px 5px;list-style:none;scrollbar-width:thin;scrollbar-color:#606a73 transparent}.faction-war-panel li{display:flex;align-items:center;gap:5px;min-height:39px;padding:5px 2px;border-bottom:1px solid #47525c55;font-size:11px;contain:layout}.faction-war-panel li.is-self{background:#73644255;border-radius:4px}.faction-war-panel li.is-fallen{opacity:.55}.faction-war-rank{width:17px;flex-shrink:0;text-align:center;font-size:10px;color:#b1bec7;font-variant-numeric:tabular-nums}.faction-war-player-info{flex:1;min-width:0}.faction-war-player-info>strong{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:11px;color:#f3eee5;font-weight:600}.faction-war-vital{display:flex;align-items:center;gap:4px;min-width:0;margin-top:3px;font-size:9px;color:#c0cdd2;font-variant-numeric:tabular-nums}.faction-war-vital meter{flex:1;min-width:12px;width:38px;height:5px;background:#35413d;border:0;border-radius:2px;appearance:none}.faction-war-vital meter::-webkit-meter-bar{background:#35413d;border:0;border-radius:2px}.faction-war-vital meter::-webkit-meter-optimum-value{background:#79d69a;border-radius:2px}.faction-war-vital meter::-moz-meter-bar{background:#79d69a;border-radius:2px}.faction-war-points{min-width:24px;text-align:right;flex-shrink:0;font-size:11px;color:#f2d48d;font-variant-numeric:tabular-nums}.faction-war-score-rules{padding:0 14px 10px;font-size:.75rem}.faction-war-score-rules p{font-size:.75rem;margin:6px 0}.faction-war-scene{isolation:isolate}.faction-war-camera{z-index:3}
@media(max-width:600px){.faction-war-panel{width:43%;top:35px;bottom:65px}.faction-war-panel[data-side=left]{left:5px}.faction-war-panel[data-side=right]{right:5px}.faction-war-panel>button{min-height:44px;padding:8px;font-size:.7rem}.faction-war-panel[data-collapsed=true]{min-width:88px}.faction-war-panel li{min-height:40px;gap:3px}.faction-war-panel ol{padding:0 3px 4px}.faction-war-points{min-width:21px;font-size:10px}.faction-war-rank{width:13px}.faction-war-player-info>strong{font-size:10px}.faction-war-vital{font-size:8px;gap:2px}.faction-war-vital meter{width:20px}}
.faction-war-countdown{position:absolute;z-index:1;left:50%;top:8px;transform:translateX(-50%);display:flex;align-items:center;gap:10px;text-align:center;padding:7px 13px;border:1px solid #e0c58066;background:#0d1722ed;border-radius:7px;box-shadow:0 3px 12px #0005;pointer-events:none}.faction-war-countdown[hidden]{display:none}.faction-war-countdown small{color:#e8d29c;font-size:.65rem;white-space:nowrap}.faction-war-countdown strong{font-size:clamp(1.25rem,2.7vw,1.8rem);line-height:1.1;color:#ffe1a0;font-variant-numeric:tabular-nums;letter-spacing:.03em}.faction-war-scene[data-war-generation$=":preview"] .faction-war-label{top:auto;bottom:14px}@media(max-width:600px){.faction-war-countdown{top:6px;padding:6px 10px;gap:7px}.faction-war-countdown small{font-size:.6rem}.faction-war-scene[data-war-generation$=":preview"] .faction-war-label{bottom:65px;left:8px}}
.faction-war-banter{position:absolute;inset:0;pointer-events:none;overflow:hidden}.faction-war-banter[hidden],.faction-war-bubble[hidden]{display:none}.faction-war-bubble{position:absolute;top:0;left:0;box-sizing:border-box;min-height:35px;display:flex;align-items:center;justify-content:center;padding:7px 9px;border:1px solid #c78e85;border-radius:9px;background:#fff1e8;color:#482825;box-shadow:0 3px 9px #0005;text-align:center;font:600 11px/1.25 system-ui;will-change:transform,opacity}.faction-war-bubble[data-banter-side=right]{border-color:#cfba63;background:#fff7cf;color:#45401e}.faction-war-bubble:after{content:'';position:absolute;left:calc(var(--speech-tail) - 5px);bottom:-6px;width:9px;height:9px;transform:rotate(45deg);background:inherit;border-right:1px solid #c78e85;border-bottom:1px solid #c78e85}.faction-war-bubble[data-banter-side=right]:after{border-color:#cfba63}

#tutorial-overlay:has(.tutorial-faction-guide){background:#081018c9}.tutorial-guide.tutorial-faction-guide{left:50%;top:50%;transform:translate(-50%,-50%);width:min(900px,calc(100vw - 24px));max-height:calc(100dvh - 24px);display:flex;flex-direction:column;align-items:stretch;gap:0;background:#19232e;border:1px solid #907853;border-radius:12px;box-shadow:0 15px 60px #0009;overflow:hidden}.tutorial-faction-heading{display:flex;align-items:center;gap:12px;padding:15px 20px;background:#242836;border-bottom:1px solid #4a4650;flex-shrink:0}.tutorial-faction-heading h2{margin:4px 0 0;color:#ffe1a0;font-size:1.3rem}.tutorial-faction-heading small{color:#c6b6cd;font-size:.75rem}.tutorial-faction-content{padding:18px 20px;overflow-y:auto;min-height:0;font-size:.9rem;line-height:1.5;overscroll-behavior:contain}.tutorial-faction-content p{font-size:.9rem}.tutorial-faction-crests{display:flex;align-items:center;justify-content:center;gap:35px;margin:8px 0 14px;color:#d8c292;font-size:1.4rem}.tutorial-faction-crests img{width:70px;height:82px;object-fit:contain}.tutorial-faction-rules{padding-left:20px;margin:12px 0 16px}.tutorial-faction-rules li{padding:3px 0}.tutorial-faction-actions{display:flex;align-items:center;justify-content:end;flex-wrap:wrap;gap:12px;margin-top:18px}.tutorial-faction-actions button,.tutorial-faction-choice button{min-height:44px;padding:10px 14px;font-size:.85rem}.tutorial-faction-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:20px}.tutorial-faction-choice{display:flex;flex-direction:column;align-items:center;padding:17px 13px;min-width:0;border:1px solid #6d5860;border-radius:9px;background:#2e252d;text-align:center}.tutorial-faction-choice[data-choice=right]{background:#2d3027;border-color:#7b734a}.tutorial-faction-choice[data-choice=neutral]{background:#252e36;border-color:#59656e}.tutorial-faction-choice>img{width:60px;height:70px;object-fit:contain}.tutorial-faction-choice>.faction-icon{display:block;width:60px;height:70px;background:url('/assets/v05/faction-icons-v1.png') 100% 100%/400% 200% no-repeat}.tutorial-faction-choice h3{font-size:1rem;margin:10px 0 6px}.tutorial-faction-choice p{font-size:.8rem;flex:1;margin-bottom:16px}.tutorial-faction-choice button{width:100%;margin-top:auto}.tutorial-replay-date{font-size:.8rem!important;color:#c9c0aa}.tutorial-faction-content .faction-battle-heading{padding:10px;background:#101b24;border-radius:7px 7px 0 0;font-size:.8rem}.tutorial-faction-content .faction-battle-heading>strong:last-child{text-align:right}.tutorial-faction-content .faction-battle-heading small{display:block;color:#bdc6ca;font-weight:400}.tutorial-faction-content [data-intro-clock]{color:#edce8e;font-variant-numeric:tabular-nums}.tutorial-faction-content .faction-war-scene{height:clamp(260px,38vw,420px);border-radius:0 0 7px 7px}
@media(max-width:600px){.tutorial-faction-heading{padding:12px;gap:9px}.tutorial-faction-heading h2{font-size:1.1rem}.tutorial-faction-content{padding:14px 12px}.tutorial-faction-content p,.tutorial-faction-rules{font-size:.8rem}.tutorial-faction-actions{gap:10px}.tutorial-faction-actions button{flex:1 1 100%}.tutorial-faction-choices{grid-template-columns:1fr;gap:10px}.tutorial-faction-choice{display:grid;grid-template-columns:52px minmax(0,1fr);gap:6px 12px;text-align:left;padding:13px}.tutorial-faction-choice>img,.tutorial-faction-choice>.faction-icon{grid-row:1;width:50px;height:58px}.tutorial-faction-choice h3{margin:0}.tutorial-faction-choice p{margin:0}.tutorial-faction-choice button{grid-column:1/-1;margin-top:7px}.tutorial-faction-content .faction-war-scene{height:280px}}

.faction-war-camera [data-faction-action="overview"]{display:grid;place-items:center;min-width:44px}.faction-war-camera [data-faction-action="overview"][aria-pressed="true"]{border-color:#edce8e;color:#ffe0a0}

.faction-nav-alert{display:inline-block;width:9px;height:9px;flex:0 0 9px;margin-left:auto;border-radius:50%;background:#f6cc61;box-shadow:0 0 0 3px #f6cc6126}.faction-nav-alert[data-phase="battle"]{background:#ff785f;box-shadow:0 0 0 3px #ff785f30}.faction-nav-alert[hidden]{display:none}.mobile-nav button:has(.faction-nav-alert){position:relative}.mobile-nav .faction-nav-alert{position:absolute;top:7px;right:calc(50% - 21px);margin:0}

.faction-battle-toolbar{display:flex;align-items:center;gap:20px;padding:10px 14px;background:#1b252e;border-bottom:1px solid #3d4c56}
.war-band-picker{display:flex;align-items:center;gap:10px;flex:0 0 auto;margin:0;font-size:.8rem}
.war-band-picker>span{white-space:nowrap}
.war-band-picker select{width:168px;min-height:44px;margin:0;padding:9px 28px 9px 11px;font-size:.85rem;font-weight:650;background-color:#111b24;border-color:#617180}
.war-band-picker select:hover{border-color:#a3b0b9}
.faction-battle-toolbar .faction-battle-heading{flex:1;min-width:250px;padding:0 0 0 18px;border-left:1px solid #3d4c56}
.faction-battle-toolbar .faction-battle-team img{width:32px;height:36px}
.faction-battle-toolbar .faction-battle-clock>span{font-size:1.1rem;font-weight:700;line-height:1.2}
.war-band-capacity{margin-left:auto;font-size:.8rem;color:var(--muted)}
.war-reward-rule{margin:0 14px;border-bottom:1px solid #35414c;font-size:.8rem;color:#d2c7b0}
.war-reward-rule>summary{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:64px;padding:10px 0;list-style:none}
.war-reward-rule>summary::-webkit-details-marker{display:none}
.war-reward-rule[open]>summary{margin-bottom:0}
.war-reward-summary{display:flex;align-items:center;gap:10px;min-width:0}
.war-reward-summary>span:last-child{display:grid;gap:2px;line-height:1.4}
.war-reward-summary strong{font-size:.75rem;color:var(--muted);font-weight:500}
.war-reward-summary>span>span{color:#edd49e;font-weight:600}
.war-reward-more{display:flex;align-items:center;gap:8px;flex-shrink:0;color:var(--muted);font-size:.75rem}
.war-reward-more>span{font-size:1.1rem;transition:transform .18s}
.war-reward-rule[open] .war-reward-more>span{transform:rotate(180deg)}
.war-reward-rule>summary:hover .war-reward-more{color:var(--text)}
.war-reward-details{padding:0 0 12px 39px;max-width:760px}
.war-reward-details p{font-size:.8rem;margin:0 0 8px}
.war-reward-details p:last-child{margin-bottom:0}
@media(max-width:1100px){
 .faction-battle-toolbar{flex-wrap:wrap;gap:10px 16px}
 .faction-battle-toolbar .faction-battle-heading{padding-left:14px}
 .war-band-picker{gap:8px}
 .war-band-picker select{width:156px}
}
@media(max-width:600px){
 .faction-battle-toolbar{display:grid;gap:8px;padding:10px}
 .war-band-picker{justify-content:space-between}
 .war-band-picker select{width:174px;font-size:1rem}
 .faction-battle-toolbar .faction-battle-heading{min-width:0;border-left:0;padding:8px 0 0;border-top:1px solid #35414c}
 .faction-battle-toolbar .faction-battle-team img{width:27px;height:32px}
 .war-band-capacity{margin:0}
 .war-reward-rule{margin:0 10px}
 .war-reward-rule>summary{gap:8px;min-height:76px}
 .war-reward-summary{gap:8px}
 .war-reward-summary>span>span{font-size:.8rem}
 .war-reward-more{gap:5px;font-size:.7rem}
 .war-reward-details{padding-left:0}
}

.faction-card-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}
.faction-card-actions button{min-height:44px}
.faction-card-actions .faction-donate-shortcut{display:flex;align-items:center;justify-content:center;gap:6px;color:var(--f-gold);border-color:#857047;background:#332e23}
.faction-donate-shortcut .faction-icon{width:23px;height:23px}
.faction-change-wait{margin:0 0 18px;padding:0 1px;font-size:.75rem}
.faction-change-wait strong{display:block;margin-top:4px;color:var(--f-gold);font-variant-numeric:tabular-nums}
.faction-change-wait strong[hidden]{display:none}
.factions-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}
.factions-tabs button{min-width:0;min-height:46px;padding:10px 8px;justify-content:center}
.faction-donation-layout{display:grid;gap:18px;min-width:0}
.faction-donation-heading{display:flex;align-items:flex-start;gap:12px;margin-bottom:18px}
.faction-donation-heading>.faction-icon{width:38px;height:38px}
.faction-donation-heading h2{margin:0 0 5px}
.faction-donation-heading p{margin:0}
.faction-donation form{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
.faction-donation form>label{min-width:0}
.faction-donation input,.faction-donation select{min-height:46px;font-size:1rem}
.faction-donation-preview{min-height:66px;border:1px solid #617359;background:#25332b}
.faction-donation-preview span{min-width:0;overflow-wrap:anywhere}
.faction-donation-consequence{grid-column:1/-1;line-height:1.5}
.faction-donation form>button{min-height:46px}
.faction-donation details,.faction-donors details{margin-top:18px;padding-top:14px;border-top:1px solid var(--line);font-size:.8rem}
.faction-donation details p,.faction-donors details p{font-size:.8rem;margin:10px 0 0}
.faction-recent-donations{margin:0;padding:18px 20px;border:1px solid var(--line);border-radius:10px;background:#18222b}
.faction-donation-log{margin-bottom:0}
.faction-donation-log li:last-child{border-bottom:0}
.faction-donors{min-width:0;padding:20px;border:1px solid #5e5541;border-radius:10px;background:linear-gradient(135deg,#39312440,transparent 60%),#18222b}
.faction-donors-heading{display:flex;align-items:center;gap:12px}
.faction-donors-heading>.faction-icon{width:40px;height:40px}
.faction-donors-heading h2{margin:0 0 4px}
.faction-donors-heading p{margin:0;font-size:.8rem}
.faction-donor-filter{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:18px 0 12px;font-size:.8rem}
.faction-donor-filter label{font-size:inherit}
.faction-donor-filter select{flex:0 1 220px;width:auto;min-width:0;min-height:44px;margin:0;font-size:.9rem}
.faction-donor-list{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.faction-donor-list li{display:grid;grid-template-columns:28px 44px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:68px;padding:10px;border:1px solid #3e474b;border-radius:7px;background:#202a32}
.faction-donor-list li[data-donor-rank="1"]{border-color:#9c8043;background:linear-gradient(90deg,#68502750,#202a32)}
.faction-donor-list li.is-self{box-shadow:inset 3px 0 var(--teal)}
.faction-donor-rank{display:grid;place-items:center;width:26px;height:28px;color:var(--muted);font-size:.85rem;font-weight:700;font-variant-numeric:tabular-nums}
.faction-donor-list li:nth-child(-n+3) .faction-donor-rank{border:1px solid #8a7547;border-radius:5px;background:#4b3e27;color:#f5d48c}
.faction-donor-list .sprite.faction-fame-portrait{display:block;flex-shrink:0;width:44px;height:44px;max-width:44px}
.faction-donor-name{min-width:0}
.faction-donor-name>strong{display:block;font-size:.85rem;overflow-wrap:anywhere}
.faction-donor-name>small{display:flex;align-items:center;gap:6px;margin-top:3px;min-height:0}
.faction-donor-name>small:empty{display:none}
.faction-patron-label{display:inline-block;color:#edce8e;font-size:.65rem}
.faction-donor-coins{text-align:right;white-space:nowrap;font-size:1.05rem;color:var(--f-gold);font-variant-numeric:tabular-nums}
.faction-donor-coins>small{display:block;font-size:.65rem;font-weight:400;color:var(--muted)}
.faction-donors-empty{margin:0;padding:24px 6px;font-size:.85rem;text-align:center}
@container(max-width:620px){.faction-card-actions{grid-template-columns:1fr}}
@container(min-width:1020px){.faction-donation-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}.faction-donation-layout>.faction-donors{grid-column:2;grid-row:1/span 2}}
@media(max-width:600px){
 .faction-card-actions{grid-template-columns:1fr;gap:7px}
 .factions-tabs button{flex-direction:column;gap:5px;min-height:66px;padding:8px 3px;font-size:.72rem}
 .factions-tabs .faction-icon{width:23px;height:23px}
 .faction-donation,.faction-donors,.faction-recent-donations{padding:16px 12px}
 .faction-donation form{grid-template-columns:1fr}
 .faction-donor-filter{align-items:stretch;flex-direction:column;gap:6px}
 .faction-donor-filter select{flex:auto;width:100%;font-size:1rem}
 .faction-donor-list li{grid-template-columns:22px 32px minmax(0,1fr) auto;gap:6px;padding:9px 7px;min-height:62px}
 .faction-donor-rank{width:22px;font-size:.75rem}
 .faction-donor-list .sprite.faction-fame-portrait{width:32px;height:32px;max-width:32px}
 .faction-donor-name>strong{font-size:.75rem}
 .faction-donor-coins{font-size:.9rem}
 .faction-donor-coins>small{font-size:.6rem}
}