MediaWiki:Common.css: Difference between revisions

Revision as of 03:25, 3 October 2026

@font-face{font-family:Barlow Condensed;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/barlow-condensed-600-latin.woff2) format("woff2")}@font-face{font-family:Barlow Condensed;font-style:italic;font-weight:800;font-display:swap;src:url(/fonts/barlow-condensed-800-italic-latin.woff2) format("woff2")}@font-face{font-family:Barlow Condensed;font-style:italic;font-weight:900;font-display:swap;src:url(/fonts/barlow-condensed-900-italic-latin.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/inter-latin.woff2) format("woff2")}html.skin-theme-clientpref-night{--ffw-red: #c80a0a;--ffw-hot: #ff3b1f;--ffw-display: "Barlow Condensed", "Arial Narrow", sans-serif;--background-color-base: #0d0d0f;--background-color-neutral: #1d1d21;--background-color-neutral-subtle: #151518;--background-color-interactive: #1d1d21;--background-color-interactive--hover: #2a2a2f;--background-color-interactive--active: #34343a;--background-color-interactive-subtle: #151518;--background-color-interactive-subtle--hover: #1d1d21;--background-color-interactive-subtle--active: #2a2a2f;--background-color-progressive-subtle: #2a0d0b;--background-color-progressive-subtle--hover: #3d120e;--background-color-progressive-subtle--active: #561812;--background-color-progressive: #c80a0a;--background-color-progressive--hover: #ff3b1f;--background-color-progressive--active: #a30000;--background-color-progressive--focus: #ff3b1f;--color-base: #ece7df;--color-base--hover: #ffffff;--color-emphasized: #ffffff;--color-subtle: #a39d94;--color-base--subtle: #a39d94;--color-progressive: #ff7458;--color-progressive--hover: #ff9a85;--color-progressive--active: #ffb8a8;--color-visited: #e0917f;--color-visited--hover: #f0ac9c;--color-visited--active: #f7c4b8;--border-color-base: #3a3a40;--border-color-subtle: #2a2a2f;--border-color-muted: #1f1f23;--border-color-progressive: #ff3b1f;--border-color-progressive--hover: #ff7458;--border-color-progressive--active: #ff9a85;--border-color-progressive--focus: #ff3b1f;--outline-color-progressive--focus: #ff3b1f;--box-shadow-color-progressive--focus: #ff3b1f}html.skin-theme-clientpref-night body{font-family:Inter,sans-serif;background-color:var(--background-color-base)}.skin-theme-clientpref-night .vector-header-container:not(.vector-sticky-header-container){position:relative;background:repeating-linear-gradient(-60deg,rgba(255,255,255,.025) 0 6px,transparent 6px 14px),linear-gradient(180deg,#0a0a0b,#0d0d0f)}.skin-theme-clientpref-night .vector-header-container:not(.vector-sticky-header-container):after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,var(--ffw-hot),var(--ffw-red) 35%,rgba(200,10,10,.3) 70%,transparent)}.skin-theme-clientpref-night .mw-logo-container.skin-invert{filter:none}.skin-theme-clientpref-night .mw-logo-wordmark{font-family:var(--ffw-display);font-style:italic;font-weight:900;font-size:1.6rem;letter-spacing:.02em;color:#fff;text-shadow:2px 2px 0 var(--ffw-red)}.skin-theme-clientpref-night .cdx-search-input .cdx-text-input__input{border-color:#3a3a40;background:#151518}.skin-theme-clientpref-night .cdx-search-input .cdx-text-input__input:focus{border-color:var(--ffw-hot);box-shadow:inset 0 0 0 1px var(--ffw-hot)}.skin-theme-clientpref-night .cdx-search-input__end-button{border-color:var(--ffw-red);background:var(--ffw-red);color:#fff;font-family:var(--ffw-display);font-style:italic;font-weight:800;font-size:1rem;letter-spacing:.04em;text-transform:uppercase}.skin-theme-clientpref-night .cdx-search-input__end-button:hover{border-color:var(--ffw-hot);background:var(--ffw-hot);color:#fff}.skin-theme-clientpref-night .cdx-thumbnail__image{background-color:var(--background-color-neutral-subtle);border-color:var(--border-color-subtle)}.ffw-play{display:inline-flex;align-items:center;gap:6px;margin-right:12px;padding:7px 18px;clip-path:polygon(9px 0,100% 0,calc(100% - 9px) 100%,0 100%);background:linear-gradient(90deg,#ff3b1f,#c80a0a 70%,#8a0000);color:#fff!important;font-family:Barlow Condensed,Arial Narrow,sans-serif;font-style:italic;font-weight:900;font-size:1.05rem;line-height:1.2;letter-spacing:.04em;text-transform:uppercase;text-decoration:none!important;white-space:nowrap}.ffw-play:hover{background:linear-gradient(90deg,#ff5a3a,#e0140f 70%,#a30000)}.ffw-play svg{width:13px;height:13px;fill:currentColor}.skin-theme-clientpref-night .mw-first-heading{font-family:var(--ffw-display);font-style:italic;font-weight:900;font-size:2.6rem;line-height:1.1;text-transform:uppercase;color:#fff;text-shadow:3px 3px 0 var(--ffw-red)}.skin-theme-clientpref-night .mw-body-content .mw-heading2,.skin-theme-clientpref-night .mw-body-content h2{border-bottom:0}.skin-theme-clientpref-night .mw-body-content .mw-heading2{position:relative;padding-bottom:6px}.skin-theme-clientpref-night .mw-body-content .mw-heading2:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,var(--ffw-hot),var(--ffw-red) 30%,#2a2a2f 60%)}.skin-theme-clientpref-night .mw-body-content h2{font-family:var(--ffw-display);font-style:italic;font-weight:800;font-size:1.9rem;text-transform:uppercase;color:#fff}.skin-theme-clientpref-night .mw-body-content h3,.skin-theme-clientpref-night .mw-body-content h4{font-family:var(--ffw-display);font-style:italic;font-weight:800;font-size:1.35rem;text-transform:uppercase;color:#fff}.skin-theme-clientpref-night .vector-menu-tabs .mw-list-item.selected a,.skin-theme-clientpref-night .vector-menu-tabs .mw-list-item.selected a:visited{color:#fff}.skin-theme-clientpref-night .vector-menu-tabs .mw-list-item.selected{box-shadow:inset 0 -2px 0 var(--ffw-hot)}.skin-theme-clientpref-night .mw-body-content a.new,.skin-theme-clientpref-night .mw-body-content a.new:visited{color:#8e877e;text-decoration:underline dotted}.skin-theme-clientpref-night .wikitable{border-color:#2e2e34;background:#121215}.skin-theme-clientpref-night .wikitable>*>tr>th,.skin-theme-clientpref-night .wikitable>tr>th{border-color:#2e2e34;background:#1b1b1f;color:#fff}.skin-theme-clientpref-night .wikitable>*>tr>td,.skin-theme-clientpref-night .wikitable>tr>td{border-color:#2e2e34}.skin-theme-clientpref-night .wikitable.mw-collapsible{box-shadow:inset 0 3px 0 var(--ffw-red)}.skin-theme-clientpref-night .cdx-button.cdx-button--action-progressive.cdx-button--weight-primary,.skin-theme-clientpref-night .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button{border-color:var(--ffw-red)!important;background-color:var(--ffw-red)!important;color:#fff!important}.skin-theme-clientpref-night .cdx-button.cdx-button--action-progressive.cdx-button--weight-primary:hover,.skin-theme-clientpref-night .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button:hover{border-color:var(--ffw-hot)!important;background-color:var(--ffw-hot)!important}.skin-theme-clientpref-night .cdx-checkbox__input:checked+.cdx-checkbox__icon,.skin-theme-clientpref-night .oo-ui-checkboxInputWidget [type=checkbox]:checked+span{border-color:var(--ffw-hot)!important;background-color:var(--ffw-hot)!important}.skin-theme-clientpref-night .mw-body-content fieldset{border-color:#2e2e34}.skin-theme-clientpref-night .mw-htmlform :is(input[type=text],input:not([type]),textarea,select):not([class*=cdx-],[class*=oo-ui-]){border:1px solid #3a3a40;border-radius:2px;background:#151518;color:#ece7df}.skin-theme-clientpref-night .mw-htmlform :is(input[type=text],input:not([type]),textarea,select):not([class*=cdx-],[class*=oo-ui-]):focus{border-color:var(--ffw-hot);outline:0}.skin-theme-clientpref-night .mw-htmlform input[type=file]::file-selector-button{margin-right:8px;padding:4px 12px;border:1px solid #3a3a40;background:#1d1d21;color:#ece7df;cursor:pointer}.skin-theme-clientpref-night .mw-htmlform :is(input[type=submit],input[type=button]){padding:7px 18px;border:0;background:var(--ffw-red);color:#fff;font-weight:700;cursor:pointer}.skin-theme-clientpref-night .mw-htmlform :is(input[type=submit],input[type=button]):hover{background:var(--ffw-hot)}.skin-theme-clientpref-night .mw-body-content :is(input[type=radio],input[type=checkbox]){accent-color:var(--ffw-hot)}.skin-theme-clientpref-night .wikiEditor-ui-toolbar .tabs span.tab a,.skin-theme-clientpref-night .wikiEditor-ui-toolbar .tabs span.tab a:visited{color:var(--color-progressive)}.skin-theme-clientpref-night .wikiEditor-ui-toolbar .tabs span.tab a.current{color:#fff}.skin-theme-clientpref-night .vector-sticky-header-context-bar-primary{font-family:var(--ffw-display);font-style:italic;font-weight:900;font-size:1.35rem;letter-spacing:.02em;text-transform:uppercase;color:#fff}.skin-theme-clientpref-night .vector-sticky-header{box-shadow:inset 0 -3px 0 var(--ffw-red)}.mw-collapsible-toggle-default:before,.mw-collapsible-toggle-default:after{content:none}.mw-collapsible-toggle-default{cursor:pointer}.mw-collapsible-toggle-default .mw-collapsible-text{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.mw-collapsible-toggle-default:after{content:"";display:block;width:10px;height:10px;margin:4px 6px 8px;border-right:3px solid #ff3b1f;border-bottom:3px solid #ff3b1f;transform:rotate(45deg);transition:transform .2s}.mw-collapsible-toggle-default[aria-expanded=false]:after{margin:6px 8px;transform:rotate(-45deg)}.wikitable.mw-collapsible>tbody>tr:first-child>:has(>.mw-collapsible-toggle){position:relative;padding-right:44px}.wikitable.mw-collapsible>tbody>tr:first-child>*>.mw-collapsible-toggle{position:absolute;top:50%;right:10px;float:none;transform:translateY(-50%)}.mw-body-content .wikitable.mw-collapsible>tbody>tr:first-child>:nth-child(2):last-child:not(:has(.mw-heading)){font-family:var(--ffw-display);font-style:italic;font-weight:800;font-size:1.35rem;text-transform:uppercase}.mw-body-content .wikitable.mw-collapsible>tbody>tr:first-child>:nth-child(2):last-child:not(:has(.mw-heading))>p{margin:0}.mw-parser-output p:has(+.wikitable.mw-collapsible>tbody>tr:first-child>th:only-child[style*="padding: 10px"]){margin:20px 0 8px;font-size:0}.mw-parser-output p:has(+.wikitable.mw-collapsible>tbody>tr:first-child>th:only-child[style*="padding: 10px"]):before{content:"Related";font-family:var(--ffw-display, "Barlow Condensed", sans-serif);font-weight:600;font-size:.85rem;letter-spacing:.16em;text-transform:uppercase;color:#a39d94}.wikitable.mw-collapsible:has(>tbody>tr:first-child>th:only-child[style*="padding: 10px"]){display:block!important;width:auto!important;border:0!important;background:none!important;box-shadow:none!important}.wikitable.mw-collapsible:has(>tbody>tr:first-child>th:only-child[style*="padding: 10px"])>tbody{display:flex;flex-wrap:wrap;gap:8px}.wikitable.mw-collapsible:has(>tbody>tr:first-child>th:only-child[style*="padding: 10px"])>tbody>tr{display:block}.wikitable.mw-collapsible:has(>tbody>tr:first-child>th:only-child[style*="padding: 10px"])>tbody>tr>th{position:relative;display:flex;align-items:center;gap:10px;width:auto!important;padding:6px 22px 6px 14px!important;border:0!important;clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);background:#151518!important;box-shadow:inset 0 -2px #ff3b1f;transition:background-color .2s}.wikitable.mw-collapsible:has(>tbody>tr:first-child>th:only-child[style*="padding: 10px"])>tbody>tr>th:hover{background:#2a0d0b!important}.wikitable.mw-collapsible:has(>tbody>tr:first-child>th:only-child[style*="padding: 10px"])>tbody>tr>th br,.wikitable.mw-collapsible:has(>tbody>tr:first-child>th:only-child[style*="padding: 10px"]) .mw-collapsible-toggle{display:none!important}.wikitable.mw-collapsible:has(>tbody>tr:first-child>th:only-child[style*="padding: 10px"])>tbody>tr>th>a{font-family:var(--ffw-display, "Barlow Condensed", sans-serif);font-style:italic;font-weight:800;font-size:1.25rem;text-transform:uppercase;color:#fff}.wikitable.mw-collapsible:has(>tbody>tr:first-child>th:only-child[style*="padding: 10px"])>tbody>tr>th>a:after{content:"";position:absolute;inset:0}.wikitable.mw-collapsible:has(>tbody>tr:first-child>th:only-child[style*="padding: 10px"]) img{width:32px;height:32px}.mw-body-content .wikitable.mw-collapsible>tbody>tr:first-child>:last-child,.mw-body-content .wikitable.mw-collapsible>tbody>tr:first-child>:last-child .mw-heading,.mw-body-content .wikitable.mw-collapsible>tbody>tr:first-child>:last-child h3{text-align:center}.wikitable.mw-collapsible>tbody>tr:first-child>:last-child:has(>.mw-collapsible-toggle){padding-left:44px}.skin-theme-clientpref-night .vector-toc .vector-toc-list-item-active>.vector-toc-link,.skin-theme-clientpref-night .vector-toc .vector-toc-level-1-active:not(.vector-toc-list-item-expanded)>.vector-toc-link{color:var(--ffw-hot)}.skin-theme-clientpref-night .vector-pinnable-header-label{font-family:var(--ffw-display);font-style:italic;font-weight:900;font-size:1.15rem;letter-spacing:.02em;text-transform:uppercase;color:#fff}.skin-theme-clientpref-night .vector-pinnable-header{border-bottom:2px solid transparent;border-image:linear-gradient(90deg,var(--ffw-hot),var(--ffw-red) 40%,#2a2a2f 80%) 1}.skin-theme-clientpref-night .vector-pinnable-header-toggle-button{padding:2px 10px;clip-path:polygon(5px 0,100% 0,calc(100% - 5px) 100%,0 100%);border:0;border-radius:0;background:#1d1d21;color:#cfc8bd;font-family:var(--ffw-display);font-weight:600;font-size:.8rem;letter-spacing:.06em;text-transform:uppercase}.skin-theme-clientpref-night .vector-pinnable-header-toggle-button:hover{background:#2a0d0b;color:#fff}.skin-theme-clientpref-night #vector-appearance .vector-menu-heading{border-bottom-color:#2a2a2f;font-family:var(--ffw-display);font-weight:600;font-size:.85rem;letter-spacing:.14em;text-transform:uppercase;color:#a39d94}.skin-theme-clientpref-night .cdx-radio__icon{border-color:#5a5a62!important;background-color:#151518!important}.skin-theme-clientpref-night .cdx-radio__input:hover+.cdx-radio__icon{border-color:var(--ffw-hot)!important}.skin-theme-clientpref-night .cdx-radio__input:checked+.cdx-radio__icon{border-color:var(--ffw-hot)!important;background-color:#fff!important}.skin-theme-clientpref-night .cdx-radio__input:focus-visible+.cdx-radio__icon{box-shadow:0 0 0 2px var(--ffw-hot)}.skin-theme-clientpref-night .vector-dropdown-content{border-color:#2a2a2f;background:#121214;box-shadow:inset 3px 0 0 var(--ffw-hot),0 12px 30px #0009}body:has(#pt-login-2,#pt-login) :is(#ca-talk,#ca-talk-sticky-header,#ca-viewsource,#ca-viewsource-sticky-header,#ca-more-viewsource,#t-recentchangeslinked,#n-recentchanges,#p-Guide_Creator,#vector-page-tools-dropdown){display:none}body:not(:has(#ca-protect,#ca-unprotect)) :is(#ca-history,#ca-history-sticky-header,#ca-more-history){display:none}#catlinks,body.page-Main_Page #footer-info-lastmod{display:none}.skin-theme-clientpref-night .mw-footer{border-top:0}.skin-theme-clientpref-night #footer-info-lastmod{display:inline-flex;align-items:center;gap:8px;font-family:var(--ffw-display);font-weight:600;font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;color:#8e877e}.skin-theme-clientpref-night #footer-info-lastmod:before{content:"";width:10px;height:10px;background:var(--ffw-red);clip-path:polygon(40% 0,100% 0,60% 100%,0 100%)}.ffw-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 24px;margin-top:14px;padding-top:18px;border-top:2px solid transparent;border-image:linear-gradient(90deg,#ff3b1f,#c80a0a 30%,#2a2a2f 70%) 1}.ffw-footer-brand{font-family:Barlow Condensed,Arial Narrow,sans-serif;font-style:italic;font-weight:900;font-size:1.6rem;letter-spacing:.02em;text-transform:uppercase;color:#fff!important;text-shadow:2px 2px 0 #c80a0a;text-decoration:none!important}.ffw-footer nav{display:flex;flex-wrap:wrap;gap:8px}.ffw-footer nav a{padding:5px 14px;clip-path:polygon(7px 0,100% 0,calc(100% - 7px) 100%,0 100%);background:#1b1b1f;color:#e6ded3!important;font-family:Barlow Condensed,Arial Narrow,sans-serif;font-style:italic;font-weight:800;font-size:1rem;letter-spacing:.03em;text-transform:uppercase;text-decoration:none!important}.ffw-footer nav a:first-child{background:linear-gradient(90deg,#ff3b1f,#c80a0a 70%,#8a0000);color:#fff!important}.ffw-footer nav a:hover{background:#2a0d0b;color:#fff!important}.ffw-footer nav a:first-child:hover{background:linear-gradient(90deg,#ff5a3a,#e0140f 70%,#a30000)}.ffw-hub{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;margin:6px 0 20px}.ffw-hub-card{display:flex;flex-direction:column;gap:14px;padding:18px 20px 16px;clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px);background:#151518;box-shadow:inset 0 3px 0 var(--ffw-red, #c80a0a);transition:background-color .2s,transform .2s}.ffw-hub-card:hover{background:#1d1d21;transform:translateY(-3px)}.ffw-hub-icons{display:flex;gap:8px}.ffw-hub-icons a{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:#1d1d21}.ffw-hub-title{font-family:Barlow Condensed,Arial Narrow,sans-serif;font-style:italic;font-weight:900;font-size:1.6rem;line-height:1;text-transform:uppercase}.ffw-hub-title a{color:#fff}.ffw-hub-title a:hover{color:#ff9a85}.ffw-hub-compact{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:10px 14px}.ffw-hub-compact .ffw-hub-card{position:relative;flex-direction:row;align-items:center;gap:12px;min-height:64px;padding:0 28px 0 22px;clip-path:polygon(14px 0,100% 0,calc(100% - 14px) 100%,0 100%);background:linear-gradient(90deg,#1d1d21,#151518);box-shadow:inset 0 -3px #ff3b1f}.ffw-hub-compact .ffw-hub-card:after{content:"";flex:0 0 auto;margin-left:auto;width:10px;height:10px;border-top:3px solid #ff3b1f;border-right:3px solid #ff3b1f;transform:rotate(45deg)}.ffw-hub-compact .ffw-hub-card:hover{transform:none;background:linear-gradient(90deg,#ff3b1f,#c80a0a 70%,#8a0000)}.ffw-hub-compact .ffw-hub-card:hover:after{border-color:#fff}.ffw-hub-compact .ffw-hub-icons a{width:auto;height:auto;background:none}.ffw-hub-compact .ffw-hub-title{font-size:1.6rem}.ffw-hub-compact .ffw-hub-title a:after{content:"";position:absolute;inset:0}.ffw-hub-sub{display:block;margin-top:2px;font-family:Inter,sans-serif;font-style:normal;font-weight:500;font-size:.8rem;text-transform:none;color:#a39d94}.ffw-hub-compact .ffw-hub-card:hover .ffw-hub-sub{color:#fff}.cl-leaf{--tint: #3f9a3a}.cl-rain{--tint: #2f6fb5}.cl-rock{--tint: #b5652b}.cl-sound{--tint: #7c3fb5}.cl1{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:8px 0 20px}.cl1-head{display:flex;flex-direction:column;align-items:center;gap:6px;margin-bottom:10px;padding:18px 10px 14px;clip-path:polygon(10% 0,100% 0,90% 100%,0 100%);background:linear-gradient(180deg,color-mix(in srgb,var(--tint) 45%,#121214),#121214 85%)}.cl1-head img{width:56px;height:56px;object-fit:contain}.cl1-name{font-family:Barlow Condensed,sans-serif;font-style:italic;font-weight:900;font-size:1.8rem;line-height:1;text-transform:uppercase}.cl1-name a{color:#fff}.cl1 .ffw-hub-compact{grid-template-columns:1fr;gap:8px;margin:0}.cl1 .ffw-hub-compact .ffw-hub-card{min-height:52px;padding:0 22px 0 18px;box-shadow:inset 0 -3px 0 var(--tint)}.cl1 .ffw-hub-compact .ffw-hub-title{font-size:1.3rem}.cl1 .ffw-hub-compact .ffw-hub-icons img{width:32px;height:32px}@media (max-width: 900px){.cl1{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 480px){.cl1{grid-template-columns:1fr}}@media (max-width: 600px){.cl1{gap:10px}.cl1-col{background:#151518}.cl1-head{flex-direction:row;justify-content:flex-start;gap:12px;margin:0;padding:10px 14px;clip-path:none;background:linear-gradient(90deg,color-mix(in srgb,var(--tint) 55%,#121214),color-mix(in srgb,var(--tint) 20%,#121214))}.cl1-head img{width:36px;height:36px}.cl1-name{font-size:1.5rem}.cl1 .ffw-hub-compact{display:flex;flex-wrap:wrap;gap:8px;padding:12px}.cl1 .ffw-hub-compact .ffw-hub-card{min-height:0;gap:8px;padding:5px 16px 5px 10px;clip-path:polygon(7px 0,100% 0,calc(100% - 7px) 100%,0 100%);background:#1d1d21;box-shadow:inset 0 -2px 0 var(--tint)}.cl1 .ffw-hub-compact .ffw-hub-card:after{display:none}.cl1 .ffw-hub-compact .ffw-hub-title{font-size:1.1rem}.cl1 .ffw-hub-compact .ffw-hub-icons img{width:28px;height:28px}}@media (max-width: 720px){.mw-body-content .mw_metadata{max-width:100%}.mw-body-content .wikitable{display:block;max-width:100%;overflow-x:auto}.mw-body-content .wikitable.mw-collapsible{display:table;width:100%!important}.skin-theme-clientpref-night .mw-first-heading{font-size:2.1rem}.ffw-play{margin-right:4px;padding:6px 12px;font-size:.95rem}.ffw-play svg{display:none}.vector-header-search-toggled .ffw-play{display:none}}.page-Main_Page .mw-first-heading,.page-Main_Page .vector-page-titlebar{display:none}.ffw-actions{display:flex;flex-wrap:wrap;gap:12px}.mw-parser-output .ffw-actions a.external{padding:0;background:none;text-decoration:none}.ffw-btn{display:inline-block;padding:11px 28px;clip-path:polygon(12px 0,100% 0,calc(100% - 12px) 100%,0 100%);background:linear-gradient(90deg,#ff3b1f,#c80a0a 70%,#8a0000);color:#fff;font-family:Barlow Condensed,Arial Narrow,sans-serif;font-style:italic;font-weight:900;font-size:1.3rem;letter-spacing:.04em;text-transform:uppercase}.ffw-btn:hover{background:linear-gradient(90deg,#ff5a3a,#e0140f 70%,#a30000)}.ffw-btn-ghost{background:#ffffff14;box-shadow:inset 0 -3px #5865f2}.ffw-btn-ghost:hover{background:#262a52}.ft-hero{margin:10px 0 30px;padding:30px 32px 24px;clip-path:polygon(20px 0,100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,0 100%,0 20px);background:radial-gradient(ellipse 50% 120% at 100% 30%,rgba(200,10,10,.4),transparent 70%),#121214}.ft-sub{max-width:720px;margin:0 0 20px;line-height:1.6;color:#cfc8bd}.ft-stats{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:16px 10px;margin-top:26px;padding-top:20px;border-top:1px solid rgba(255,255,255,.08)}.ft-stats>div{display:flex;flex-direction:column;align-items:center;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:#a39d94}.ft-stats b{font-family:Barlow Condensed,Arial Narrow,sans-serif;font-style:italic;font-weight:900;font-size:2.6rem;line-height:1;letter-spacing:0;color:#fff}.ft-stats b a{color:#fff}.ft-stats b a:hover{color:#ff9a85}.ft-live b:after{content:"";display:inline-block;width:9px;height:9px;margin-left:6px;border-radius:50%;background:#23a55a;vertical-align:super;animation:ft-pulse 1.8s ease-in-out infinite}@keyframes ft-pulse{50%{opacity:.35}}.ft-head{display:flex;align-items:baseline;gap:14px;margin:0 0 12px;font-family:Barlow Condensed,Arial Narrow,sans-serif;font-style:italic;font-weight:900;font-size:1.7rem;text-transform:uppercase;color:#fff}.ft-head span{font-family:Inter,sans-serif;font-style:normal;font-weight:500;font-size:.9rem;text-transform:none}.ft-villages{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:0 14px 32px}.ft-vil{--tint: #c80a0a;display:flex;flex-direction:column;align-items:center;padding:24px 16px 18px;clip-path:polygon(14% 0,100% 0,86% 100%,0 100%);background:linear-gradient(180deg,color-mix(in srgb,var(--tint) 38%,#121214),#121214 75%);transition:transform .25s,background-color .25s}.ft-vil:hover{transform:translateY(-4px);background:linear-gradient(180deg,color-mix(in srgb,var(--tint) 60%,#121214),#151518 80%)}.ft-leaf{--tint: #3f9a3a}.ft-rock{--tint: #b5652b}.ft-rain{--tint: #2f6fb5}.ft-sound{--tint: #7c3fb5}.ft-vil img{width:72px;height:72px;object-fit:contain;filter:drop-shadow(0 6px 14px rgba(0,0,0,.6))}.ft-vil-name{margin-top:8px;font-family:Barlow Condensed,Arial Narrow,sans-serif;font-style:italic;font-weight:900;font-size:1.9rem;line-height:1;text-transform:uppercase}.ft-vil-name a{color:#fff}.ft-clans{container-type:inline-size;margin-bottom:32px;padding:14px;background:#121214}.ft-clans-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(46px,1fr));gap:6px}@container (min-width: 600px){.ft-clans-grid{grid-template-columns:repeat(12,minmax(0,1fr))}}@container (min-width: 1200px){.ft-clans-grid{grid-template-columns:repeat(23,minmax(0,1fr));gap:4px}}.ft-clans a{display:flex;justify-content:center;padding:6px 0;background:#1b1b1f;transition:background-color .2s,transform .2s}.ft-clans a:hover{background:#2a0d0b;transform:scale(1.12)}.ft-clans img{width:40px;max-width:100%;height:auto;aspect-ratio:1;object-fit:contain}@media (max-width: 900px){.ft-stats{grid-template-columns:repeat(4,minmax(0,1fr))}.ft-villages{grid-template-columns:repeat(2,1fr);margin:0 0 28px}.ft-vil{clip-path:polygon(8% 0,100% 0,92% 100%,0 100%)}}@media (max-width: 480px){.ft-hero{padding:24px 20px}.ft-stats b{font-size:2rem}.ft-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.ft-stats>div{font-size:.7rem;letter-spacing:.08em;text-align:center}.ft-vil img{width:56px;height:56px}.ft-vil-name{font-size:1.5rem}}.t8-menu{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 14px}.t8-item{display:flex;align-items:stretch;clip-path:polygon(0 0,100% 0,calc(100% - 14px) 100%,0 100%);background:#151518;transition:background-color .2s,transform .2s}.t8-item:hover{background:#1f1f23;transform:translate(6px)}.t8-num{display:flex;align-items:center;padding:0 16px;background:linear-gradient(90deg,#ff3b1f,#c80a0a);font-family:Barlow Condensed,Arial Narrow,sans-serif;font-style:italic;font-weight:900;font-size:1.7rem;color:#fff}.t8-body{padding:14px 26px 14px 18px}.t8-name{font-family:Barlow Condensed,Arial Narrow,sans-serif;font-style:italic;font-weight:900;font-size:1.5rem;line-height:1.1;text-transform:uppercase;color:#fff}.t8-links{display:flex;flex-wrap:wrap;gap:2px 14px;margin-top:8px;font-size:.92rem}@media (max-width: 900px){.t8-menu{grid-template-columns:1fr}}.skin-theme-clientpref-night .cdx-typeahead-search__menu{border:1px solid #2e2e34;border-radius:0;background:#121215;box-shadow:0 14px 30px #0009}.skin-theme-clientpref-night .cdx-typeahead-search__menu .cdx-menu__listbox:before{content:"Pages";display:block;padding:6px 14px 5px;background:#1b1b1f;box-shadow:inset 0 3px #c80a0a;border-bottom:1px solid #2e2e34;font-family:var(--ffw-display);font-style:italic;font-weight:800;font-size:.95rem;letter-spacing:.08em;text-transform:uppercase;color:#ff7458}.skin-theme-clientpref-night .cdx-typeahead-search__menu .cdx-menu__listbox:not(:has(.cdx-thumbnail)):before{display:none}.skin-theme-clientpref-night .cdx-typeahead-search__menu .cdx-menu-item{padding:0;border-bottom:1px solid #2e2e34}.skin-theme-clientpref-night .cdx-typeahead-search__menu .cdx-menu-item__content{align-items:stretch;gap:0;padding:0}.skin-theme-clientpref-night .cdx-typeahead-search__menu .cdx-menu-item__thumbnail{display:flex;align-items:center;justify-content:center;width:56px;min-width:56px;height:auto;min-height:46px;border:0;border-right:1px solid #2e2e34;border-radius:0;background:#1b1b1f}.skin-theme-clientpref-night .cdx-typeahead-search__menu .cdx-thumbnail__image,.skin-theme-clientpref-night .cdx-typeahead-search__menu .cdx-thumbnail__placeholder{position:static;width:32px;min-width:32px;height:32px;border:0;border-radius:0;background-color:transparent}.skin-theme-clientpref-night .cdx-typeahead-search__menu .cdx-thumbnail__image{background-size:contain;image-rendering:pixelated}.skin-theme-clientpref-night .cdx-typeahead-search__menu .cdx-menu-item__text{display:flex;align-items:center;flex:1;padding:8px 14px}.skin-theme-clientpref-night .cdx-typeahead-search__menu .cdx-menu-item__text__label{font-weight:600;color:#ece7df}.skin-theme-clientpref-night .cdx-typeahead-search__menu .cdx-menu-item__content:after{content:"";align-self:center;width:8px;height:8px;margin-right:18px;border-top:3px solid #ff3b1f;border-right:3px solid #ff3b1f;transform:rotate(45deg);opacity:0}.skin-theme-clientpref-night .cdx-typeahead-search__menu .cdx-menu-item--highlighted{background:#1d1d21}.skin-theme-clientpref-night .cdx-typeahead-search__menu .cdx-menu-item--highlighted .cdx-menu-item__content:after{opacity:1}.skin-theme-clientpref-night .cdx-typeahead-search__menu .cdx-menu-item--highlighted .cdx-menu-item__text__label{color:#fff}.skin-theme-clientpref-night .cdx-typeahead-search__menu .cdx-menu-item:has(.cdx-typeahead-search__search-footer){border-bottom:0}.skin-theme-clientpref-night .cdx-typeahead-search__search-footer{align-items:stretch!important;min-height:40px;border-top:1px solid #2e2e34;background:#151518}.skin-theme-clientpref-night .cdx-menu-item--highlighted .cdx-typeahead-search__search-footer{background:#2a0d0b}.skin-theme-clientpref-night .cdx-menu-item--highlighted .cdx-typeahead-search__search-footer:after{opacity:1}.skin-theme-clientpref-night .cdx-typeahead-search__menu .cdx-typeahead-search__search-footer__icon{height:auto;min-height:40px;color:#ff3b1f}.skin-theme-clientpref-night .cdx-typeahead-search__search-footer__icon svg{width:20px;height:20px}.skin-theme-clientpref-night .cdx-typeahead-search__search-footer__text{color:#a39d94}.skin-theme-clientpref-night .cdx-typeahead-search__search-footer__query{color:#ff7458}.skin-theme-clientpref-night .cdx-typeahead-search__menu .cdx-typeahead-search__search-footer__icon svg{display:none}.skin-theme-clientpref-night .cdx-typeahead-search__menu .cdx-typeahead-search__search-footer__icon:before{content:"";width:20px;height:20px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M8 1a7 7 0 0 1 5.6 11.2l5.1 5.1-1.4 1.4-5.1-5.1A7 7 0 1 1 8 1zm0 2a5 5 0 1 0 0 10A5 5 0 0 0 8 3z'/%3E%3C/svg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M8 1a7 7 0 0 1 5.6 11.2l5.1 5.1-1.4 1.4-5.1-5.1A7 7 0 1 1 8 1zm0 2a5 5 0 1 0 0 10A5 5 0 0 0 8 3z'/%3E%3C/svg%3E") center / contain no-repeat}.mw-special-Search #mw-search-top-table .oo-ui-buttonElement-button{font-family:var(--ffw-display);font-style:italic;font-weight:800;font-size:1rem;letter-spacing:.04em;text-transform:uppercase}.mw-special-Search .mw-search-profile-tabs{margin:12px 0 4px;padding:0;border:0;background:none}.mw-special-Search .search-types ul{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}.mw-special-Search .search-types li{margin:0;padding:0}.mw-special-Search .search-types li a{display:inline-block;padding:5px 16px;clip-path:polygon(7px 0,100% 0,calc(100% - 7px) 100%,0 100%);background:#1b1b1f;color:#e6ded3;font-family:var(--ffw-display);font-style:italic;font-weight:800;font-size:1rem;letter-spacing:.03em;text-transform:uppercase;text-decoration:none}.mw-special-Search .search-types li a:hover{background:#2a0d0b;color:#fff}.mw-special-Search .search-types li.current a{background:linear-gradient(90deg,#ff3b1f,#c80a0a 70%,#8a0000);color:#fff}.mw-special-Search .results-info{color:#a39d94;font-size:.85rem}.mw-special-Search .results-info strong{color:#fff}.mw-special-Search .searchmatch{color:#fff;font-weight:700}.mw-special-Search .ffw-sr-icon img{max-width:100%;max-height:100%;image-rendering:pixelated}.mw-special-Search ul.mw-search-results{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;margin:6px 0 26px;list-style:none}.mw-special-Search li.mw-search-result{position:relative;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto 1fr;align-items:center;column-gap:12px;margin:0;padding:14px 18px 12px;clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px);background:#151518;box-shadow:inset 0 3px #c80a0a;transition:background-color .2s,transform .2s}.mw-special-Search li.mw-search-result:hover{background:#1d1d21;transform:translateY(-3px)}.mw-special-Search .ffw-sr-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#1d1d21}.mw-special-Search .ffw-sr-icon:not(.ffw-sr-has-icon):after{content:"";width:12px;height:12px;background:#3a3a40;clip-path:polygon(40% 0,100% 0,60% 100%,0 100%)}.mw-special-Search .ffw-sr-body{display:contents}.mw-special-Search .searchresult,.mw-special-Search .mw-search-result-data{grid-column:1 / -1}.mw-special-Search .mw-search-result-heading a{font-family:var(--ffw-display);font-style:italic;font-weight:900;font-size:1.4rem;line-height:1.05;text-transform:uppercase;color:#fff}.mw-special-Search .mw-search-result-heading a:after{content:"";position:absolute;inset:0}.mw-special-Search li.mw-search-result:hover .mw-search-result-heading a{color:#ff9a85;text-decoration:none}.mw-special-Search .searchresult{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;align-self:start;margin:10px 0 8px;font-size:.88rem;color:#c9c3ba}.mw-special-Search .mw-search-result-data{align-self:end;font-size:.75rem;color:#8a847b}