/* Ninja Idle Community — shared ranking/news layouts. Built on wiki/wiki.css. */
.community-shell{min-height:100vh;display:flex;flex-direction:column;background:#090708}
.community-page{width:min(1340px,100%);flex:1;margin:0 auto;padding:0 clamp(20px,4vw,64px) 65px}
.community-hero{position:relative;isolation:isolate;overflow:hidden;min-height:320px;margin:0 calc(-1 * clamp(20px,4vw,64px));border-bottom:1px solid #674036;background:#160d0e}
.community-hero::before{content:"";position:absolute;inset:0;z-index:-2;background:url('/assets/ninja-idle-hero-complete.jpg') center 40%/cover no-repeat;filter:saturate(.62) contrast(1.04)}
.community-hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#12090bee 0%,#16090bd9 47%,#100808a3 100%),linear-gradient(0deg,#090708,transparent 70%)}
.community-hero-inner{padding:57px clamp(20px,4vw,64px) 39px;max-width:970px}
.community-kicker{font:700 11px 'Cinzel',Georgia,serif;letter-spacing:.14em;color:#e4aa83;margin:0 0 19px}
.community-kicker span{color:#d25347;padding-right:11px;font:26px Georgia,serif;vertical-align:middle}
.community-title{margin:0;font:900 clamp(52px,6vw,94px)/.88 'Barlow Condensed',Impact,sans-serif;letter-spacing:.045em;color:#f8e5cb}
.community-title em{font-style:normal;color:#d54d43}
.community-intro{max-width:690px;font:13px/1.85 'Noto Serif',Georgia,serif;color:#c2aa99;margin:18px 0 0}
.community-meta{display:flex;gap:23px;flex-wrap:wrap;margin-top:26px;font:700 11px 'Barlow Condensed',sans-serif;letter-spacing:.15em;color:#c59b82}
.community-meta b{color:#f3d5b0;font-size:17px;margin-right:5px}
.community-section{margin-top:39px}
.community-section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;border-bottom:1px solid #63382f;padding:0 0 17px;margin-bottom:19px}
.community-overline{font:700 10px 'Cinzel',serif;color:#c39a7c;letter-spacing:.12em}
.community-heading{margin:8px 0 0;font:900 37px/.95 'Barlow Condensed',sans-serif;color:#f3dfc6;letter-spacing:.04em}
.community-section-note{font:11px/1.7 'Noto Serif',serif;color:#a68d7c;max-width:450px;margin:0}
.community-grid{display:grid;grid-template-columns:minmax(0,1fr) 305px;gap:23px;align-items:start}
.community-panel{border:1px solid #5a362c;background:linear-gradient(140deg,#201415,#100b0d 85%)}
.community-panel-head{padding:18px 21px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #604036}
.community-panel-head h3{margin:0;color:#efc5a5;letter-spacing:.12em;font:700 12px 'Cinzel',serif}
.community-panel-head span{font:700 11px 'Barlow Condensed',sans-serif;letter-spacing:.1em;color:#947360}
.community-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 19px}
.community-field{display:flex;align-items:center;gap:10px;flex:1 1 230px;background:#180f11;border:1px solid #694436;min-height:45px;padding:0 13px}
.community-field span{font:24px Georgia,serif;color:#b86a4c}
.community-field input{width:100%;min-width:0;border:0;outline:none;background:transparent;color:#eedac5;font:12px 'Noto Serif',serif}
.community-field input::placeholder{color:#806b5e}
.community-tabs{display:flex;flex-wrap:wrap;gap:7px}
.community-tab{background:#180f11;color:#ad8d78;border:1px solid #5f3c30;min-height:43px;padding:8px 13px;font:700 11px 'Barlow Condensed',sans-serif;letter-spacing:.1em}
.community-tab:hover{border-color:#ac644b;color:#f0cfad}
.community-tab[aria-pressed=true]{background:#642626;border-color:#ce5546;color:#f8dfc5}
.community-empty{padding:52px 24px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px;color:#ab8f7d}
.community-empty-symbol{font:57px Georgia,serif;color:#b45343;border:1px solid #743f32;width:98px;height:98px;display:grid;place-items:center;background:#2d1719}
.community-empty strong{font:900 29px 'Barlow Condensed',sans-serif;letter-spacing:.04em;color:#efcfb0}
.community-empty p{max-width:430px;margin:0;font:12px/1.85 'Noto Serif',serif}
.community-pill{display:inline-block;padding:6px 10px;border:1px solid #79503e;background:#3b221d;color:#e5b38c;font:700 10px 'Barlow Condensed',sans-serif;letter-spacing:.09em}
.community-note{border-left:2px solid #a55e46;padding:16px 18px;background:#35201770;color:#bfa594;font:11px/1.85 'Noto Serif',serif;margin-top:18px}
.community-note strong{color:#efc8a6}
.community-aside{padding:19px}
.community-aside h3{margin:0 0 15px;font:700 12px 'Cinzel',serif;letter-spacing:.1em;color:#e2b895}
.community-aside p{font:12px/1.9 'Noto Serif',serif;color:#b19984;margin:0 0 14px}
.community-aside .aside-rule{height:1px;background:#604034;margin:19px 0}
.community-aside a,.community-link{display:inline-block;font:700 12px 'Barlow Condensed',sans-serif;letter-spacing:.12em;color:#ebb78f;text-decoration:none}
.community-aside a:hover,.community-link:hover{text-decoration:underline}
.community-rank-table{width:100%;border-collapse:collapse}
.community-rank-table th{background:#2e1a1b;border-bottom:1px solid #654034;padding:13px 17px;text-align:left;color:#c9a084;font:700 10px 'Cinzel',serif;letter-spacing:.08em}
.community-rank-table td{padding:15px 17px;border-bottom:1px solid #493128;font:13px 'Noto Serif',serif;color:#ebd3b8}
.community-rank-table td:first-child{font:900 21px 'Barlow Condensed',sans-serif;color:#e1ae86}
.community-rank-table td:last-child,.community-rank-table th:last-child{text-align:right}
.community-rank-table tr:hover td{background:#3c212188}
.community-rank-table tbody:empty{display:none}
.ranking-podium{display:grid;grid-template-columns:1fr 1.1fr 1fr;gap:11px;align-items:end;padding:20px 17px 22px}
.podium-slot{text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;min-width:0;background:linear-gradient(#2a171966,#100b0b);border:1px solid #57342b;padding:15px 7px 17px;min-height:173px}
.podium-slot:first-child{order:2;min-height:196px;border-color:#98674a}
.podium-slot:nth-child(2){order:1}
.podium-slot:nth-child(3){order:3}
.podium-medal{font:29px Georgia,serif;color:#c08d65}
.podium-slot:first-child .podium-medal{font-size:41px;color:#f0c88a}
.podium-slot strong{font:900 19px 'Barlow Condensed',sans-serif;letter-spacing:.04em;color:#ead0b1}
.podium-slot small{font:10px/1.6 'Noto Serif',serif;color:#9e8172}
.news-list{display:flex;flex-direction:column;gap:9px}
.news-record{display:block;width:100%;text-align:left;background:linear-gradient(115deg,#241718,#100c0c);border:1px solid #59382e;color:#efd7bd;padding:21px;transition:background .17s,border-color .17s}
.news-record:hover,.news-record[aria-pressed=true]{border-color:#b66a4d;background:linear-gradient(115deg,#482324,#170e0f)}
.news-record[aria-pressed=true]{border-left:3px solid #d75d48}
.news-record-top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.news-record-category{font:700 10px 'Cinzel',serif;color:#cda47f;letter-spacing:.08em}
.news-record-date{color:#907564;font:700 10px 'Barlow Condensed',sans-serif;letter-spacing:.08em}
.news-record h3{font:800 clamp(22px,2.1vw,30px)/1.05 'Barlow Condensed',sans-serif;color:#f3dbc0;letter-spacing:.025em;margin:12px 0 9px}
.news-record p{margin:0;color:#b7a08d;font:12px/1.8 'Noto Serif',serif}
.news-record-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:14px;color:#c59b7d;font:700 10px 'Barlow Condensed',sans-serif;letter-spacing:.1em}
.news-detail{padding:23px 21px}
.news-detail h3{font:900 34px/.98 'Barlow Condensed',sans-serif;color:#efd5b5;margin:17px 0 12px}
.news-detail p{font:12px/1.9 'Noto Serif',serif;color:#b7a08c}
.news-detail ul{list-style:none;margin:20px 0;padding:0;display:flex;flex-direction:column;gap:12px}
.news-detail li{position:relative;padding-left:17px;color:#dbb99a;font:12px/1.75 'Noto Serif',serif}
.news-detail li:before{content:'◆';position:absolute;left:0;top:0;color:#b65b48;font-size:9px}
.news-detail time{color:#a7836d;font:700 11px 'Cinzel',serif}
.news-detail .detail-link{display:block;margin-top:25px;border:1px solid #a65f45;padding:13px 14px;background:#4a2220;color:#f3c9a5;font:700 12px 'Barlow Condensed',sans-serif;letter-spacing:.09em;text-align:center}
.news-detail .detail-link:hover{background:#72302b}
.news-year{margin:0 0 20px;color:#9c7865;font:700 11px 'Cinzel',serif;letter-spacing:.12em}
@media(max-width:980px){.community-grid{grid-template-columns:1fr}.community-hero{min-height:290px}.community-page{padding-bottom:40px}.community-aside{order:2}.site-label{display:none}}
@media(max-width:650px){.site-bar{min-height:66px;padding:0 14px}.site-links{gap:10px;font-size:10px}.brand{font-size:22px}.brand-mark{font-size:30px}.community-hero-inner{padding:45px 18px 30px}.community-title{font-size:58px}.community-page{padding:0 15px 35px}.community-hero{margin:0 -15px}.community-grid{gap:15px}.community-section-head{align-items:start;flex-direction:column}.community-meta{gap:11px}.community-tabs{width:100%;justify-content:flex-start}.community-tab{padding:7px 9px}.ranking-podium{gap:6px;padding:11px 8px}.podium-slot{min-height:144px}.podium-slot:first-child{min-height:165px}.podium-slot strong{font-size:15px}.podium-slot small{font-size:9px}.community-rank-table th,.community-rank-table td{padding:12px 9px;font-size:10px}}
@media(max-width:390px){.site-links a[href="/character/"]{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}
