/* NOKTERRA ULTIMATE 6.0 — mobile-first extension */
:root{--ult-gold:#f6c981;--ult-border:#efd4ac30;--ult-bg:#14141d;--ult-text:#e9e6e4}
button:focus-visible,input:focus-visible{outline:2px solid #f5c37b;outline-offset:3px}
button{touch-action:manipulation}
.ultDashboard{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,.9fr);gap:12px;margin:15px 0 18px}
.ultFeature,.ultTonight{border:1px solid #cdb17a53;border-radius:15px;overflow:hidden;position:relative;min-width:0;padding:28px;background-color:#151620;background-position:center;background-size:cover;display:flex;flex-direction:column;justify-content:center;min-height:260px}
.ultFeature h2{font-size:clamp(23px,3.3vw,38px);letter-spacing:-.03em;line-height:1.12;margin:9px 0 12px;color:#f8f0e5}
.ultFeature p,.ultTonight p{line-height:1.7;color:#c7bbc0;font-size:12px;max-width:630px;margin-bottom:14px}
.ultQuick{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:10px}.ultQuick button{background:#131015ce;color:#f1d2a7;border:1px solid #e3ae786c;border-radius:9px;padding:11px 12px;font-size:10px;font-weight:850;cursor:pointer}
.ultQuick button:hover,.ultBattleBtns button:hover{background:#d2a46b26}.ultTonight{background:linear-gradient(140deg,#301c2a,#10131b);justify-content:space-between}
.ultTonight h3{font-size:21px;line-height:1.3;margin:15px 0 7px}.ultMeters{display:grid;gap:13px;margin:10px 0 16px}.ultMeters>div{font-size:11px;color:#cabdc0}.ultMeters b{float:right;color:#edd7b4}
.ultTrack{height:6px;border-radius:9px;background:#ffffff19;overflow:hidden;margin-top:8px;max-width:100%}.ultTrack>div{height:100%;border-radius:9px;background:linear-gradient(90deg,#984341,#edc07c)}
.ultModuleTitle{font-size:10px;letter-spacing:.15em;font-weight:900;color:#efc285;margin:25px 0 11px}.ultMiniGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.ultMini{display:flex;flex-direction:column;justify-content:end;min-width:0;position:relative;overflow:hidden;min-height:139px;border:1px solid #ffffff35;border-radius:11px;background:#17131c;color:#fff;padding:12px;text-align:left;cursor:pointer}
.ultMini:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#05040aed,#04040a0f 95%);pointer-events:none}.ultMini>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .3s}.ultMini:hover img{transform:scale(1.07)}.ultMini strong,.ultMini span{z-index:1;position:relative;text-shadow:0 2px 6px #000}.ultMini strong{font-size:14px}.ultMini span{font-size:9px;color:#f2bf89;margin-top:6px;font-weight:800}
.ultHeading{display:flex;justify-content:space-between;align-items:end;gap:18px;padding:5px 0 22px}.ultHeading h2{font-size:clamp(28px,4vw,45px);line-height:1.1;color:#fff;margin:10px 0}.ultHeading p{font-size:13px;color:#c4b8bc;line-height:1.65;max-width:800px}.ultTag{border:1px solid #ecc28945;background:#281e2440;color:#f7cd96;border-radius:20px;padding:9px 13px;white-space:nowrap;font-size:10px;font-weight:750}
.ultOverview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:20px}.ultOverview>div{border:1px solid #ffffff21;background:linear-gradient(125deg,#251b24,#14171f);padding:15px 16px;border-radius:12px;font-size:11px;color:#c9b4ae;min-width:0}.ultOverview b{display:block;font-size:clamp(18px,2.5vw,25px);margin-top:7px;color:#f4ca93;font-weight:800}
.ultCards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:10px 0 30px}.ultCard{background:linear-gradient(140deg,#211b24,#12141e);border:1px solid #ffffff26;border-radius:14px;overflow:hidden;min-width:0;display:flex;flex-direction:column}
.ultCardImage{height:180px;position:relative;overflow:hidden}.ultCardImage img{width:100%;height:100%;object-fit:cover}.ultCardImage:after{content:"";position:absolute;inset:30% 0 0;background:linear-gradient(0deg,#06050ba6,transparent);pointer-events:none}
.ultCardImage span{position:absolute;z-index:2;left:12px;bottom:12px;color:#f1c58e;font-size:10px;font-weight:850;letter-spacing:.05em;background:#0e0e13c4;border-radius:5px;padding:5px 8px}
.ultCardBody{padding:16px;display:flex;flex-direction:column;flex:1;min-width:0;gap:10px}.ultCardBody h3{font-size:17px;line-height:1.24;margin:0;color:#fcf1e7}.ultCardBody p{font-size:12px;line-height:1.6;color:#c9bec0;margin:0;flex:1}.ultCardBody .ultHint{font-size:12px;color:#e4bd87}
.ultFoot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding-top:7px}.ultFoot small{color:#e9c99a;font-size:11px;font-weight:750}.ultFoot .btn{min-height:36px;flex:0 1 auto}
.ultCardBody>.btn.wide{width:100%;margin-top:4px}.ultWideImg{width:100%;height:165px;object-fit:cover}.ultMarketNumbers{border:1px solid #ffffff18;background:#0b0c136e;padding:11px;border-radius:9px}.ultMarketNumbers b{color:#e8d2ab;font-size:23px}.ultMarketNumbers small{display:block;color:#ada8ae;margin-top:7px;font-size:10px}.ultCard .ultFoot .btn:disabled{opacity:.43}
.ultSubTitle{margin:27px 0 15px}.ultPanel{background:linear-gradient(135deg,#241c25,#14151c);padding:20px;border-radius:14px;border:1px solid #ffffff28;margin-bottom:18px}.ultPanel h3{margin:0 0 9px}.ultPanel p{font-size:12px;color:#c7bfc0;line-height:1.65;margin:0 0 14px}.ultPanel b{color:#e8c28b}.ultTwo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.ultInputLine{display:flex;gap:8px}.ultInputLine input{min-width:0;flex:1;background:#111219;color:#f8ede1;border:1px solid #e5bc7d5e;border-radius:9px;padding:12px;font-size:13px}
.ultClanHero{border-radius:14px;background-color:#1c1820;background-size:cover;background-position:center;padding:32px;min-height:210px;display:flex;flex-direction:column;justify-content:center;margin-bottom:20px;border:1px solid #d2a8785e}.ultClanHero h2{font-size:40px;margin:9px 0}.ultClanHero p{color:#ddc4bc;font-size:12px;margin:0 0 17px}.ultClanHero .btn{align-self:start}
.ultRank{display:flex;gap:14px;align-items:center;padding:13px;border-bottom:1px solid #ffffff1a}.ultRank span{display:grid;place-items:center;background:#8e5f3433;color:#edc78b;border-radius:8px;width:30px;height:30px}.ultRank b{flex:1}.ultRank em{font-style:normal;color:#b2aaaf;font-size:12px}
.ultSeasonList{display:grid;gap:11px}.ultSeasonRow{display:grid;grid-template-columns:50px 1fr auto;gap:12px;align-items:center;padding:17px;background:#1b1922;border:1px solid #ffffff22;border-radius:13px}.ultSeasonMark{font-size:19px;color:#d9b47f;font-weight:800}.ultSeasonRow h3{margin:0 0 7px;font-size:15px}.ultSeasonRow p{color:#c1b9bb;font-size:11px;margin:0}.ultSeasonRow aside{display:flex;flex-direction:column;gap:8px;align-items:end}.ultSeasonRow aside>b{font-size:13px;color:#edca94}.ultSeasonRow .ultTrack{max-width:520px}
.ultDialogChoices{display:grid;gap:9px;margin:14px 0}.ultDialogChoices .btn{width:100%;text-align:left;white-space:normal;line-height:1.5}
.ultHelp{padding:16px;margin:10px 0 15px;border-left:3px solid #dcb17c;background:#17131e;color:#dbc8b8;font-size:12px;line-height:1.6}
.ultBattle{border-color:#e2ab6687}.ultBattleBtns{display:flex;gap:9px;flex-wrap:wrap}.ultBattleBtns button{flex:1;min-width:130px;border:1px solid #d6b07c73;border-radius:9px;background:#1d1721;color:#f2d5a7;font-weight:750;padding:15px;cursor:pointer}
.ultEventCard{position:relative;min-height:225px;border-radius:13px;overflow:hidden;border:1px solid #ffffff36;padding:0;text-align:left;background:#1d1a22;color:white}.ultEventCard img{position:absolute;width:100%;height:100%;object-fit:cover;inset:0}.ultEventCard:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#03040bec,#090a0b22)}.ultEventCard span{position:absolute;z-index:2;left:0;right:0;bottom:0;display:flex;flex-direction:column;gap:8px;padding:20px}.ultEventCard small{color:#f3bb75;font-weight:800}.ultEventCard strong{font-size:20px}.ultEventCard em{font-style:normal;font-size:11px;color:#cfc8c8;line-height:1.5}
body:has(.ultCard) .content{padding-bottom:90px}
@media(max-width:1240px){.ultCards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:930px){.ultDashboard{grid-template-columns:1fr}.ultFeature,.ultTonight{min-height:210px}.ultMiniGrid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:650px){.ultDashboard{margin:12px 0;gap:10px}.ultFeature,.ultTonight{padding:19px;min-height:0}.ultFeature h2{font-size:26px}.ultFeature p,.ultTonight p{font-size:11px}.ultQuick button{padding:9px 10px;font-size:9px}.ultMiniGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.ultMini{height:133px;min-height:0}.ultMini strong{font-size:13px}.ultHeading{display:block}.ultTag{display:inline-block;margin-top:14px}.ultOverview{gap:6px}.ultOverview>div{padding:12px 9px;font-size:9px}.ultOverview b{font-size:16px}.ultCards{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.ultCardImage{height:122px}.ultCardBody{padding:11px;gap:7px}.ultCardBody h3{font-size:13px}.ultCardBody p{font-size:10px;line-height:1.5}.ultCardImage span{font-size:8px;left:6px;bottom:7px}.ultFoot{display:grid;gap:8px}.ultFoot small{font-size:10px}.ultFoot .btn{width:100%;font-size:10px;padding:10px 6px}.ultPanel{padding:15px}.ultTwo{grid-template-columns:1fr}.ultClanHero{padding:19px}.ultClanHero h2{font-size:26px}.ultSeasonRow{grid-template-columns:33px 1fr;gap:8px;padding:12px}.ultSeasonRow aside{grid-column:2;flex-direction:row;align-items:center;justify-content:space-between}.ultEventCard{min-height:180px}.ultEventCard span{padding:10px}.ultEventCard strong{font-size:15px}.ultEventCard em{font-size:10px}.ultInputLine{flex-wrap:wrap}.ultInputLine input{flex-basis:100%}}
@media(prefers-reduced-motion:reduce){.ultMini img{transition:none}}

.ultPosters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-top:9px}.ultPoster{position:relative;overflow:hidden;background:#191723;border:1px solid #ffffff35;border-radius:15px;min-height:255px;text-align:left;color:#fff;padding:0;cursor:pointer}.ultPoster img{width:100%;height:255px;object-fit:cover;transition:transform .3s}.ultPoster:hover img{transform:scale(1.05)}.ultPoster:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#040409ed,transparent 65%)}.ultPoster>span,.ultPoster>small{position:absolute;z-index:2;left:14px;right:14px}.ultPoster>span{bottom:37px;font-weight:800;font-size:19px}.ultPoster>small{bottom:17px;color:#f0c58b;font-size:10px;font-weight:850}.ultPosterPreview{width:100%;max-height:75vh;object-fit:contain;background:#040407}
@media(max-width:800px){.ultPosters{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.ultPosters{gap:8px}.ultPoster,.ultPoster img{height:175px;min-height:175px}.ultPoster>span{font-size:12px;bottom:29px}.ultPoster>small{font-size:8px;bottom:12px}}